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

	b, .bold	{	font-weight:bold}


	p img { margin: 0; }
	p.lead {
		font-size: 1.25rem;
		color: #777;
		font-weight: 400;
	}


	em { font-style: italic; }
	strong {
		font-weight: bold;
	}
	small { font-size: 80%; }

	span	{	line-height:1;}



/******************************
	-	BASICS	-
********************************/

body
{
    background-color:#fff;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #666;
}

 ul {
	list-style: none;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin-bottom: 15px;
    line-height: 140%;
	margin-top: 0px;
}

h1
{
    font-weight: 300;
    font-size: 2.2rem;
    margin: 0 0 1.75rem 0;
    color: #333;
}

h2
{
    font-weight: 300;
    font-size: 1.8rem;
    margin: 0 0 1.75rem 0;
}

h3
{
    font-size: 1.35rem;
    font-weight: 300;
    color: #333;
    margin: 0 0 1.75rem 0;
}


h4 {
	font-size:1.2rem;
	font-weight:300;
	margin-bottom: 1rem;
}

h5						{		font-size:18px; line-height:22px; font-weight:300; }



h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white				{	color:#fff;}

h1.black,
h2.black,
h3.black,
h4.black,
h5.black,
h6.black				{	color:#000;}

h1.gray,
h2.gray,
h3.gray,
h4.gray,
h5.gray					{	color:#777;}

h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue					{	color: #3498db;}

.green {
	color:#00a651 !important;
}

h1.purple,
h2.purple,
h3.purple,
h4.purple,
h5.purple					{	color:#a400ac;}


h1.thin, h2.thin,h3.thin,
h4.thin,h5.thin			 	{		font-weight:300 !important;}

.extrabig					{		font-size:29px; font-weight:600;}

.nomargin					{		margin-bottom:0px; margin-top:0px;}

a {
    color: #666;
	text-decoration: underline;
}

a.invert, a.invert:visited	{	color: #3498db}

a:hover
{
    color:#f66;
}

a.invert:hover				{	color:#3498db !important; text-decoration: underline !important;}

h1 a, h2 a, h3 a
{
    text-decoration: none;
}


p a, p a:visited 		{ 	line-height: inherit; }

.divide0	{width:100%; height:0px;}
.divide5	{width:100%; height:5px;}
.divide10	{width:100%; height:10px;}
.divide15	{width:100%; height:15px;}
.divide20	{width:100%; height:20px;}
.divide25	{width:100%; height:25px;}
.divide30	{width:100%; height:30px;}
.divide40	{width:100%; height:40px;}
.divide45	{width:100%; height:45px;}
.divide50	{width:100%; height:50px;}
.divide55	{width:100%; height:55px;}
.divide60	{width:100%; height:60px;}

.rm10		{	margin-right:10px;}
.rm20		{	margin-right:20px;}
.rm40		{	margin-right:20px;}

.mt4		{	margin-top:4px;}
.mtm5		{	margin-top:-5px;}

.pr15		{	padding-right:15px;}

.nobottommargin	{	margin-bottom:0px !important;}

p.small		{	font-size:12px;  }
p.big		{	font-size:23px; line-height:32px; font-weight:300;color:#999;}
.italic		{	font-style:italic;}
p.thin		{	color:#555;font-weight:300;}
p.white		{	color:#fff;}
p.black		{	color:#000;}

.intro		{	font-size:15px; line-height:20px; font-weight:400;}

.txt-center, .centered	{	text-align:center;}

.mcentered	{	margin:auto;}

.txt-left	{	text-align:left;}
.txt-right	{	text-align:right;}


.leftfloat	{	float:left}
.rightfloat	{	float:right;}


hr {
    margin: 4rem 0 !important;
    height: 3px !important;
    border: none;
    background: #3498db !important;
	opacity: 1 !important;
}

hr.small
{
    margin: 50px 0;
    height: 1px;
    border: none;
    background: #e6e6e6;
}


/*************************************
	-	CONTAINER SPECIALITIES  -
*************************************/
.container.withverticalpadding {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.bgcolor						{	background:#efefef;}
.bgcolor p						{	color:#191a1c;}

.bgcolor.white					{	background-color:#fff;}
.bgcolor.white p				{	color:#777;}

.bgcolor.white p.black			{	color:#000;}

.bgcolor.green {
	background-color:#00a651;
	color:#fff !important;
}

/************************************
	-	CONTENT SHORTCODES	-
************************************/


	.one_half 		{ width: 49%;   position:relative;}
	.one_third 		{ width: 32%;  position:relative;}
	.two_third 		{ width: 66%; position:relative;}
	.three_fourth	{ width: 74%;    position:relative;}
	.four_fifth		{ width: 78%;     position:relative;}
	.one_fourth 	{ width: 23.5%;   position:relative;}
	.one_fifth 		{ width: 18.2%; position:relative;}
	.two_fifth 		{ width: 37.6%; position:relative;}
	.three_fifth 	{ width: 58.3%; position:relative;}
	.one_sixth 		{ width: 13.33%; position:relative;}

	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.one_fifth,
	.three_fourth,
	.one_sixth,
	.four_fifth,
	.two_fifth,
	.three_fifth	{ margin-right: 2%; margin-bottom: 0px; float: left; }

	.lastcolumn { margin-right: 0!important; clear: right; }

/******************************
	-	NAVIGATION	-
********************************/

#nav {
	z-index:1000;
	float: right;
}

#nav a, #nav a:visited			{	text-decoration: none;}

#nav >a.activepage				{	font-weight:normal}


/**********************
	THE MAIN MENU
**********************/

#nav a							{		-webkit-transition: all 0.2s ease-out;
										-moz-transition: all 0.2s ease-out;
										-o-transition: all 0.2s ease-out;
										-ms-transition: all 0.2s ease-in-out;
								}

#nav >ul>li
{
	position:relative;
	float:left;
	border-right:4px solid rgba(0,0,0,0);
	padding:0px 3px 0px 0px;
	margin-top: 35px;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-in-out;

	cursor:pointer;
}

#nav >ul>li:hover				{	border-right:4px solid rgba(0,0,0,1);}

#nav.green >ul>li:hover			{	border-right:4px solid #65ca60;}
#nav.blue >ul>li:hover			{	border-right:4px solid #3498db;}
#nav.purple >ul>li:hover		{	border-right:4px solid #a400ac;}

#nav >ul>li,
#nav >ul>li >a					{	font-size:16px;  color:#000; }


#nav >ul>li:hover,
#nav >ul>li:hover >a			{ 	color:#000 !important;}


#nav.green >ul>li:hover,
#nav.green >ul>li:hover >a,
#nav.green >ul>li >a.activepage			{ 	color:#65ca60 !important;}

#nav.purple >ul>li:hover,
#nav.purple >ul>li:hover >a,
#nav.purple >ul>li >a.activepage		{ 	color:#a400ac !important;}

#nav.blue >ul>li:hover,
#nav.blue >ul>li:hover >a,
#nav.blue >ul>li >a.activepage			{ 	color:#3498db !important;}

.nav-mainline {
    float:right;
    line-height:1.25em;
    padding-left:23px;
    padding-bottom:30px;
    padding-right: 14px;
}

.nav-mainline.parent {
	background: url(../images/menu-arrow.png) no-repeat right 10px;
}


/**********************
	THE 2st LEVEL MENU
**********************/

#nav >ul>li >ul
{
    position:absolute;
    right:-4px;
    background:rgb(255,255,255);
    width:250px;
    visibility: hidden;
	-webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -moz-opacity:0; filter:alpha(opacity=0);
    opacity:0;
    text-align:right;
    white-space:nowrap;
    padding:15px 15px;
    border-top:none;
}

#nav.blue >ul>li >ul
{
    background-color:#3498db;
}

#nav.green >ul>li >ul			{	background-color:#65ca60;border:1px solid #78d473; border-top:none;}
#nav.purple >ul>li >ul			{	background-color:#a400ac;border:1px solid #cd3d93; border-top:none;}

#nav >ul>li:hover >ul			{	visibility:visible; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }
#nav >ul>li >ul>li				{	position:relative;cursor:pointer;}

#nav >ul>li>ul>li,
#nav >ul>li>ul>li >a,
#nav >ul>li>ul>li >a.visited 	{	color:#191a1c; font-size:13px; line-height:21px; padding:5px 12px 5px 10px;
									-webkit-transition: all 0.2s ease-out;
										-moz-transition: all 0.2s ease-out;
										-o-transition: all 0.2s ease-out;
										-ms-transition: all 0.2s ease-in-out;
								}



#nav >ul>li>ul>li:hover,
#nav >ul>li>ul>li.showsubsubme,
#nav >ul>li>ul>li.showsubsubme a.activepage
 								{	color:#000 !important;font-size:13px; line-height:21px; font-weight:bold;}



#nav.green >ul>li>ul>li,
#nav.green >ul>li>ul>li >a,
#nav.green >ul>li>ul>li >a.visited,
#nav.blue >ul>li>ul>li,
#nav.blue >ul>li>ul>li >a,
#nav.blue >ul>li>ul>li >a.visited,
#nav.purple >ul>li>ul>li,
#nav.purple >ul>li>ul>li >a,
#nav.purple >ul>li>ul>li >a.visited		{	color:#fff;}

#nav.green >ul>li>ul>li:hover,
#nav.green >ul>li>ul>li:hover >a,
#nav.green >ul>li>ul>li >a.activepage,

#nav.blue >ul>li>ul>li:hover,
#nav.blue >ul>li>ul>li:hover >a,
#nav.blue >ul>li>ul>li >a.activepage,

#nav.purple >ul>li>ul>li:hover,
#nav.purple >ul>li>ul>li:hover >a,
#nav.purple >ul>li>ul>li >a.activepage		{	font-weight:bold;}

#nav >ul>li>ul>li>ul>li a,
#nav >ul>li>ul>li>ul>li a.activepage,
#nav >ul>li>ul>li.showsubsubme a.activepage		{	color:#fff !important;}



#nav >ul>li>ul>li.hassubmenu:hover,
#nav >ul>li>ul>li.hassubmenu.showsubsubme 		{padding:5px 25px 5px 10px;}

#nav .hassubmenu				{	background:url(../images/tiles/arrow-down-white.png) no-repeat right 16px; padding-right:25px}
#nav .hassubmenu:hover,
#nav .hassubmenu.showsubsubme	{	background:url(../images/tiles/arrow-down.png) no-repeat right 16px; padding-right:25px}

@media all and (-webkit-min-device-pixel-ratio : 1.5)	{
	#nav .hassubmenu				{	background:url(../images/tiles/arrow-down-white@2x.png) no-repeat right 16px; padding-right:25px; background-size:12px 6px;}
	#nav .hassubmenu:hover,
	#nav .hassubmenu.showsubsubme	{	background:url(../images/tiles/arrow-down@2x.png) no-repeat right 16px; padding-right:25px;background-size:12px 6px;}
}

/**********************
	THE 3nd LEVEL MENU
**********************/

#nav >ul>li>ul>li >ul			{	position:absolute; right:0px;    width:278px; visibility: hidden;
									-webkit-transition: all 0.2s ease-out;
										-moz-transition: all 0.2s ease-out;
										-o-transition: all 0.2s ease-out;
										-ms-transition: all 0.2s ease-in-out;
									-moz-opacity:0; filter:alpha(opacity=0); opacity:0;
									text-align:right;  white-space:nowrap;
									padding:100px 0px 0px; top:10px;right:-16px;
									box-shadow: 0px 0px 1px 0px rgba(255,255,255,0.2);
									border-right:4px solid #191a1c;


								}
#nav >ul>li>ul>li >ul>li				{	background:#191a1c; padding-right:10px;}
#nav >ul>li>ul>li >ul>li:first-child	{	padding-top:10px;}
#nav >ul>li>ul>li >ul>li:last-child		{	padding-bottom:10px;}

#nav >ul>li>ul>li.showsubsubme >ul		{	visibility:visible; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;


									}
#nav >ul>li>ul>li>ul>li,
#nav >ul>li>ul>li>ul>li >a,
#nav >ul>li>ul>li>ul>li >a.visited 	{	color:rgb(253,252,250) !important; font-size:13px; line-height:25px;  padding:5px 20px 5px 10px; font-weight:normal;
										-webkit-transition: all 0.2s ease-out;
										-moz-transition: all 0.2s ease-out;
										-o-transition: all 0.2s ease-out;
										-ms-transition: all 0.2s ease-in-out;

									}


#nav >ul>li>ul>li>ul>li:hover >a 		{	color:rgb(253,252,250) !important; font-size:13px; line-height:25px; font-weight:bold;  }




		@media only screen and (min-width: 980px) and (max-width: 1199px) {

    	}


    	@media only screen and (min-width: 768px) and (max-width: 979px) {
	    		.nav-mainline	{	padding-left:10px;}
				#nav 			{	margin-right:10px}

    	}


/******************************
	-	SLIDER WRAPPER	-
********************************/
.slider_wrapper {
    width:100%;
	padding:20px 0px;
	position:relative;
	overflow:hidden;
    background-color: #bdc3c7;
	z-index: 0;
}

.fws_wrapper {
	width:100%;
	padding:1px 0px 0px;
	position:relative;
	overflow:visible !important;
	cursor: default !important;
}

.fullwidth_slider			{	position:relative; height:450px; overflow:visible; width:100px;}

.fs-entry {
	position:absolute;
	overflow:hidden;
	transform: translateZ(10px);
	-webkit-backface-visibility: hidden;
	perspective: 1000px;
}


.fs-entry .imageholder
{
    background-size: cover;
    width:100%;
    height:100%;
    background-position: center center;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-in-out;
    position: absolute;
    top:-1px;
    left:0px;
    -moz-opacity:1;
    filter:alpha(opacity=100);
    opacity: 1;
    z-index: 1;
}



/** THE TRANSITION EFFECTS FOR THE FULL WIDHT SLIDER **/


.fs-entry:hover .imageholder
{
    -moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1);
    -ms-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1);
}

/*.fs-entry.notselected .imageholder,
.fs-entry.allnotselected .imageholder	{	-moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5;}*/

.fs-entry.selected .imageholder			{	-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}

.fs-entry * {					-webkit-touch-callout: none;
								-webkit-user-select: none;
								-khtml-user-select: none;
								-moz-user-select: none;
								-ms-user-select: none;
								user-select: none;
								}


.fs-navholder				{	position:relative; height:0px; width: 100%; }
.fs-navs
{
  cursor:pointer;
  position:absolute;
  width:65px;
  height:100px;
  top:-225px;
  margin-top:-50px;
  z-index: 100;
}


.fs-left
{
  background:url(../images/nav.png) no-repeat 0px 0px;
  left:0px;
}

.fs-left:hover
{
  background-position: 0px -100px;
}

.fs-right
{
  background:url(../images/nav.png) no-repeat -65px 0px;
  right:0px;
}

.fs-right:hover
{
  background-position: -65px -100px;
}



.seemore					{	z-index:2;background:url(../images/morearrow.png) no-repeat; width:25px;height:25px; position:absolute; bottom:10px;right:10px;
								cursor:pointer; -moz-opacity:0; filter:alpha(opacity=0); opacity:0;
								-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-in-out;
							}

.fs-entry:hover .seemore			{	-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}

.fs-entry:hover,
.fs-entry.selected			 {
							 }

.fs-entry:hover .imageholder  {				  -moz-opacity:1 !important; filter:alpha(opacity=100) !important; opacity:1 !important;}


/** THE MOE INFO TO THE FULLWIDTH SLIDER **/

.fs-moreinfo					{	margin-top:10px; display:none}
.fs-moreinfo .fs-textinfo		{	float:left; padding:0px 0px; text-align:right;}

.fs-moreinfo .tags,
.fs-moreinfo .tags a,
.fs-moreinfo .tags a:visited	{	text-decoration:none; font-style:italic; font-size:16px; color:rgba(0,0,0,0.5); line-height:23px;margin-top:10px;}

.fs-moreinfo .tags a:hover		{	color:rgba(0,0,0,1);}



.fs-moreinfo .pdf a,
.fs-moreinfo .pdf a:visited		{	font-weight:500; border-bottom:2px solid #555; font-size:16px; color:#191a1c; line-height:24px;margin-top:10px;}


.fs-moreinfo h3,
.fs-moreinfo h3 a				{	font-weight:normal; font-size:25px; color:#191a1c; line-height:23px; margin-bottom:10px !important;}



.fs-more-images					{	padding:10px 0px;}

.fs-more-images img				{
								margin-bottom:-5px;
								}


.fs-entry .fs-caption		{	bottom:0px;width:100%;position:absolute;left:0px;z-index:2; padding:10px;
								-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
								-moz-box-sizing: border-box;    /* Firefox, other Gecko */
								box-sizing: border-box;         /* Opera/IE 8+ */
								background-color:#191a1c;
							}
.fs-caption h4			{	margin-bottom:0px !important; font-size:16px;}

.fs-caption.blue
{
    background-color: #3498db;
    opacity: 0.8;
}
.fs-caption.green		{	background-color:#65ca60;}
.fs-caption.purple		{	background-color:#a400ac;}


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

		.fs-caption h4			{	margin-bottom:0px !important; font-size:15px;}
		.fs-caption p			{	margin-bottom:0px !important; font-size:12px;}
}

/******************************
	-	BUTTON OVERWRITE	-
********************************/

.buttoncenter			{	position:relative; float:left; left:50%;}
.buttoncenter button	{	margin-left:-50%; clear:right}


.btn.small	{	padding:0px 32px; line-height:35px; font-size:15px;}
.btn.large	{	padding:0px 50px; line-height:56px; font-size:20px;}

.btn.green,
input[type="submit"].green
							{	background:#65ca60; color:#fff; border:1px solid #30a62a;
							box-shadow: 		inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important;
							-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important;
							-moz-box-shadow: 	inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important;

}
.btn.blue				{	background:#3498db; color:#fff;border:1px solid #32a0d2;
							box-shadow: 		inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important;
							-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important;
							-moz-box-shadow: 	inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important;

}
.btn.red				{	background:#f9503a; color:#fff;border: 1px solid #cb3825;
							box-shadow: 		inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important;
							-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important;
							-moz-box-shadow: 	inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important;

}

.btn.purple				{	background:#a400ac; color:#fff;}




.btn.green:hover		{	background:#30a62a; color:#fff; border:1px solid #65ca60;}
.btn.red:hover			{	background:#cb3825; color:#fff; border:1px solid #f9503a;}
.btn.blue:hover			{	background:#32a0d2; color:#fff; border:1px solid #3498db;}


/**********************************
	-	STYLES	-
************************************/

.content .boxed	{	background:#fff; border:1px solid #e5e5e5; padding:20px 65px;}

.more.dark,
.morebutton.dark		{	z-index:4;background:url(../images/tiles/morearrow_dark.png) no-repeat 2px 0px;
								min-width:27px;height:25px;position:absolute;bottom:20px;right:20px;
								cursor:pointer;
								-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-in-out;
								-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}

.more, .morebutton		{	z-index:4;background:url(../images/tiles/morearrow.png) no-repeat 2px 0px;
								min-width:27px;height:25px; position:absolute;bottom:20px;right:20px;
								cursor:pointer;
								-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-in-out;
								-moz-opacity:1; filter:alpha(opacity=100); opacity:1;
								-webkit-transform: translateZ(10);
								-webkit-backface-visibility: hidden;
								-webkit-perspective: 1000;
							}


@media all and (-webkit-min-device-pixel-ratio : 1.5)	{
						.more.dark,
						.morebutton.dark		{	background:url(../images/tiles/morearrow_dark@2x.png) no-repeat; background-size:25px 25px;}
						.more, .morebutton		{	background:url(../images/tiles/morearrow@2x.png) no-repeat; background-size:25px 25px;}
}


.more.relative,
.morebutton					{	position:relative !important;display:block;bottom:auto !important;right:auto !important;}
.morebutton					{	background-position:right center !important; padding-right:20px;width:125px;}
h4.morebutton				{	line-height:23px}

.more:hover,
.morebutton:hover			{	-moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5;}

.more.active				{	transform:rotate(90deg);
								-ms-transform:rotate(90deg); /* IE 9 */
								-moz-transform:rotate(90deg); /* Firefox */
								-webkit-transform:rotate(90deg); /* Safari and Chrome */
								-o-transform:rotate(90deg); /* Opera */

							}



.blackboxed					{	background:#191a1c; padding:30px 30px; }
.blackboxed p,.blackboxed h1,
.blackboxed h2,.blackboxed h3,
.blackboxed h4, .blackboxed h5				{	color:#fff;}



.tb-leftarrow						{	z-index:2;background:url(../images/tiles/leftarrow.png) no-repeat;
									min-width:27px;min-height:25px; position:relative;
									cursor:pointer;
									-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-in-out;
									-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}

.tb-leftarrow.dark					{	background:url(../images/tiles/leftarrow_dark.png) no-repeat; }

.tb-leftarrow:hover					{	-moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5;}


.tb-rightarrow						{	z-index:2;background:url(../images/tiles/morearrow.png) no-repeat;
									min-width:27px;min-height:25px; position:relative;
									cursor:pointer;
									-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-in-out;
									-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}

.tb-rightarrow.dark					{	background:url(../images/tiles/morearrow_dark.png) no-repeat; }

.tb-rightarrow:hover					{	-moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5;}


h4.tb-leftarrow			{	padding-left:30px; background-position:left center !important; line-height:30px;}
h4.tb-rightarrow			{	padding-right:30px; background-position:right center !important; line-height:30px;}


@media all and (-webkit-min-device-pixel-ratio : 1.5)	{
						.tb-leftarrow			{	background:url(../images/tiles/leftarrow@2x.png) no-repeat; background-size:25px 25px;}
						.tb-leftarrow.dark		{	background:url(../images/tiles/leftarrow_dark@2x.png) no-repeat; background-size:25px 25px; }
						.tb-rightarrow			{	background:url(../images/tiles/morearrow@2x.png) no-repeat; background-size:25px 25px;}
						.tb-rightarrow.dark		{	background:url(../images/tiles/morearrow_dark@2x.png) no-repeat; background-size:25px 25px;}
}
/**************************************************
	-	FEATURED BOXES (BLOG, DETAIL ETC..	-
**************************************************/

.featured		{	width:100%; background:#fff;  position:relative;
					-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
					-moz-box-sizing: border-box;    /* Firefox, other Gecko */
					box-sizing: border-box;         /* Opera/IE 8+ */
					min-height:60px;
				}
.featured.withminheight	{	min-height:145px;}
.featured p 	{	color:#777; font-weight:400;}


.featured .featured_details	{	background:#191a1c; color:#fff; float:left; padding:10px 20px;text-align:right;  text-transform:uppercase;
								font-size:12px;  line-height:26px; font-weight:300;

								-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
								-moz-box-sizing: border-box;    /* Firefox, other Gecko */
								box-sizing: border-box;         /* Opera/IE 8+ */
								margin-right:20px;
								height:100%;
								position:absolute;	top:0px; left:0px;
								min-width:60px;
								max-width:160px;
							}
.featured.dark				{	background:#1d1f21; color:#bbb}
.featured.dark h3,
.featured.dark h4			{	color:#bbb;}

.featured_content h3,
.featured_content h4		{	font-weight: 600;}

.featured .featured_content	{	padding:20px 35px 20px 180px;}


.featured_details.blue		{	background-color:#3498db;}
.featured_details.green		{	background-color:#65ca60;}
.featured_details.purple	{	background-color:#a400ac;}


.featured .day				{	font-size:45px; font-weight:600; line-height:47px;}
.featured .month			{	font-weight:600;}
.featured .author			{	color:#555;font-weight:600; background:url(../images/tiles/pen.png) no-repeat right 4px; padding-right:27px;}
.featured .comments			{	color:#555;font-weight:600; background:url(../images/tiles/bubble.png) no-repeat right 4px; padding-right:26px;}


.featured_details.green .author,
.featured_details.green .comments,
.featured_details.blue .author,
.featured_details.blue .comments,
.featured_details.purple .author,
.featured_details.purple .comments	{	color:#fff;}



.i_monitor					{	background-image:url(../images/tiles/i_monitor.png) !important; background-position:center center !important; background-repeat:no-repeat !important;
								width:100%;height:100%;min-height:80px; min-width:60px;
							}

.i_iphone					{	background-image:url(../images/tiles/i_iphone.png) !important; background-position:center center !important; background-repeat:no-repeat !important;
								width:100%;height:100%; min-height:80px; min-width:60px;
							}


@media all and (-webkit-min-device-pixel-ratio : 1.5)	{
	.featured .author			{	background:url(../images/tiles/pen@2x.png) no-repeat right 4px;  background-size:17px 16px;}
	.featured .comments			{	background:url(../images/tiles/bubble@2x.png) no-repeat right 4px; background-size: 13px 12px;}
	.i_monitor					{	background-image:url(../images/tiles/i_monitor@2x.png) !important; background-size:55px 53px; }
	.i_phone					{	background-image:url(../images/tiles/i_phone@2x.png) !important; background-size:36px 55px; }
}




@media only screen and (max-width: 480px) {
	.featured .featured_content	{	padding:20px;position:relative}
	.featured .featured_details {	max-width:100%; width:100%; position:relative; height:inherit; margin-bottom:20px;}

}

/***********************************
	-	FULLWIDTH CONTENT	-
************************************/
.fullwidthcontent	{	background:#fff; padding:50px 0px;}


input:focus, textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus
{
    border: 1px solid #d9d8d6;
}

#searchform						{	position:relative;}
#searchform input[type="text"]	{	width:100%; padding-left:20px;}
#searchform input[type="submit"] {	position:absolute; right:20px; top:0px;background:url(../images/tiles/lupe.png) no-repeat center center; width:25px; height:40px; }

.searchinput	{	padding:0px 40px 0px 20px !important;}
.searchlupe		{	padding:0px 0px 0px 0px !important; right:10px !important}


/******************************
	-	BLOCKQUOTES	-
********************************/

blockquote			{	border-left:8px solid #777; padding-left:20px;}
blockquote p		{	color:#333 !important; font-weight:400;}
blockquote.black	{	border-left:8px solid #000;}
blockquote.blue		{	border-left:8px solid #62cdfe;}
blockquote.green	{	border-left:8px solid #65ca60;}
blockquote.red		{	border-left:8px solid #ff541f;}

blockquote.bggray	{	border:none; background-color:#b1b0af; padding:20px 30px;}
blockquote.bggray p {	color:#fff !important;}

blockquote.bgblack	{	border:none; background-color:#000; padding:20px 30px;}
blockquote.bgblack p {	color:#fff !important;}

blockquote small	{	text-align:right;}



/******************************
	-	BLOCKQUOTES	-
********************************/

.content ul {
    margin-left: 18px;
    list-style: disc;
    margin-bottom: 20px;
}

.content ul li
{
    font-size:14px;
    font-weight:400;
    line-height:24px;
}

table {
    width: 100%;
}

table th, table td
{
    padding: .5rem;
}

table tr.gray td
{
    background: #bdc3c7;
    color: #000;
}

table.table-hover tr:hover {
	background: rgba(52, 152, 219, 0.5);
	color: #fff;
}

table.table-hover tr:hover td {
	border-left-color: #fff;
}

table tr td {
    border-left: 1px solid #fff;
    vertical-align: top;
	border-bottom-color: var(--bs-table-bg);
}

table tr td:first-child {
    border-left: none;
}

ol {
	list-style-position: inside;
	margin-left: 30px;
}

.padding15 {
	padding: 15px;
}

.btn {
	padding: .375rem .75rem;
}

.btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.btn-primary:hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-secondary:hover {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

.btn-success:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-info {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-info:hover {
	color: #fff;
	background-color: #138496;
	border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-warning:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-dark {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.btn-dark:hover {
	color: #fff;
	background-color: #23272b;
	border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

.badge:empty {
	display: none;
}

.btn .badge {
	position: relative;
	top: -1px;
}

.badge-pill {
	padding-right: 0.6em;
	padding-left: 0.6em;
	border-radius: 10rem;
}

.badge-primary {
	color: #fff;
	background-color: #007bff;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #0062cc;
}

.badge-secondary {
	color: #fff;
	background-color: #6c757d;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #545b62;
}

.badge-success {
	color: #fff;
	background-color: #28a745;
}

.badge-success[href]:hover, .badge-success[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #1e7e34;
}

.badge-info {
	color: #fff;
	background-color: #17a2b8;
}

.badge-info[href]:hover, .badge-info[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #117a8b;
}

.badge-warning {
	color: #212529;
	background-color: #ffc107;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
	color: #212529;
	text-decoration: none;
	background-color: #d39e00;
}

.badge-danger {
	color: #fff;
	background-color: #dc3545;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #bd2130;
}

.badge-light {
	color: #212529;
	background-color: #f8f9fa;
}

.badge-light[href]:hover, .badge-light[href]:focus {
	color: #212529;
	text-decoration: none;
	background-color: #dae0e5;
}

.badge-dark {
	color: #fff;
	background-color: #343a40;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #1d2124;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
	border: 0;
}

.table-borderless tr:nth-child(odd) {
	background: none;
}

.table-borderless td {
	border-top: none !important;
}