/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc 

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

	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, menu, nav, section {
		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; }
		:focus { outline:0; }
        

/* #Basic Styles
================================================== */

	body {
		background: #f4f7f8;
		font: 14px/22px 'Roboto', Trebuchet MS, Helvetica, Arial, sans-serif;
		color: #4a4a4a;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		-moz-osx-font-smoothing: grayscale;  /* for smoothing in Firefox */
		overflow-x: hidden;
		text-rendering: optimizeLegibility;
}


/* #Typography
================================================== */

	/*h1, h2, h3, h4, h5, h6 {
		color: #292929;
		font-weight: 300; }
		*/
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 48px; line-height: 51px; margin-bottom: 12px; }
	h2 { font-size: 36px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 22px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 19px; line-height: 24px; margin-bottom: 5px; }
	h6 { font-size: 16px; line-height: 23px; }
	h2 { letter-spacing: -0.03em; }
	.subheader { color: #849098; }
	h1.slight, h2.slight, h3.slight, h4.slight, h5.slight, h6.slight, p.slight { color: #a2a5a7; }
	h1.extr { font-size:56px; font-weight:100; }
	h5.helvetic5 { font-family:Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; margin-bottom:14px; }
	h1 strong { font-weight:700; letter-spacing: -0.04em; }
	h3 strong, h4 strong, h5 strong, h6 strong { font-weight:400;}
	h3 strong, h4 strong { letter-spacing: -0.02em;}
	h1.maxtitle { font-size:56px; line-height:60px; font-weight:100;}

	/*p { margin: 0 0 20px 0; color:#424242; font-size:16px; line-height:24px; font-weight:300; letter-spacing:0.2px; }*/
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #818a92;  }
	p.magic { font-size: 19px; line-height: 25px; margin: 0; }

	em { font-style: italic; }
	strong { font-weight: bold; }
	p strong { font-size:15px; }
	small { font-size: 75%; color: #969a9e; }
	p small { font-size:12px; font-weight:400; }
	i:hover { cursor:default;}
	a i:hover { cursor:pointer;}
	
/* Dropcaps */
    .dropcap1, .dropcap2, .dropcap3 { text-transform:uppercase; line-height:1; float: left; font-size: 44px; margin: 0 8px 0 0; font-family: Times, serif, Arial; }
	.dropcap2, .dropcap3 {	background: #4a4a4a; color: #fff; display: block; padding:10px; border-radius:5px; margin-top: -2px; }
	.dropcap3 { background: #0093d0; }
	
/* Text Highlights */	
	.highlight1 { padding:2px 5px; background:#85bc36; color:#fff; vertical-align:baseline; }
	.highlight2 { padding:2px 5px; background:#f4f4f4; color:#666; vertical-align:baseline; }
	.highlight3 { padding:3px 6px; background:#0093d0; color:#fff; vertical-align:baseline; }
	.highlight4 { background-color:#fffdcc; vertical-align:baseline; padding:1px 3px;}
	
/*	Blockquotes  */
	blockquote, blockquote p, q { font-size: 15px; line-height: 24px; color: #6a747d; font-family:"Roboto Slab";  }
	blockquote { position:relative; margin: 0 0 21px; padding: 18px 10px 14px 60px; /*background: url(../images/b-qot1.png) no-repeat 12px 9px;*/}
	blockquote:before { position:absolute; left:12px; top:26px; content:'\201C'; font-size:62px; color:#bbb; font-weight:bold; font-family: Georgia, Times, serif; }
	blockquote cite { display: block; font-style: italic;  font-size: 12px; color: #777f87; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
	blockquote small { font-size:13px; font-style: italic;}
	blockquote img { max-width:100%; width:auto; display:inline; }

	hr { border: solid #e5e5e5; border-width: 1px 0 0; clear: both; margin: 14px 0 35px; height: 0; width: auto; }
	hr.boldbx { border-width: 4px 0 0; border-color:#efefef; }	
	.container hr { margin-right: 10px; margin-left: 10px;}
	.container .columns hr, .container .column hr  { margin-right: 0px; margin-left: 0px;}
		
	::selection { background: #e4744f; color: #fff; }
	::-moz-selection { background: #e4744f; color: #fff; }


/* #Links
================================================== */

	a, a:visited {
		/*color: #0093d0;*/
		text-decoration: none;
		outline: 0;
	}
	a:hover, a:focus {
		/*color: #ff9900;*/
	}
	p a, p a:visited { line-height: inherit; }
	a:active { outline:none; opacity: 0.75; }


/* #Lists
================================================== */
/*
	ul, ol { margin-bottom: 21px; margin-left: 3px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.disc { margin-left: 20px; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 20px; margin-bottom: 14px; font-weight:300; font-size:16px; }
        li strong {font-size:15px;}
	ul.large li { line-height: 21px; }
	li p { line-height: 18px; }
	ul.check li, li.check { background:url(../images/li-check.png) no-repeat left 4px; }
	ul.plus li, li.plus { background:url(../images/li-plus.png) no-repeat left 4px; }
	ul.minus li, li.minus { background:url(../images/li-minus.png) no-repeat left 3px; }
	ul.star li, li.star { background:url(../images/li-star.png) no-repeat left 4px; }
	ul.arrow li, li.arrow { background:url(../images/li-arrow.png) no-repeat left 4px; }
	ul.arrow2 li, li.arrow2 { background:url(../images/li-arrow2.png) no-repeat left 4px; }
	ul.square li, li.square { background:url(../images/li-square.png) no-repeat left 4px; }
	ul.circle li, li.circle { background:url(../images/li-circle.png) no-repeat left 5px; }
	ul.cross li, li.cross { background:url(../images/li-cross.png) no-repeat left 3px; }
	ul.check li, li.check, ul.plus li, li.plus, ul.minus li, li.minus, ul.star li, li.star,
	 ul.arrow li, li.arrow, ul.arrow2 li, li.arrow2, ul.square li, li.square,
	  ul.circle li, li.circle, ul.cross li, li.cross { padding:0 0 1px 16px;  }
*/

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }
		
	img.full-width {
		width: 100%;
		height: auto; }
	p img { margin-bottom:14px;}


/* #Buttons
================================================== */

	.button,
	button, a.price-send,
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button.green,
	button.green, 
	input[type="submit"].green,
	input[type="reset"].green,
	input[type="button"].green  {
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  border:0 none;
	  color: #fff;
	  display: inline-block;
	  font-size: 14px;
	  line-height:1;
	  text-transform:capitalize;
	  font-weight: 400;
	  font-family: "Roboto", Helvetica, Arial, sans-serif;
	  text-decoration: none;
	  text-shadow: 0 -1px rgba(0, 0, 0, .29);
	  cursor: pointer;
	  margin-bottom: 21px;
	  line-height: 1;
	  padding: 15px 40px;
	  background: #8fbe32;
	  -webkit-transition: background 0.18s ease;
		-moz-transition: background 0.18s ease;
		-o-transition: background 0.18s ease;
		transition: background 0.18s ease;
	   }



	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; 
		}
		
	 .button.large,
	button.large,
	input[type="submit"].large,
	input[type="reset"].large,
	input[type="button"].large {
		padding: 20px 60px;
		font-size:15px;
		 }
		 
	 .button.small,
	button.small,
	input[type="submit"].small,
	input[type="reset"].small,
	input[type="button"].small {
		padding: 10px 30px;
		font-size: 12px;
		 }
		 
	 .button.blue,
	button.blue,
	input[type="submit"].blue,
	input[type="reset"].blue,
	input[type="button"].blue {
	  background: #128abc;   
		 }
		 
	 .button.blue:hover,
	button.blue:hover, 
	input[type="submit"].blue:hover,
	input[type="reset"].blue:hover,
	input[type="button"].blue:hover {
		background: #32a6d6;
		}
		 
	 .button.red,
	button.red,
	input[type="submit"].red,
	input[type="reset"].red,
	input[type="button"].red {

	  background: #e53f51;   
		 }
		 
	  .button.red:hover,
	button.red:hover, 
	input[type="submit"].red:hover,
	input[type="reset"].red:hover,
	input[type="button"].red:hover {
		background: #eb5162;
		}
		 
	 .button.gray,
	button.gray,
	input[type="submit"].gray,
	input[type="reset"].gray,
	input[type="button"].gray {
	  color:#656f79;
	  text-shadow: 0 -1px #fff;
	  background: #f3f4f5;    
		 }
		 
		 		 
	  .button.gray:hover,
	button.gray:hover, 
	input[type="submit"].gray:hover,
	input[type="reset"].gray:hover,
	input[type="button"].gray:hover {
		background: #f6f7f7;
		}
				 
	 .button.cherry,
	button.cherry,
	input[type="submit"].cherry,
	input[type="reset"].cherry,
	input[type="button"].cherry {
	  background: #93516a;   
		 }
		 
	 .button.cherry:hover,
	button.cherry:hover, 
	input[type="submit"].cherry:hover,
	input[type="reset"].cherry:hover,
	input[type="button"].cherry:hover {
		background: #a45d78;
		}
						 
	 .button.orchid,
	button.orchid,
	input[type="submit"].orchid,
	input[type="reset"].orchid,
	input[type="button"].orchid {
	  background: #9661ab; 	  	  
		 }
		 
	 .button.orchid:hover,
	button.orchid:hover, 
	input[type="submit"].orchid:hover,
	input[type="reset"].orchid:hover,
	input[type="button"].orchid:hover {
		background: #a06ab5;
		}
								 
	 .button.pink,
	button.pink,
	input[type="submit"].pink,
	input[type="reset"].pink,
	input[type="button"].pink {
	  background: #e64883; 	  
		 }
		 
	 .button.pink:hover,
	button.pink:hover, 
	input[type="submit"].pink:hover,
	input[type="reset"].pink:hover,
	input[type="button"].pink:hover {
		background: #ea598f;
		}
										 
	 .button.orange,
	button.orange,
	input[type="submit"].orange,
	input[type="reset"].orange,
	input[type="button"].orange {
	  background: #f98805; 	  
		 }
		 
	 .button.orange:hover,
	button.orange:hover, 
	input[type="submit"].orange:hover,
	input[type="reset"].orange:hover,
	input[type="button"].orange:hover {
		background: #eb9634;
		}		
												 
	 .button.teal,
	button.teal,
	input[type="submit"].teal,
	input[type="reset"].teal,
	input[type="button"].teal {
	  background: #1fa79e; 
		 }
		 
	 .button.teal:hover,
	button.teal:hover, 
	input[type="submit"].teal:hover,
	input[type="reset"].teal:hover,
	input[type="button"].teal:hover {
		background: #34b7ae;
		}
		
														 
	 .button.skyblue,
	button.skyblue,
	input[type="submit"].skyblue,
	input[type="reset"].skyblue,
	input[type="button"].skyblue {
	  background: #03acdc; 	  
		 }
		 
	 .button.skyblue:hover,
	button.skyblue:hover, 
	input[type="submit"].skyblue:hover,
	input[type="reset"].skyblue:hover,
	input[type="button"].skyblue:hover {
		background: #1db7e3;
		}
				
														 
	 .button.jade,
	button.jade,
	input[type="submit"].jade,
	input[type="reset"].jade,
	input[type="button"].jade {
	  background: #0aad80;   
		 }
		 
	 .button.jade:hover,
	button.jade:hover, 
	input[type="submit"].jade:hover,
	input[type="reset"].jade:hover,
	input[type="button"].jade:hover {
		background: #19bc8f;
		}


		
	a.button, .button.blue, .button.red, .button.cherry, .button.orchid, .button.pink, .button.orange, .button.teal {
		 color: #fff;
		 }
		
	  .button:active,
	button:active, a.price-send:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		color: #c1d7dc;
		opacity: 0.94;
		 }
		 
		 
	/* Bordered Buttons */		 
		.button.bordered-bot,
	button.bordered-bot,
	input[type="submit"].bordered-bot,
	input[type="reset"].bordered-bot,
	input[type="button"].bordered-bot {
		background:none !important;
		border:2px solid #dedede;
		color:#363f46;
		text-shadow:none;
		letter-spacing:2px;
		text-transform:uppercase;
		}
		
	    .button.bordered-bot:hover,
	button.bordered-bot:hover,
	input[type="submit"].bordered-bot:hover,
	input[type="reset"].bordered-bot:hover,
	input[type="button"].bordered-bot:hover {
		border-color:#363f46;
		color:#363f46;
		}
		
	 .button.blue.bordered-bot,
	button.blue.bordered-bot,
	input[type="submit"].blue.bordered-bot,
	input[type="reset"].blue.bordered-bot,
	input[type="button"].blue.bordered-bot {
	  border-color: #128abc;
	  color: #128abc;   
		 }
		 
		 
	 .button.red.bordered-bot,
	button.red.bordered-bot,
	input[type="submit"].red.bordered-bot,
	input[type="reset"].red.bordered-bot,
	input[type="button"].red.bordered-bot {

	  border-color: #e53f51;
	  color: #e53f51;   
		 }
		 
				 
	 .button.cherry.bordered-bot,
	button.cherry.bordered-bot,
	input[type="submit"].cherry.bordered-bot,
	input[type="reset"].cherry.bordered-bot,
	input[type="button"].cherry.bordered-bot {
	  border-color: #93516a;
	  color: #93516a;   
		 }

						 
	 .button.orchid.bordered-bot,
	button.orchid.bordered-bot,
	input[type="submit"].orchid.bordered-bot,
	input[type="reset"].orchid.bordered-bot,
	input[type="button"].orchid.bordered-bot {
	  border-color: #9661ab;
	  color: #9661ab; 	  	  
		 }
		 
								 
	 .button.pink.bordered-bot,
	button.pink.bordered-bot,
	input[type="submit"].pink.bordered-bot,
	input[type="reset"].pink.bordered-bot,
	input[type="button"].pink.bordered-bot {
	  border-color: #e64883;
	  color: #e64883; 	  
		 }
		 
										 
	 .button.orange.bordered-bot,
	button.orange.bordered-bot,
	input[type="submit"].orange.bordered-bot,
	input[type="reset"].orange.bordered-bot,
	input[type="button"].orange.bordered-bot {
	  border-color: #f98805;
	  color: #f98805; 	  
		 }
		 		
												 
	 .button.teal.bordered-bot,
	button.teal.bordered-bot,
	input[type="submit"].teal.bordered-bot,
	input[type="reset"].teal.bordered-bot,
	input[type="button"].teal.bordered-bot {
	  border-color: #1fa79e;
	  color: #1fa79e; 
		 }
		
														 
	 .button.skyblue.bordered-bot,
	button.skyblue.bordered-bot,
	input[type="submit"].skyblue.bordered-bot,
	input[type="reset"].skyblue.bordered-bot,
	input[type="button"].skyblue.bordered-bot {
	  border-color: #03acdc;
	  color: #03acdc; 	  
		 }
				
														 
	 .button.jade.bordered-bot,
	button.jade.bordered-bot,
	input[type="submit"].jade.bordered-bot,
	input[type="reset"].jade.bordered-bot,
	input[type="button"].jade.bordered-bot {
	  border-color: #0aad80;
	  color: #0aad80;   
		 }
		 
		 
		.button.green.bordered-bot,
	button.green.bordered-bot,
	input[type="submit"].green.bordered-bot,
	input[type="reset"].green.bordered-bot,
	input[type="button"].green.bordered-bot {
	  border-color: #8fbe32;
	  color: #8fbe32;   
		 }
		 
		 
		 
	/* Buttons icon */
	.button i,
	button i,
	input[type="submit"] i,
	input[type="reset"] i,
	input[type="button"] i {
	  color: inherit;
	  font-size:16px; 
	  vertical-align:baseline;
	  line-height:1;
	  display:inline;
	  margin-right:4px;   
		 }

		 

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #e5e5e5;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		border-radius: 1px;
		color: #888;
		margin: 0;
		width: 210px;
		max-width: 100%;
		min-height: 21px;
		display: block;
		margin-bottom: 20px;
		background: #fdfdfd;
 } 
	select {
		padding: 5px ;
		outline:0 none; }

	input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="email"]:hover,
	textarea:hover {
		border-color: #c1dfed;
	    -moz-box-shadow: 0 0 1px rgba(0,0,0,.1);
		-webkit-box-shadow: 0 0 1px rgba(0,0,0,.1);
		box-shadow:  0 0 1px rgba(0,0,0,.1); 
		
 }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
		background: #fff;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }

	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */

	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 7px !important; }
	.add-bottom { margin-bottom: 21px !important; }	


	/* #Full width Sections + Parallax Stylesheet
	================================================== */

	.blox { padding:45px 0 43px; clear:both; background:#f1f8fc; }
	.blox.nopad { padding:0; margin:0;}
	.blox.dark { background:#384852;  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.23);}
	.blox.dark .nonetextshadow *{ text-shadow:none;}
	.blox.gray { background:#f0f0f0; }
	.blox.redbox { background:#ffc5cb;}
	.blox.greenbox { background:#dbebb9;}
	.blox.yellowbox { background:#f7c218;}
	.dark.redbox { background:#de3059;}
	.dark.bluebox { background:#128abc;}
	.dark.blackbox { background:#25272a; margin-top:-1px;}
	.blox hr { border-color: rgba(255, 255, 255, 0.2); }
	.dark.greenbox { background:#5aa300; }
	.dark.yellowbox { background:#fdb012;}
	.blox.dark * { color:#fff; }
	.blox.dark a { color:#07add4; }
	.blox.dark a.button { color:#fff; }
	.blox.dark a:lhover { color:#ff9900;}
	.blox.dark .magic-link a { color:#fff; }
	.blox.dark p { color:rgba(255, 255, 255, 0.9); }
	.blox.dark small { color:rgba(255, 255, 255, 0.8); }
	.bloxcirc { width:70px; height:70px; border-radius:35px; background:#e53f51 url(../images/ico-bulb1.png) no-repeat center center; position:relative; margin:-78px auto 21px; display:block; }
	.bloxcirc.portx { width:50px; height:50px; border-radius:25px;  margin:-58px auto 21px; background-color:#0093d0;  }
	.bloxcirc.bell-bg { background:#e53f51 url(../images/ico-bell1.png) no-repeat center center; }
	.bloxcirc.flash-bg { background:#e53f51 url(../images/ico-flash1.png) no-repeat center center; }
	.bloxcirc.eye-bg { background:#e53f51 url(../images/ico-eye1.png) no-repeat center center; }
	.bloxcirc.calendar-bg { background:#e53f51 url(../images/ico-calendar1.png) no-repeat center center; }
	.bloxcirc.video-bg { background:#e53f51 url(../images/ico-video1.png) no-repeat center center; }
	.bloxcirc.clock-bg { background:#e53f51 url(../images/ico-clock1.png) no-repeat center center; }
	.blox.promoblox { padding:46px 0 34px; margin:0; text-shadow:none;}
	.blox.promoblox a.button { background:transparent; padding:16px 26px; border:2px solid #fff; font-weight:400; float:right; margin-left:20px; vertical-align:middle; letter-spacing:3px; text-shadow:none; box-shadow:none; text-transform:uppercase; 	-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease; }
	.blox.promoblox a.button:hover { background:#fff; color:#000;}

	.blox.dark.bot-blox { padding:14px 0; clear:both; background: #303740 url(../images/pattern-bg2.png); border-top:5px solid #242e38; margin:0; }
	.dark.bot-blox .magic-link { margin:0; float:right; }
	*+html .blox.dark.bot-blox { margin-bottom:-21px; }

	.blox h1.extr {font-size:63px; font-size:57px\9; font-weight:lighter; line-height:80px; letter-spacing:-4px;}
	.blox h1.extr span, .blox.dark h1.extr span { color:#fc4f4f; }
	.extrabgsec { padding:20px; background:rgba(255,255,255,0.6);}

	.blox.section-bg1 { background:url(../images/section-bg1.jpg) no-repeat center; }
	.blox.dark.section-bg2 { background:#8a93a4 url(../images/section-bg3.jpg) no-repeat center top; background-size:cover; background-attachment:fixed; min-height:520px; border-top:5px solid #e5e5e5;}
	.blox.section-bg3 { background:url(../images/section-bg2.jpg) no-repeat center; }
	.blox.section-bg4 { background:url(../images/contact-mpic1.jpg) no-repeat center; }
	.blox.section-bg1, .blox.section-bg4, .blox.section-bg5, .blox.section-bg6  { height:380px; margin-top:0; padding:0; border-top: 1px solid #d9d9d9; }
	.blox.section-bg5 { background:#384852 url(../images/pricing-tpbg1.jpg) no-repeat center; height:260px;  }
	.blox.section-bg6 { background:#384852 url(../images/pages-tpbg1.jpg) no-repeat center; height:260px; border-bottom:4px solid #e8e8e8;  }
	.blox.dark .mex-title { border-bottom: 4px solid rgba(255, 255, 255, 0.27);}

	.parallax-sec, .parallax-sec2, .parallax-sec3 { background:#eee url(../images/section-bg-prlx1.jpg) center bottom fixed; background-repeat:no-repeat;   min-height: 400px;  height: 590px;  margin: 0 auto;  width: 100%;  max-width: 1920px;  position: relative; }
	.parallax-sec2 { background:#eee url(../images/section-bg-prlx2.jpg) center bottom fixed;}
	.parallax-sec3 { background:#eee url(../images/about-ext-img2.jpg) center bottom fixed;}
	.parallax-sec article { position: relative; }
	.parallax-sec .blox, .parallax-sec .blox.dark { background:none;}

	.aboutdark { width:100%; background:#141319 url(../images/about-ext-img1.jpg) no-repeat top fixed; height:760px; border-bottom: 4px solid #f1f1f1; position:relative;}
	.aboutdark {background:#eee url(../images/about-ext-img1.jpg) center top fixed; height:645px; border:none;}




	.aboutdark .slogan { position:absolute; bottom:10%; right:7%; float:none;}
	.aboutdark.wpabtdrk { background:none; border:none;}
	.slogan h1 { font-size:67px; line-height:80px; font-weight:100; }
	.homedark .nonetextshadow *{ text-shadow:none;}
	.slogan  span, .blox.dark .slogan  span { color:#fc4f4f;}

	/* #Video Background
	================================================== */

	.video-sec { height: 590px; position: relative; overflow: hidden; }
	.video-item { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; overflow: hidden }
	.video-sec .pattern-bg { background-image: url(../images/overlay-pattern.png); opacity: 0.5; width: 100%; height: 100%; z-index: 1; padding: 0px 0 43px; clear: both; background-repeat: repeat; position: absolute; text-indent:-99990000; }
	.video-sec .dark-content, .video-sec .light-content { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.53); padding: 0px 0 43px; z-index: 2; width: 100%; height: 100%; position:relative; }
	.video-sec .dark-content * { color: #fff; }
	.video-sec .light-content { text-shadow:none; }
	.video-sec .slight { color: #292929; }


	/* #Media Queries
	================================================== */

	@media only screen and (max-width: 767px) {
	.blox.dark, .blox.gray { height:auto !important;}
	}
	@media only screen and (max-width: 959px) {
	.parallax-sec, .video-sec  { height:auto !important; background-attachment:scroll; background-repeat:repeat-y !important;  }
	.homedark { height:auto !important; background-size:cover; }
	.slogan h1 { font-size:41px; line-height:53px;}
	.aboutdark .slogan { position:relative; right:auto; margin:0 auto; padding:3%;}
	}


/* #Color Skins (Florida wp theme)
================================================== */


/* == Menu Colors
------------------ */

/* menu link color + background color */
#nav a { color:; background-color:;}
/* menu current item border bottom color */
#nav > li.current:after {background:;}
/* menu top link hover color + background color */
#nav li:hover > a { background-color:; color:; }
/* menu submenu link hover color + background color */
#nav ul li a:hover, #nav li.current ul li a:hover, #nav ul li.current > a , #nav ul li:hover > a { color:; background-color:; }


/* == Icon Box Colors
---------------------- */

/* iconbox 0 icon color  */
.icon-box i { color:; background-color:;}
/* iconbox 0 icon color  */
.icon-box:hover i { color:; background-color:;}
/* iconbox 1 icon color + icon background color */
.icon-box1 i { color:; background-color:;}
/* iconbox 1 icon color + icon background color */
.icon-box1:hover i { color:; background-color:;}
/* iconbox 2 icon color  */
.icon-box2 i { color:;}
/* iconbox 2 icon color  */
.icon-box2:hover i { color:;}
/* iconbox 3 icon color  */
.icon-box3 i { color:;}
/* iconbox 3 icon color  */
.icon-box3:hover i { color:;}
/* iconbox 4 icon color + icon background color */
.icon-box4 i { color:; background-color:;}
/* iconbox 4 icon color + icon background color */
.icon-box4:hover i { color:; background-color:;}
/* iconbox 5 icon color + icon background color */
.icon-box5 i { color:; background-color:;}
/* iconbox 5 icon color + icon background color */
.icon-box5:hover i { color:; background-color:;}
/* iconbox 6 icon color + icon background color */
.icon-box6 i { color:; background-color:;}
/* iconbox 6 icon color + icon background color */
.icon-box6:hover i { color:; background-color:;}
/* iconbox 7 icon color + icon background color */
.icon-box7 i { color:; background-color:;}
/* iconbox 7 icon color + icon background color */
.icon-box7:hover i { color:; background-color:;}



/* == Portfolio Colors
----------------------- */

/* portfolio filter links color + border color */
nav.primary .portfolioFilters a { color:; border-color:; }
/* portfolio filter links hover color + border color */
nav.primary .portfolioFilters a:hover {  color:; border-color:; }
/* portfolio filter links color selected + border color */
nav.primary .portfolioFilters a.selected, nav.primary ul li a:active {  color:; border-color:; }

/* portfolio item zoom link color */
.zoomex2 a { color:;}
/* portfolio item zoom link border color */
.zoomex2 a i { border-color:;}
/* portfolio item zoom link hover color + border color */
.zoomex2 a:hover i { color:; border-color:; }



/* == Learn more link Colors
----------------------------- */

/* learn more link color */
a.magicmore { color:;}
/* learn more hover link color */
a.magicmore:hover { color:;} 



/* == Our Process Icon Colors
------------------------------ */

/* our process icon color + border color += background color */
.our-process-item i { color:; border-color:; background-color:; } 
/* our process icon hover color + border color += background color */
.our-process-item:hover i { color:; border-color:; background-color:; } 


/* == Our Tean Image Border Color
---------------------------------- */

/* our team hover image border color */
.our-team:hover img { border-color:;}


/* == Our Clients Icon Hover Color
----------------------------------- */

/* our clients icon hover Color + border color */
.our-clients-wrap .jcarousel-next:hover, .our-clients-wrap .jcarousel-next:active, .our-clients-wrap .jcarousel-prev:hover, .our-clients-wrap .jcarousel-prev:active { border-color:; color:; }


/* == Accordion Title Color
---------------------------- */

/* caccordion title active and hover color */
.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color:; }


/* == Subtitle3 Border Bottom Color
------------------------------------ */

/* subtitle3 border bottom color */
h6.h-sub-content { border-bottom-color:;}


/* == Blog Posts Link Color
---------------------------- */

/* latest from blog link hover color */
.blog-line:hover h4 a { color:; }
/* latest from blog category link color */
.blog-line p.blog-cat a { color:; }
/* blog post link hover color */
.blog-post a:hover { color:; }


/* == Flex Slider Next & Previous Button Hover Background Color
---------------------------------------------------------------- */

/* flex slider next & previous button hover background color */
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { background-color:;}


/* -------- end ----------- */

	
	/* #Eelements + (Bootstrap)
	================================================== */
	
	/* Callout (Promo Box) */
	
	.callout { padding: 34px 0; min-height: 60px; margin: 8px 10px 30px; position: relative; clear: both; border-width: 2px 0; border-style: solid; border-color: #e5e5e5; }
	.callout h1, .callout h2, .callout h3 { font-weight: 400; }
	.callout a { text-decoration: underline; }
	.callout a.callurl { display: block; padding: 10px 30px; background: #fff; text-decoration: none; color: #363f46; border: 2px solid #e5e5e5; text-transform: uppercase; letter-spacing: 2px; margin: 4px 0 10px 15px; position: relative; float: right; border-radius: 3px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
	.callout a.callurl:hover { border-color: #363f46; }
	.container .callout p { margin: 0; }
	.container div .callout { margin-left: 0; margin-right: 0; }
	
	
	/* Distance (Vertical Spaces) */
	
	.vertical-space, .vertical-space1, .vertical-space2, .vertical-space3, .vertical-space4, .vertical-space5 { display: block; width: 100%; margin: 0; clear: both; border: 0 none; height: 20px; }
	.vertical-space2 { height: 40px; }
	.vertical-space3 { height: 60px; }
	.vertical-space4 { height: 80px; }
	.vertical-space5 { height: 100px; }
	*+html hr.vertical-space, *+html hr.vertical-space1, *+html hr .vertical-space2, *+html hr.vertical-space3, *+html hr.vertical-space4, *+html hr.vertical-space5 { height: 0px; margin: 10px 0; background: #fff; border: 1px solid #fff; }
	*+html hr.vertical-space2 { margin: 20px 0; }
	*+html hr.vertical-space3 { margin: 30px 0; }
	*+html hr.vertical-space4 { margin: 40px 0; }
	*+html hr.vertical-space5 { margin: 50px 0; }
	
		
	/* TITLE */
	
	h4.subtitle { border-bottom: 1px solid #ff5656; font-family: 'Roboto', Helvetica, Arial; font-weight: 900; letter-spacing:1px; text-transform: uppercase; line-height: 2; padding-bottom:8px; font-size: 13px; color: #54606b; clear: both; margin: 19px 0 21px 0; }
	h4.subtitle img { float: left; margin-right: 5px; vertical-align: baseline }
	h4.subtitle.r1dd { margin-top: 20px; }
	.title { background: #fff url(../images/title-left1.png) repeat-x 0 6px; overflow: hidden; margin-bottom: 21px; clear: both; }
	.title h4, .title h3 { background: #fff; display: inline; margin-left: 18px; padding: 0 3px; font-weight: 400; font-size: 18px; }
	h6.h-sub-content { display: inline-block; letter-spacing: 0.2px; font-size: 18px; font-weight: 400; border-bottom: 2px solid #e12121; line-height: 47px; margin-bottom: -2px; width: auto; max-width: 100%; }
	.sub-content span { display: inline-block; font-size: 10px; font-weight: bold; letter-spacing: 2px; }
	.sub-content { border-bottom: 2px solid #e5e5e5; position: relative; margin-bottom: 30px; }
	
	
	/*	ACCORDION */
	
	.acc-trigger {	border-top: 3px solid #f3f2f2; cursor: pointer; display: block; margin: 0;	}
	.acc-trigger:last-of-type, .acc-container:last-of-type { border-bottom: 3px solid #f3f2f2; margin-bottom: 20px; }
	.no-js .acc-trigger:last-of-type { border-bottom: none; }
	.acc-trigger a { background: url(../images/accordion-ico.png) no-repeat 6px 18px;	display: block;	color:#656f78;	padding: 19px 14px 16px 40px; text-decoration: none; text-shadow: none; font-weight:bold; font-size:16px; }
	.acc-trigger a:hover { background-color: #fbfbfb;  }
	.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #0093d0; }
	.acc-trigger.active a:hover { background-color: transparent; }
	.acc-trigger.active { cursor: default;  border-top-color:#b0afaf; background-color:#fff; }
	.acc-trigger.active:last-of-type { border-bottom: none; margin-bottom: 0; }
	.acc-trigger.active a { background-position: 6px -54px; cursor: default;	}
	.acc-container .content {  padding: 0 14px 21px 40px;  }
	
	/* Quote of the Week */
	
	.qot-week { clear: both; margin: 10px; margin-top: 36px; padding-bottom: 18px; position: relative; text-align: center; border-top: 1px solid #e5e5e5; }
	.qot-week .qot-pic { position: relative; margin: 0 auto; margin-top: 7px; height: 40px; width: 74px; }
	.qot-week .qot-pic:before { content: '\201C'; border-top: 2px solid #c4c4c4; border-radius: 50%; font-size: 62px; color: #555; font-weight: bold; background: #fff; padding: 3px 20px; margin-top: 20px; font-family: Georgia, Times, serif }
	.qot-week h6.qot-title { text-transform: uppercase; margin: 8px 0; color: #999; display: block; clear: both; font-size: 10px; font-weight: bold; }
	.qot-week blockquote, .qot-week blockquote cite, .qot-week blockquote cite small { padding: 0; margin: 0; font-style: normal; }
	.qot-week blockquote:before { content: ''; content: none; }
	.qot-week h3 { font-family: "Roboto Slab"; font-size: 24px; }
	.qot-week h3:before { content: '\201C'; }
	.qot-week h3:after { content: '\201D'; }
	.qot-week h3:before, .qot-week h3:after { font-family: Times, serif; font-size: 30px; margin: 0 10px; font-weight: bold; }
	.qot-week cite { display: block; font-weight: 400; margin-top: 20px; font-family: "Roboto", Arial, Helvetica, sans-serif; font-size: 17px; color: #494949; margin-bottom: 8px; }
	.qot-week cite:before { content: '\2014\0020'; }
	.column .qot-week, .columns .qot-week { margin-left: 0; margin-right: 0; }
	
	
	/* TESTIMONIALS */
	
	.testimonial { margin-bottom: 50px; clear: both; min-width: 220px; }
	.testimonial b { color: red; }
	.testimonial-content { padding: 12px; position: relative; border: 1px solid #e3e3e3; background: #f8f8f8; margin: 10px 0; }
	.b-author { float: right; display: block; text-align: right; }
	.b-author img { width: 90px; height: 90px; margin-left: 5px; border-radius: 45px; float: right; }
	.b-author p { margin: 0; float: left; font-size: 17px; color: #393939; margin-top: 22px; margin-right: 10px; font-weight: 400; }
	.b-author span { color: #797979; letter-spacing: 0; font-size: 14px; font-weight: 300; }
	
	.testimonial-content p { margin: 12px; color: #444; line-height: 1.7; font-family: "Roboto Slab", Times; font-size: 21px; padding: 10px 0; }
	.testimonial-arrow { position: absolute; width: 11px; height: 6px; background: url('../images/testimonial-arrow.png') no-repeat; bottom: -6px; right: 110px; }
	
	
	
	/*	jCarousel */
	
	.jcarousel-container { max-width: 100%; padding: 0; display: block; position: relative; }
	.jcarousel-clip { position: relative; overflow: hidden; width: 100%; }
	ul.jcarousel-list { overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; }
	ul.jcarousel-list li { float: left; list-style: none; }
	ul.jcarousel-list li img { max-width: 100%; }
	.jcarousel-item { display: block; }
	.jcarousel-next, .jcarousel-prev { background-color: #818c90; width: 12px; height: 13px; padding: 5px; border-radius: 0 2px 2px 0; position: absolute; right: 0; top: -55px; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
	.jcarousel-prev { right: 23px; border-radius: 2px 0 0 2px; }
	.jcarousel-next:after, .jcarousel-prev:after { position: absolute; top: 6px; right: 6px; font-family: 'icomoon'; font-size: 10px; color: #fff; content: "\e3b0"; speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
	.jcarousel-prev:after { content: "\e3b2"; }
	.jcarousel-next:hover, .jcarousel-next:active, .jcarousel-prev:hover, .jcarousel-prev:active { background-color: #da131e; }
	.jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover { background-color: #e5e8ea; cursor: auto; border-bottom-color: #e0e0e0; }
	.related-works .jcarousel-next, .related-works .jcarousel-prev { margin-right: 10px; }
	.related-works p { text-transform: uppercase; font-size: 12px; }
	
	
	.white-space { clear: both; width: 100%; height: 40px; }
	.mex-title { border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: inline-block; padding-bottom: 20px; margin-bottom: 20px; font-weight: 100; letter-spacing: 0; }


/* #Bootstrap
================================================== */

	.dropup,
	.dropdown {
	  position: relative;
	}
	
	.dropdown-toggle {
	  *margin-bottom: -3px;
	}
	
	.dropdown-toggle:active,
	.open .dropdown-toggle {
	  outline: 0;
	}
	
	.caret {
	  display: inline-block;
	  width: 0;
	  height: 0;
	  vertical-align: top;
	  border-top: 4px solid #000000;
	  border-right: 4px solid transparent;
	  border-left: 4px solid transparent;
	  content: "";
	  opacity: 0.3;
	  filter: alpha(opacity=30);
	}
	
	.dropdown .caret {
	  margin-top: 8px;
	  margin-left: 2px;
	}
	
	.dropdown:hover .caret,
	.open .caret {
	  opacity: 1;
	  filter: alpha(opacity=100);
	}
	
	.dropdown-menu {
	  position: absolute;
	  top: 100%;
	  left: 0;
	  z-index: 1000;
	  display: none;
	  float: left;
	  min-width: 160px;
	  padding: 4px 0;
	  margin: 1px 0 0;
	  list-style: none;
	  background-color: #ffffff;
	  border: 1px solid #ccc;
	  border: 1px solid rgba(0, 0, 0, 0.2);
	  *border-right-width: 2px;
	  *border-bottom-width: 2px;
	  -webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
			  border-radius: 5px;
	  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	  -webkit-background-clip: padding-box;
		 -moz-background-clip: padding;
			  background-clip: padding-box;
	}
	
	.dropdown-menu.pull-right {
	  right: 0;
	  left: auto;
	}
	
	.dropdown-menu .divider {
	  *width: 100%;
	  height: 1px;
	  margin: 8px 1px;
	  *margin: -5px 0 5px;
	  overflow: hidden;
	  background-color: #e5e5e5;
	  border-bottom: 1px solid #ffffff;
	}
	
	.dropdown-menu a {
	  display: block;
	  padding: 3px 15px;
	  clear: both;
	  font-weight: normal;
	  line-height: 18px;
	  color: #7a7f83;
	  white-space: nowrap;
	}
	
	.dropdown-menu li > a:hover,
	.dropdown-menu .active > a,
	.dropdown-menu .active > a:hover {
	  color: #ffffff;
	  text-decoration: none;
	  background-color: #1eb1e4;
	}
	
	.open {
	  *z-index: 1000;
	}
	
	.open > .dropdown-menu {
	  display: block;
	}
	
	.pull-right > .dropdown-menu {
	  right: 0;
	  left: auto;
	}
	
	
	.well, .promobox {
	  min-height: 20px;
	  padding: 19px;
	  margin-bottom: 20px;
	  background-color: #f9f9f9;
	  border: 1px solid #e1e7ec;
	  border: 1px solid rgba(0, 0, 0, 0.05);
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
			  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	}
	
	.well blockquote {
	  border-color: #e5e5e5;
	  border-color: rgba(0, 0, 0, 0.15);
	}
	
	.well blockquote:before, blockquote.well:before { content:""; content:none;}
	
	.well-large {
	  padding: 24px;
	  -webkit-border-radius: 6px;
		 -moz-border-radius: 6px;
			  border-radius: 6px;
	}
	
	.well-small {
	  padding: 9px;
	  -webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
			  border-radius: 3px;
	}
	
	.promobox {
	  background: #fdfdfd;
	  padding-bottom: 11px;
	}
	.promobox button, .promobox .button {
	  float:right;
	}
	
	.collapse {
	  position: relative;
	  height: 0;
	  overflow: hidden;
	  -webkit-transition: height 0.35s ease;
		 -moz-transition: height 0.35s ease;
		  -ms-transition: height 0.35s ease;
		   -o-transition: height 0.35s ease;
			  transition: height 0.35s ease;
	}
	
	.collapse.in {
	  height: auto;
	}
	
	.close {
	  float: right;
	  font-size: 20px;
	  font-weight: bold;
	  line-height: 18px;
	  color: #000000;
	  text-shadow: 0 1px 0 #ffffff;
	  opacity: 0.2;
	  filter: alpha(opacity=20);
	}
	
	.close:hover {
	  color: #000000;
	  text-decoration: none;
	  cursor: pointer;
	  opacity: 0.4;
	  filter: alpha(opacity=40);
	}
	
	.nav {
	  margin-bottom: 18px;
	  margin-left: 0;
	  list-style: none;
	}
	   
	.nav > li > a {
	  display: block;
	}
	
	.nav > li > a:hover {
	  text-decoration: none;
	  background-color: #e1e7ec;
	}
	
	.nav > .pull-right {
	  float: right;
	}
	
	.nav .nav-header {
	  display: block;
	  padding: 3px 15px;
	  font-size: 11px;
	  font-weight: bold;
	  line-height: 18px;
	  color: #999999;
	  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	  text-transform: uppercase;
	}
	
	.nav li + .nav-header {
	  margin-top: 9px;
	}
	
	.nav-list {
	  padding-right: 15px;
	  padding-left: 15px;
	  margin-bottom: 0;
	}
	
	.nav-list > li > a,
	.nav-list .nav-header {
	  margin-right: -15px;
	  margin-left: -15px;
	  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	}
	
	.nav-list > li > a {
	  padding: 3px 15px;
	}
	
	.nav-list > .active > a,
	.nav-list > .active > a:hover {
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	  background-color: #0088cc;
	}
	
	.nav-list [class^="icon-"] {
	  margin-right: 2px;
	}
	
	.nav-list .divider {
	  *width: 100%;
	  height: 1px;
	  margin: 8px 1px;
	  *margin: -5px 0 5px;
	  overflow: hidden;
	  background-color: #e5e5e5;
	  border-bottom: 1px solid #ffffff;
	}
	.nav-tabs,
	.nav-pills {
	  *zoom: 1;
	}
	
	.nav-tabs:before,
	.nav-pills:before,
	.nav-tabs:after,
	.nav-pills:after {
	  display: table;
	  content: "";
	}
	
	.nav-tabs:after,
	.nav-pills:after {
	  clear: both;
	}
	
	.nav-tabs > li,
	.nav-pills > li {
	  float: left;
	}
	
	.nav-tabs > li > a,
	.nav-pills > li > a {
	  padding-right: 18px;
	  padding-left: 18px;
	
	  line-height: 14px;
	}
	
	.nav-tabs {
	  border-bottom: 1px solid #e5e5e5;
	  
	}
	
	.nav-tabs > li {
	  margin-bottom: -1px;
	  
	}
	
	.nav-tabs > li > a {
	  padding-top: 12px;
	  background:#f7f7f7;
	  padding-bottom: 12px;
	  color:#555;
	  line-height: 18px;
	  border: 1px solid #e5e5e5;
	  border-right:0 none;
	  font-family:Arial, Helvetica, sans-serif; font-size:13px; 
	
	}
	
	.nav-tabs > li > a:hover {
	  background:#fbfbfb;
	}
	
	.nav-tabs > .active > a,
	.nav-tabs > .active > a:hover {
	  cursor: default;
	  background-color: #ffffff;
	  border: 1px solid #e5e5e5;
	  border-bottom: 0 none;
	  padding-top:20px;
	  margin-top:-7px;
	  
	}
	
	.nav-pills > li > a {
	  padding-top: 8px;
	  padding-bottom: 8px;
	  margin-top: 2px;
	  margin-bottom: 2px;
	  -webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
			  border-radius: 5px;
	}
	
	.nav-pills > .active > a,
	.nav-pills > .active > a:hover {
	  color: #ffffff;
	  background-color: #0088cc;
	}
	
	.nav-stacked > li {
	  float: none;
	}
	
	.nav-stacked > li > a {
	  margin-right: 0;
	}
	
	.nav-tabs.nav-stacked {
	  border-bottom: 0;
	}
	
	.nav-tabs.nav-stacked > li > a {
	  border: 1px solid #e5e5e5;
	  -webkit-border-radius: 0;
		 -moz-border-radius: 0;
			  border-radius: 0;
	}
	
	.nav-tabs.nav-stacked > li:first-child > a {
	  -webkit-border-radius: 4px 4px 0 0;
		 -moz-border-radius: 4px 4px 0 0;
			  border-radius: 4px 4px 0 0;
	}
	
	.nav-tabs.nav-stacked > li:last-child > a {
	  -webkit-border-radius: 0 0 4px 4px;
		 -moz-border-radius: 0 0 4px 4px;
			  border-radius: 0 0 4px 4px;
	}
	
	.nav-tabs.nav-stacked > li > a:hover {
	  z-index: 2;
	  border-color: #e5e5e5;
	}
	
	.nav-pills.nav-stacked > li > a {
	  margin-bottom: 3px;
	}
	
	.nav-pills.nav-stacked > li:last-child > a {
	  margin-bottom: 1px;
	}
	
	.nav-tabs .dropdown-menu {
	  -webkit-border-radius: 0 0 5px 5px;
		 -moz-border-radius: 0 0 5px 5px;
			  border-radius: 0 0 5px 5px;
	}
	
	.nav-pills .dropdown-menu {
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
	}
	
	.nav-tabs .dropdown-toggle .caret,
	.nav-pills .dropdown-toggle .caret {
	  margin-top: 6px;
	  border-top-color: #0088cc;
	  border-bottom-color: #0088cc;
	}
	
	.nav-tabs .dropdown-toggle:hover .caret,
	.nav-pills .dropdown-toggle:hover .caret {
	  border-top-color: #005580;
	  border-bottom-color: #005580;
	}
	
	.nav-tabs .active .dropdown-toggle .caret,
	.nav-pills .active .dropdown-toggle .caret {
	  border-top-color: #333333;
	  border-bottom-color: #333333;
	}
	
	.nav > .dropdown.active > a:hover {
	  color: #000000;
	  cursor: pointer;
	}
	
	.nav-tabs .open .dropdown-toggle,
	.nav-pills .open .dropdown-toggle,
	.nav > li.dropdown.open.active > a:hover {
	  color: #ffffff;
	  background-color: #999999;
	  border-color: #999999;
	}
	
	.nav li.dropdown.open .caret,
	.nav li.dropdown.open.active .caret,
	.nav li.dropdown.open a:hover .caret {
	  border-top-color: #ffffff;
	  border-bottom-color: #ffffff;
	  opacity: 1;
	  filter: alpha(opacity=100);
	}
	
	.tabs-stacked .open > a:hover {
	  border-color: #999999;
	}
	
	.tabbable {
	  *zoom: 1;
	}
	
	.tabbable:before,
	.tabbable:after {
	  display: table;
	  content: "";
	}
	
	.tabbable:after {
	  clear: both;
	}
	
	.tab-content {
	  overflow: auto;
	  border:1px solid #e5e5e5;
	  border-top:0 none;
	  padding-top:18px;
	  margin-top:-18px;	
	}
	
	.tab-content .columns {
	   max-width:100%;
	   }
	 
	.tab-content .columns p {
	   padding:0;
	   }
	
	.tabs-below > .nav-tabs,
	.tabs-right > .nav-tabs,
	.tabs-left > .nav-tabs {
	  border-bottom: 0;
	}
	
	.tab-content > .tab-pane,
	.pill-content > .pill-pane {
	  display: none;
	  padding:15px 25px;
	}
	
	.tab-content > .active,
	.pill-content > .active {
	  display: block;
	}
	
	.tabs-below > .nav-tabs {
	  border-top: 1px solid #e5e5e5;
	}
	
	.tabs-below > .nav-tabs > li {
	  margin-top: -1px;
	  margin-bottom: 0;
	}
	
	.tabs-below > .nav-tabs > li > a {
	  -webkit-border-radius: 0 0 4px 4px;
		 -moz-border-radius: 0 0 4px 4px;
			  border-radius: 0 0 4px 4px;
	}
	
	.tabs-below > .nav-tabs > li > a:hover {
	  border-top-color: #e5e5e5;
	  border-bottom-color: transparent;
	}
	
	.tabs-below > .nav-tabs > .active > a,
	.tabs-below > .nav-tabs > .active > a:hover {
	  border-color: transparent #e5e5e5 #e5e5e5 #e5e5e5;
	}
	
	.tabs-left > .nav-tabs > li,
	.tabs-right > .nav-tabs > li {
	  float: none;
	}
	
	.tabs-left > .nav-tabs > li > a,
	.tabs-right > .nav-tabs > li > a {
	  min-width: 190px;
	  margin-right: 0;
	  margin-bottom: 3px;
	  text-transform:uppercase;
	  font-size:12px;
	  font-weight:bold;
	  border-left:0 none;
	  background:#fdfdfd;
	  color:#838383;
	}
	
	.tabs-left > .nav-tabs {
	  float: left;
	  margin-right:-1px;
	  padding-top:40px;
	}
	
	.tabs-left > .nav-tabs > li > a {
	  margin-right: -1px;
		border: 1px solid #e5e5e5;
		padding:10px;
		margin:0;
		border-left:0 none;

	}
	
	.tabs-left > .nav-tabs > li > a:hover {
	  border-bottom:1px solid #e5e5e5;
	  color:#444;
	}
	
	.tabs-left > .nav-tabs .active > a,
	.tabs-left > .nav-tabs .active > a:hover {
	  border-bottom:1px solid #e5e5e5;
	  border-right-color: #ffffff;
	  padding:10px;
	  border-left:0 none;
	  margin:0;
	  color:#333;
	  background:#fff;
	}
	
	.tabs-right > .nav-tabs {
	  float: right;
	  border-left: 1px solid #e5e5e5;
	}
	
	.tabs-right > .nav-tabs > li > a {
	  margin-left: -1px;
		border: 1px solid #e5e5e5;
	}
	
	.tabs-right > .nav-tabs > li > a:hover {
	  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #e5e5e5;
	  border-width:1px;
	}
	
	.tabs-right > .nav-tabs .active > a,
	.tabs-right > .nav-tabs .active > a:hover {
	  border-color: #e5e5e5 #e5e5e5 #e5e5e5 transparent;
	  *border-left-color: #ffffff;
	}
	.tabs-right > .tab-content,
	.tabs-left > .tab-content,
	.tabs-below > .tab-content {
	  margin:0;
	  padding:4px;
	  padding-top:10px;
	  display:block;
	  border:0 none;
	  border-left:1px solid #e5e5e5;
	  box-shadow : 0 0 0 0;
	}
	
	.tabs-below > .tab-content {
	  border:1px solid #e5e5e5;
	  border-bottom:0 none;
	  }
	
	
	.tooltip {
	  position: absolute;
	  z-index: 1020;
	  display: block;
	  padding: 5px;
	  font-size: 11px;
	  opacity: 0;
	  filter: alpha(opacity=0);
	  visibility: visible;
	}
	
	.tooltip.in {
	  opacity: 0.8;
	  filter: alpha(opacity=80);
	}
	
	.tooltip.top {
	  margin-top: -2px;
	}
	
	.tooltip.right {
	  margin-left: 2px;
	}
	
	.tooltip.bottom {
	  margin-top: 2px;
	}
	
	.tooltip.left {
	  margin-left: -2px;
	}
	
	.tooltip.top .tooltip-arrow {
	  bottom: 0;
	  left: 50%;
	  margin-left: -5px;
	  border-top: 5px solid #000000;
	  border-right: 5px solid transparent;
	  border-left: 5px solid transparent;
	}
	
	.tooltip.left .tooltip-arrow {
	  top: 50%;
	  right: 0;
	  margin-top: -5px;
	  border-top: 5px solid transparent;
	  border-bottom: 5px solid transparent;
	  border-left: 5px solid #000000;
	}
	
	.tooltip.bottom .tooltip-arrow {
	  top: 0;
	  left: 50%;
	  margin-left: -5px;
	  border-right: 5px solid transparent;
	  border-bottom: 5px solid #000000;
	  border-left: 5px solid transparent;
	}
	
	.tooltip.right .tooltip-arrow {
	  top: 50%;
	  left: 0;
	  margin-top: -5px;
	  border-top: 5px solid transparent;
	  border-right: 5px solid #000000;
	  border-bottom: 5px solid transparent;
	}
	
	.tooltip-inner {
	  max-width: 200px;
	  padding: 3px 8px;
	  color: #ffffff;
	  text-align: center;
	  text-decoration: none;
	  background-color: #000000;
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
	}
	
	.tooltip-arrow {
	  position: absolute;
	  width: 0;
	  height: 0;
	}
	
	
	.pull-right {
	  float: right;
	}
	
	.pull-left {
	  float: left;
	}
	
	.hide {
	  display: none;
	}
	
	.show {
	  display: block;
	}
	
	.invisible {
	  visibility: hidden;
	}
	
	.pagination2 {
	  height: 36px;
	  margin: 18px 0;
	}
	
	.pagination2 ul {
	  display: inline-block;
	  *display: inline;
	  margin-bottom: 0;
	  margin-left: 0;
	  -webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
			  border-radius: 3px;
	  *zoom: 1;
	  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
			  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	}
	
	.pagination2 li {
	  display: inline;
	}
	
	.pagination2 a {
	  float: left;
	  padding: 0 14px;
	  line-height: 34px;
	  text-decoration: none;
	  border: 1px solid #e5e5e5;
	  border-left-width: 0;
	}
	
	.pagination2 a:hover,
	.pagination2 .active a {
	  background-color: #f5f5f5;
	}
	
	.pagination2 .active a {
	  color: #999999;
	  cursor: default;
	}
	
	.pagination2 .disabled span,
	.pagination2 .disabled a,
	.pagination2 .disabled a:hover {
	  color: #999999;
	  cursor: default;
	  background-color: transparent;
	}
	
	.pagination2 li:first-child a {
	  border-left-width: 1px;
	  -webkit-border-radius: 3px 0 0 3px;
		 -moz-border-radius: 3px 0 0 3px;
			  border-radius: 3px 0 0 3px;
	}
	
	.pagination2 li:last-child a {
	  -webkit-border-radius: 0 3px 3px 0;
		 -moz-border-radius: 0 3px 3px 0;
			  border-radius: 0 3px 3px 0;
	}
	
	.pagination2-centered {
	  text-align: center;
	}
	
	.pagination2-right {
	  text-align: right;
	}
	
	
	.alert {
	  padding: 8px 35px 8px 36px;
	  background:url(../images/alert-notice-ico.png) no-repeat;
	  background-position: 9px 50%;
	  margin-bottom: 18px;
	  color: #c09853;
	  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	  background-color: #fcf8e3;
	  border: 1px solid #f3d9a6;
	  -webkit-border-radius: 2px;
		 -moz-border-radius: 2px;
			  border-radius: 2px;
	}
	
	.alert img {
	   float: left;
	   margin:-2px 6px 4px -4px;
	   }
	
	.alert-heading {
	  color: inherit;
	}
	
	.alert .close {
	  position: relative;
	  top: -2px;
	  right: -21px;
	  line-height: 18px;
	}
	
	.alert-success {
	  color: #468847;
	  background:url(../images/alert-success-ico.png) no-repeat;
	  background-position: 8px 50%;
	  background-color: #e1eec9;
	  border-color: #8fbe32;
	}
	
	.alert-danger,
	.alert-error {
	  color: #b94a48;
	  background:url(../images/alert-error-ico.png) no-repeat;
	  background-position: 9px 50%;
	  background-color: #fce6e9;
	  border-color: #ed9aa3;
	}
	
	.alert-info {
	  color: #3a87ad;
	  background:url(../images/alert-info-ico.png) no-repeat;
	  background-position: 9px 50%;
	  background-color: #d9edf7;
	  border-color: #98cdd8;
	}
	
	.alert-block {
	  padding-top: 14px;
	  padding-bottom: 14px;
	}
	
	.alert-block > p,
	.alert-block > ul {
	  margin-bottom: 0;
	}
	
	.alert-block p + p {
	  margin-top: 5px;
	}
	
	button.close {
		padding:0;
		margin:0;
		border:0;
		background:none;
		}
	
	table {
	  max-width: 100%;
	  background-color: transparent;
	  border-collapse: collapse;
	  border-spacing: 0;
	}
	
	.table {
	  width: 100%;
	  margin-bottom: 18px;
	}
	
	.table th,
	.table td {
	  padding: 8px;
	  line-height: 18px;
	  text-align: left;
	  vertical-align: top;
	  border-top: 1px dotted #e5e5e5;
	}
	
	.table th {
	  font-weight: bold;
	}
	
	.table thead th {
	  vertical-align: bottom;
	  border-top:0 none;
	  background:#f7f7f7;
	}
	
	
	.table tbody + tbody {
	  border-top: 2px solid #e5e5e5;
	}
	
	.table-condensed th,
	.table-condensed td {
	  padding: 4px 5px;
	}
	
	.table-bordered {
	  border: 1px solid #e5e5e5;
	  border-collapse: separate;
	  *border-collapse: collapsed;
	  border-left: 0;
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
	}
	
	.table-bordered th,
	.table-bordered td {
	  border-left: 1px solid #e5e5e5;
	}
	
	
	.table tbody tr:hover td,
	.table tbody tr:hover th {
	  background-color: #fcfcfc;
	}
	
	@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
	
	@-moz-keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	
	@-ms-keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	
	@-o-keyframes progress-bar-stripes {
	  from {
		background-position: 0 0;
	  }
	  to {
		background-position: 40px 0;
	  }
	}
	
	@keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	
	.progress {
	  height: 32px;
	  margin-bottom: 18px;
	  overflow: hidden;
	  background-color: #f7f7f7;
	  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
	  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-repeat: repeat-x;
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
	  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
	  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
		 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
			  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	}
	
	.progress .bar {
	  width: 0;
	  height: 34px;
	  font-size: 15px;
	  line-height:33px;
	  color: #ffffff;
	  text-align: left;
	  padding-left:12px;
	  background-color: #0e90d2;
	  background-repeat: repeat-x;
	  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
		 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
			  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		  -ms-box-sizing: border-box;
			  box-sizing: border-box;
	  -webkit-transition: width 0.6s ease;
		 -moz-transition: width 0.6s ease;
		  -ms-transition: width 0.6s ease;
		   -o-transition: width 0.6s ease;
			  transition: width 0.6s ease;
	}
	
	
	.progress .bar small { color:#fafafa; font-size:12px; }
	
	.progress-striped .bar {
	  background-color: #149bdf;

	}
	
	.progress.active .bar {
	  -webkit-animation: progress-bar-stripes 2s linear infinite;
		 -moz-animation: progress-bar-stripes 2s linear infinite;
		  -ms-animation: progress-bar-stripes 2s linear infinite;
		   -o-animation: progress-bar-stripes 2s linear infinite;
			  animation: progress-bar-stripes 2s linear infinite;
	}
	
	.progress-danger .bar, .progress-red .bar {
	  background-color: #e53f51;

	}
	
	.progress-success .bar, .progress-green .bar {
	  background-color: #8fbe32;

	}
	
	.progress-info .bar, .progress-blue .bar {
	  background-color: #03acdc;

	}
	
	.progress-warning .bar, .progress-orange .bar {
	  background-color: #f98805;
	}
.faq_embedded_vs_datadriven_btn {
    width:50%;
    border:1px solid lightgrey;
    margin:10px;
    text-align:center;
    display:flex;
    align-items: center;

    border-radius: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    font-family: "Circular Std",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    padding: 20px;

    background-color: #969696;
    color: white;

    cursor: pointer;
}

.faq_embedded_vs_datadriven_btn.active {
    background-color: #344cc6;
}

.faq_embedded_vs_datadriven_btn:hover {
    background-color: #344cc6;
}

#faq_section_embedded {
    display: block;
}

#faq_section_datadriven {
    display: none;
}


.faq_header {
    cursor: pointer;
    padding-bottom:0px !important;


    border-radius: 20px;
    margin-bottom: 10px
}




.faq_header.faq_closed {
    background-color: #f1f1f1;
}

.faq_header.faq_open {
    background-color: #d4d4d4;
    margin-bottom: 40px;
}

.faq_header:hover {
    background-color: #d4d4d4;
}

.faq_content_block {
    display:none;

}

.faq_content_block .srn_feature_row {
    padding-bottom: 30px;
}


.faq_header.faq_open .fa-chevron-right {
    display:none;
}
.faq_header.faq_open .fa-chevron-down {
    display:inline;
}


.faq_header.faq_closed .fa-chevron-right {
    display:inline;
}
.faq_header.faq_closed .fa-chevron-down {
    display:none;
}



.faq_header .fa {
    font-size:18px;
}


.faq_header_block_title {
    padding-bottom: 0px;
    font-weight: 700;
    padding: 10px 0;

    color: #00266d;

    font-family: "Circular Std", sans-serif;
    font-style: normal;

    font-size: 24px;
    line-height: 120%;
}

.faq_content_block .srn_block_features_title {
    font-size: 20px;
    padding-bottom: 10px;
}


@media only screen and (min-width: 1240px) {

    .faq_content_block {
        padding-left: 100px;
    }
}

@media only screen and (min-width:1024px) and( max-width: 1240px) {
    .faq_content_block {
        padding-left: 100px;
    }
}

@media only screen and (min-width:480px) and (max-width: 1023px) {
    .faq_content_block {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .faq_content_block {
        padding-left: 20px;
    }
}

.container.srn-footer {
    display: flex;
    padding-bottom: 10px;
    font-size: 14px;
    justify-content: space-between;
}

.footer_subtitle {
    font-size: 16px
}



@media only screen and (min-width: 1240px) {
    .container.srn-footer {
        flex-direction: row;
    }

    .container.srn-footer > div {
        width:25%;
        flex:1 1 0;
    }
}

@media only screen and (min-width:1024px) and( max-width: 1240px) {
    .container.srn-footer {
        flex-direction: row;
    }

    .container.srn-footer > div {
        width:25%;
        flex:1 1 0;
    }
}

@media only screen and (min-width:480px) and (max-width: 1023px) {
    .container.srn-footer {
        flex-direction: column;
        align-items: stretch;

    }

    .container.srn-footer > div {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .container.srn-footer {
        flex-direction: column;
        align-items: stretch;
        margin-bottom: 40px;
    }
    .container.srn-footer > div {
        margin-bottom: 20px;
    }

}
	
	/* #Icon Box
	================================================== */
	
	.icon-box { vertical-align: baseline; margin-bottom: 30px; }
	.icon-box img, .icon-box5 img, .icon-box i { float: left; display: block; vertical-align: text-top; margin: -1px 20px 95px 0; }
	.icon-box5 img { margin: 0 12px 0 0; }
	.icon-box5 i, .icon-box i { font-size: 32px; color: #484b4d; float: left; margin-right: 10px; cursor: default; }
	.icon-box i { margin-right: 20px; }
	.icon-box h5 { margin-bottom: 10px; line-height: 1; }
	.container .icon-box p { margin-bottom: 12px; }
	.container .icon-box5 p { margin-top: 4px; margin-right: 20px; margin-bottom: 10px; }
	.icon-box2 { background-color:#fff; vertical-align:baseline; text-align:center; border-radius:5px; padding:20px 0; 	-webkit-transition:background .3s ease-in-out;	-moz-transition:background .3s ease-in-out;	-ms-transition:background .3s ease-in-out;	-o-transition:background .3s ease-in-out;	transition:background .3s ease-in-out;}
	.icon-box2 i { display:block; margin:16px 0 20px; font-size:64px;}
	.icon-box2 p { padding:0 12px;}
	.icon-box2:hover { background-color:#fafafa; cursor:default;}
	.icon-box3 i, .icon-box4 i { font-size: 48px; color: #2e373d; margin-bottom: 10px; display: inline-block; -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; }
	.icon-box3:hover i { color: #0093d0; cursor: default; }
	.icon-box3 h5, .icon-box4 h5 { margin-bottom: 4px; color: #2e373d; font-size: 16px; letter-spacing: 0.25px; }
	.icon-box3 h5 strong, .icon-box4 h5 strong { font-weight: bold; }
	.icon-box3 p { line-height: 21px; margin-right: 10px; }
	.icon-colorx i, i.icon-colorx { color: #e53f51; }
	.icon-box4 { text-align: center; margin-bottom: 20px; }
	.icon-box4 i { padding: 30px; font-size: 32px; background: #f2f2f2; border-radius: 50%; margin-bottom: 24px; cursor: default; }
	.container .icon-box4 p { margin: 0 10px 30px; }
	.icon-box4:hover i { color: #fff; background: #e53f51; }
	.icon-box6 { position: relative; text-align:center; background-color: rgba(255,255,255,0.81); background-color:#fff\9; border: 1px solid #e5e5e5; border-radius: 3px; padding: 36px 20px 28px; text-shadow: 0 0 0 0; margin: 40px 0 20px; }
	.icon-box6 * { text-shadow: none; }
	.icon-box6 i { font-size: 24px; padding: 15px 16px 17px; background: #e53f51; color: #fff; position: absolute; top: -30px; left: 50%; margin-left: -27px; border-radius: 30px; cursor: default; }
	.icon-box6 h4, .blox .icon-box6 h4, .blox.dark .icon-box6 h4 { color: #363636; font-weight: 400; }
	.container .icon-box6 p, .container .blox .icon-box6 p, .container .blox.dark .icon-box6 p { color: #818181; margin-bottom: 12px; }
	.icon-box7 { padding: 0px 0 10px 0; }
	.icon-box7 i { display: block; text-align: center; padding: 40px 0; border-radius: 2px; background: #f7f7f7; font-size: 64px; line-height: 1; margin-bottom: 20px; -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; }
	.icon-box7:hover i { background: #e53f51; color: #fff; cursor: default; }
	.icon-box1 { text-align: center; color: #a9a9a9; margin-bottom:20px; }
	.icon-box1 i { display: inline-block; font-size: 64px; padding: 50px; margin-bottom: 26px; color: #FDFDFD; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 15px solid #f0f0f0; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; background: #e84a52; background: #e84a52 -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #e84a52 -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.15))); background: #e84a52 -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #e84a52 -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #e84a52 -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #e84a52 radial-gradient(ellipse at center, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000', GradientType=1 );
	}
	.icon-box1:hover i { background: #89bf42; border-color: #daf3b9; background: #89bf42 -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #89bf42 -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.15))); background: #89bf42 -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #89bf42 -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #89bf42 -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #89bf42 radial-gradient(ellipse at center, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000', GradientType=1 );
	}
	.icon-box1 h5 { margin-bottom: 16px; font-size: 22px; font-weight: 500; letter-spacing: -0.2px; color: #555; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
	.icon-box1:hover h5 { color: #89bf42 }
	.icon-box1 p { padding: 0 10px 20px;  }

	.icon-box5 i { display: inline-block; font-size: 28px; float: left; color: #F3F3F3; padding: 10px; background: #4a4d4f; margin-right: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.2); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.2); box-shadow: inset 0 0 10px rgba(0,0,0,.2); -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
	.icon-box5 h4 { font-size: 14px; line-height: 48px; font-weight: 900; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
	.icon-box5 p { display: block; padding-top: 5px; }
	.icon-box5:hover i { background: #de513f; }
	.icon-box5:hover h4 { color: #de513f; }


	/* NAVIGATION BAR  */
	.nav-wrap1 {
		position:relative;
	}

	/* menu icon */
	#menu-icon { display: none; /* hide menu icon initially */}

	#nav { float:right;}

	/* main li and sub li */
	#nav li
	{
		list-style: none;
		float:left;
		display:block;
		height:100%;
		vertical-align:middle;
	}

	/* main menu */
	#nav > li >a
	{
		display: block;

		font-family: "Circular Std", sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		color: #001742;

		/*font-family: 'Roboto', sans-serif;
		font-size: 15px;
		font-weight:600;
		*/


		line-height:24px;
		padding: 70px 16px 16px;

		outline: 0;
		text-align: left;
		opacity:1;
		text-align:center;
	}

	/* main menu */
	#nav > li:hover > a {
		/*color: #2f6b91;*/

		box-shadow: inset 0 -2px 0 #344CC6;
		/*
		background-color: white; /* pas de background sur le menu principal */
	}



	/* submenu */
	#nav ul
	{
		background-color: #fdfdfd;

		font-size: 14px;
		font-weight:400;

		position: absolute;
		width: 250px;
		margin:0;

		z-index:91000;
		-webkit-border-radius: 0 0 8px 8px;
		-moz-border-radius: 0 0 8px 8px;
		border-radius: 0 0 8px 8px;

		/*border: 1px solid rgba(0,0,0,.08);*/
		-moz-box-shadow: 0 7px 25px 0 rgba(0,0,0,.12);
		-webkit-box-shadow: 0 7px 25px 0 rgba(0,0,0,.12);
		box-shadow: 0 7px 25px 0 rgba(0,0,0,.12);



		/* use opacity and visibility instead of display:none to allow animation */
		z-index:1;
		visibility:hidden;
		opacity:0;
		filter:alpha(opacity=0);
		-webkit-transition:300ms ease;
		-moz-transition:300ms ease;
		-o-transition:300ms ease;
		transition:300ms ease;
	}

	/* submenu when displayed */
	#nav li:hover ul {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
	}




	/* -------------------------- submenu -------------------------- */
	#nav ul li a
	{
		color: #444b58;
		width:auto;
		display:block;
		text-align:left;
		padding: 1px 5px 5px 15px;
		border-radius:0;

		border:0 none;
		text-transform:capitalize;
		line-height:30px;
		height:30px;
	}

	/* submenu.hover */
	#nav ul li a:hover, #nav li.current ul li a:hover, #nav ul li.current > a , #nav ul li:hover > a
	{
		background: rgba(66,97,162,.09999999999999998);
		color: #4261a2;
	}


	

	#nav a i
	{
		font-size:16px;
		line-height:16px;
		display:inline;
		color:inherit;
		margin-right:4px;
		vertical-align:baseline;
	}

	#nav > li > a i
	{
		margin-right:6px;
		font-weight:normal;
	}

	#nav > li.current:after
	{
		display:block;
		float:left;
		content:"";
		width:100%;
		height:4px;
		background:#7cbc20;
		bottom:0px;
		margin-bottom:-4px;
	}

	/* nav link Header2 */
	#nav a span, #nav a:after
	{
		margin-top:6px;
		display:block;
		font-size:11px;
		color:#919191;
		text-transform:lowercase;
		font-weight:400;
	}

	#nav a:after
	{
		content: attr(data-description);
	}

	.nav-wrap1 #nav a:after
	{
		content:""; display:none;
	}



	/* nav link fixes */
	.is-sticky #header #nav > li > a:link { background:inherit;}
	.is-sticky #header #nav > li:hover > a
	{
		/*background:#f0f0f0;*/
	}

	#header.super-fixed #nav > li > a { padding:0 16px; line-height:90px;}
	#header.super-fixed #nav > li > a:after { display:none; content:"";}
	#header.super-fixed #nav > li.current > a { color:#7cbc20;}
	#header.super-fixed #nav > li.current:after { display:none; height:0;}

	#header.super-fixed .nav-wrap1 {
		/*height:90px;*/
	}




	#nav > li:last-child ul { left:auto; right:0;}

	#nav ul li { float: none; border-bottom:1px solid #efefef; display:block; position:relative;	margin: 0; padding:0;	}
	#nav ul li:last-child { border:none;}


	#nav li:hover > ul { display: block; visibility:visible; /* show dropdown on hover */}
	#nav ul li ul { margin:-44px 0 0 182px; width:170px; }

	#nav li.submenu:after { font-family: 'icomoon'; content: "\e3b0"; position:absolute; color:#cdcdcd; font-size:8px; display:inline; speak: none; cursor:pointer; right:9px; top:12px;}

	#nav ul.mega, #nav > li:last-child ul.mega { width:100%; left:0; float:left;}
	#nav ul.mega ul { float:none; border:none; width:auto; position:static; left:auto; right:auto; display:block; padding:0; margin:0;}
	#nav ul.mega div:last-child { margin-right:0 !important;}
	#nav h4.subtitle { margin:14px 0; border-color:#e2e2e2; border-width:2px;}
	#nav img { max-width:100%; margin-bottom:10px;}
	#nav p { font-size:13px; font-weight:400; color:#747474;}
	#header #nav h6 { margin:0; margin-bottom:7px; color:#555;}
	#nav .sendbtn { padding:7px 20px; font-size:13px;}



	/* nav dropdown for(ie7) */

	*+html #nav li { position:relative; display:block; }
	*+html #nav li ul, *+html #nav li.current ul {  left:0; clear:both; position:absolute; border:1px solid #d4d4d4; }
	*+html .container { z-index:2; }
	*+html #header { z-index:3; position:relative;  }
	*+html #nav ul li ul { position:absolute; left:0; margin-top:-31px; display:none; visibility:hidden; }
	*+html #nav ul li:hover > ul { display:block; visibility:visible; }

/* --------------------- */




	/* All Mobile Sizes (devices and browser) */
	/* the dropdown nav menu is triggered below 1023px */
	@media only screen and (max-width: 1023px)
	{

				/* nav-wrap */
		#nav-wrap {
			position: relative;
			/*height:30px;*/
			text-align:center;
			/*margin:0 0 32px 0;*/
		}

		#header.super-fixed .nav-wrap1
		{
			/*height:30px;*/
		}

		/* menu icon */
		#menu-icon {
			color: rgba(255,255,255,0.7);
			margin:0 auto;
			/*width: 246px; => auto to fit the burger icon */
			font-size:24px;
			font-weight:400;
			height: 40px;
			border-radius:2px;
			background: #363f46;
			/*padding: 11px 10px 3px 42px;*/
			cursor: pointer;
			clear:both;
			box-shadow:  0 2px 2px -2px rgba(0,0,0,0.3);
			text-align:left;
			display: block; /* how menu icon */
		}


		#menu-icon i {
			font-size:24px;
			color:rgba(0,0,0,0.6);
			float:left;
			margin-left:-28px;
			margin-top:3px;
		}


		#menu-icon:hover, #menu-icon.active {
			background-color: #2f6b91;
		}
		.mn-clk { font-size:12px; color:rgba(255,255,255,0.5);}

		/* main nav */
		#nav {
			clear: both;
			margin:0 auto;
			background:#fff;
			left:-282px;
			position: absolute;
			width: 278px;
			z-index: 10000;
			padding:2px 0 44px 18px;
			border: 1px solid #d2d2d2;
			/*border-top:0 none;*/
			display: none; /* visibility will be toggled with jquery */
		}

		#nav ul { padding:5px 0;}
		#nav li { clear: both; float: none; border:0 none; margin:0; margin-left:10px; padding:0 !important; border-bottom:1px solid #e5e5e5; }
		#nav ul li:last-child { border:none;}

		#nav a, #nav li a, #header.super-fixed #nav > li > a { padding:14px 0 12px; line-height:24px;}
		#nav a, #nav ul a, #header.super-fixed #nav > li > a
		{
			width:auto;
			/*height:20px;*/
			display:block;
			text-align:left;
			border:0 none;
			margin:0;
			line-height:1.2;
		}

		#nav a span, #nav a:after { display:none; visibility:hidden; }
		#nav > li.current:after { display:none;}
		#nav a { background-color:#fff !important;}

		.darkhalf #sticker { position:relative !important; height:auto; background:#fff;}




		/* dropdown */
		#nav li ul { display:none; margin:0; padding:0; padding-left:10px; }
		#nav.ie10mfx li ul { display:block;}
		#nav a:hover > #nav li ul{ display:block; }
		#nav ul { width: auto; margin:0; box-shadow: none; position: static; display: block; border: none;  }
		#nav ul li ul { margin:0; display: block;  width: auto; padding:0; padding-left:10px; }
		#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { display: block; }
		#nav li.submenu:after {content: "\e3b1"; }


		#nav ul.mega, #nav ul.mega div, #nav ul.mega, #nav > li:last-child ul.mega { width:auto; max-width:100%; clear:both; float:none;}

	}


	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#nav {
			/*left:61px;*/
		}

	}

/* End
 --------------------- */

	/* #Page Styles
	================================================== */
	
	.page-subtitle { position: relative; width: 275px; height: 114px; border-top-left-radius: 29px; background: #fff; margin-bottom: -80px; bottom: 144px; left: 30px; padding: 30px 15px 0 30px; z-index: 98; display: block; }
	.page-subtitle h3 { color: #69bddb; }
	.page-subtitle p { color: #b0bbc3; }
	
	
	/* CONTACT */
	
	.contact-form { border: 5px solid #e9e9e9; text-align: center; padding: 20px; padding-bottom: 0; border-radius: 9px; }
	.contact-form h5 { text-align: left; padding-left: 11px; }
	.contact-form .txbx { width: 91%; height: 36px; border-width: 3px; border-radius: 4px; float: none; margin: 11px; padding-left: 14px; font-size: 16px; }
	.contact-form .txbx:focus { border-width: 2px; border-radius: 2px; }
	.contact-form .era { min-height: 190px; max-height: 300px; width: 91%; }
	.contact-form .erabox { width: 100%; height: 100%; margin-left: -20px; margin-top: 12px; padding: 20px; background: #fff; border-top: 5px solid #e9e9e9; }
	.contact-form .sendbtn { padding: 10px 18px; font-size: 14px; }
	#contact-map { box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1) inset; border: 1px solid #d6dbdc; border-left: none; border-right: none; padding: 0; margin: 0 }
	#contact-map iframe { width: 100%; padding: 0; margin: 0; margin-bottom: -7px; }
	.row.magic { padding-left: 40px; }
	.columns.magic { padding-left: 20px; }
	.magic-link { clear: both; }
	.magic-link a { display: inline-block; font-size: 13px; width: auto; color: #fff; text-shadow: 1px 1px 0 #eb8710; border-radius: 15px; padding: 3px 22px 3px 16px; text-transform: capitalize; background: #ffa02f url(../images/rowp3.png) no-repeat right; background-position: 97% 52%; -webkit-transition: padding 0.2s ease, background 0.16s ease; -moz-transition: background 0.16s ease; -ms-transition: background 0.16s ease; -o-transition: background 0.16s ease; transition: background 0.16s ease; text-align: center; }
	.magic-link a.get { padding: 7px 26px 7px 20px; background-color: #7ebd22; border-radius: 5px; text-shadow: 1px 1px 0 #649b19; text-transform: uppercase; }
	.magic-link a.get.shadow1 { box-shadow: 0px 0px 5px #fff inset, 0 2px 3px -1px #74ad20; -webkit-box-shadow: 0px 0px 7px #fff inset, 0 2px 5px -1px #74ad20; }
	.magic-link a:hover { background-color: #4c4665; background-position: center right; text-shadow: 1px 1px 0 #666; }
	
	
	
	/* Our Team */
	
	.our-team { position:relative; margin-bottom:20px; border-bottom:4px solid #e5e5e5; text-align:left;}
	.our-team h4 { margin-top:-82px; font-size:26px;   color:#fff; padding-left:10px; margin-bottom:30px; text-shadow:0 1px 2px rgba(0,0,0,0.9);}
	.our-team h4 strong { font-weight:300; letter-spacing:0;}
	.our-team h4 small { color:#fff; font-weight:300; font-size:16px;}
	.our-team .socailfollow { height:40px; clear:both; border-top:1px solid #e5e5e5; padding-top:11px; float:none;}
	.our-team img { border-bottom:5px solid #e5e5e5; min-height:120px; background:#e8e8e8; min-width:180px; display:block;}
	.our-team:hover img { border-color:#e84a52;}
	.our-team p { color:#797979; font-size:14px;}
	.container .our-skills p { margin-bottom:5px;}
	.team-member { border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
	
	
	/* ---- help-block ---- */
	
	.help-block { width: 100%; padding: 40px 0 110px; background: url('../images/help-block.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; }
	.help-block h2 { color: #fff; padding: 10px 0; background: #555; background: rgba(0,0,0,.4); font-weight: 600; }
	.help-block > h4 { font-weight: 400; margin-bottom: 30px; }
	.help-box { background: #3b3b3b; width: 27%; margin: 0 3% 20px; padding-bottom: 30px; display: inline-block; overflow: hidden; position: relative; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
	.help-box h4 { color: #fff; padding: 15px 0 10px; margin: 0; font-weight: 500; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
	.help-block hr { width: 68%; margin: 0 auto; border-color: #B0B0B0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
	.help-block p { color: #b9b9b9; font-size: 14px; text-align: left; padding: 15px 15px 60px; margin: 0; }
	.help-box .help-iconBox { width: 100%; position: absolute; bottom: 0; left: 0; border-bottom: 6px solid #3B3B3B; text-align: right; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
	.help-iconBox i { font-size: 48px; padding: 10px; display: inline-block; color: #6a6a6a; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
	.help-box:hover { background: #fff; }
	.help-box:hover p { color: #878787; }
	.help-box:hover h4, .help-box:hover i { color: #e84a52; }
	.help-box:hover .help-iconBox, .help-box:hover hr { border-color: #e84a52; }

	
	/*--- our client ---*/
	
	.client-block { width: 100%; display: block; margin-bottom: 60px; }
	.our-clients-wrap { float: none; margin-top: 140px; position: relative; }
	.our-clients-wrap:after { content: ""; width: 120px; height: 2px; display: block; background: #efefef; position: absolute; left: 50%; bottom: -50px; margin-left: -60px; }
	.our-clients-wrap .jcarousel-next, .our-clients-wrap .jcarousel-prev { background-color: #fff; width: 16px; height: 16px; padding: 10px; border-radius: 50%; right: auto; left: 50%; margin-left: 5px; top: -85px; border: 2px solid #b0b0b0; color: #b0b0b0; }
	.our-clients-wrap .jcarousel-prev { margin-left: -44px; }
	.our-clients-wrap .jcarousel-next:hover, .our-clients-wrap .jcarousel-next:active, .our-clients-wrap .jcarousel-prev:hover, .our-clients-wrap .jcarousel-prev:active { border-color: #e84a52; color: #e84a52; }
	.our-clients-wrap .jcarousel-next-disabled, .our-clients-wrap .jcarousel-next-disabled:hover, .our-clients-wrap .jcarousel-prev-disabled, .our-clients-wrap .jcarousel-prev-disabled:hover { border-color: #e5e5e5; color: #e5e5e5; }
	.our-clients-wrap .jcarousel-next:after, .our-clients-wrap .jcarousel-prev:after { position: absolute; top: 10px; right: 9px; font-family: 'icomoon'; font-size: 16px; color: inherit; }
	.our-clients-wrap .jcarousel-prev:after { right:11px;}
	ul.our-clients { display: block; padding-left: 3px; margin: 20px 0; box-shadow: 0px 2px 4px -3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.1); }
	ul.our-clients li { float: left; display: inline; margin-left: 20px; text-align: center; vertical-align: middle; width: 168px; }
	ul.our-clients li:first-child { margin-left: 0; }
	ul.our-clients li:hover { /*background:#fdfdfd;*/ }
	ul.our-clients:after { clear: both; }
	ul.our-clients img { max-width: 100%; max-height: 100%; -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; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); }
	ul.our-clients img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0); }
	
	
	/* OUR PROCESS SECTION */
	
	.our-process-wrap { min-height: 260px; margin-bottom: 40px; }
	.our-process { border-bottom: 1px dashed #e0e0e0; position: relative; height: 160px; }
	.our-process:before, .our-process:after, .our-process-item:after { content: "\e285"; position: absolute; left: -8px; bottom: -4px; font-family: 'icomoon'; font-size: 16px; color: #ccc; }
	.our-process:after { left: auto; bottom: -11px; right: -8px; content: "\e278"; }
	.our-process.proc4level .our-process-item { width: 25%; }
	.our-process.proc5level .our-process-item { width: 20%; }
	.our-process.proc3level .our-process-item { width: 33.33%; }
	.our-process-item { height: 160px; float: left; position: relative; }
	.our-process-item:before { width: 1px; background: #e5e5e5; height: 82px; float: left; position: absolute; bottom: 0; left: 39px; content: ""; }
	.our-process-item:after { bottom: -12px; left: 60%; content: "\e3b4"; font-size: 16px; background: none; }
	.our-process-item .our-process-content { position: absolute; left: 85px; overflow: hidden; }
	.our-process-item i { width: 32px; height: 32px; color: #7d7d86; font-size: 32px; float: left; padding: 20px; border-radius: 39px; border: 3px solid #e5e5e5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
	.our-process-item:hover i { background: #e84a52; color: #fff; border-color: #f28d93; }
	.our-process-item h5 { font-weight: 400; font-size: 17px; margin: 16px 10px 8px 0; }
	
	@media only screen and (max-width: 767px) {
	.our-process.proc4level { height: 640px; }
	.our-process.proc5level { height: 800px; }
	.our-process.proc3level { height: 480px; }
	.our-process { border: none }
	.our-process:before { display: none; }
	.our-process:after { left: 31px; }
	.our-process.proc4level .our-process-item, .our-process.proc5level .our-process-item, .our-process.proc3level .our-process-item { width: 100%; }
	.our-process-item:after { content: "\e3b5"; left: 31px; bottom: 30px; }
	.our-clients-wrap { padding-top: 110px; }
	}
	
	
	
	/* Plans & Pricing
	================================================== */
	.plan-wrap { display: block; width: 940px; margin: 0 auto; border: 4px solid #d8d8d8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.plan-wrap article { width: 33%; float: left; text-align: center; margin: 12px 0; background: #fff; border-right: 1px solid #EDEDED; -webkit-transition: all .03s ease; -moz-transition: all .03s ease; -ms-transition: all .03s ease; -o-transition: all .03s ease; transition: all .03s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	article.ultimate { border: none; }
	.plan-wrap h2 { font-size: 38px; font-weight: 900; letter-spacing: -2px; color: #ef7b49; margin: 20px 0 0; }
	.plan-wrap h3 { color: #777; font-weight: 900; margin-bottom: 20px; }
	.plan-wrap ul { text-align: left; margin: 0 12px; margin-bottom: 30px; border-top: 1px solid #ededed; }
	.plan-wrap li { padding: 10px 0; margin: 0; font-size: 13px; font-weight: 400; border-bottom: 1px solid #ededed; }
	.premium h2 { color: #19bc9b; }
	.ultimate h2 { color: #35a4da; }
	.plan-wrap article i { margin: 0 10px 0 15%; }
	.plan-wrap .icomoon-checkmark { color: #19bc9b; }
	.plan-wrap .icomoon-close { color: #fe5742; }
	.starter button, .basic button { background: #ef7b49; }
	.premium button { background: #19bc9b; }
	.ultimate button { background: #35a4da; }
	.plan-wrap button { color: #fff; font-size: 14px; font-family: Arial; padding: 14px 36px; border: none; margin-bottom: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.2))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); }
	.plan-wrap article:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	.plan-wrap article.basic:hover, .plan-wrap article.starter:hover { -webkit-box-shadow: 0 0 0 5px #ef7b49, 0 4px 12px #000; -moz-box-shadow: 0 0 0 5px #ef7b49, 0 4px 12px #000; box-shadow: 0 0 0 5px #ef7b49, 0 4px 12px #000; }
	.plan-wrap article.premium:hover { -webkit-box-shadow: 0 0 0 5px #19bc9b, 0 4px 12px #000; -moz-box-shadow: 0 0 0 5px #19bc9b, 0 4px 12px #000; box-shadow: 0 0 0 5px #19bc9b, 0 4px 12px #000; }
	.plan-wrap article.ultimate:hover { -webkit-box-shadow: 0 0 0 5px #35a4da, 0 4px 12px #000; -moz-box-shadow: 0 0 0 5px #35a4da, 0 4px 12px #000; box-shadow: 0 0 0 5px #35a4da, 0 4px 12px #000; }
	
	@media only screen and (max-width: 959px) {
	.plan-wrap { width: 100%; }
	}
	
	@media only screen and (max-width: 767px) {
	.plan-wrap article { width: 50%; }
	}
	
	@media only screen and (max-width: 479px) {
	.plan-wrap article { width: 100%; }
	}
	
/* -------- end ----------- */

p {
    margin: 0 0 5px 0;
    font-size:16px;
    line-height:24px;
    /*font-weight:300;*/
    letter-spacing:0.2px;
}


ul {
    font-size: 16px;
    line-height: 24px;
    /*font-weight: 300;*/
    letter-spacing: 0.2px;
    margin: 5px 0 5px 0;
}

li {
    list-style: none;
}

ol > li {
    list-style: auto;
    margin-bottom:10px
}

ol > li::marker {
    font-weight: 600;
    color: #001742;
    font-size: 18px
}


.srn_reason_serenytics li:before {
    /* For a round bullet */
    content: '\2714';
    /* For a square bullet */
    /*content:'\25A0';*/
    display: block;
    position: relative;
    max-width: 0;
    max-height: 0;
    left: -20px;
    top: 0;
    color: #2f6b91;
    font-size: 15px;

}


/* added to fix the nav bar from the current theme (should be removed later)*/
nav ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    list-style: none;
}

nav li:before {
    content: none;
}

@media screen and (max-width: 1023px) {
    .disable_on_mobile {
        display: none !important;
    }
    .enable_only_on_mobile {
        display: initial;
    }
}

@media screen and (min-width: 1024px) {
    .enable_only_on_mobile {
        display: none !important;
    }
}


a {
    color: #2a4c7c;
}

a:visited {
    color: #2a4c7c;
}

.underline-a-href:hover {
    text-decoration: underline;
}

.underline--magical {
    background-image: linear-gradient(120deg,#e5c5e7 0,#ffdde9 100%);
    background-repeat: no-repeat;
    background-size: 100% .4em;
    background-position: 0 89%;
    transition: background-size .25s ease-in;
}


.srn_hero_section {
    background-color: #F7F9FC;
}

.srnHeroCTA {
    display:flex;

    justify-content: center;
    margin-bottom:5px;

}

.waves_background{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23344cc6' fill-opacity='0.1' d='M0 32L30 37.3C60 43 120 53 180 53.3C240 53 300 43 360 64C420 85 480 139 540 149.3C600 160 660 128 720 122.7C780 117 840 139 900 149.3C960 160 1020 160 1080 138.7C1140 117 1200 75 1260 80C1320 85 1380 139 1410 165.3L1440 192L1440 320L1410 320C1380 320 1320 320 1260 320C1200 320 1140 320 1080 320C1020 320 960 320 900 320C840 320 780 320 720 320C660 320 600 320 540 320C480 320 420 320 360 320C300 320 240 320 180 320C120 320 60 320 30 320L0 320Z'%3E%3C/path%3E%3C/svg%3E"),
                      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23344cc6' fill-opacity='0.3' d='M0 64L48 96C96 128 192 192 288 229.3C384 267 480 277 576 282.7C672 288 768 288 864 240C960 192 1056 96 1152 90.7C1248 85 1344 171 1392 213.3L1440 256L1440 320L1392 320C1344 320 1248 320 1152 320C1056 320 960 320 864 320C768 320 672 320 576 320C480 320 384 320 288 320C192 320 96 320 48 320L0 320Z'%3E%3C/path%3E%3C/svg%3E"),
                      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23344cc6' fill-opacity='0.2' d='M0 192L48 181.3C96 171 192 149 288 160C384 171 480 213 576 229.3C672 245 768 235 864 208C960 181 1056 139 1152 112C1248 85 1344 75 1392 69.3L1440 64L1440 320L1392 320C1344 320 1248 320 1152 320C1056 320 960 320 864 320C768 320 672 320 576 320C480 320 384 320 288 320C192 320 96 320 48 320L0 320Z'%3E%3C/path%3E%3C/svg%3E"),

    linear-gradient(180deg, rgba(232, 240, 251,1) 0%, rgba(255,255,255,1) 100%);
}

.waves_background {
    background-position-y: bottom;
    background-repeat: no-repeat;
}

.vertical_gradient_background {
    background:linear-gradient(180deg, rgba(247,249,252,1) 0%, rgba(255,255,255,1) 100%);
}

@media only screen and (width>= 2500px) {
    .waves_background {
        background-size: cover;
    }
}


.patterns {
    background-color: transparent;


    position: absolute;
    bottom: -20px;
    right: -10px;
    z-index: -1;
}

.srn_hero_container {
    width:100%;
    max-width: 1280px;
    margin:0 auto;
    padding:0px 40px;

    display:flex;
    justify-content: center;
}

.srn_hero_container_software_editor {
    width:100%;
    max-width: 1024px;
    margin:0 auto;
    padding:0px 40px 10px 40px;

    display: flex;
    justify-content: center;
}

.srn_hero_main_subtitle_software_editor {
    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: normal;

    font-size: 16px;
    line-height: 140%;
    /* or 28px */
    color: #313F57;

    background-color: #ededed;
    padding: 10px;
    border-radius: 10px;

    text-align: center;

}

.srn_hero {
    padding-top: 60px;
    display: flex;
    align-items: center;
    width: 100%;
}

.srn_hero_left {
    width: 50%;
    padding-right: 60px; /* to have a margin with right image */

    /* to be sure the shape in the right part is below the left_hero content */
    position: relative;
    z-index: 5;
}

.srn_hero_right {
    width: 50%;
    margin: 0px 0px 40px;

    display:flex;
    justify-content: center;
}



.hero_list_entry::before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 5px;
}


.srnHeroCTA_landing_choice {
    background-color: #ffffffa3;
    border-radius: 20px;
    margin: 10px;
    padding: 20px;
    flex: 1 1 0px;

    border: 1px solid #344cc64a;
    /* box-shadow: 1px 1px 5px 2px rgb(189 188 188);
    background: linear-gradient(153deg, rgba(255,255,255,1) 0%, rgba(238,241,255,0.8) 40%); */
}

.srnHeroCTA_landing_choice_target {
    font-size: 26px;
    padding-bottom: 15px;

}

.srnHeroCTA_landing_choice:hover {
    background-color: #fffffff7;
    cursor: pointer;
}

.srn_feature_row_with_image_on_left .landing_page_svg_img_container {
    max-width: 300px;
    margin-left: auto;
    margin-right:20px;
}

.srn_feature_row_with_image_on_right .landing_page_svg_img_container {
    max-width: 300px;
    margin-left: auto;
    margin-right:20px;
}



/*******************************************************************************************/
/* RESPONSIVE *
/*******************************************************************************************/
/*
    We create 4 ranges:
        Range1: larger then 1240
        Range 2: 1024 <> 1240
        Range 3: 480 <> 1024
        Range 4: smaller than 480px
*/

/* -------------- Range 1: larger than 1240px ------------------*/
@media only screen and (min-width: 1240px) {
    .srn_hero_main_title {
        margin-bottom: 20px;
        font-size: 40px;
    }
    .srnHeroCTA_landing_choice {
        min-width: 480px;
    }
    .srnHeroCTA {
        flex-direction:row;
        align-items: stretch;
    }

    .srn_landing_feature_background_shape {
        max-width: 450px;
        max-height: 320px;
    }

    .srn_tutorial_header_section h1 {
        font-size: 40px;
    }

    .support_box {
        padding: 50px;
        margin: 100px;
    }


}

/*--------------- Range 2 : 1024px <> 1240px  --------------------*/
@media only screen and (min-width:1024px) and (max-width: 1240px) {
    .srn_hero_main_title {
        font-size: 40px;
        padding-top: 80px;
        margin-bottom: 30px;
    }

    .srnHeroCTA_landing_choice {
        min-width: 480px;
    }

    .srnHeroCTA {
        flex-direction:row;
        align-items: stretch;
    }

    .visible_only_on_large_screen {
        display:none !important;
    }

    .srn_landing_feature_background_shape {
        max-width: 450px;
        max-height: 320px;
    }

    .srn_tutorial_header_section h1 {
        font-size: 40px;
    }

    .support_box {
        padding: 50px;
        margin: 100px;
    }

    /* otherwise, the navbar requires two rows, not possible.*/
    #header.super-fixed #nav>li>a {
        padding: 0 5px;
    }

    .logo img {
        max-height:40px !important;
        margin-top: 20px !important;
    }
}

/* -------------- 480px <> 1024px   ------------------*/
@media only screen and (min-width:480px) and (max-width: 1023px) {
    .srn_hero_main_title {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .srnHeroCTA {
        flex-direction:column;
    }

    .srnHeroCTA_landing_choice {
        min-width: 480px;
    }

    .visible_only_on_large_screen {
        display:none !important;
    }

    .srn_landing_feature_background_shape {
        max-width: 225px;
        max-height: 160px;
    }

    .srn_tutorial_header_section h1 {
        font-size: 32px;
    }

    .job_images {
        flex-direction: column;
    }

    .support_box {
        padding: 25px;
        margin: 20px;
        flex-direction: column;
    }



    #wrap {
        /* to avoid overflow of svg shapes (especially on mobile mode where it can create large x-scroll */
        /* we only use it in this mode, otherwise, in large mode, it breaks the sticky left-menu of features */
        /* see https://css-tricks.com/dealing-with-overflow-and-position-sticky/ */
        /* and we can't put the hidden on the header div that contains the svg shape, because we want it to overflow
        on the Y direction, but overflow-x:hidden does not work with svg shapes... :-(
         */
        overflow: hidden;
    }
    .srn_hero {
        /* to have image at top */
        flex-direction: column-reverse;
        text-align: center;
    }

    .srn_hero_left {
        width: 100%;
        padding-right: 0px;
    }


    .srn_hero_right {
        width: 100%;
    }

    .srn_hero_right_svg_background_simple_shape {
        /* does not look good in column mode */
        display: none;
    }

    .srnHeroCTA {
        /* login page not ok for small screens */
        /* display: none; */
    }



    .srn_landing_features .srn_feature_row {
        padding: 40px 0 !important;
    }

    #header.super-fixed {
        background-color: #f7f9fc;
    }

    #sticker {
        /* in mobile mode, we dont' want shape come over navbar so we give it a color */

        background-color: #f7f9fc !important;



        /* is set to 90000 by default, but this makes impossible to show svg shape of header above it
        with the background color */
        z-index: inherit !important;

    }
    .serenytics_nav_container {
        z-index: 10 !important;  /* to be above svg shapes */
        position: relative;
    }



    .srn_hero_right_image {

        margin: 0 auto;
    }

    .srn_landing_features .srn_block_features_title,
    .srn_who_is_it_for .srn_block_features_title {
        font-size: 30px !important;
    }

    .srn_feature_row_with_image_on_left .landing_page_svg_img_container,
    .srn_feature_row_with_image_on_right .landing_page_svg_img_container{
        max-width: 200px;
        margin-left: auto;
        margin-right:auto;
    }
}

/* -------------- smaller than 480px   ------------------*/
@media only screen and (max-width: 479px) {
    .srn_hero {
        /* to have image at top */
        flex-direction: column-reverse;
        text-align: center;
    }

    .cta_container {
        justify-content: center;
    }

    .srn_hero_left {
        width: 100%;
        padding-right: 0px;
    }


    .srn_hero_right {
        width: 100%;
    }

    .srn_hero_main_title {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .srnHeroCTA {
        flex-direction:column;
    }

    .srnHeroCTA_landing_choice {
        min-width: 90%;
    }

    .visible_only_on_large_screen {
        display:none !important;
    }

    .srn_landing_feature_background_shape {
        max-width: 225px;
        max-height: 160px;
    }

    .srn_tutorial_header_section h1 {
        font-size: 32px;
    }

    .job_images {
        flex-direction: column;
    }

    .support_box {
        padding: 25px;
        margin: 20px;
        flex-direction: column;
    }




    .srn_who_is_it_for .srn_feature_column_title,
    .srn_why_serenytics .srn_feature_column_title {
        font-size: 32px !important;
    }

    .srn_landing_features .srn_block_features_title,
    .srn_who_is_it_for .srn_block_features_title
    {
        font-size: 25px !important;
    }

    .srn_block_features_title {
        font-size: 25px !important;
    }

    .srn_feature_row_with_image_on_left .landing_page_svg_img_container,
    .srn_feature_row_with_image_on_right .landing_page_svg_img_container{
        max-width: 200px;
        margin-left: auto;
        margin-right:auto;
    }
}




.srn-main-page-emphasize-text {
    color:#344cc6;
    font-weight: 600
}

.srn-main-page-emphasize-subheader {
    color:#344cc6;
    font-weight: 600;
    padding-bottom: 10px;
}

.srn_hero_main_title {
    color: #00266D;
    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: 900;


    line-height: 110%;
    /* or 60px */




}

.srn_hero_main_subtitle {
    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: normal;

    font-size: 20px;
    line-height: 140%;
    /* or 28px */


    color: #313F57;

    margin-bottom: 40px
}

.srn_hero_main_subtitle_ul {
    font-size:20px;
    list-style: none;
    padding-left: 0px;
}

.srn_hero_main_subtitle_ul li {
    font-size:20px;
}


.srn_hero_main_subtitle_ul li:before {
    content: '✓';
    color: #4caf50;
    font-size: 14px;
    margin-right:10px;
    font-weight: 600;
}

.srn_hero_right_svg_background {
    position: absolute;
    z-index: 0;
    margin-top: -20px;
    margin-left: -50px;

}

.srn_hero_right_svg_background_simple_shape {
    position: absolute;
    z-index: 0;
    margin-top: -150px;
    transform: scale(1.2,1.2);
    margin-left: 20px;

}

.srn_hero_right_image {
    position: relative;
    width: 100%;
    max-width: 400px;
    z-index: 2;
}

.srn_landing_features {
    background-color: white;
    position: relative;
    z-index:2;

    padding: 20px 0px;
}

.srn_landing_features .srn_feature_row {
    padding: 40px 0px;
}



.srn_landing_features .srn_block_features_title,
.srn_who_is_it_for .srn_block_features_title {
    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: bold;
    line-height: 110%;

    color: #00266D;
    font-size: 30px; /* tous les srn_block_features_title doivent être en 30px*/

    /* to be sure to be above svg shape */
    position:relative;
    z-index: 2;

}

.srn_landing_features_text {
    position:relative;
    z-index: 2;
}

.srn_why_serenytics {
    /* important because the css shape overflow */
    overflow:hidden;
}

.srn_why_serenytics_content ul,
.srn_who_is_it_for ul,
.srn_landing_features_text,
.srn_feature_item,
.srn_feature_item_full_width{
    font-family: Roboto;

    font-style: normal;
    font-weight: normal;
    font-size: 16px; /* moved to 16px, 18px was too big xs*/
    line-height: 140%;

    color: #313F57;




}

.srn_landing_feature_background_shape {
    position: absolute;
    z-index: 0;


    /* same property size as .srn_feature_image */
    width: auto;
    height: auto;
}

.srn_landing_feature_image {
    position: relative;
    z-index: 2;
}


.srn_why_serenytics .srn_feature_column_title,
.srn_who_is_it_for .srn_feature_column_title{
    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: bold;
    line-height: 110%;

    color: #001742;
    font-size: 30px; /* Sur la landing, le titre au dessus du newsletter CTA est trop gros en 40px*/
}



.srn_why_serenytics .func_desc ul li:before, .srn_feature_row ul li:before {
    color: #001742 !important;
}

.srn_block_features_title {
    color: #00266d;

    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 140%;

    padding-bottom: 20px;
}

.srn_why_serenytics_content {
    position: relative;
    z-index: 2;
}

.srn_why_serenytics_background_shape {
    position: absolute;
    z-index: 0;

    transform: rotate(30deg);
    left: calc(50%);
    top: 200px;

    width: 600px;
    height: 600px;
    border-radius: 10px;
    background: #F0F4FA;

    overflow: hidden;
}

.srn_tutorial_list_background_shape {
    position: absolute;
    z-index: 0;

    transform: rotate(30deg);
    left: calc(50% - 100px);
    top: 200px;

    width: 600px;
    height: 600px;
    border-radius: 10px;
    background: #feefed;
}


.srn_tutorial_header_section {
    background-color: #F7F9FC;

    height: 300px;
    text-align: center;
}

.srn_tutorial_header_section_content {
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.srn_tutorial_header_section h1 {
    color: #00266D;

    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: 900;

    line-height: 120%;

    position: relative;
    z-index: 6; /* to be above css circles */

    padding: 0 50px;
}


.tutorial_section {
    padding-top: 40px;
}



.srnCTAWithEmailInput input {
    border: 1px solid #3d50e0;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);

    font-family: Lato,helvetica neue,Helvetica,Arial,sans-serif;
    margin: 0px -6px 0px 0px;
    padding: 18px 20px 22px;
    height: 56px;
    width: 300px;
    text-align: left;
    vertical-align: top;
    transition: all .5s ease;

    font-size: 16px!important;
}

.srnCTAWithEmailInput input[type=text]:focus,
.srnCTAWithEmailInput input[type=text]:hover {
    border: 1px solid #3d50e0;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
    color: #1d32d1;
}

.srnCTAWithEmailInput {
    display: flex;
    margin-bottom: 5px;
}

.srnCTAWithEmailInput button {
    background: #3878dd;
    height: 56px;

    border: none !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    margin-bottom: 0px;

    box-shadow: 2px 4px 4px 0 rgb(255 255 255);
    font-size: 18px !important;
    font-weight: 600;
    overflow: visible;
    padding: 20px 30px !important;
    line-height: 1;
    position: relative;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    text-transform: none;

    white-space: nowrap;
}

.srnCTAWithEmailInput button:hover {
    background: #1c39c2;
}

.srnCTASubtitle {
    color: grey;
    padding-left: 2px;
}

@font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-Black.ttf') format('truetype'); /* ok, 900 */
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.job_images {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.support_box {
    border:1px solid #dfdfdf;
    display:flex;
    border-radius: 40px;
    align-items:center;
}



.srn_demos {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 30px;

    /* added by AA */
    font-family: "Avenir Next", Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
    /*color: #444;*/
    color: #2f6b91;
    background: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.srn_tutos_video {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 30px;

    /* added by AA */
    font-family: "Avenir Next", Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
    /*color: #444;*/
    color: #2f6b91;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.srn_connectors {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto 3em;

    /* added by AA */
    font-family: "Avenir Next", Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
    /*color: #444;*/
    color: #2f6b91;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.srn_demo_column {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
    -webkit-flex: 0 1 330px;
    flex: 0 1 330px;
}


.srn_demo_item {
    margin: 1em;
    padding: 2em;
    cursor: default;
    border-radius: 10px;
    /*background: #1F1F1F;*/
    box-shadow: inset 0 5px 20px rgba(0,0,0,0.05), 0 15px 30px -10px rgba(0,0,0,0.3);
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.srn_tuto_video_item {
    border-radius: 10px;
}

.srn_connector_item {
    position: relative;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;

    -webkit-align-items: center;
    align-items: center;

    justify-content: space-around;


    text-align: center;

    margin: 1em;
    padding: 2em;
    cursor: default;
    border-radius: 10px;

    box-shadow: inset 0 5px 20px rgba(0,0,0,0.05), 0 15px 30px -10px rgba(0,0,0,0.3);
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    background: white;


    width : 200px;
    max-width : 200px;
    height: 200px;
}

.srn_demo_item:hover {
    cursor: pointer;
    background-color: #f8f8f8;
}


.srn_demo_image {
    margin:2em 10px 1em;

    max-width:300px;
    max-height:240px;
    width: auto;
    height: auto;
}

.srn_connector_image {
    margin:2em 10px 1em;

    max-height: 50px;
    max-width: 150px;

}


.srn_demo_title {
    font-size: 24px;
    line-height: 30px;
    font-family: Open Sans,'Raleway', sans-serif;
    color: #00276c;
}

.srn_connector_title {
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */

    font-size: 20px;
    line-height: 24px;
    font-family: 'Raleway', sans-serif;
    color: #2f6b91;
    height: 80px;
}



.srn_demo_sub_title {
    font-size: 16px;
    line-height: 20px;
    font-family: Open Sans,'Raleway', sans-serif;
    color: #00276c;
}

.srn_features-list-column {
    width: 250px;
    display: inline-block;
    vertical-align: top;
    padding-left: 50px;

    position: sticky;
    top: 100px

}

.srn_features-column {
    width: calc(99% - 250px);
    display: inline-block;
    vertical-align: top;
    float: right;

    padding-bottom: 40px;
}

.srn_solutions-column {
    width: 90%;
    display: inline-block;
    vertical-align: top;
    float: right;

    padding-bottom: 40px;
}


@media only screen and (min-width: 770px) {
    .srn_features-list-of-buttons {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    /* hide the side menu for features on mobile */
    .srn_features-list-column {
        display: none;
    }

    .srn_features-list-of-buttons {
        display: block;
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .srn_features-column {
        width: 100%;
    }
}






.srn_float_clearing {
    clear: both;
}

.srn_sticky-content {
    transition: padding-top 200ms ease;
}




.srn_features-list-column .srn_feature-current:before {
    content: '\f054';
    position: absolute;
    left: -30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-family: "Font Awesome 5 Free";
    color: #00276c;
    text-align: center;
    font-weight: 900;
    top: -5px;
}

.srn_features-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 30px;
}

.srn_features-list a {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
}

.srn_features-list a:hover {
    color: #2f6b91;
}

.srn_features-list a.srn_feature-current {
    font-weight: 600;
    color: #00276c;
    position: relative;
}


.srn_features-list li:before {
    content: none;
}

.srn_features-list-of-buttons .srn_btn {
    font-size: 12px;
    margin: 2px 4px;
}

.srn_features-list-of-buttons .srn_feature-current {
    background-color: #344cc6 !important;
}

.srn_features-list-of-buttons a {
    /*background-color: lightgrey;*/
}
.srn_main {
    background: linear-gradient(to bottom, #fff, #f7f7f7);
    padding-top:90px;
    padding-bottom:90px;
}

div.polaroid {
    /*width: 294px;*/
    /*padding: 10px 10px 20px 10px;*/
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #aaaaaa;
}

div.rotate_left {
    float: left;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Safari */
    transform: rotate(7deg);
}

.srn_headline_section {
    color:rgba(0,0,0,0.87);
    /*background-image: linear-gradient(140deg, #2f6b91 10%, rgba(37, 68, 129, 0.65) 90%);*/
}

.srn_headline_section_title {
    padding-top: 40px;
    color: #777777;
    font-weight: 300;
}

.srn_headline_section_p {
    margin: 0 0 20px 0;
    padding-bottom:20px;
    color: grey;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.2px;
    font-family: 'Raleway', sans-serif;
}


.srn_solution_free_trial {
    margin: 0 0 20px 0;
    padding-bottom:20px;
    color:rgba(0,0,0,0.87);
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.2px;
    font-family: 'Raleway', sans-serif;
}

.srn_small_icon {
    color: #2f6b91
}

.srn_icon_box i {
    float: left;
    display: block;
    vertical-align: text-top;
    margin: -1px 20px 95px 0;
    font-size: 32px;
    float: left;
    margin-right: 10px;
    cursor: default;
}

.blox.dark {
    background: #3B2D38;
}


.srn_centered_section_title{
    font-size: 48px;
    line-height: 51px;
    font-family: 'Raleway', sans-serif;
    color: #2f6b91;
    padding-bottom: 12px;
    text-align: center;
}



.srn_bottom_section_catchphrase{
    font-size: 24px;
    line-height: 51px;
    font-family: 'Raleway', sans-serif;
    color: #2f6b91;
    padding-bottom: 12px;
    text-align: center;
}

.srn_learn_more_style{
    color: #e8762c;
}

.srn_reason_block_title {
    font-size: 24px;
    line-height: 30px;
    font-family: 'Raleway', sans-serif;
    color: #2b4c7c;
    padding-top: 40px;
    padding-bottom: 12px;
}



.srn_feature_column_title {
    font-size: 30px;
    line-height: 35px;

    font-family: "Circular Std", sans-serif;
    font-style: normal;


    color: #00276c;
    font-weight: 600;

    text-align: center;

    padding-bottom: 50px;
    padding-top: 50px;
}

.srn_trustedby_title {
    font-size: 16px;

    font-family: 'Raleway', sans-serif;
    color: #9faab2;
    font-weight: 600;
    text-align: center;
    padding-top: 14px;
}

/* pour le lien webinar */
.srn_trustedby_title a:hover {
    text-decoration: underline;
}

.srn_feature_section {
    padding-top: 40px;
}

.srn_feature_intro {
    font-size: 18px;
    padding: 20px;
}




.srn_feature_row {
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 60px;
    flex-direction: row;

    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}



.srn_feature_row ul li:before, .func_desc ul li:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f00c';
    color: #0078be;
    margin: -5px 9px 0 -25px;
    font-weight: 900;
    font-size: 0.8em;

    /*
    content: '\2022';

    display: block;
    position: relative;
    max-width: 0;
    max-height: 0;
    left: -15px;
    top: 0;
    color: #2f6b91;
    font-size: 25px;*/


}


.srn_feature_item {
    width: 50%;

    padding-left: 25px;
    padding-right: 25px;

    position: relative; /* to position the dots in absolute*/
}

.srn_feature_item_full_width {
    width: 100%;

    padding-left: 25px;
    padding-right: 25px;
}


hr.srn_feature_hr {
    width:30%;
    text-align:center;
    margin: 0 auto;
    padding-bottom: 30px;
}

hr.srn_feature_hr_100percent {
    width:100%;
    text-align:center;
    margin: 0 auto;
    padding-bottom: 30px;
}

.enhance_key_feature{
    font-weight: 600;
    color: #e8762c;
}

.srn_feature_item_left {
    text-align: right;
}

.srn_feature_item_left_text_items {
    text-align:left;
}

.contact-container {
    border:1px solid #dfdfdf;
    padding: 50px;
    display:flex;
    margin: 100px;
    border-radius: 40px;
    align-items:center
}

.srn_feature_image {
    max-width:450px;
    max-height:320px;
    width: auto;
    height: auto;
}

.srn_solution_photo {
    max-width:400px;
    max-height:400px;
    width: 100%;
    height: auto;
}

.srn_main_page_stack_icons {
    max-height:150px;
    width: auto;
    height: auto;
}








.srn_catchphrase {
    margin: 0 0 20px 0;

    font-size: 20px;
    line-height: 24px;

    font-weight: 400;
    letter-spacing: 0.2px;
    font-family: 'Raleway', sans-serif;
    color: #777777;
}

.srn_catchphrase_section {
    padding: 5px
}

.srn_btn_right_margin {
    margin-right: 15px;
}

.srn_btn {
    color: white;
    line-height: 1.8em;
    position: relative;
    letter-spacing: 1px;
    font-size: 13px;

    display: inline-block;
    margin-bottom: 5px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;

    /*white-space: nowrap; removed, because on small screen, it generates overflow
    and make parent larger than screen */

    padding: 6px 12px;

    font-size: 14px;
    line-height: 1.42857;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    transition: all 0.1s linear;

    font-family: "Circular Std",sans-serif;
}

.srn_btn_dark_background {
    background-color: #344cc6;
}

.srn_btn_dark_background:hover {
    background-color: #001dd9;
}


.srn_btn_outline {
    color: white !important;
    /*border: 1px solid #00276c;*/
    background-color: #344CC6;
}

#header .srn_btn_outline {
    margin-left: 50px;
}

.srn_btn_outline:hover {
    /*color: #00276c !important;*/
    background-color: #1c39c2;

    /*border: 1px solid #00276c;*/
}

.srn_btn:link {
    color:white;
}      /* unvisited link */

.srn_btn:visited {
    color:white;
}  /* visited link */



/* mouse over link */
.srn_btn:active {color:white;}  /* selected link */




.pricing__item .srn_btn {
    margin-top: 30px;
}

.srn_headline_title {
    color:rgba(0,0,0,0.87);
    font-size: 50px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.2px;
    font-family: 'Raleway', sans-serif;

    padding-top: 50px;
    padding-bottom: 30px;
    padding-left: 10px;
}




.srn_main_subtitle {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.icon-box1 i { color:white; background-color: #76c2af;  }


.icon-box1:hover i {
    border-color: #ebebeb;
    background: radial-gradient(at 50% 50%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.14902) 100%) #ed7409;
}

.icon-box1:hover h5 { color: #ed7409 }

.wehire {
    margin-left: 100px;
    color: #f98805;
    width:200px;
}

.wehire:hover {
    color: #eb9634;
}

/* Grow Rotate */
.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg);
}

.job_features {
    font-size: 120%;
}

.contact_email {
    color: #313F57;
}

.contact_email:focus {
    color: #313F57;
}

.justified {
    text-align: justify
}

.article_content{
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 30px;
    font-family: "freight-text-pro",Georgia,Cambria,"Times New Roman",Times,serif;
    letter-spacing: .01rem;
    font-weight: 400;
    font-style: normal;
}

.article_title {
    font-family: "jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    letter-spacing: -0.02em;
    font-weight: 700;
    font-style: normal;
    font-size: 60px;
    margin-left: -3px;
    line-height: 1;
    letter-spacing: -0.04em;
    margin-top: 40px;
    padding-top: 0;
    margin-bottom: 8px;
    color: rgba(0,0,0,0.8);
}

.article_header {
    font-family: "jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    letter-spacing: -0.02em;
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
    margin-left: -1.8px;
    line-height: 1.2;
    margin-top: 40px;
    margin-bottom: 4px;
    color: rgba(0,0,0,0.8);
}

.article_content ul {
    list-style-type: disc;
}

.article_content ul:first-child {
    margin-top: 30px;
}

.article_content li {
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 30px;
    font-family: "freight-text-pro",Georgia,Cambria,"Times New Roman",Times,serif;
    letter-spacing: .01rem;
    font-weight: 400;
    font-style: normal;
    margin-left: 40px;
}



.article_content li strong{
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 30px;
    font-family: "freight-text-pro",Georgia,Cambria,"Times New Roman",Times,serif;
    letter-spacing: .01rem;
    font-style: normal;
    font-weight: bold;
}

.main_index_title {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: rgba(0,0,0,0.87);
    font-size: 45px;
    line-height: 1.1;
    margin: 0.67em 0;
}


.srn_ul {
    padding-left: 50px;
    padding-top: 10px;
}

.footer-language
{
    font-size: 14px;
    font-family: "Circular Std", sans-serif;
    color: #9B9B9B;
}

.navbar-language {
    line-height: 85px;
    font-size: 14px;
    font-family: "Circular Std", sans-serif;
    color: #9B9B9B;
}

.navbar-language a {
    color: #9B9B9B;
}

.navbar-language:visited {
    color:#9B9B9B;
}

.footer-language a {
    margin: 0 4px;
}

.footer-language a:hover {
    color: #344bc6;
    text-decoration: underline;
}

.icon-box-srn { position: relative; text-align:center; background-color: rgba(255,255,255,0.81); background-color:#fff\9; border: 1px solid #e5e5e5; border-radius: 3px; padding: 36px 20px 28px; text-shadow: 0 0 0 0; margin: 40px 0 20px; }
.icon-box-srn * { text-shadow: none; }

.icon-box-srn i
{
    font-size: 24px;
    padding: 15px 16px 17px;
    background: #3c7096;
    color: white;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -27px;
    border-radius: 30px;
    cursor: default;
}


.icon-box-srn h4, .blox .icon-box6 h4, .blox.dark .icon-box6 h4 { color: #363636; font-weight: 400; }








.drop-shadow {
    position:relative;
    padding:1px;
    background:#fff;
    -webkit-box-shadow:0 5px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 5px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 5px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
}

.drop-shadow p {
    font-size:16px;
    font-weight:bold;
}



.cd-timeline-content h2 {
    line-height: 30px;
}

.cd-timeline-content ul {
    padding-left: 30px;
    list-style-type: disc;
    margin-bottom: 10px;
}

.cd-timeline-content li {
    margin-bottom: 0px;
}

.changelog-formula {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.changelog-img {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    max-height: 300px;
}

/*
.ul {
    padding-left: 30px;
    list-style-type: disc;
    margin-bottom: 10px;
}

.li {
    margin-bottom: 0px;
}*/


.client_logo_row {
    display: flex;
    align-items:center;
    justify-content:space-around;
    flex-wrap: wrap;

    /* required for very arge screen */
    max-width: 1280px;
    margin: 0 auto;


}

.client_logo_img {
    margin: 10px;
    max-width:100px;
    width: 100%;
    height: auto;
}


.ul {
    padding-left: 30px;
    list-style-type: disc;
    margin-bottom: 10px;
}

.li {
    margin-bottom: 0px;
}



.video_container {
    width:800px;
}

.video_container_landing_screen {
    width: 90%;

    border-radius: 5px;
}

@media screen and (min-width: 480px) and (max-width: 767px)  {
    .video_container {
        width:400px;
    }
}

@media screen and (max-width: 479px){
    .video_container {
        width:320px;
    }
}


.srn_main_key_question_block {
    padding-bottom:20px;
}

.srn_sub_key_question_block {
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.srn_sub_sub_key_question_block {
    padding-left: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.srn_key_question_content {
    display: inline-block;
    width:70%;
}

.srn_key_question_check {
    display: inline-block;
    width: 30%;
    text-align: center;
    color: #27ae60;
}

.srn_key_question_details_block {
    display: none;
}

.srn_key_question_header {
    cursor: pointer;
}

.srn_key_question_header:hover {
    color: #004391;
}




.srn_key_question_serenytics_header {
    font-size: 32px;
    line-height: 30px;
    font-family: 'Raleway', sans-serif;
    color: #2f6b91;
}

.srn_section_top_info_block{
    font-size: 18px;
    line-height: 51px;
    font-family: 'Raleway', sans-serif;
    color: #2f6b91;
    padding-bottom: 12px;
    text-align: center;
}


.srn_form_get_serenytics_vs_others {
    margin: 0 auto;
    width:300px;
}


.srn_notify_badge{
    position: absolute;
    right:-10px;
    top:10px;
    background:#EE8E4A;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color:white;
    padding:5px 10px;
    font-size:20px;
    font-weight: 600;

    -ms-transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg);
}

.outside_shadow{
    -webkit-box-shadow: 0 7px 34px 0 rgba(0,0,0,.07), 0 11px 34px 0 rgba(0,0,0,.04);
    -moz-box-shadow:0 7px 34px 0 rgba(0,0,0,.07), 0 11px 34px 0 rgba(0,0,0,.04);
    box-shadow: 0 7px 34px 0 rgba(0,0,0,.07), 0 11px 34px 0 rgba(0,0,0,.04)
}

.outside_shadow_main_video{
    -webkit-box-shadow: 3px 3px 30px 2px rgba(98, 98, 110, 0.8);
    -moz-box-shadow: 3px 3px 30px 2px rgba(98, 98, 110, 0.8);
    box-shadow: 3px 3px 30px 2px rgba(98, 98, 110, 0.8);
}


.func_box{
    width: 50%;

    padding-bottom: 20px;
    margin: 50px 20px 20px 20px;

    /* finalement, ca allourdit cette bordure. C'est plus simple en restant light
    border-top: 5px solid;
    border-top-color: #0073c0;
    */
    border-left: 5px solid #e83a47;

    border-radius: 5px;

    display: flex;
}

.func_left{
    font-size: 1em;
    margin-right: 30px;
    margin-left: 20px;
    margin-top: 20px;

    color: #0073c0;
}

.func_right{
    padding: 0.4vw;
}

.func_title{
    font-size: 2.1vw;
    padding: 10px 10px 0px 30px;

}

.func_title_text{
    padding-top: 2.2vw;
    padding-left: 2.1vw;
    color: #355f9e;

    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.func_desc{
    color: #8e8d8d;
    margin-left: 8.3vw;

}

.func_desc ul {
    font-size:1.3vw;
    line-height: 1.7vw;

    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: grey;
}

.zone_with_background_gradient {
    background-image: linear-gradient(to bottom right,#ffffff5c,#fbfbfb), url(/images_srn/pattern.svg);
}

.zone_with_background_gradient_to_bottom {
    background-image: linear-gradient(to bottom,#ffffffa3,#fbfbfb), url(/images_srn/pattern.svg);
}

/*
.zone_with_background_gradient:before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-image: linear-gradient(to bottom right,#002f4b,#dc4225);
     opacity: .6;
 }*/


.for_who_block {
    margin: 20px;

    color: #355f9e;

    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 24px;

    flex: 1 0 0px;
    display: flex;
}

.for_who_left_block{

}


.srn_catchphrase_bold {
    font-weight: 600;
    color:#6a71a0;
}



.srn_maintitle {
    font-size: 40px;
    line-height: 44px;

    padding-bottom: 12px;

    font-family: 'Raleway', sans-serif;
    color: #2b4c7c;
    font-weight: 600;
}


.srn_catchphrase {
    margin: 0 0 40px 0;

    font-size: 20px;
    line-height: 24px;

    letter-spacing: 0.2px;

    font-weight: 400;

    font-family: 'Raleway', sans-serif;
    color: #777777;
}

.srn_landing_main_row{
    display: flex;
    align-items: center;
}



.srn_landing_main_row_video{
    width: 60%;
    min-width: 300px;
}

.srn_landing_main_row_text{
    text-align: center;
    width: 100%;
}

.click_or_code_row{
    width:80%;
    margin: auto;
    display: flex;


    margin-top: 0px;
}


.srn_service_phrase_in_title{
    font-size: 1vw;
    line-height: 1.2vw;
}


.srn_code_example{
    font-size: 0.8em;
}


.serenytics_nav_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    /* to be centered in the 1024 px width area */
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
}


@media screen and (max-width:1265px)  {
    .srn_features-column .srn_feature_row {
        width: 90%;

        /* for a feature row inside a feature page, we switch to colimn mode ealier than for main page
        as there is a menu on the left and thus less space available */
        flex-direction: column;
    }

    .srn_features-column .srn_feature_item, .srn_features-column .srn_feature_item_full_width {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;

        padding-left: 10px;
        padding-right: 10px;
    }


    .srn_features-column .srn_feature_image {
        max-width:90vw;
        max-height:27vw;
        width: auto;
        height: auto;
    }

    .srn_features-column .srn_feature_row_with_image_on_left {
        flex-direction: column-reverse !important;
    }

    .srn_features-column .srn_feature_image {
        max-width:90vw;
        max-height:27vw;
        width: auto;
        height: auto;
    }

    .srn_features-column .srn_feature_item_image {
        text-align: center;
    }
}



/* for screen below width 1023px
warning: we also have a section, screen below 487px at the very bottom
*/

@media screen and (max-width:1023px)  {

    .serenytics_nav_container {
        padding: 0 20px;
    }

    .srn_feature_item, .srn_feature_item_full_width {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;

        padding-left: 10px;
        padding-right: 10px;
    }

    /* for a feature row (one text beside one image), switch to column mode instead of row mode */
    .srn_feature_row {
        width: 90%;
        flex-direction: column;
    }

    .srn_feature_image {
        max-width:90vw;
        max-height:27vw;
        width: auto;
        height: auto;
    }


    .srn_landing_main_row {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;

        text-align: center;
    }

    .srn_feature_item_image {
        text-align: center;
    }

    .srn_btn_right_margin {
        margin-right: 0px;
    }

    .srn_feature_row_with_image_on_left {
        flex-direction: column-reverse !important;
    }

    .srn_landing_main_row_text {
        width: 100%;

    }

    .srn_landing_main_row_video {
        width: 100%;
    }

    .srn_maintitle {
        font-size: 40px;
        line-height: 44px;

        padding-bottom: 20px;
    }

    .srn_catchphrase {
        margin: 0 0 20px 0;

        /*
        font-size: 2.4vw;
        line-height: 2.8vw;
        */

        letter-spacing: 0.2px;
    }

    .srn_landing_main_row_text .srn_btn{
        font-size: 12px;
    }

    .srn_main{
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .click_or_code_row{
        width:80%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0px;
    }

    .func_box{
        width: 100%;
    }

    .func_title_text{
        font-size: 3.5vw;
    }

    .func_desc ul{
        font-size: 2vw;
        line-height: 2.3vw;
    }

    .srn_service_phrase_in_title {
        font-size: 2vw;
    }

    .srn_code_example{
        font-size: 0.6em;
    }

    .srn_feature_column_title{
        font-size: 30px;
        line-heigth:35px;
    }

    .client_logo_row {
        /* otherwise, we often have a full 1st row and few items no second row*/
        padding-left: 10%;
        padding-right: 10%;
    }
    .client_logo_img {
        margin: 5px;
        width: auto;
        max-height:35px;
    }

    .srn_trustedby_title {
        font-size: 12px;
    }



}

@media screen and (max-width: 479px) {
    .serenytics_nav_container {
        padding-top: 10px;
    }

    .navbar_login_btn {
        display: none;
    }

    .srn_feature_row {
        width: 95%;
    }

    .srn_maintitle {
        font-size: 30px;
        line-height: 34px;

        padding-bottom: 12px;
    }

    .srn_catchphrase {

        font-size: 16px;
        line-height: 20px;


        letter-spacing: 0.2px;
    }


    .srn_code_example{
        font-size: 0.4em;
    }

    .srn_feature_column_title{
        font-size: 24px;
        line-heigth:28px;
    }

    .srn_features-column .srn_feature_image,
    .srn_feature_image {
        max-width:90vw;
        max-height:60vw;
        width: auto;
        height: auto;
    }

    .logo img
    {
        max-height:30px !important;
    }

    .contact-container {
        flex-direction: column;
        margin: 40px auto;
    }
}

@media screen and (max-width: 331px) {
    .logo img
    {
        max-height:20px;
    }
}





/* Style the Image Used to Trigger the Modal */
.modalImg {
    cursor: pointer;
    transition: 0.3s;
}

.modalImg:hover
{
    opacity: 0.7;
}

/* The Modal (background) */
.modalClassForPopImagesContainer {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 91000; /* Sit on top - navbar is  90000*/
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-contentForModalPopupImages {
    margin: auto;
    display: block;
    width: 80%;
    /*max-width: 900px;*/
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#captionIdForModalImagePopup {
    margin: auto;
    display: block;
    width: 80%;
    /*max-width: 900px;*/
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-contentForModalPopupImages, #captionIdForModalImagePopup {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.closeButtonForModalPopupImages {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.closeButtonForModalPopupImages:hover,
.closeButtonForModalPopupImages:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
/* Common styles */

.pricing {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto 3em;

    /* added by AA */
    font-family: "Avenir Next", Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
    /*color: #444;*/
    color: #848484;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.pricing_noticable_item {
    font-weight: 600;
    color: #e8762c;
}

.pricing__item_column li {
    padding: 10px 6px;
    border-top: 1px solid rgba(34,36,38,.15);
    font-size: 0.9em;
}

.pricing__item_column {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;

    -webkit-flex: 0 1 330px;
    flex: 0 1 330px;


}

.pricing__feature-list {
    text-align: left;
}

.pricing__action {
    color: inherit;
    border: none;
    background: none;
}

.pricing__action:focus {
    outline: none;
}


.pricing_monthly {
    display: none;
}

.pricing_annually {
    display: flex;
    flex-direction: column;
}

.pricing_hosted {
    display: block;
    color: #777777;

    font-family: "Circular Std", sans-serif;
}

.pricing_onpremises {
    display: none;

    font-family: "Circular Std", sans-serif;
}




/* Individual styles */

/* Sonam */
.pricing--sonam .pricing__item {
    margin: 1em;
    padding: 0;
    cursor: default;
    border-radius: 7px;
    /*background: #1F1F1F;*/
    /*box-shadow: 0 5px 20px rgba(0,0,0,0.05), 0 15px 30px -10px rgba(0,0,0,0.1);*/
    box-shadow: inset 0 5px 20px rgba(0,0,0,0.05), 0 15px 30px -10px rgba(0,0,0,0.3);
    -webkit-transition: background 0.3s;
    transition: background 0.3s;

    background: white;
    background-image: linear-gradient(45deg, #2f6a90 50%, #4275ec 100%);
    overflow: hidden;  /* to ensure border-radius is not overflowed by inner content */
}

.pricing--sonam .pricing__item:hover {
    box-shadow: inset 0 5px 20px rgba(0,0,0,0.05), 0 15px 30px -5px rgba(0,0,0,0.3);
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.pricing__item__compact {
    padding-bottom: 0px !important;
}

.price_catchphrase {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    padding: 0 15px 20px 15px;
    min-height: 70px;
}


.pricing--sonam .pricing__title {
    font-size: 1.6em;
    font-family: Raleway;
    width: 100%;
    margin: 0;
    padding: 0.5em 0;
    /* border-bottom: 2px solid; */
    color: white;

    font-weight: 600;


}

.pricing--sonam .pricing__price {
    color: white;
    font-size: 1.8em;
    padding: 0 0 0.75em 0;
}

.pricing--sonam .pricing__price__subtitle {
    color: white;
    font-size: 0.7em;
    padding: 0.5em 0 0;
}

.pricing--sonam .pricing__price__in__list {

    font-size: 1.5em;
    padding: 0.3em 0 0.2em;
    text-align: center;
}

.pricing--sonam .pricing__price_small {
    color: white;
    font-size: 1.0em;
    padding: 0 0 0.75em;
}

.pricing--sonam .pricing__sentence {
    font-weight: bold;

    color: #2f6b91;
}

.pricing--sonam .pricing__feature-list {
    margin: 0;
    padding: 0;
    text-align: center;

    height: 100%;
    background-color: white;
}




/* kept, otherwise pricing moves to 2 columns */
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after {display: table;  content: ''; }
.clearfix:after { clear: both; }



/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;

    height: 30px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: #ccc;*/
    background-color: #596398;

    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 5px;
    bottom: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #596398;
}

input:focus + .slider {
    box-shadow: 0 0 1px #596398;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.price_switch{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1vw 0;
}

.quote_look_other_pricing {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8e8e8e;
    font-size: 1em;
    padding: 2px 8px;

    text-align: center;
}

.quote_look_other_pricing a {
    color: #e8762c;
}

.quote_look_other_pricing a:hover {
    text-decoration: underline;
}

.price_switch_label {
    color: #9a9a9a;
    padding: 1em;
    font-family: Raleway;
    font-size: 1em;
    font-weight: 600;
}

.price_switch_label_active {
    color: #596398;
}

.pricing_discount {
    color: orange;
}

.pricing_question_mark {
    font-size: 0.9em !important;
}

.pricing__value {
    font-weight: 600;
}

.pricing__currency {
    font-size: 0.75em;
}

.pricing_page_signup {
    position: absolute;
    right: 15%;
}

@media only screen and (max-width: 959px) {
    /* no signup button in mobile */
    .pricing_page_signup {
        display: none;
    }
}

.pricingtable_cell_header {


    background-image: linear-gradient(45deg,#146ea9 50%,#4275ec 100%);
    transition: background 3.3s;
    color: white;

}

.pricingtable_cell_header_conteneur {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 20px;

    height: 100%;
}

.pricingtable_cell_header_plan_name {
    font-weight: bold;
    font-size: 20px;

    text-align: center;
}

.pricingtable_cell_header_plan_pitch {
    padding: 15px 5px;
    text-align: center;

}

.pricingtable_cell {
    padding: 10px 5px;
    text-align: center;
    vertical-align: middle;

    border: 1px solid #EAEAEA;
}

.pricingtable_cell_shine {
    color: #344cc6;
    font-weight: 600;
}



.pricingtable_cell_left {
    padding: 10px 5px;
    padding-left: 25px;
    text-align: left;

    border: 1px solid #EAEAEA;
    vertical-align: middle;
}



.pricingtable_section {
    padding: 10px 5px;

    background: #e9eff7;
    color: #00266d;

    font-weight: 300;
    padding-left: 25px;
}

.pricingtable_section_header {
    font-size: 20px;
}

.pricingtable_section_subheader {

}

.pricingtable-check {
    color: #18c018;
}

.pricingtable-uncheck {
    color: red;
}

.pricingtable_cell_price {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
}

.pricingtable_cell_price_sub {
    font-size: 10px;
}

.pricingtable_cell_price_plan_full_price {
    font-size: 10px;
    line-height: 15px;
}

.pricing_header_feature_row {
    display: flex;
    /*border: 1px solid grey;*/

    padding: 5px 0px;
}

.pricing_header_feature_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10%;
    text-align: center;
}

.pricing_header_feature_text {
    width: 90%;
}

/* on default screen ----------------- */
.pricing_table_full {
    /* displayed */
}

.pricing_table_first_plan_only {
    display: none
}

.pricing_table_second_plan_only {
    display: none
}

.pricing_table_third_plan_only {
    display: none
}

.pricing_table_fourth_plan_only {
    display: none
}

.pricing_table_fifth_plan_only {
    display: none
}


.pricing_table_header_in_divs {
    width:100%;
    display: flex;
}

.pricing_table_col1 {
    width: 25%
}


.pricing_table_col2, .pricing_table_col3, .pricing_table_col4, .pricing_table_col5, .pricing_table_col6 {
    width: 25%;

    transition: background 3.3s;

    /*background-image: linear-gradient(20deg,#f3f6fb 50%,#e9eff7 100%);*/
    background-image: linear-gradient(90deg,#f3f6fb 0%,#e9eff7 100%);
    color: #00276c;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

    border-top-left-radius: 60px;
    border-top-right-radius: 10px;
}

.pricing_table_header_in_divs .pricing_table_col3 {
    background-image: linear-gradient(90deg,#ffab00 0,#ff811b 100%)
}

.on-premises-pricing-header {
    border-radius: 10px;

    /*background-color: #3366cb;*/
    background-image: linear-gradient(90deg,#f3f6fb 0%,#e9eff7 100%);


    transition: background 3.3s;
    color: #00276c;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

/* on smartphone screen ----------------- */
@media screen and (max-width: 1000px) {
    .pricing_header_feature_icon {
        width: 20%;
    }
    .pricing_header_feature_text {
        width: 80%;
    }

    .pricing_table_full {
        display:none;
    }

    .pricing_table_col1 {
        display: none;
    }

    .pricing_table_first_plan_only .pricing_table_col2{
        display: block;
        width: 100%;
    }

    .pricing_table_first_plan_only .pricing_table_col3,
    .pricing_table_first_plan_only .pricing_table_col4,
    .pricing_table_first_plan_only .pricing_table_col5,
    .pricing_table_first_plan_only .pricing_table_col6 {
        display: none;
    }


    .pricing_table_second_plan_only .pricing_table_col3 {
        display: block;
        width: 100%;
    }

    .pricing_table_second_plan_only .pricing_table_col2,
    .pricing_table_second_plan_only .pricing_table_col4,
    .pricing_table_second_plan_only .pricing_table_col5,
    .pricing_table_second_plan_only .pricing_table_col6 {
        display: none;
    }

    .pricing_table_third_plan_only .pricing_table_col4 {
        display: block;
        width: 100%;
    }

    .pricing_table_third_plan_only .pricing_table_col2,
    .pricing_table_third_plan_only .pricing_table_col3,
    .pricing_table_third_plan_only .pricing_table_col5,
    .pricing_table_third_plan_only .pricing_table_col6 {
        display: none;
    }

    .pricing_table_fourth_plan_only .pricing_table_col5 {
        display: block;
        width: 100%;
    }

    .pricing_table_fourth_plan_only .pricing_table_col2,
    .pricing_table_fourth_plan_only .pricing_table_col3,
    .pricing_table_fourth_plan_only .pricing_table_col4,
    .pricing_table_fourth_plan_only .pricing_table_col6{
        display: none;
    }



    .pricing_table_fifth_plan_only .pricing_table_col6 {
        display: block;
        width: 100%;
    }

    .pricing_table_fifth_plan_only .pricing_table_col2,
    .pricing_table_fifth_plan_only .pricing_table_col3,
    .pricing_table_fifth_plan_only .pricing_table_col4,
    .pricing_table_fifth_plan_only .pricing_table_col5{
        display: none;
    }







    /* we show the second table */
    .pricing_table_first_plan_only {
        display: block;
    }

    /* hide the third column of first table*/
    .pricing_table_first_plan_only tr th:nth-child(3),
    .pricing_table_first_plan_only tr td:nth-child(3){
        display:none;
    }

    /* hide the 4th column of first table*/
    .pricing_table_first_plan_only tr th:nth-child(4),
    .pricing_table_first_plan_only tr td:nth-child(4){
        display:none;
    }

    /* hide the 5th column of first table*/
    .pricing_table_first_plan_only tr th:nth-child(5),
    .pricing_table_first_plan_only tr td:nth-child(5){
        display:none;
    }

    /* hide the 6th column of first table*/
    .pricing_table_first_plan_only tr th:nth-child(6),
    .pricing_table_first_plan_only tr td:nth-child(6){
        display:none;
    }



    /* we show the 2nd table */
    .pricing_table_second_plan_only {
        display: block;
    }

    /* hide the second column of second table*/
    .pricing_table_second_plan_only tr th:nth-child(2),
    .pricing_table_second_plan_only tr td:nth-child(2){
        display:none;
    }

    /* hide the fourth column of second table*/
    .pricing_table_second_plan_only tr th:nth-child(4),
    .pricing_table_second_plan_only tr td:nth-child(4){
        display:none;
    }

    /* hide the fourth column of second table*/
    .pricing_table_second_plan_only tr th:nth-child(5),
    .pricing_table_second_plan_only tr td:nth-child(5){
        display:none;
    }

    /* hide the fourth column of second table*/
    .pricing_table_second_plan_only tr th:nth-child(6),
    .pricing_table_second_plan_only tr td:nth-child(6){
        display:none;
    }




    /* we show the 3th table */
    .pricing_table_third_plan_only {
        display: block;
    }

    /* hide the second column of third table*/
    .pricing_table_third_plan_only tr th:nth-child(2),
    .pricing_table_third_plan_only tr td:nth-child(2){
        display:none;
    }

    /* hide the third column of third table*/
    .pricing_table_third_plan_only tr th:nth-child(3),
    .pricing_table_third_plan_only tr td:nth-child(3){
        display:none;
    }

    /* hide the 5th column of third table*/
    .pricing_table_third_plan_only tr th:nth-child(5),
    .pricing_table_third_plan_only tr td:nth-child(5){
        display:none;
    }

    /* hide the 6th column of third table*/
    .pricing_table_third_plan_only tr th:nth-child(6),
    .pricing_table_third_plan_only tr td:nth-child(6){
        display:none;
    }



    /* we show the 4th table */
    .pricing_table_fourth_plan_only {
        display: block;
    }

    /* hide the second column of third table*/
    .pricing_table_fourth_plan_only tr th:nth-child(2),
    .pricing_table_fourth_plan_only tr td:nth-child(2){
        display:none;
    }

    /* hide the third column of third table*/
    .pricing_table_fourth_plan_only tr th:nth-child(3),
    .pricing_table_fourth_plan_only tr td:nth-child(3){
        display:none;
    }

    /* hide the 4th column of third table*/
    .pricing_table_fourth_plan_only tr th:nth-child(4),
    .pricing_table_fourth_plan_only tr td:nth-child(4){
        display:none;
    }

    /* hide the 6th column of third table*/
    .pricing_table_fourth_plan_only tr th:nth-child(6),
    .pricing_table_fourth_plan_only tr td:nth-child(6){
        display:none;
    }




    /* we show the 5th table */
    .pricing_table_fifth_plan_only {
        display: block;
    }

    /* hide the second column of 5th table*/
    .pricing_table_fifth_plan_only tr th:nth-child(2),
    .pricing_table_fifth_plan_only tr td:nth-child(2){
        display:none;
    }

    /* hide the third column of 5th table*/
    .pricing_table_fifth_plan_only tr th:nth-child(3),
    .pricing_table_fifth_plan_only tr td:nth-child(3){
        display:none;
    }

    /* hide the 4th column of 5th table*/
    .pricing_table_fifth_plan_only tr th:nth-child(4),
    .pricing_table_fifth_plan_only tr td:nth-child(4){
        display:none;
    }

    /* hide the 5th column of 5th table*/
    .pricing_table_fifth_plan_only tr th:nth-child(5),
    .pricing_table_fifth_plan_only tr td:nth-child(5){
        display:none;
    }


}


.private_policy_title {
    font-weight: bold;
    text-transform: uppercase;
}

.private_policy_content {
    padding-bottom: 20px;
}
.quotes_row {
    display: flex;
    flex-wrap: wrap;
}

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

/* Let's set and reset some common styles */
.mb-wrap {
    width: 300px;
    margin: 20px auto;
    padding: 20px;
    position: relative;
}

.mb-wrap p{
    margin: 0;
    padding: 0;
}

.mb-wrap blockquote {
    margin: 0;
    padding: 0;
    position: relative;
}

.mb-wrap cite {
    font-style: normal;
}

.mb-style-3-fixed {
    width: 350px;
}

.mb-style-3-var {
    width: 80%
}

.mb-style-3 {

}

.mb-style-3 blockquote{
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow:
            inset 0 2px 0 #EA2E49,
            -5px -4px 25px rgba(0, 0, 0, 0.3);
}

.mb-style-3-fixed blockquote{
    height: 220px;
    width: 320px;
}

.mb-style-3 blockquote:after,
.mb-style-3 blockquote:before  {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.mb-style-3 blockquote:after  {
    border-top-color: #ffffff;
    border-width: 10px;
    left: 65%;
    margin-left: -10px;
}

.mb-style-3 blockquote:before {
    border-top-color: rgba(0,0,0,0.01);
    border-width: 11px;
    left: 65%;
    margin-left: -11px;
}

.mb-style-3 blockquote p {
    font-family: 'Alegreya', serif;
    font-size: 18px;
    color: #5e5454;
    font-weight: 400;
    line-height: 25px;
    font-style: italic;
    text-indent: 100px;
    position: relative;
}

.mb-style-3 blockquote p:before{
    content: '\201C';
    font-family: serif;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    font-size: 150px;
    top: 0px;
    left: -105px;
    color: #EA2E49;
    text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
}

.mb-style-3 .mb-attribution {
    text-align: right;
    padding: 20px 100px 20px 20px;
    position: relative;
}


.olivier_guyomard {
    background: url(../images_srn/quote_authors/olivier_guyomard.jpg) no-repeat center center;
}

.amel_mbatsogo {
    background: url(../images_srn/quote_authors/amel_mbatsogo.jpg) no-repeat center center;
}

.walter_almeida {
    background: url(../images_srn/quote_authors/walter_almeida.jpg) no-repeat center center;
}

.matthieu_michel {
    background: url(../images_srn/quote_authors/matthieu_michel.jpg) no-repeat center center;
}

.mb-style-3 .mb-thumb {


    display: block;
    width: 70px;
    height: 70px;
    border: 5px solid #fff;
    border-radius: 50%;

    position: absolute;
    background-size: cover;
    right: 10px;
    bottom: 5px;
    box-shadow:
            inset 1px 1px 4px rgba(0,0,0,0.5),
            0 2px 3px rgba(0,0,0,0.6);
}

.mb-style-3 .mb-author{
    font-family: 'Alegreya SC', serif;
    font-weight: 700;
    font-size: 18px;
    color: #EA2E49;
    text-shadow: 0 1px 1px rgba(255,255,255,0.7);
}

.mb-style-3 cite a{
    font-family: 'Alegreya', serif;
    font-weight: 700;
    font-style: italic;
    color: #333745;
    /*text-shadow: 0 1px 1px rgba(0,0,0,0.3);*/
}

/*
.mb-style-3 cite a:hover{
    color: #2f6b91;
    text-shadow: 0 1px 1px rgba(255,255,255,0.7);
}
*/

.tutorial_section {
    padding-bottom: 200px;
}

.tutorial_p {
    padding-bottom: 50px;
}

.tutorial_p_content {
    color: #313F57;
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 20px;
}

.tutorial_title {
    color: #00266D;

    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;

    font-size: 30px;
    padding-bottom: 25px;
}

.tutorial_container h1 {
    font-size: 45px;
    line-height: 45px;
    font-weight: 300;
    padding-bottom: 40px;
    padding-top: 50px;
}

.tutorial_p_content ul {
    padding-top: 10px;
    padding-bottom: 10px;
}


.tutorial_image {
    display: block;
    margin: 20px auto;

}

.tutorial_container {
    width: 800px !important;
    padding-bottom: 40px;
}

@media screen and (max-width: 650px) {
    body {
        font-size: 16px;
    }
}

@media screen and (max-width: 650px) {
    .tutorial_container {
        width: 90% !important;
        /*font-size: 16px;*/
    }
}

.tutorial_section ul {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    margin: 5px 0;

    padding-bottom: 10px;
}

.tutorial_section li {
    list-style-type: disc;
}

.tutorial_section p {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    margin: 0 0 5px 0;
}

.tutorials_menu {
    padding-left: 50px !important;
    padding-bottom:200px !important;


}

.tutorials_menu a {
    color: #2a4c7c;
    font-weight: 400;
}

.tutorials_menu_section {
    padding-bottom: 20px;
}



.tutorials_menu a:hover {
    text-decoration: underline;
}


.tutorial_back_to_menu_bar {
    margin-top: 20px;
    padding: 10px;
    text-align: right;
    width: 100%;
    font-size: 15px;
    background-color: #2a4c7c;
    color: white;
}

.tutorial_back_to_menu_bar:hover {
    cursor: pointer;
    text-color: grey;
    padding: 11px 10px 9px 10px;
}


.srn_tutorial_code {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}


.tutorials_menu_section_title {

    color: #232d66;

    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;

    font-size: 30px;
    padding-bottom: 25px;

    z-index:1; /* to be above CSS shapes */
}

.srn_tutorial_back_link {
    color: #596398;

    font-family: "Circular Std", sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;

    font-size: 16px;

    /* to be above svg shape */
    position: relative;
    z-index: 10;
}

.srn_tutorial_back_link:hover {
    cursor: pointer;
    color: #232d66;

    transition: all .5s ease;
}

.srn_tutorial_header_circle1 {
    position: absolute;
    z-index: 0;

    margin-left: calc(50% - 450px);
    margin-top: -50px;

    width: 20px;
    height: 20px;
    background: #673ab7;
    border-radius: 50%
}

.srn_tutorial_header_circle2 {
    position: absolute;
    z-index: 5;


    margin-left: calc(50% + 450px);
    margin-top: -260px;

    width: 30px;
    height: 30px;
    background: #2196f3;
    border-radius: 50%
}

@media only screen and (max-width: 1023px) {
    .srn_tutorial_header_circle1 {
        margin-left: 20%;
    }

    .srn_tutorial_header_circle2 {
        margin-top: -95px;
        margin-left: 84%;
    }
}

.srn_inline_code {
    background-color: lightgrey;
    border-radius: 5px;
    padding:5px;
    color: black;
    white-space: nowrap;
}









.srn_tutorial_header_shape {
    position: absolute;
    z-index: 0;
}

@media only screen and (min-width: 1240px) {

}

@media only screen and (min-width:1024px) and( max-width: 1240px) {

}


@media only screen and (min-width:480px) and (max-width: 1023px) {
    .srn_tutorial_header_shape {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .srn_tutorial_header_shape {
        display: none;
    }
}
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */


    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container_article                          { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 21px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }
	.container .one-half.column                 { width: 450px; } 

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
	
	
	
	
/* #Additional - Large Screens beyond 1280px
================================================== */
    /* Note: Design for a width of 1280px */
    @media only screen and (min-width: 1200px) {
        .container                                  { width: 1120px; }
        .container_article                          { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }
        .container .one.column,
        .container .one.columns                     { width: 50px; }
        .container .two.columns                     { width: 120px; }
        .container .three.columns                   { width: 190px; }
        .container .four.columns                    { width: 260px; }
        .container .five.columns                    { width: 330px; }
        .container .six.columns                     { width: 400px; }
        .container .seven.columns                   { width: 470px; }
        .container .eight.columns                   { width: 540px; }
        .container .nine.columns                    { width: 610px; }
        .container .ten.columns                     { width: 680px; }
        .container .eleven.columns                  { width: 750px; }
        .container .twelve.columns                  { width: 820px; }
        .container .thirteen.columns                { width: 890px; }
        .container .fourteen.columns                { width: 960px; }
        .container .fifteen.columns                 { width: 1030px; }
        .container .sixteen.columns                 { width: 1100px; }
        .container .one-third.column                { width: 353px; }
        .container .two-thirds.column               { width: 716px; }
        /* Offsets */
        .container .offset-by-one                   { padding-left: 70px; }
        .container .offset-by-two                   { padding-left: 140px; }
        .container .offset-by-three                 { padding-left: 210px; }
        .container .offset-by-four                  { padding-left: 280px; }
        .container .offset-by-five                  { padding-left: 350px; }
        .container .offset-by-six                   { padding-left: 420px; }
        .container .offset-by-seven                 { padding-left: 490px; }
        .container .offset-by-eight                 { padding-left: 560px; }
        .container .offset-by-nine                  { padding-left: 630px; }
        .container .offset-by-ten                   { padding-left: 700px; }
        .container .offset-by-eleven                { padding-left: 770px; }
        .container .offset-by-twelve                { padding-left: 840px; }
        .container .offset-by-thirteen              { padding-left: 910px; }
        .container .offset-by-fourteen              { padding-left: 980px; }
        .container .offset-by-fifteen               { padding-left: 1050px; }
    }
	
	
	
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container_article                          { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px; margin-bottom:21px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
		.container .one-half.column                 { width: 354px; } 

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {

        .container { width: 300px; }
        .container_article  { width: 300px; }
        .container .columns,
        .container .column { margin: 0; margin-bottom:14px; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
		.container .one-half.column,
        .container .two-thirds.column  { width: 300px; } 

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
		.container .one-half.column,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

        .container { width: 420px; }
        .container_article   { width: 420px; }
        .container .columns,
        .container .column { margin: 0; margin-bottom:21px; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; } 
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clr {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
	.clr { visibility:visible; overflow:visible;}
	.columns img, .column img, .one_half img, .one_third img, .two_third img, .three_fourth img, .one_fourth img, .one_fifth img, .two_fifth img { max-width:90%; }
	.promobox .columns { max-width:100%; }

#progress {
    width: 800px;

    padding: 0;
    list-style-type: none;

    font-size: 16px;
    clear: both;
    line-height: 1em;
    margin: 0 auto;
    text-align: left;
}

#progress li:hover, #progress li:hover:before, #progress li.active:hover {
    background: #344cc6;
    cursor: pointer;
}

#progress li:hover:after, #progress li.active:hover:after {
    border-left: 50px solid #344cc6;
    cursor: pointer;
}

#progress li {
    height: 100px;

    float: left;
    padding: 10px 30px 10px 40px;
    background: #969696;
    color: #fff;
    position: relative;
    /*border-top: 1px solid #666;
    border-bottom: 1px solid #666;*/
    width: 32%;
    margin: 0 1px;
}

#progress li:before {
    content: '';
    border-left: 50px solid #fff;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    position: absolute;
    top: 0;
    left: 0;

}
#progress li:after {
    content: '';
    border-left: 50px solid #969696;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 20;
}

#progress li.active {
    background: #344cc6;
}

#progress li.active:after {
    border-left-color: #344cc6;
}

#progress .progress_step_name {
    margin-left: 30px;
    margin-bottom: 10px;
    font-weight: 600;
}

#progress .progress_step_label {
    margin-left: 30px;
}

.data_driven_step_content {
    height: 350px;
}

.data_driven_step_content .step_id {
    color: #344cc6;
    background-color: #f3f3f3;
    padding: 5px 10px;
    border-radius: 10px;
    margin: 10px;
}


@media only screen and (min-width: 1240px) {
    #data_driven_step1_content {
        display: inherit;
    }

    #data_driven_step2_content {
        display: none;
    }

    #data_driven_step3_content {
        display: none;
    }

    .data_driven_step_content .step_id {
        display: none
    }
}
@media only screen and (min-width:1024px) and( max-width: 1240px) {
    #data_driven_step1_content {
        display: inherit;
    }

    #data_driven_step2_content {
        display: none;
    }

    #data_driven_step3_content {
        display: none;
    }

    .data_driven_step_content .step_id {
        display: none
    }
}
@media only screen and (min-width:480px) and (max-width: 1023px) {
    #data_driven_solutions_steps_selector {
        display: none;
    }
    #data_driven_step1_content, #data_driven_step2_content, #data_driven_step3_content {
        display: inherit;
    }

    .data_driven_step_content .step_id {
        display: inline;
    }

}
@media only screen and (max-width: 479px) {
    #data_driven_solutions_steps_selector {
        display: none;
    }

    #data_driven_step1_content, #data_driven_step2_content, #data_driven_step3_content {
        display: inherit;
    }

    .data_driven_step_content .step_id {
        display: inline;
    }
}
/*----------------------------------

	Theme Name: Florida
	Theme URI: http://webnus2.net/florida
	Description: Florida is a Modern multi-purpose HTML5-CSS3 template with many different options, and is fully responsive. It covers any type of usage: Personal, Small Biz and Corporate.
	Author: WEBNUS
	Author URI: http://themeforest.net/user/WEBNUS
	Version: 1.4.0

	------------------------------------------------------------------------*/
	@import url('./main-menu.css'); /* Import Menu Stylesheet */
	@import url('./base.css'); /* Import Basic Styles, Typography, Forms etc stylesheet */
	@import url('./skeleton.css'); /* Import Skeleton (Responsive Grid System) Stylesheet */
	@import url('./elements.css'); /* Import Elements stylesheet */
	@import url('./blox.css'); /* Import Full width Sections + Parallax Stylesheet */
	@import url('./pages.css'); /* Import Pages stylesheet */
	@import url('./icon-box.css'); /* Import Icon Boxes stylesheet */
	@import url('./widgets.css'); /* Import Widgets stylesheet */




	/*-----------------------------------------------------------------------------------*/



	/* #Site Styles
	================================================== */

	/* WRAPPER */

	#wrap { margin: 0 auto; position: relative; padding: 0; background: #fff; }
	#boxed-wrap { margin: 0 auto; background: #fff; overflow:hidden; width: 1000px; -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4); box-shadow: 0 0 7px rgba(0,0,0,0.4); }
	#boxed-wrap { border: 1px solid #d6dbdc\9; border-bottom: none; }
	#full-width, #hero { width: 100%; padding: 0; clear: both; border-bottom: 1px solid #d6d6d6; }
	#full-width img, #hero img { margin: 0; max-width: 100%; margin-bottom: -6px; }
	#headline, #headline2 { width: 100%; height: 82px; padding: 16px 0 20px; background: #fafafa; display: table; }
	#headline h3, #headline2 h3 { color: #424748; font-size: 56px; line-height:1.3; margin: 20px 10px; position: relative; text-transform: capitalize; font-weight: 100; letter-spacing: 0; }
	#headline h3 small, #headline2 small { font-size: 56%; color: rgba(255,255,255,0.8); font-weight: 300; margin-left: 10px; letter-spacing: -0.07em; text-transform: capitalize; }
	#headline h3 small { color: #808080; font-weight: 100; }
	#headline2 { padding: 25px 0 12px; background: #0093d0; }
	#headline2 h3 { color: #fff; border: 0 none; }
	#header h6, .top-bar h6, .top-inf h6  { font-size:16px; margin:20px; font-weight:400; color:#797979; display:inline-block;}
	#header h6 i, .top-bar h6 i, .top-inf h6 i { background:#f1f1f1; color:#545454; display:inline; margin:7px; padding:7px; border-radius:4px; vertical-align:middle;}
	.tbg1 { background: url(../images/tbg1.png) repeat-x; }


	/* TOP-BAR  */
	.top-bar { background:#fff; min-height:26px; padding:12px 0; border-bottom:1px solid #f3f3f3; }
	.top-bar h6 { font-size:12px; font-weight:400; margin:0 20px 0 0; color:#999; letter-spacing:0.6px;}
	.top-links { float:left; color:#a9b2b4; font-size:11px; padding:4px 0 0 4px; }
	.top-links.rgtflot { float:right; padding-right:10px;}
	.top-links img, .container .top-links p { float:left; margin:4px 3px 0 0;}
	.container .top-links p { color:#d9d9d9; font-weight:bold; font-size:12px; line-height:1; margin:5px 9px 0 0;}
	.top-links a, .top-links span { color: #9aa6af; font-size:10px; display:inline; margin:0 6px; text-transform:uppercase; font-weight:bold; }
	.top-links a:hover { color:#ff932a}
	.top-co-inf .top-links { float:right; margin-top:8px;}
	.top-co-inf .top-links p { color:#6d6e71; }


	/* HEADER  */
	#header {
		border-bottom: none;
		margin:0;
	}

	#header.transed {
		position: fixed;
		background: rgba(255,255,255,0.8);
		width: 100%;
		z-index: 9100;
	}

	#sticker-sticky-wrapper {
		background: #f7f9fc;
	}

	#header.super-fixed
	{
		box-shadow: none;

		border:none;

		width:100%;
		height:90px;
		z-index: 0;
	}

	.logo { height:100%; }
	.logo img
	{
		max-width: 100%;
		height:auto;
		max-height:48px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#header.super-fixed .logo img, header.super-fixed .logo
	{
		width:auto;
	}

	#sticker { background: #fff\9; z-index: 90000; width: 100%; height: auto; position: relative; }
	.darkhalf #sticker { position:fixed; top:0;}
	.darkhalf section.homedark{ margin-top:-114px;}
	header.sticky { margin: 0; position: fixed; top: 0; z-index: 100; }

	.is-sticky #header { margin-top:-50px; background:rgba(255,255,255,0.98); border-bottom: 4px solid #f0f0f0; }
	.is-sticky .logo { height:54px; margin-top:50px; }
	.is-sticky .logo img { max-height:48px; width:auto; }

	/* is-sticky is activated when scrolling down => we want a white background */
	.is-sticky #header.super-fixed {
		margin:0;
		border:none;
		background:#fff;
		box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
		z-index: 9100;

		transition: all .3s ease;
	}
	.is-sticky #header.super-fixed .logo,
	.is-sticky #header.super-fixed .logo img {
		margin:0;
	}


	#search-form { float:right; margin:61px 0 auto 16px; position:relative;}
	#search-form .search-text-box, #search-form2 .search-text-box2 { background-color: #f3f3f3;  background-image: url(../images/search-icon.png); background-position: 12px 50%; background-repeat: no-repeat; border: 0 none; border-radius: 18px; box-shadow: none; color: transparent; cursor: text; font-size: 13px; color:#444; height:18px; line-height: 18px; padding: 7px 5px 8px 30px; transition: all 0.3s ease-in-out 0s; width: 1px;}
	#search-form2 { display:none; position:relative; }
	#search-form2 .search-text-box2 { width:220px; margin:auto; position:relative; }
	#header.super-fixed #search-form { margin-top:29px;}


	/* --------------------- */

	/* Side Nav */

	#side-content { float:right;}
	#side-nav { float:left; z-index:979;}
	#side-nav ul { padding:10px 20px; background:#fff;  border:3px solid #f3f3f3; list-style:none;}
	#side-nav ul li { border-bottom:1px solid #eaeaea; padding:0; margin:0;}
	#side-nav ul li:last-of-type { border-bottom:0 none;}
	#side-nav ul li ul { border:0 none; padding:0; padding-left:20px; margin:0; background:#fdfdfd; display:none;}
	#side-nav a { display:block; color:#575757; padding:14px 0; text-transform:capitalize; font-size:13px; font-weight:400; letter-spacing:0.2px;  }
	#side-nav a:after { float:right;  font-family: 'icomoon'; font-size:10px; color:#878787; content: "\e3b0"; speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1;	-webkit-font-smoothing: antialiased;}
	#side-nav a:hover, #side-nav a:hover:after { color:#ff9900;}
	#side-nav li.current a, #side-nav li.current a:after { color:#0093d0;}
	#side-nav ul li ul li a { padding:10px 0; font-size:12px;}
	#side-nav ul li:hover > ul { display:block;}


	/* Image Gallery */

	.image-gallery { display:block; margin:10px 0;}
	.image-gallery ul li { float:left; width:215px; height:215px; margin:1px; overflow:hidden;}
	.image-gallery ul li img { max-width:420px; width:auto; height:215px; border-radius:1px; text-align:center}
	.image-gallery .zoomex { bottom:0;}



	/* --------------------- */


	/* FOOTER */


	#footer {
		width: 100%;
		padding: 20px 0 0 0;
		background: #f7f9fc;
	}

	#footer.litex { background: #fafafa;  border-top: 6px solid #e9e9e9; }
	.footer-in
	{
		margin: 0 auto;
		padding-bottom: 10px;
		color: #ccc;
		position: relative;
	}
	.footer-in .columns { margin-top: 20px; }
	.footer-in h5.subtitle
	{
		text-align: center;
		font-family: "Circular Std", sans-serif;
		color: #00266d;
		display: block;
		/*border-bottom: 1px solid #dadef1;*/
		padding-bottom: 10px;
		margin: 0;
		/* margin: 15px 0; */

		position: relative;
	}

	#footer.litex .footer-in h5.subtitle { color:#414141;}
	#footer h5.subtitle span { position: absolute; right: 0; text-align: right; }
	#footer h5.subtitle span a { color: #787878; font-size: 10px; font-weight: 400; }
	.lts-news { height: 64px; overflow: hidden; margin-bottom: 15px; }
	.lts-news .img-hover { float:left; margin:0 10px 0 0;}
	.lts-news img { height: 64px; }
	.lts-news h5 { font-size: 16px; font-weight: 500; border: none; margin: 0; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; white-space:nowrap;}
	.lts-news a { color: #ddd; }
	.footer-in .lts-news p { font-size: 11px; line-height: 17px; color: #9c9b9b; margin-bottom:5px; letter-spacing:0; }
	.lts-news .img-hover:before { -webkit-box-shadow: inset 0 0 0 3px #fff; -moz-box-shadow: inset 0 0 0 3px #fff; box-shadow: inset 0 0 0 3px #fff; opacity: .5; }
	.lts-news:hover .img-hover:before { opacity: 1; -webkit-box-shadow: inset 0 0 0 3px #e84a52; -moz-box-shadow: inset 0 0 0 3px #e84a52; box-shadow: inset 0 0 0 3px #e84a52; }
	.lts-news:hover h5 a { color: #e84a52; }
	.footer-in hr { border-color: #373737; }
	.footer-in .copyright-txt { font-size: 12px; }
	.footer-in p { line-height: 19px; color: #898989; }
	.contact2 div { line-height: 21px; }
	.footer-in a { text-decoration: none; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease; }
	.footer-sbc { position: relative; text-align: center; margin: 0 auto; }
	.footer-sbc input[type="text"], .footer-sbc input[type="submit"] { float: left; margin: 4px 7px; }
	/* Social Icons */
	.social-icons a { border: 0; float: left; margin: 1px 7px 0 12px; opacity: 0.5; text-decoration: none; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
	.social-icons a:hover { opacity: 1; }
	.social-icons.members { clear: both; text-align: center; margin-bottom: 10px; }
	.social-icons.members a { text-align: center; float: none; }
	.footer-in a img { float: left; }
	.contact-inf span {
		display: block;
		color: #313F57;
		font-family: "Circular Std", sans-serif;
		font-size: 14px;
		padding-bottom: 5px;
	}
	.contact-inf i { margin-right: 5px; color: #474747; }
	.contact-inf form { margin-top: 20px; }
	.footer-in .contact-inf input, .footer-in .contact-inf textarea { display: block; min-width: 97%; margin: 10px 0; background: #2b2928; color: #ccc; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 6px 0px 6px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 3px 1px #222, 1px 1px #424242; -moz-box-shadow: inset 0 0 3px 1px #222, 1px 1px #424242; box-shadow: inset 0 0 3px 1px #222, 1px 1px #424242; }
	.footer-in .contact-inf button { padding: 10px 20px; font-size: 12px; font-weight: 400; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #373737; background: -moz-linear-gradient(top, #373737, #252525); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373737), color-stop(100%, #252525)); background: -webkit-linear-gradient(top, #373737, #252525); background: -ms-linear-gradient(top, #373737, #252525); background: -o-linear-gradient(top, #373737, #252525); background: linear-gradient(top, #373737, #252525); border: none; float: right; }
	.footer-in a:hover {
		color: #344bc6;
	}
	#footer.litex .footer-in a { color: #0093d0; }
	.footer-in a.terms
	{
		color: #344bc6;
	}
	.footer-in .lts-tweets { padding: 12px; padding-top: 34px; text-align: center; position: relative; }
	.footer-in .lts-tweets i { font-size: 80px; color: #333; position: absolute; top: 2px; left: 40%; z-index: 9; }
	.footer-in .lts-tweets h3 { z-index: 12; position: relative; }
	.footer-in .lts-tweets h5 { color: #82878a; padding: 0 10px; font-size: 16px; font-weight: 400; font-family: "Roboto Slab"; }

	.partner-website h5 { margin: 20px 0; }
	.partner-website a {
		display: block;
		color: #313F57;
		font-family: "Circular Std", sans-serif;
		font-size: 14px;
		-webkit-transition: all .08s ease;
		-moz-transition: all .08s ease;
		-ms-transition: all .08s ease;
		-o-transition: all .08s ease;
		transition: all .08s ease;

		padding-bottom: 5px;
	}
	.partner-website a:hover {
		color: #344bc6;
	}

	.partner-website a i { margin: 0 5px; -webkit-transition: all .18s ease; -moz-transition: all .18s ease; -ms-transition: all .18s ease; -o-transition: all .18s ease; transition: all .18s ease; }
	.partner-website a:hover i { margin-left: 10px; }
	.footbot {
		margin: 0 auto;
		position: relative;
		background: #e9eff7;
		padding: 26px 0 18px;
		text-align: right;
		border-top-right-radius: 2px;
		border-top-left-radius: 1px;
	}

	#footer.litex .footbot { background:#e9e9e9}
	#footer.litex .footbot, #footer.litex .footer-in h4, #footer.litex .footer-in hr { border-color: #e0e0e0; color: #5b5b5b; }
	.footbot img { position: relative; margin: 6px 40px 0 0; opacity: 0.93; }
	.footer-navi {
		float: left;
		line-height: 38px;
		font-size: 14px;
		font-family: "Circular Std", sans-serif;
		color: #2a4c7c;
		text-transform: capitalize;
	}
	.footer-navi ul { margin-left: 40px; }
	.footer-navi a {
		margin: 0 4px;
	}
	.footer-navi a:hover { color: #ccc; text-decoration: underline; }
	.socailfollow { float: right; }
	.socailfollow a { height: 18px; padding: 10px; float: left; text-decoration: none; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.31s ease; -moz-transition: all 0.31s ease; -ms-transition: all 0.31s ease; -o-transition: all 0.31s ease; transition: all 0.31s ease; }
	.socailfollow a:first-of-type { margin-left: 0; }
	.footer-in .socailfollow a:hover { text-decoration: none; }
	.socailfollow a.facebook:hover { background: #3b5996; }
	.top-bar .socailfollow a.facebook:hover i, .our-team .socailfollow a.facebook:hover i { color: #3b5996; }
	.socailfollow a.twitter:hover { background: #00acee; }
	.top-bar .socailfollow a.twitter:hover i, .our-team .socailfollow a.twitter:hover i { color: #00acee; }
	.socailfollow a.vimeo:hover { background: #0dadd6; }
	.top-bar .socailfollow a.vimeo:hover i, .our-team .socailfollow a.vimeo:hover i { color: #0dadd6; }
	.socailfollow a.dribble:hover { background: #d53e68; }
	.top-bar .socailfollow a.dribble:hover i, .our-team .socailfollow a.dribble:hover i { color: #d53e68; }
	.socailfollow a.youtube:hover { background: #cb322c; }
	.top-bar .socailfollow a.youtube:hover i, .our-team .socailfollow a.youtube:hover i { color: #cb322c; }
	.socailfollow a.pinterest:hover { background: #cb2027; }
	.top-bar .socailfollow a.pinterest:hover i, .our-team .socailfollow a.pinterest:hover i { color: #cb2027; }
	.socailfollow a.google:hover { background: #c3391c; }
	.top-bar .socailfollow a.google:hover i, .our-team .socailfollow a.google:hover i { color: #c3391c; }
	.socailfollow a.linkedin:hover { background: #0073b2; }
	.top-bar .socailfollow a.linkedin:hover i, .our-team .socailfollow a.linkedin:hover i { color: #0073b2; }
	.socailfollow a.rss:hover { background: #f29a1d; }
	.top-bar .socailfollow a.rss:hover i, .our-team .socailfollow a.rss:hover i { color: #f29a1d; }
	.socailfollow a.instagram:hover { background: #457399; }
	.top-bar .socailfollow a.instagram:hover i, .our-team .socailfollow a.instagram:hover i { color: #457399; }
	.socailfollow a.other-social:hover { background: #ff5d5e; }
	.top-bar .socailfollow a.other-social:hover i, .our-team .socailfollow a.other-social:hover i { color: #ff5d5e; }
	.socailfollow img { opacity: 0.79; }
	.socailfollow i { font-size: 18px; color: #fff; opacity: 0.95; }
	#footer.litex .socailfollow i { color: #343434; }
	#footer.litex .socailfollow a:hover i { color: #fff; }
	.top-bar .socailfollow { float: right; margin-right: 10px; }
	.top-bar .socailfollow.lftflot { float: left; }
	.top-bar .socailfollow img { opacity: 0.97; }
	.top-bar .socailfollow a, .our-team .socailfollow a { padding: 4px; margin: 1px 4px; background: #fff; }
	.top-bar .socailfollow i, .our-team .socailfollow i { color: #979797; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.125s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
	.top-bar .socailfollow a:hover, .our-team .socailfollow a:hover { background: none; }



	/* #Misc
	================================================== */

	/* EXTRAS */

	.brdr-r1, .brdr-r2 { border-right: 1px solid #e5e5e5; padding-right: 19px; }
	.brdr-l1, .brdr-l2 { border-left: 1px solid #e5e5e5; padding-left: 19px; }
	.brdr-r2 { padding-right: 27px; }
	.brdr-l2 { padding-left: 27px; }
	.pad-r27 { padding-right: 27px; }
	.pad-l27 { padding-left: 27px; }
	.alignright { text-align: right; }
	img.alignright { float: right; }
	.alignleft { text-align: left; }
	img.alignleft { float: left; }
	.aligncenter { text-align: center; }
	.wp-caption { display: block; color: #444; }
	.wp-caption-text { font-size: 15px; }
	.sticky { color: #555; }
	.gallery-caption { display: inline; }
	.bypostauthor { font-size: 13px; }
	.moonicons-box1 { font-size: 16px; display: inline-block; width: 15em; padding: .25em .5em; background: #fff; margin: .5em 1em .5em 0; border: 1px solid #e8e8e8; }
	.alignright { text-align: right; }
	img.alignright { float: right; }
	.alignleft { text-align: left; }
	img.alignleft { float: left; }
	.aligncenter { text-align: center; }
	.wp-caption { display: block; color: #444; }
	.wp-caption-text { font-size: 15px; }
	.sticky { color: #555; }
	.gallery-caption { display: inline; }
	.bypostauthor { font-size: 13px; }
	/* Scroll to top */
	#scroll-top a { width: 16px; height: 16px; padding: 6px 8px 9px; border-radius: 4px; background: #818c90; position: fixed; bottom: 48px; right: 32px; display: none; opacity: 0.89; filter: alpha(opacity=89); z-index: 499841; }
	#scroll-top a i { font-size: 16px; color: #fff; }
	#scroll-top a:hover { background-color: #ffcc00; cursor: pointer; }

	h1.pnf404 { font-size: 176px; line-height: 1.1; font-weight:900;}
	h2.pnf404 { font-size: 42px; line-height: 1.2; font-weight:700; }
	input.txbx404 { float:left; margin-top:2px; margin-right:4px; padding:7px 4px; min-height:inherit; border-radius:3px; }
	input.btn404 { float:left; margin:1px; padding:8px 12px 9px; }

	.v-shadow-l { background:url(../images/v-shadow-left.png) no-repeat right center; }
	.v-shadow-r { background:url(../images/v-shadow-right.png) no-repeat left center; }
	.v-shadow-r, .v-shadow-l {  min-height:320px; }
	.pad-r10 { padding-right:10px; }
	.pad-r20 { padding-right:20px; }
	.pad-r30 { padding-right:30px; }
	.pad-r40 { padding-right:40px; }
	.pad-l10 { padding-left:10px; }
	.pad-l20 { padding-left:20px; }
	.pad-l30 { padding-left:30px; }
	.pad-l40 { padding-left:40px; }

	/* #Column Shortcodes
	----------- */
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { margin-right: 4%; float: left; margin-bottom:20px; }
	.one_half { 	width: 48%; }
	.one_third { width: 30.6666%; }
	.two_third { width: 65.3332%; }
	.one_fourth { width: 22%; }
	.three_fourth { width: 74%; }
	.one_fifth { width: 16.8%; }
	.two_fifth  { width: 37.6%; }
	.column-last { margin-right: 0 !important; clear: right; }


	.easyPieChart { position: relative; text-align: center; }
	.easyPieChart canvas { position: absolute; top: 0; left: 0; }
	.pie { text-align:center; font-size:49px; position:relative; margin:0 auto 20px; }
	.pie p { font-size:16px; color:#888; font-weight:400; position:absolute; bottom:-52px; width:100%; padding-top:10px; border-top:2px solid #f9f9f9;}
	.container .pie p { margin-bottom:0;}



	/* #Media Queries
	================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	.img-box { width: 256px; height: 188px; }
	.last-project .img-box { background: #EA3C3C; }
	.last-project .img-box:nth-child(even) { background: #F66060; }
	.ab-box { height: 235px; }
	.author-detail { width: 218px; }
	.comment-contents { width: 343px; }
	.child-comment .comment-contents { width: 263px; }
	.contact input { width: 330px; float: none; }
	.contact textarea { width: 486px; }
	.row.magic, .s-qoute-man { padding: 0; margin-bottom: 10px; }
	a.get { margin-bottom: 14px; }
	.pad-r10, .pad-r20, .pad-r30, .pad-r40 { padding-right: 5px; }
	.pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding-left: 5px; }
	#main-content-pin .container { width: auto; }

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	#boxed-wrap { width: 828px; }
	.social-icons a { margin: 1px 4px 0 4px; }
	.row.magic { padding-left: 20px; margin-bottom: 10px; }
	#tline-content { width: 800px; }
	.tline-box { width: 335px; }
	/*#nav a span, #nav a:after { font-size:9px;  }*/

	.blog-date-sec { width: 42px; height: 42px; }
	.help-box { width: 50%; }

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

	.sidebar, .rgt-cntt, .sidebar.leftside { padding-right:0; background:none; padding-top:40px; margin-top:40px; border-top:5px solid #e5e5e5;}
	.rgt-cntt, .sidebar.leftside { padding-top:0px; margin-top:0px; border-top:0 none;}
	.contact-form .txbx { width:224px;}
	.pricing-table .plans-f-list.respo { display:inline; visibility:visible;}
	#header.super-fixed
	{
		height:auto;
		box-shadow:none;
		border-bottom:none;
	}
	#headline { height:auto; border-bottom:3px solid #f3f3f3; padding:14px 0; }
	#headline h3 { border-top-color:#f6f6f6; font-size:37px; text-align:center;}
	#headline h3 small { display:block; margin-top:14px; margin-bottom:0; font-size:16px; letter-spacing:0; font-weight:400; }
	.servobx, .servobx div, .servobx img, ul#main-ibox li, ul#main-ibox li.active9  { width:100%; float:none;}
	#search-form { display:none; }
	#header .alignright, top-inf.alignright { text-align:center;}
	#search-form2 { display:block; }
	#side-content { padding-bottom:30px; border-bottom:5px solid #f3f3f3; margin-bottom:40px;}

	.top-bar { height:65px; padding:5px 0 6px; background:url(../images/topsobg1.png) repeat-x center center; white-space:nowrap; overflow:hidden;}
	.top-bar h6 { font-size:11px; letter-spacing:0; margin:0 10px 0 0;}
	.top-bar h6 i { font-size:12px; padding:3px; margin-right:3px;}
	.top-bar .socailfollow, .top-links, .top-links.rgtflot, .top-bar .socailfollow.lftflot { float:none; text-align:center; clear:both; min-height:22px;}
	.top-bar .socailfollow, .top-bar .socailfollow.lftflot  {  padding-top:8px;}
	.top-bar .socailfollow a, .top-bar .socailfollow.lftflot a, .top-links p, .top-links img { float:none; display:inline; padding-top:10px; background:none;}
	.top-links, .top-links.rgtflot { margin:0 0 8px 0; padding-top:4px; }
	.top-links.rgtflot { margin-top:12px; margin-bottom:6px;}

	.container hr { margin-left:0; margin-right:0;}
	.blog-date-sec { border:0 none; margin:0; text-align:left; border-bottom:1px solid #e5e5e5; background:#fdfdfd;}
	.blog-post { border-bottom-width:3px;}

	.nav-search { float: none; margin: 0; }
	.img-box { width: 420px; height: 308px; }
	.comment-contents { width: 328px; margin-right: 0; }
	.child-comment .comment-contents { width: 248px; }
	.contact textarea { width: 398px; }

	.author-detail { margin: 20px 0; }
	.blog-date-sec { width: auto; display:block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; border-bottom: 2px solid #e3e3e3; margin-bottom: 5px; }
	.blog-date-sec span, .blog-date-sec h3 { display: inline; margin: 0 10px; line-height: 50px; }
	.blog-date-sec span { font-size: 20px; font-weight: 300; }
	.blog-date-sec h3 { font-size: 32px;}

	.contact-form .txbx { width: 224px; }
	.pricing-table .plans-f-list.respo { display: inline; visibility: visible; }
	#headline h3 { border-top-color: #f6f6f6; }
	.image-gallery ul li, .image-gallery ul li img { display:block; width:auto; max-width:100%; height:auto; float:none;}


	input[type="text"].header-saerch, input[type="text"].header-saerch:focus { width: 261px; margin-top: 10px; }
	.logo { text-align: center; }
	.pin-box { width: 256px; }

	.tline-box .blog-date-sp { width: 80%; }
	.tline-box .blog-com-sp { width: 0; display: none; }
	.tabs-left > .nav-tabs, .tabs-left > .nav-tabs > li > a, .nav-tabs > li, .nav-tabs > li.active, .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs .active > a:hover { width:100%; display:block; padding-left:0; padding-right:0; }
	.tabs-left > .nav-tabs > li > a { border-right:0 none;}
	.tabs-left > .tab-content { border:0 none;}
	.tab-content .columns, .tab-content .column { margin:0 10px; max-width:90%; }

	.date-sp-wrap { margin: 0; float: right; margin-bottom: 7px; }
	.blog-line .blog-date-sec { height: auto; }
	.v-shadow-r, .v-shadow-l { min-height: inherit; background: none; }
	.pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding: 0; }
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { width: 100%; float: none; margin-right: 0; }
	.latest-f-blog, .qot-week { margin:0;}
	.callout { margin:10px 0px 20px; }
	.brdr-l1, brdr-r1 { padding:0; border:0 none; }
	.brdr-l1 { margin-top:30px;}
	.tab-content p, .tab-content li { font-size: 12px; }
	.help-box { width: 100%; }
	.ab-box { height: auto; padding-bottom: 25px; }
	input[type="text"].header-saerch, input[type="text"].header-saerch:focus { float: none; display: inline; position: relative; z-index: 10000; }
	.jcarousel-next, .jcarousel-prev { padding:12px; }
	.jcarousel-prev { right:38px;}
	.jcarousel-next:after, .jcarousel-prev:after { top:13px; right:13px;}
	.our-clients-wrap .jcarousel-next, .our-clients-wrap .jcarousel-prev { padding:10px;}


	.is-sticky, .is-sticky #header { position:relative; height:auto;}
	.is-sticky #header { margin-top:0;}
	.is-sticky .logo { height:auto; margin-top:0; }
	.is-sticky .logo img { max-height:auto; height:auto; }

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	.help-block { height: auto; }
	#boxed-wrap { width: 460px; }
	.page-subtitle { left: 0; padding: 10px 0 0 20px; bottom: 0; border-bottom: 1px solid #e8edee; margin-bottom: 20px; height: auto; width: auto; clear: both; background: #fdfdfd; border-radius: 0; }
	.contact-form .txbx { width: 338px; }
	.pricing-table .plans-f-list.respo { display: inline; visibility: visible; }
	.jcarousel-item, .last-project .portfolio-item { max-width: 210px; height: 157px; float: left; }
	.pin-box { width: 166px; width: 164px\9; }
	#tline-content { width: 460px; }
	.tline-box { width: 165px; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {


	#menu a { padding: 15px 4px; }
	.img-box { width: 300px; height: 220px; }

	.author-detail { width: 254px; }
	.author-arrow { width: 11px; height: 6px; background: url('../images/testimonial-arrow-top.png') no-repeat; left: 25px; top: -6px; }
	.contact input { width: 288px; margin-right: 0; }
	.contact textarea { width: 278px; }
	#boxed-wrap { width: 340px; }
	.footbot { min-height: 38px; height: auto; }

	.page-subtitle { left: 0; padding: 10px 0 0 20px; bottom: 0; border-bottom: 1px solid #e8edee; margin-bottom: 20px; height: auto; width: auto; clear: both; background: #fdfdfd; border-radius: 0; }
	.pricing-table .plans-f-list.respo { display: inline; visibility: visible; }
	.pricing-table ul { width: 136px; }
	.pricing-table ul li { width: 124px; padding: 5px; }
	.pricing-table ul li.plan-header, .pricing-table ul li .plan-title, .pricing-table ul li .plan-price { max-width: 136px; }
	.pricing-table ul li.plan-footer { max-width: 114px; }
	.portfolio-item { margin-bottom: 14px; }
	.commentin { width: 92%; }

	#tline-content { width: 300px; }
	.tline-box { width: 250px; }
	.tline-row-l, .tline-row-r { display: none }
	.tline-box.rgtline { float: left; left: 0; }
	}

	@media only screen and (min-width: 1200px) {

	 #boxed-wrap { width:1180px;}
	 .white-space { height:110px;}
	  h4.subtitle { margin:39px 0 21px 0; }
	 #main-content-pin .container { padding:0 40px; }
	 .sidebar.leftside { background-position: 295px; padding-right:70px; }
	 .blog-date-sec h3 { font-size:36px;}

	 }


	/* the dropdown nav menu is triggered below 1023px */
	@media screen and (min-width: 1023px) {
		/* ensure #nav is visible on desktop version */
		#nav {	display: block !important;	}
		.ls-layer h1, .ls-layer h3 { left:10px;}

	}

	/* ---------------------


/* #Widgets Styles
================================================== */

	/* Sidebar Lists  */
	
	.listbox1 { height: auto; padding: 0px; text-align: left; font-size:13px; font-weight:normal; }
	.listbox1 ul, .listbox1 ul li { margin: 0; padding: 0; list-style: none; letter-spacing:0; }
	.listbox1 ul { margin-bottom: 10px; }
	.listbox1 ul li, #footer.litex .listbox1 ul li { border-bottom: 1px dotted #e2e2e2; }
	.listbox1 ul li a, #footer.litex .footer-in .listbox1 ul li a { text-decoration: none; color: #95a3a6; background: #fff; display: block; padding: 8px 0;
	-webkit-transition: all .07s ease; -moz-transition: all .07s ease; -ms-transition: all .07s ease; -o-transition: all .07s ease; transition: all .07s ease; }
	.listbox1 ul li a:hover, #footer.litex .footer-in .listbox1 ul li a:hover { color: #515151; background:#fafafa; padding-left:6px; }
	#footer.litex .footer-in .listbox1 ul li a { background:none; color:#666;}
	#footer.litex .footer-in .listbox1 ul li a:hover { background:#fff; color:#555;}
	.listbox1 ul li a:after { float:right; font-family: 'icomoon'; padding-right:3px; font-size: 6px; content: "\e3b0"; color: #bbb; vertical-align:middle;}
	.listbox1 ul li span { float: right; font-size: 10px; }
	#footer .listbox1 ul li { border-color:#414141;}
	#footer .listbox1 ul li a { background:none; color:#a9a9a9;}
	#footer .listbox1 ul li a:hover { background:#292929; color:#d9d9d9;}
	
	/* Sidebar Image Lists */
	
	.side-list ul, ul.side-list { list-style:none; margin-left:0; margin-bottom:30px; border-top:1px solid #e5e5e5;}
	.side-list li, #footer.litex .side-list li { border-bottom:1px solid #e5e5e5; padding:15px 0 5px; margin:0;}
	.side-list li:hover { background:#fdfdfd;}
	.side-list img { float:left; width:62px; height:62px; padding:3px; background:#e5e5e5; margin-right:10px;
	-webkit-transition: all .14s ease; -moz-transition: all .14s ease; -ms-transition: all .14s ease; -o-transition: all .14s ease; transition: all .14s ease;}
	.side-list li:hover img { background:#e84a52;}
	.side-list h5 { font-size:15px; margin:0 0 10px;}
	.side-list p { font-size:13px;}
	#footer .side-list ul, #footer ul.side-list { border:none;}
	#footer .side-list li { background:none; border-color:#393939;}
	#footer .side-list li:hover { border-color:#444;}
	#footer .side-list h5 a { color:#b9b9b9;}
	#footer .side-list img { background:#454545;}
	#footer .side-list li:hover img { background:#e84a52;}
	#footer.litex .footer-in .side-list h5 a { color:#5e5e5e;}
	#footer.litex .side-list img { background:#c9c9c9;}
	.flickr-feed { padding-left:10px; margin-bottom:14px;}
	.flickr-feed a { float:left; margin:0 1px 1px 0; opacity: 0.5; filter: alpha(opacity=50);  -webkit-transition: opacity 0.31s ease; -moz-transition: opacity 0.31s ease; -ms-transition: opacity 0.31s ease; -o-transition: opacity 0.31s ease; transition: opacity 0.31s ease;}
	#footer.litex .flickr-feed a { opacity: 0.85; filter: alpha(opacity=85); }
	.flickr-feed a img { margin:0; width:82px; height:82px; box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.7);  }
	.flickr-feed a:hover, #footer.litex .flickr-feed a:hover { opacity: 1; filter: alpha(opacity=100);}
	
	/* Shop Sidebar */
	
	.side-cart { padding:0 0 10px 0; margin-bottom:30px; position:relative;}
	.side-cart h4.subtitle { margin-top:0px; color:#ff5d5e; margin-bottom:2px; margin-left:0;}
	.side-cart i { float:left; display:in-block; font-size:18px; color:inherit; margin-right:5px; margin-top:4px;}
	.side-cart .side-list { border-top:3px solid #ff5d5e;  margin-bottom:2px; }
	.side-cart .total { border-top:2px solid #dfdfdf; padding-top:12px;}
	.side-cart .button { float:left; margin-right:10px; background:#ff5d5e;}
	
	/* Tag Cloud */
	
	.tagcloud a, #footer.litex .tagcloud a { line-height: 16px; padding: 4px 10px; font-size: 11px; font-weight:bold; margin: 0 5px 5px 0; min-width: 18px; border-radius: 3px; width: auto; background: #fefefe; color: #898989; display:inline-block; text-decoration: none; border:2px solid #e1e1e1; text-transform:uppercase; }
	.tagcloud a:hover, #footer.litex .tagcloud a:hover { color: #333 ; border-color: #ffcc00; }
	#footer .tagcloud a { padding: 7px 14px; background: #363636; margin: 3px; display: inline-block; color: #808080; border:none; }
	#footer .tagcloud a:hover { color: #fff; background: #e84a52; }
	#footer.litex .footer-in .tagcloud a { color: #898989;}
	#footer.litex .footer-in .tagcloud a:hover { color: #333; background: #fff; }

/* -------- end ----------- */
/* PrismJS 1.10.0
http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+python&plugins=line-numbers */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	background: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #f8f8f2;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #f92672;
}



.token.boolean,
.token.number {
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #ffeb3b;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #f52453;
}

.token.arg_name {
	color: orange;
}

.token.srn-pattern {
	color: #ff5722;
}

.token.atrule,
.token.attr-value,
.token.function {
	color: #53bcd8;
}

.token.keyword {
	color: #f52453;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

pre.line-numbers {
	position: relative;
	padding-left: 3.8em;
	counter-reset: linenumber;
}

pre.line-numbers > code {
	position: relative;
    white-space: inherit;
}

.line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 0;
	font-size: 100%;
	left: -3.8em;
	width: 3em; /* works for line-numbers below 1000 lines */
	letter-spacing: -1px;
	border-right: 1px solid #999;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

	.line-numbers-rows > span {
		pointer-events: none;
		display: block;
		counter-increment: linenumber;
	}

		.line-numbers-rows > span:before {
			content: counter(linenumber);
			color: #999;
			display: block;
			padding-right: 0.8em;
			text-align: right;
		}