/*	=================================================================================================	*/
/*	Icomoon Fonts																						*/
/*	=================================================================================================	*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?ab7req');
	src:url('../fonts/icomoon.eot?ab7req#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?ab7req') format('truetype'),
		url('../fonts/icomoon.woff?ab7req') format('woff'),
		url('../fonts/icomoon.svg?ab7req#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-calendar:before {
	content: "\e600";
}
.icon-clock:before {
	content: "\e601";
}
.icon-graph1:before {
	content: "\e602";
}
.icon-location:before {
	content: "\e603";
}
.icon-quote1:before {
	content: "\e604";
}
.icon-quote2:before {
	content: "\e605";
}
.icon-products:before {
	content: "\e606";
}
.icon-experience:before {
	content: "\e607";
}
.icon-revenue:before {
	content: "\e608";
}
.icon-facebook:before {
	content: "\e609";
}
.icon-googleplus:before {
	content: "\e60a";
}
.icon-linkedin:before {
	content: "\e60b";
}
.icon-qrcode:before {
	content: "\e60c";
}
.icon-graph2:before {
	content: "\e60d";
}



/*	=================================================================================================	*/
/*	Global - applies to all viewports 																	*/
/*	=================================================================================================	*/
body { font-family: "Open Sans"; font-weight: 400; font-size: 16px; line-height: 1.5em; }

a
{
	color: #1d98d0;
}
a:hover, a:focus
{
	/*color: #1678a3;*/
	color: #c73e40;
}

.navbar { margin: 0; text-transform: uppercase;}
.navbar-brand { font-size: 16px; }
.navbar-collapse { background: #f8f8f8; }
.navbar-collapse .nav > li { border-bottom: 1px solid #e2e2e2; }
.navbar-collapse ul { margin-top: 0; margin-bottom: 0; }
.navbar-nav .open .dropdown-menu { border-left: 10px solid #555;}
.navbar-nav > li > .dropdown-menu { border-radius: 0; }
.dropdown-header { font-size: 14px; color: #cd2d14; font-weight: bold; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: #555; color: #fff; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ccc; }

.slide-wrapper { background: #eee; padding: 20px 0; }
#sequence-theme { height: 380px !important;}
#sequence-theme .next i { padding: 0 !important; font-size: 30px !important; }
#sequence-theme .prev i { padding: 0 !important; font-size: 30px !important; }

h1,h2,h3,h4,h5,h6 { position: relative; text-align: center; font-weight: 300; text-transform: uppercase;}
h1 { font-size: 28px; font-family: "Open Sans";  margin: 0 auto 40px auto; ; padding-bottom: 20px; border-bottom: 1px solid #1d98d0; color: #1d98d0; display: table; }
h1:after { border-top: 5px solid #1d98d0; content: ""; left: 40%; position: absolute; right: 40%; bottom: -3px; }
h2, h3, h4, h5, h6 { font-family: "Roboto"; margin: 0 auto 40px auto; padding-bottom: 10px; color: #444; }

h2, h3 { padding-bottom: 7px; }
h2 { font-size: 28px; }
h3 { font-size: 18px; }
h4, h5, h6 { font-size: 16px; color: #aaa; }
h1 em { color: #333; font-style: normal; }
h2.title, h3.subtitle { border-bottom: 0;}
.grey { color: #aaa !important; border-bottom-color: #aaa; }
.no-border { border:0; }

ul.articles { list-style-type: none; padding-left: 0; z-index: 1; }
ul.articles li { padding-left: 1.2em; margin-bottom: 10px; }
ul.articles li:before { content: '\e618'; font-family: icomoon; display: inline-block; margin-left: -1.2em; width: 1.2em; }

.nopad { padding: 0 !important; }
.stretch { padding: 0; }
.box { padding-top: 5px; color: #999; text-align: center; position: relative; }
.box p { margin: 0; padding: 10px; }
/*.box h3 { margin: -5px 0 0 0; padding: 0 5px 15px 5px; color: #1d98d0; font-weight: 300; border-bottom: 0; }*/
.box h3 { margin: -5px 0 0 0; padding: 0 5px 15px 5px; color: #777; font-weight: 300; border-bottom: 0; }
.box img { display: inline; margin-bottom: 15px; }

.headers-dark h3, .headers-dark h4 { margin: 40px ; padding:0; color: #777; border-bottom: 0; }
.headers-contact h2 { margin: 20px 0; padding:0; color: #777; border-bottom: 0; text-align: left; }
#studies h3 { color: #777; margin: 20px 0; text-align: left; }
.tab-wrapper { margin-top: 20px; }
.nav-tabs { border: 0; }


.scrollup{ width:50px; height:50px; position:fixed; bottom:70px; right:5px; display:none; background: #666 url('icon_top.png') no-repeat; color: #fff; z-index: 1000;}
p#scrolltop	{ margin: 0; }
p#scrolltop a .glyphicon { color: #fff !important; }
p#scrolltop a { text-decoration: none; color: #fff; }

.center { text-align: center; }
.well { font-family: "Roboto Condensed"; border-radius: 0; box-shadow: none !important; }
.stepin { padding: 0 50px; }
thead tr { background: #eee; }

ol.circles-list { list-style-type: none; list-style-type: decimal !ie; /*IE 7- hack*/ margin: 0; margin-left: 4em; padding: 0; counter-reset: li-counter; }
ol.circles-list > li{ position: relative; margin-top: 40px; padding-left: 30px; min-height: 3em; }
ol.circles-list > li:before { position: absolute; top: 0px; left: -1.5em; width: 1.5em; height: 1.5em; font-size: 40px; line-height: 1.5; text-align: center; color: #f5f5f5; border-radius: 50%; background-color: #1d98d0; content: counter(li-counter); counter-increment: li-counter; }

#footer h3, footer h4, footer h5, .copyright { color: #999; margin: 15px 0 10px 0; text-align: left; }
#footer { background: #2c2c2c; color: #fff; font-size: 14px; }
#footer label { color: #cecece !important; }


dt { color: #444; padding: 30px 0 10px 0; text-transform: uppercase;}
dd { border-bottom: 2px solid #efefef; padding-bottom: 35px; }
dd.last { border: 0; }

#tagline { background: #2caae2; }
.tagline { color: #fff; font-family: 'Open Sans'; font-size: 18px; position: relative; text-align: center; }
tr.focus { background: #444 !important; color: #ccc; }

.section { padding: 40px 0; position: relative;}
.invert
{ 
	background: #f4f4f4;
   	color: #888888;
   	border-top: 1px solid #e1e1e1;
   	border-bottom: 1px solid #e1e1e1;
   	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}

.img-center	{ margin: auto; }

.icon-bullet
{
    background: #1d98d0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 18px;
    color: #fff;
    font-size: 28px;
}

blockquote { border: 0; }


/*	=================================================================================================	*/
/*	Mobile specific Styles 	(XS)																		*/
/*	=================================================================================================	*/

.navbar-default { background: #f8f8f8; border: 0; border-bottom: 1px solid #e7e7e7; }
.navbar-default .navbar-brand { color: #555; }
.navbar-default .navbar-toggle { border-color: #999; }
.navbar-default .navbar-toggle .icon-bar { background: #999; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #ddd; }
.navbar-collapse { background: #f0f0f0; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; }
.navbar-collapse .nav > li { border-bottom: 1px solid #ddd; }
.navbar-default .navbar-nav > .dropdown > a .caret { border-bottom-color: #555; border-top-color: #555; }
.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-bottom-color: #555; border-top-color: #555; }
.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret { border-bottom-color: #fff; border-top-color: #fff; }
.navbar-default .navbar-nav > li > a { color: #555; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background: #ddd; color: #555; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: #666; color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #555; padding: 10px 10px 10px 20px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { background: #959595; color: #fff; }
.dropdown-menu { padding: 0; }
.navbar-nav .open .dropdown-menu { background: #e5e5e5; border-left: 10px solid #666;}
.navbar-default .navbar-nav .open .dropdown-menu > li { border-top: 1px solid #d4d4d4; }





div.header { background: #3d3d3d; border-top: 5px solid #2caae2; padding-bottom:0; }
div.social-links { text-align: center; background: #2caae2; color: #fff; padding-top: 15px; }
div.social-links a { color: #fff; font-size: 200%; }
div.social-links a:hover, a:focus { color: #444; text-decoration: underline; }

.lead { font-size: 20px; }
.box1, .box2 { border: 0; }
.ntb { border-top: 0; }
.icon-aside { font-size: 22px !important; color: #1d98d0; }
.list-group-item:nth-child(even) { background: #f6f6f6; /*background: #eef8fd;*/ }
/*.list-group-item:nth-child(even) { background: #78c8ec; color: #fff; }*/

li.media img { clear: both; }

.center { text-align: center; }
img.img-center { margin-left: auto; margin-right: auto;}
cite { font-size: italic; color: #999; }
p.info { color: red; }
hr { border-color: #ddd; border-width: 2px 0 0; margin-bottom: 30px; }
.contact { font-size: 14px; }

/*	=================================================================================================	*/
/*	Applies to small tablets	(col-sm)																*/
/*	=================================================================================================	*/
@media (min-width: 768px) {

	body { padding-top: 80px; }	
	header#menubar
	{
		position: fixed;
		left: 0,
		right: 0;
		top: 0;
		border-top: 5px solid #2caae2;		
		z-index: 1000;
		width: 100%;
		background: #fff;
		font-size: 14px;
	}
	header.large { height: 100px; padding: 15px 0;  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3) inset !important; }
	header.small { height: 80px; padding: 7px 0; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.16); }
	header
	{
  		transition: all 0.4s;
  		-moz-transition: all 0.4s; /* Firefox 4 */
  		-webkit-transition: all 0.4s; /* Safari and Chrome */
  		-o-transition: all 0.4s; /* Opera */
	}
	.container { width: 100%; }
	.section { padding: 80px 0; position: relative;}
	.invert
	{ 
		background: #f4f4f4;
    	color: #888888;
    	border-top: 1px solid #e1e1e1;
    	border-bottom: 1px solid #e1e1e1;
    	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	}

	#footer a { color: #2caae2; }
	#footer a:hover, footer a:focus
	{
		color: #fff;
		text-decoration: none;		
		transition: all 0.2s;
		-moz-transition: all 0.2s; /* Firefox 4 */
		-webkit-transition: all 0.2s; /* Safari and Chrome */
		-o-transition: all 0.2s; /* Opera */
	}

	.navbar-default { border: 0; background: none; padding-top: 5px;}	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff;  border-left: 7px solid #52bbe8; padding: 10px; }
	.navbar-default .navbar-nav > li > a { color: #666; background: none; padding: 15px 5px 5px 5px; margin: 0 10px; border: 0;}
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { border-bottom: 2px solid #1d98d0; color: #333; background: none; }
	.navbar-default .navbar-nav > li > a.active { border-bottom: 2px outset #1d98d0; color: #333; }
	.navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: #666; border-bottom-color: #666; font-size: 16px; }	
	.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-top-color: #666; border-bottom-color: #666; }
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background: #099bda; color: #fff; margin: 0; padding: 15px 15px 10px 15px; }
	.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { background: #52bbe8; color: #fff; }
	.navbar-default .navbar-nav .open .dropdown-menu > li { border-top: 1px solid #136185; }
	.navbar-collapse { background: none; }
	.navbar-collapse .nav > li { border-bottom: 0; margin-right: 1px; }
	.navbar-nav .open .dropdown-menu { background: #099bda; border-left: 0;}
	.navbar-right .dropdown-menu { right: auto !important; }
	.dropdown-menu { background: #f8f8f8; border: 1px solid #e7e7e7; border: 1px solid rgba(0, 0, 0, 0.15); padding-top: 0; padding-bottom: 0; border-top: 0;}
	.dropdown-menu > li > a { color: #fff; }
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #b3e0f4; }
	
	h1 { position: relative; top: 0px; font-size: 30px; margin: 0 auto 60px auto; }	
	.lead { font-size: 20px; }

	.content{ background: #fff; }

	.carousel
	{
	    height: 350px;
	    position: relative;
	    top: 0px;
	}
	.carousel-caption
	{
	    z-index: 10;
	}
	/*.carousel-caption h3, .carousel-caption p*/
	.carousel-caption span, .carousel-caption p
	{
		display: inline-block;
		background: #333;
		color: #fff;
		text-transform: uppercase;
		padding: 15px;
	}	
	.carousel .item
	{
	    background-color: #777;
	    height: 350px;
	}
	.carousel-inner > .item > img
	{
	    height: 350px;
	    left: 0;
	    min-width: 100%;
	    position: absolute;
	    top: 0;
	}
	.carousel-caption h3
	{		
		border: 0 !important;
		padding: 15px;
		font-size: 28px;
	}
	.carousel-caption p 
	{
   		font-size: 14px;
   		line-height: 1.4;
   		margin-bottom: 20px;
   		padding: 10px;		
	}
	.carousel-caption em
	{
		color: #2caae2;
		font-style: normal;
	}

	

	.icon-list
	{
		padding: 0;
		margin: 0;
	}
	.icon-list li
	{
		clear: both;
    	list-style-position: outside;
    	list-style-type: none;
    	margin: 0;
    	min-height: 60px;
    	padding: 0 0 15px;
    	position: relative;
	}
	.icon-list-icon
	{
		border-radius: 500px;
    	color: #fff;
    	background: #1d98d0;
    	float: left;
    	font-size: 30px;
    	height: 64px;
    	line-height: 64px;
    	margin-left: 2px;
    	margin-right: 30px;
    	position: relative;
    	text-align: center;
    	width: 64px;
    	z-index: 5;
	}
	.icon-list article.article-icon-entry
	{
		min-height: 45px;
	}
	.icon-list .iconlist-content-wrap
	{
    	min-height: 1.5em;
    	overflow: hidden;
    	padding-bottom: 4px;
	}
	.icon-list .icon-list-title
	{
	    position: relative;
	    top: 4px;
	    text-transform: uppercase;
	    color: #444;
	    font-family: "Open Sans";
	    font-weight: 400;	
	    font-size: 18px;    
	    margin: 10px 0;
	    border:	0;
	    text-align: left;
	}
	.icon-list .icon-list-timeline
	{
	    border-right: 1px dashed #e1e1e1;	    
	    left: 32px;
	    position: absolute;
	    top: 10%;
	    width: 1px;
	    height: 100%;
	}
	.icon-list .icon-list-content 
	{
		font-family: "Open Sans";
		font-weight: inherit;
		color: #888;
		font-size: 13px;
		line-height: 1.5em;
	}

	.box1, .box2 
	{
		border-right: 1px solid #ddd;
	}

	.tagline
	{		
		border: 0;
		margin: 0;
		font-family: "Open Sans";
		font-size: 20px;
		color: #fff;
	}
	.tagline p
	{
		margin: 0;
	}
	div.social-links
	{
	    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	    padding-top: 0;
	    text-align: right;
	    color: #fff;
	}	
	div.social-links a { color: #2caae2; font-size: 200%; }
	div.social-links a:hover, a:focus { color: #fff; text-decoration: none; }
	
	ul.services { padding: 0 0 0 15px; }
	.scrollup{ bottom:100px; right:15px; }
	.modal-title { padding: 0; }
	.modal-content { color: #333; font-size: 18px; }
	.modal-content img { padding: 40px 0; }
	.modal-header, .modal-footer { background: #1d98d0; color: #fff; }
	.modal-title { color: #fff; font-size: 20px; }
	.btn-qr-code { font-size: 14px; }
	#modal-qr-code { color: #333; }
	#modal-qr-code span { font-size: 44px; }
	.logo { padding-top: 3px !important; }
	.banner { background: #bbb url("../images/banner.jpg") top center; height: 280px; border-bottom: 30px solid #1d98d0; }
	.contact { font-size: 14px; }
	#footer { padding-top: 20px; }

}

@media (min-width: 992px) {
	.container { width: 970px; }
	.lead { font-size: 22px; }	
	.scrollup{ bottom: 100px; right:100px; }
	.invert { background-color: #fcfcfc; }
	.carousel, .carousel .item, .carousel-inner > .item > img { height: 450px; }
	h1 { font-size: 34px; }
}

@media (min-width: 1367px) {
	.container { width: 1170px; }
	.carousel, .carousel .item, .carousel-inner > .item > img { height: 550px; }
	.carousel-caption h3 { font-size: 45px; }
	.carousel-caption p { font-size: 21px; }
	.icon-list .icon-list-content { font-size: 14px; }
	ol.circles-list > li:before { position: absolute; top: -10px; }
	h1:after { bottom: -2px; }
}
@media (min-width: 1681px) {
	.carousel, .carousel .item, .carousel-inner > .item > img { height: 650px; }
}