/*
	Theme Name: CSE v2
*/
.techdiff{
    display: none;
    position: absolute;
    top: 190px;
    right: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 89;
    text-align: center;
    width: 570px;
}

.ignbadge {
    display: block;
    position: absolute;
    top: 120px;
		right: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 89;
    text-align: center;
    width: 290px;
}
.twitch-status {
    width: 100%;
    height: 60px;
    position: fixed;
    padding-top: 10px;
    padding-left: 25px;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
    z-index: 99;
}

.tyms {
    display: block;
    position: fixed;
    top: 40%;
    left: 0px;
    z-index: 89;
    text-align: center;
    width: auto;
}
.page-template-modsquadty-template-php .header-bg{
    background: url(images/modSquad_thankyou_French.jpg) no-repeat top center;
    background-size: contain;
    padding-top: 35%;
}
.page-template-modsquadty-template-php .page-title-v2{
    display: none!important;
}

.munch {
    display: none;
    position: fixed;
    top: 40%;
    right: 0px;
    z-index: 89;
    text-align: center;
    width: auto;
}
.page-template-c4m-template-php .header-bg{
    background: url(images/munchyCrunchy.jpg) no-repeat top center;
    background-size: contain;
    padding-top: 35%;
}
.page-template-c4m-template-php .page-title-v2{
    display: none!important;
}



.page-template-c4m-template-php input {
    height: auto;
    width: auto;
    background-color: transparent;
    border: none;
}
.page-template-c4m-template-php button{
    background:none !important;
    border:none;
}
.page-template-c4m-template-php button:hover{
    background:none !important;
    border:none;
}
.page-template-c4m-template-php button img{
    max-width: 80%!important;
    -webkit-transition: .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
.page-template-c4m-template-php button img:hover{
    max-width:100%!important;
    
}

/* news test */
.cse-patcher-news-item {
  display: inline-block;
  margin-bottom: 8px;
  width: calc(100% - 4px);
  overflow: hidden;
  text-align: left;
  margin: 4px; }

a {
  color: #FFE14E; }
  a:hover {
    color: white; }

.card {
  overflow: hidden;
  position: relative;
  background-color: #131313;
  padding: 0px;
  margin: 0.5rem 0.7rem 0rem 0;
  height: 300px;
  cursor: pointer !important; }
  .card img {
    zoom: 150%;
    transform: scale(1.1);
    position: absolute;
    left:-25%;
    min-width: 150%;
    min-height: 100%;
    width: auto;
    height: auto;
    transition: all .5s ease-in-out; }
  .card .card-content {
    position: absolute;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 35px 20px 15px 15px;
    bottom: -180px;
    height: 100%;
    transition: all .3s ease-in-out;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0.9) 80%); }
    .card .card-content .card-title {
      font-size: 20px !important;
      line-height: 20px !important;
      height: 75px;
      color:white; }
    .card .card-content p {
      margin-top: 25px;
      opacity: 0;
      font-size:1.2em !important;
      transition: all .3s ease-in-out .2s; }
  .card:hover img {
    transform: scale(1.2);
    transform: translateY(1.1);
    filter: brightness(0.8); }
  .card:hover .card-content {
    bottom: -90px;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0.9) 80%); }
    .card:hover .card-content p {
      opacity: 1; }

.card-reveal {
  overflow: hidden;
  height: 60%; }

.material-icons {
  position: absolute;
  right: 30px;
  top: 15px;
  display: block;
  width: 20px;
  overflow: hidden;
  background: url("../images/news-close.png") no-repeat center center;
  background-size: contain;
  color: transparent; }

.date {
  font-size: 12px;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
  color:white !important;
  font-weight: normal;
}

.front-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.card-reveal {
  background-color: #131313; }

figure {
  margin: 0;
  overflow: hidden; }

figcaption {
  margin-top: 15px; }

@media screen and (min-width: 1300px) {
  .cse-patcher-news-item {
    width: calc(33.33% - 8px); } }

@media screen and (min-width: 900px) and (max-width: 1299px) {
  .cse-patcher-news-item {
    width: calc(50% - 8px); } }

.center {
    text-align:center;
}
.section-desktop{
	height:100%;
	display:block !important;
}
.section-mobile{
	display:none !important;
}

.items-category h2{
	color:white;
	font-family: "Titillium Web",sans-serif !important;
}

.display-gallery{
	display:none;
}

.section-war-slider{
	height:100%;
}

.play-button{
	width:250px;
	height:150px;
	display:block;
	background:rgba(0,0,0,0.7);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index:9999;
	cursor:pointer;
}

#content-craft img{
	width:100% !important;
}

#video-frontpage{
	cursor: pointer;
}

.cse-min-logo{
	display:none;
}
.header-min-logo{
	display:none;
}
.lorelogo{
    background: url(http://camelotunchained.com/v3/wp-content/themes/CSE%20v2/images/background_header_lore_logo.png) no-repeat center center;
    height: 100%;
    display: block;
    background-size: contain;
}
.col-footer-mobile{
	text-align:center;
}
.section-mobile ul#social{
	float:left !important;
	margin-left:70px !important;
}

.class-spotlight.section-mobile img.background{
	width:100% !important;
	max-width:100% !important;
	position:absolute;
	margin-top: 80px;
}

.toLeft{float:left;}
.twitch-status{
	width:100%;
	height:60px;
	position:fixed;
	padding-top:10px;
	padding-left:25px;
	bottom:0;
	left:0;
	background:rgba(0,0,0, 0.8);
	z-index:99;
}
.mTop50{
	margin-top:50px;
}

a{
	text-decoration:none !important;
}
a:hover{
	text-decoration:none !important;
}

.ngg-gallery-thumbnail img{
	width:100% !important;
	max-width:100% !important;
}

.ngg-gallery-thumbnail:after {
	background:none!important;
}

#posts-container .entry-body img{
	height:auto;
	margin:0 auto;
}

.complete-goal img, #current-goal p img, .container.fp img{
	max-width:100% !important;
	height:auto;
}
.container.fp{
	margin-top:20px;
}
.fp-block{
	height: 470px;
    text-align: center;
}

.menu-last .sub-menu{
	text-align: right !important;
	left: -170px !important;
}
.menu-last .sub-menu li a{
	text-align:right !important;
}
.cse-links{
	margin-right:25px;
}

.container-fluid {
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */

html, body{font-family:'Titillium Web', sans-serif !important; background:#000 !important;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,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,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/* Some basic settings */
h1, h1 .button { font-size: 42px; }
h2, h2 .button { font-size: 28px; }
h3, h3 .button { font-size: 17px; }
h4, h4 .button { font-size: 15px; }
h5, h5 .button { font-size: 14px; }
h6, h6 .button { font-size: 12px; }
small { font-size: 10px; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; font-size: 16px;}
img { margin-bottom: 6px; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article { margin-bottom: 0px; }

h1, h2, h3, h4, h5, h6, .button, input[type="submit"], input[type="reset"], button, .dropcap, label, input, textarea, select, th, #main-nav a, .ss-slider .slide-button h5, .projects-carousel, #portfolio-items, .entry-meta {
    font-family: 'Titillium Web', sans-serif ;
}
#main-nav a {
    font-family: 'Titillium Web', sans-serif !important;

}
a:hover, a > *:hover, .button.no-bg:hover, #main-nav a:hover, #main-nav .hover > a, #main-nav .current_page_item > a, #main-nav .current-menu-item > a, #main-nav .current_page_parent > a, #main-nav .current_page_ancestor > a, #main-nav .current-menu-ancestor > a, .acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover, .tabs-nav li a:hover, .tabs-nav li.active a, .ss-slider .slide-button:hover, .ss-slider.fully-loaded .slide-button.active, .ss-slider.fully-loaded .slide-button.active h5, .ss-slider .slide-content a, .projects-carousel a:hover .title, #portfolio-items > article:hover .title, .entry-meta a:hover, .entry-meta a:hover time, a:hover > .post-format, .comment .author a:hover, .comment .date a:hover, .comment .date a:hover time, .pagination a:hover, .comments-pagination a:hover, .single-portfolio .page-header a:hover, .widget li a:hover, .widget_nav_menu .current_page_item > a, .widget_nav_menu .current-menu-item > a, #sidebar .tweets-feed li a, #footer .tweets-feed li a, #footer a:hover, #footer-bottom a:hover {
    color: #FFFFFF !important;
}
.news-block h2 a{
	border:none;
	color: #C1C1C1;
}
/* breadcrumb */
#breadcrumbs{
    list-style:none;
    padding-top:25px;
    overflow:hidden;
}
 
#breadcrumbs li{
    float:left;
    margin-right:5px;
    margin-left:5px;
}

#breadcrumbs li a{
	color:#777;
}
#breadcrumbs li a:hover{
	color:#ccc;
}
#breadcrumbs strong{
	color:#9c9c9c;
	margin-left:5px;
}
 
#breadcrumbs .separator{
    font-weight:400;
    font-size:12px;
    color:#777;
}

/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */

body {
	background: #fff;
	color: #C2C2C2!important;
	font: 13px/1.8 'Titillium Web', sans-serif !important;letter-spacing: 0.2px !important;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	font-weight:600 ;
}

::-moz-selection {
    background: rgba(191, 151, 100, 0.86)!important;
}
::selection {
    background: rgba(191, 151, 100, 0.86)!important;
}

h1, h2, h3, h4, h5, h6 {
	color: #474747;
	font-weight: 400;
	line-height: 1.25;
	margin-bottom: 15px;
}

h3, h4, h5 { font-weight: 600; }

a, a > * {
	color: #D4AD8C !important;
	text-decoration: none;
	outline:none !important;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a:hover, a > *:hover { color: #DA9F5E; outline:none !important; }

a:focus, a > *:focus { color: #BDBDBD; outline:none !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important; 
}


hr {
	background: #333;
	color: #efefef;
	margin: 5px 0 25px;
}

	hr.dotted { border-style: dotted; }

	p + hr { margin: 25px 0 20px; }

blockquote {
	background: #f8f8f8 url(images/quote.png) no-repeat 17px 21px;
	font-style: italic;
	font-size: 15px;
	line-height: 1.6;
	padding: 20px 20px 20px 55px;
}

	blockquote.simple {
		background: none;
		border-left: 2px solid #ddd;
		color: #bbb;
		font-size: 13px;
		margin: 0;
		padding: 0 0 0 10px;
	}

	blockquote p:last-of-type { margin-bottom: 0; }

	blockquote small { font-size: 12px; }

.button, input[type="submit"], input[type="reset"], button {
	display: inline-block;
color: #fff;
border: 1px solid black;
border-radius: 2px;
font-family: 'Titillium Web', sans-serif!important;
font-size: 14px;
text-decoration: none;
padding: 8px 16px;
background: #6b6b6b !important;
background: -moz-linear-gradient(top, #6b6b6b 0%, #282828 20%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(20%,#282828)) !important;
background: -webkit-linear-gradient(top, #6b6b6b 0%,#282828 20%) !important;
background: -o-linear-gradient(top, #6b6b6b 0%,#282828 20%) !important;
background: -ms-linear-gradient(top, #6b6b6b 0%,#282828 20%) !important;
background: linear-gradient(to bottom, #6b6b6b 0%,#282828 20%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#282828',GradientType=0 ) !important;
	-webkit-transition: background-color .2s ease;
	   -moz-transition: background-color .2s ease;
		-ms-transition: background-color .2s ease;
		 -o-transition: background-color .2s ease;
			transition: background-color .2s ease;
	width: auto;
}

	.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
		color: #ccc;
background: #222 !important;
background: -moz-linear-gradient(top, #6b6b6b 0%, #222 20%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(20%,#222)) !important;
background: -webkit-linear-gradient(top, #6b6b6b 0%,#222 20%) !important;
background: -o-linear-gradient(top, #6b6b6b 0%,#222 20%) !important;
background: -ms-linear-gradient(top, #6b6b6b 0%,#222 20%) !important;
background: linear-gradient(to bottom, #6b6b6b 0%,#222 20%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#222',GradientType=0 ) !important;
	}

.button {
	font-size: 12px;
	display: inline-block;
	padding: 5px 16px;
}

	.button.medium { font-size: 13px; }

	.button.large { font-size: 15px; }

	.button.no-bg {
		background: none;
		color: #3a3a3a;
		padding: 0;
	}

		.button.no-bg:hover, #footer .button.no-bg:hover {
			background: none;
			color: #DA9F5E;
		}

	.button .icon, .button .arrow {
		color: transparent;
		cursor: pointer;
		display: inline-block;
		font: 0/0 a;
		height: 19px;
		margin: -3px 0 0 3px;
		text-shadow: none;
		vertical-align: middle;
		width: 19px;
	}

	.ie7 .button .icon, .ie7 .button .arrow { display: inline; }

	.button .arrow { background: #ddd url(images/button-arrows.png) no-repeat 0 0; }

	.button .icon.left, .button .arrow.left {
		margin-left: 0;
		margin-right: 3px;
	}

	.button .arrow.left { background-position: 0 -19px; }

		.button:hover .arrow { background-color: #DA9F5E; }

.dropcap {
	background: #eaeaea;
	color: #777;
	display: inline-block;
	float: left;
	font-size: 23px;
	font-weight: 600;
	height: 36px;
	line-height: 36px;
	margin: 0 7px 0 0;
	text-align: center;
	width: 36px;
}

	.dropcap.dark {
		background: #3a3a3a;
		color: #fff;
	}

.infobox {
	background: #fbfbfb;
	border: 1px solid #efefef;
	margin: 0 0 20px;
	padding: 25px;
}

	.infobox .one-half { width: 434px; }

	.infobox .one-third { width: 282px; }

		 .infobox .two-third { width: 586px; }

	.infobox .one-fourth { width: 207px; }

		.infobox .three-fourth { width: 661px; }

.single-image, .image-gallery, .iframe {
	cursor: pointer;
	margin-bottom: 5px;
}
#TB_caption{
	font-size:18px;
}
.screen-reader-text{
	display:none;
}

.single-image.none, .image-gallery.none, .iframe.none,
.single-image.none img, .image-gallery.none img, .iframe.none img {
	display: inline;
	margin-bottom: 0;
	overflow: visible;
}
	
	.single-image.align-left, .image-gallery.align-left, .iframe.align-left { margin-bottom: 15px; margin-right: 15px; }
	.single-image.align-right, .image-gallery.align-right, .iframe.align-right { margin-bottom: 15px; margin-left: 15px; }

	.single-image img, .image-gallery img, .iframe img { margin-bottom: -5px; }

	.single-image .zoom, .image-gallery .zoom, .iframe .zoom {
		background: rgb(255, 255, 255);
		background: rgba(255, 255, 255, 0.4);
		color: transparent;
		display: block;
		font: 0/0 a;
		height: 0;
		left: 0;
		filter: alpha(opacity=0); 
		opacity: 0;
		position: absolute;
		text-shadow: none;
		top: 0;
		-webkit-transition: opacity .2s ease-in-out;
		   -moz-transition: opacity .2s ease-in-out;
			-ms-transition: opacity .2s ease-in-out;
			 -o-transition: opacity .2s ease-in-out;
				transition: opacity .2s ease-in-out;
		width: 0;
		z-index: 1;
	}

	.single-image .zoom:before, .image-gallery .zoom:before, .iframe .zoom:before {
		background: url(images/zoom.png) no-repeat;
		content: '';
		display: block;
		position: absolute;
		height: 58px;
		margin: -29px 0 0 -29px;
		left: 50%;
		top: 50%;
		width: 58px;
	}

	.single-image.video .zoom:before, .image-gallery.video .zoom:before, .iframe.video .zoom:before {
		background-image: url(images/zoom-video.png);
	}

	.single-image.link .zoom:before, .image-gallery.link .zoom:before, .iframe.link .zoom:before {
		background-image: url(images/zoom-link.png);
	}

	.single-image:hover .zoom, .image-gallery:hover .zoom, .iframe:hover .zoom {
		filter: alpha(opacity=40); 
		opacity: 1;
	}
	#TB_window {
		background: none!important;
	}
	#TB_window img#TB_Image{
		border: none!important;
		margin: 0px;
	}
	
/* ---------------------------------------------------------------------- */
/*	Generic Classes
/* ---------------------------------------------------------------------- */

.hidden, .wpcf7-display-none { display: none; }

.disabled { cursor: auto; }

.screenreader { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); /* Fallback for old IE */ position: absolute; }

.align-center, .aligncenter { margin-left: auto; margin-right: auto; text-align: center; }

.align-left, .alignleft { float: left; }

	img.align-left, img.alignleft  { margin-bottom: 15px; margin-right: 15px; }

.align-right, .alignright { float: right; }

	img.align-right, img.alignright { margin-bottom: 15px; margin-left: 15px; }


.content-absolute{
	position:absolute;
}

.h90{
	height:90%;
	display:block;
}


/* Wordpress required classes */

.bypostauthor {}
.sticky {}
.wp-caption {}
.wp-caption-text {}
.gallery-caption {}

/*-- FRONT PAGE --*/
header{
	box-sizing:none !important;
	position: relative;
}
#header-logo img{
	margin-top: -3px;
    max-width: 100%;
}

a.btn-pledge{
	display: block;
    border: 1px #ff9d4e solid;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    color: white!important;
    background: #f1c61a;
    background: -webkit-linear-gradient(#f1c61a, #5d1202);
    background: -o-linear-gradient(#f1c61a, #5d1202);
    background: -moz-linear-gradient(#f1c61a, #5d1202);
    background: linear-gradient(#f1c61a, #5d1202);
    padding: .7em 2em;
    max-width: 215px;
    margin: 0 auto;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
		line-height: 1.3em;
}
a.btn-video-front{
	display: block;
    border: 1px #ff9d4e solid;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    color: white;
    padding: .7em 2em;
    max-width: 215px;
    margin: 0 auto;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
a.btn-pledge:hover{
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.57)inset, 0px 30px 0px 0px rgba(255,255,255,0.18)inset, 0px 1px 0px 0px rgba(12, 12, 12, 1), 0px -1px 0px 0px rgba(255,255,255,0.07)inset, 0px 1px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.57)inset, 0px 30px 0px 0px rgba(255,255,255,0.18)inset, 0px 1px 0px 0px rgba(12, 12, 12, 1), 0px -1px 0px 0px rgba(255,255,255,0.07)inset, 0px 1px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.57)inset, 0px 30px 0px 0px rgba(255,255,255,0.18)inset, 0px 1px 0px 0px rgba(12, 12, 12, 1), 0px -1px 0px 0px rgba(255,255,255,0.07)inset, 0px 1px 2px 0px rgba(0,0,0,0.1);
}
a.btn-pledge:active{
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    transform: translateY(3px);
}


#current-goal .read-more:active{
	background: #f1c61a;
    background: -webkit-linear-gradient(#5f4d34, #100d09)!important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5f4d34, #100d09)!important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5f4d34, #100d09)!important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5f4d34, #100d09)!important; /* Standard syntax */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.57)inset, 0px 20px 0px 0px rgba(255,255,255,0.18)inset, 0px 1px 0px 0px rgba(12, 12, 12, 1), 0px -1px 0px 0px rgba(255,255,255,0.07)inset, 0px 1px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.57)inset, 0px 20px 0px 0px rgba(255,255,255,0.18)inset, 0px 1px 0px 0px rgba(12, 12, 12, 1), 0px -1px 0px 0px rgba(255,255,255,0.07)inset, 0px 1px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.57)inset, 0px 20px 0px 0px rgba(255,255,255,0.18)inset, 0px 1px 0px 0px rgba(12, 12, 12, 1), 0px -1px 0px 0px rgba(255,255,255,0.07)inset, 0px 1px 2px 0px rgba(0,0,0,0.1);
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    transform: translateY(3px);
}

a.view-more, a.read-more {
	margin-top:10px;
	display:block;
	border:1px #8E8E8E solid;
	text-transform:uppercase;
	color:white!important;
	background: #656565!important; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#656565, #000000)!important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#656565, #000000)!important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#656565, #000000)!important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#656565, #000000)!important; /* Standard syntax */
    padding:0.5em 1em;
    max-width:215px;
    text-align:center;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
a.view-more:hover, a.read-more:hover {
	text-decoration: none!important;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.57)inset, 0px 23px 0px 0px rgba(255,255,255,0.18)inset, 0px 1px 0px 0px rgba(12, 12, 12, 1), 0px -1px 0px 0px rgba(255,255,255,0.07)inset, 0px 1px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.57)inset, 0px 23px 0px 0px rgba(255,255,255,0.18)inset, 0px 1px 0px 0px rgba(12, 12, 12, 1), 0px -1px 0px 0px rgba(255,255,255,0.07)inset, 0px 1px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.57)inset, 0px 23px 0px 0px rgba(255,255,255,0.18)inset, 0px 1px 0px 0px rgba(12, 12, 12, 1), 0px -1px 0px 0px rgba(255,255,255,0.07)inset, 0px 1px 2px 0px rgba(0,0,0,0.1);
}
a.view-more:active, a.read-more:active{
	-webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    transform: translateY(3px);
}

section{
	font-size:12px;
	transition: background  .5s linear;
   -moz-transition: background  .5s linear;
   -webkit-transition: background  .5s linear;
}
section p{
    margin-bottom: 1em;
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 1.6em !important;
    line-height: 1.6em;
    color: #DCDCDC;
    font-weight: 400 !important;
    text-shadow: 0px 1px 2px #000;
    -webkit-box-shadow: 0px 0px 50px 40px rgba(0,0,0,0.43);
    -moz-box-shadow: 0px 0px 50px 40px rgba(0,0,0,0.43);
    box-shadow: 0px 0px 50px 40px rgba(0,0,0,0.43);
    background: rgba(0,0,0,0.43);
}
section img{
	width:auto;
	max-width:100%;
}
section h1{
    color: #fff;
    text-shadow: 0px 3px 5px #000;
    font: 4.5em 'Caudex', sans-serif !important;
    margin: 0 0 25px 0;
    padding: 0;
    line-height: 1em!important;
}
section h2{
    color: #fff;
    text-shadow: 0px 3px 5px #000;
    font-family:'Caudex', sans-serif !important;
    margin: 0 0 25px 0;
    font-size: 4.2em !important;
    padding: 0;
    line-height: 1.1em!important;
}
section h3 {
    text-shadow: 0px 0px 5px #000;
    font: 2em 'Titillium Web', sans-serif !important;
    font-weight: 700!important;
    line-height: 1.3em!important;
    margin: 0 0 0px 0;
    color: white;
    padding: 0;
}
div.separator-cse{
	position:relative;
	background-size: 100%;
	width: 100%;
	height: 0;
	padding-top: 10px;
	max-width:1634px;
	min-height:23px;
	max-height:23px;
	background: url(images/separator_cse.png) no-repeat top center;
	margin:0 auto;
}
section.main-banner{
	position:relative;
	width: 100%;
	height:auto;
}
section.main-banner .content-section-main{
	left:0;
	right:0;
	bottom: 5%;
	z-index:10;
	margin:auto;
	text-align:center;
}

section.section-war{
	position: relative;
    background-size: cover;
    width: 100%;
    min-height: 472px;
    height: auto;
    background: url(images/banner_war.jpg) no-repeat center center;
    background-position: 49.999% 0;
}
section.section-war .content-section-war{
	left: 0;
    right: 0;
    z-index: 10;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    max-width: 550px;
    max-height: 200px;
    padding-top:2%;
}
#frontpage-main-slider img{
	margin: 0px!important;
}
#frontpage-war-slider{
	height:100%;
}
.section-war .section-mobile .slide-frontpage{
	text-align: center;
	margin:auto;
	width:80%;
	padding-top: 25%;
}
.section-war .section-mobile p{
	font-size:16px  !important;
}
section.section-slide-mobile, section.section-slide-mobile-war{
	position:relative;
	height:580px;
}
section.section-slide-mobile h2{
	position: absolute;
    width: 100%;
    padding-left: 10%;
    display: block;
    z-index: 89;
    padding-top: 40%;
}
section.section-slide-mobile-war h2{
    width: 100%;
    display: block;
    z-index: 89;
    padding-top: 0;
}
section.section-slide-mobile .slide-frontpage{
	position: relative;
    background-size: 100% auto !important;
    width: 100%;
    min-height: 400px;
    padding-left: 10%;
    padding-top: 54%;
}
section.section-slide-mobile-war .slide-frontpage{
	position: relative;
    background-size: 100% auto !important;
    width: 100%;
    min-height: 400px; 
    padding:20% 0 0 0 !important;
}
section.section-slide-mobile .slide-frontpage h3, section.section-slide-mobile-war .slide-frontpage h3{
	text-align:left;
	width:80%;
	font-size:20px !important;
}
section.section-slide-mobile .slide-frontpage p {
	text-align:left;
	width:80%;
	font-size:16px !important;
}
section.section-slide-mobile-war .slide-frontpage p{
	text-align:center;
	width:auto;
	font-size:16px !important;
}

section.section-slide-mobile .slide-frontpage.art{
	background: url(images/banner_realm_arthurians.jpg) no-repeat top center;
	background-size: 140% auto !important;
}
section.section-slide-mobile .slide-frontpage.vik{
	background: url(images/banner_realm_vikings.jpg) no-repeat top center;
	background-size: 140% auto !important;
}
section.section-slide-mobile .slide-frontpage.tdd{
	background: url(images/banner_tdd.jpg) no-repeat top center;
	background-size: 140% auto !important;
}
section.section-slide-mobile .slide-frontpage.build{
	background: url(images/banner_build.jpg) no-repeat top left;
	background-size: 180% auto !important;
}
section.section-slide-mobile .slide-frontpage.cube{
	background: url(images/banner_cube-about.jpg) no-repeat top left;
	background-size: 180% auto !important;
}
section.section-slide-mobile .slide-frontpage.craft{
	background: url(images/banner_craft.jpg) no-repeat top left;
	background-size: 180% auto !important;
}
section.section-slide-mobile .slide-frontpage.combat{
	background: url(images/banner_combat.jpg) no-repeat top center;
	background-size: 180% auto !important;
	padding-top: 65%;
}
section.section-slide-mobile .slide-frontpage.ability{
	background: url(images/banner_ability2.jpg) no-repeat top right;
	background-size: 180% auto !important;
	padding-top: 65%;
}
section.section-slide-mobile .slide-frontpage.rpg{
	background: url(images/banner_rpg.jpg) no-repeat top center;
	background-size: 180% auto !important;
	padding-top: 65%;
}
section.section-slide-mobile .slide-frontpage.air{
	background: url(images/banner_air.jpg) no-repeat top center;
	background-size: 180% auto !important;
	padding-top: 65%;
}
section.section-slide-mobile-war .slide-frontpage.war{
	background: url(images/banner_war.jpg) no-repeat top center;
	background-size: 180% auto !important;
	padding-top: 65%;
}
section.section-slide-mobile-war .slide-frontpage.depths{
	background: url(images/banner_depths.jpg) no-repeat top center;
	background-size: 180% auto !important;
	padding-top: 65%;
}

section.section-realms{
	position: relative;
    background-size: cover;
    width: 100%;
    height: 700px;
    background: url(images/banner_realm_arthurians.jpg) no-repeat center center;
    background-position: 49.999% 0;
}
section.section-realms .content-section-realms{
	left:0;
	right:0;
	z-index:10;
	top:5%;
	margin:auto;
	text-align:left;
	max-width:70%;
}
.section-realms p {
}
.container-shields-frontpage, .container-icon-craft, .container-icon-combat, .container-icon-war{
	position:absolute;
	bottom:0;
	display:block;
}
.container-icon-war{
	width: 550px;
}
.shield-frontpage{
	float:left;
	margin:0 15px 0 0;
	width:125px;
	height:125px;
	cursor:pointer;
}
.realm-frontpage.vik h3{
	color:#3bbae4;
}
.realm-frontpage.art h3{
	color:#E6543C;
}
.realm-frontpage.tdd h3{
	color:#7fab67;
}

section.section-craft{
	position:relative;
	background-size: cover;
	width: 100%;
	height: 600px;
	max-height:600px;
	background: url(images/banner_build.jpg) no-repeat center center;
	background-position: 49.999% 0;
}
section.section-craft .content-section-craft{
	left:0;
	right:0;
	z-index:10;
	top:5%;
	margin:auto;
	text-align:left;
	max-width:70%;
}
.icon{
	cursor:pointer;
	display: inline-block;
	margin:0 5px 0 0;
}

section.section-combat{
	position:relative;
	background-size: cover;
	width: 100%;
	height: 0;
	padding-top: 42%;
	max-height:705px;
	background: url(images/banner_combat.jpg) no-repeat center center;
	background-position: 49.999% 0;
}
section.section-combat .content-section-combat{
	left:0;
	right:0;
	z-index:10;
	top:5%;
	margin:auto;
	text-align:left;
	max-width:70%;
}

section.section-game{
	position:relative;
	background-size: cover;
	width: 100%;
	height: 700px;
	background: url(images/banner_game.jpg) no-repeat center center;
	background-position: 49.999% 0;
}
section.section-game .content-section-game{
	left:0;
	right:0;
	z-index:10;
	top:0;
	bottom:0;
	margin:auto;
	text-align:left;
	max-width:70%;
	height:450px;
	display:block;
}

.section-game-mobile{
	background-size: 100% auto!important;
	background: url(images/banner_game.jpg) no-repeat top center;
}
.section-game-mobile img{
	width:100%;
	max-width:100%;
}
.section-game-mobile h2{
	text-align:center;
	font-size:40px !important;

}
.section-game-mobile p{
	text-align:left;
	font-size:16px !important;
}

section.section-pledge{
	position:relative;
	background-size: 100% auto;
	width: 100%;
	padding-top: 10%;
	min-height: 812px;
	background: url(images/banner_pledge-closed.jpg) no-repeat top center;

}
section.section-pledge .content-section-pledge{
	left:0;
	right:0;
	z-index:10;
	top:0;
	bottom:0;
	margin:auto;
	text-align:center;
	text-shadow: 0px 0px 3px #000;
	color:#ffbb19;
	padding-top:15px;
	font-family:"Titillium Web", sans-serif !important;
}
section.section-pledge .content-section-pledge p{
	text-shadow: 0px 0px 3px #000;
    color: #ffbb19;
    font-family: "Titillium Web", sans-serif !important;
    font-size: 1.5em !important;
    margin-top: 8px;
    line-height: 1.3em;
}
section.section-pledge .content-section-pledge h2{
	font-family:"Caudex", sans-serif !important;
	margin:0 auto;
	padding:0;
}
.content-section-pledge img{
	width:100% !important;
	max-width: 100% !important;
}
.content-section-pledge-cube a.btn-pledge{
	width: 200px;
    font-size: 1em !important;
    max-width: 295px;
    margin: 0;
}
section.section-pledge .content-section-pledge .pledge-total{
	color: #fff;
    line-height: 1.1em;
    font-size: 4em !important;
}
section.section-pledge .content-section-pledge .pledge-left{
	color:#fff;
}
.frame-goal{
	max-width:100%;
	max-height:100%;
	height:100%;
	padding-top:100%;
	width:100%;
	background-size:100% 100%;
	position:relative;
	display:block;
	text-align:center;
	line-height: 5em;
}
.frame-goal.next{
	max-width:100%;
	max-height:100%;
	height:100%;
	padding-top:100%;
	width:100%;
	background:url(images/frame_goal-next.png) no-repeat top center;
	background-size:100% 100%;
	position:relative;
	display:block;
	text-align:center;
}
.frame-goal.reached{
	max-width:100%;
	max-height:100%;
	height:100%;
	padding-top:100%;
	width:100%;
	background:url(images/frame_goal-reached.png) no-repeat top center;
	background-size:100% 100%;
	position:relative;
	display:block;
	text-align:center;
}
.frame-goal .title{
	position:absolute;
	z-index:2;
	bottom:25%;
	left:0;
	right:0;
	margin:auto;
	line-height: 1;
	font-size:1.5em;
}
.frame-goal .number{
	position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 7%;
    margin: auto;
    font-size: 1.9em;
}
.frame-goal.next .number {
    color: #FFC578;
    text-shadow: none;
    margin: 0px 7px;
}

.frame-goal.reached .number {
    color: #CE5229;
    text-shadow: none;
    margin: 0px 7px;
}

::selection {
    background: rgba(191, 151, 100, 0.86);
    color: #fff;
    text-shadow: none;
}

.frame-goal .bg{
	position:absolute;
	z-index:1;
	width:90%;
	max-width:90%;
	top:5%;
	left:0;
	right:0;
	margin:auto;
}

/* CUBE NEW */
section.main-banner-cube{
	position:relative;
	background-position:49.999% 0;
	background-size:cover;
	width: 100%;
	height: 1100px;
	background: url(images/banner_cube.jpg) no-repeat center center;
}
section.main-banner-cube img{
	width:auto !important;
	max-width:auto !important;
}
section.main-banner-cube .content-section-main{
	left:0;
	right:0;
	top:20%;
	z-index:10;
	margin:auto;
	text-align:center;
}
#cube_legend{
	color: white;
    font-size: 2em!important;
}

.cube-logo {
    margin-bottom: 3%;
    font-size: 6em!important;
}

section.section-about-cube{
	position:relative;
	background-position:49.999% 0;
	background-size:cover;
	width: 100%;
	height: 756px;
	background: url(images/banner_about_cube.jpg) no-repeat center center;
}
section.section-about-cube .content-section-about-cube{
	left:0;
	right:0;
	z-index:10;
	top:20%;
	bottom:0;
	margin:auto;
	text-align:left;
	max-width:70%;
	display:block;
}

section.section-more-cube{
	position:relative;
	background-size: cover;
	width: 100%;
	height: 1090px;
	padding-top:15%;
	max-height:1093px;
	background: url(images/banner_more_cube.jpg) no-repeat center center;
	background-position: 49.999% 0;
	text-align:left;
}
section.section-more-cube .content-section-more-cube{
	left:40%;
	right:0;
	z-index:10;
	top:20%;
	bottom:0;
	margin:auto;
	text-align:left;
	max-width:40%;
	display:block;
}

section.section-updates-cube{
	position:relative;
	background-size: cover;
	width: 100%;
	height: 930px;
	padding-top:10%;
	max-height:963px;
	background: url(images/banner_updates_cube.jpg) no-repeat center center;
	background-position: 49.999% 0;
}

section.section-updates-cube li{
	font-size: 1.6em !important;
    line-height: 1.6em;
    padding-bottom: 10px;
    list-style-type: circle;
    -webkit-box-shadow: 0px 0px 70px 30px rgba(0,0,0,0.43);
    -moz-box-shadow: 0px 0px 70px 30px rgba(0,0,0,0.43);
    box-shadow: 0px 0px 70px 30px rgba(0,0,0,0.43);
    background: rgba(0,0,0,0.4);
}
section.section-updates-cube .content-section-updates-cube{
	left:-30%;
	right:0;
	z-index:10;
	top:20%;
	bottom:0;
	margin:auto;
	text-align:left;
	max-width:35%;
	display:block;
}


section.section-cube-gallery{
	position:relative;
	background-position:49.999% 0;
	background-size:cover;
	width: 100%;
	height: 800px;
	background: url(images/banner_gallery_cube.jpg) no-repeat center center;
}
section.section-cube-gallery .content-section-cube-gallery{
	left:0;
	right:0;
	z-index:10;
	top:15%;
	bottom:0;
	margin:auto;
	text-align:center;
	display:block;
}
section.section-cube-gallery .content-section-cube-gallery .ngg-navigation{
	display:none !important;
}
section.section-pledge-cube{
	position:relative;
	background-position:49.999% 0;
	background-size:cover;
	width: 100%;
	min-height:800px;
	background: url(images/banner_pledge_cube.jpg) no-repeat center center;
}
section.section-pledge-cube .content-section-pledge-cube{
	left:-30%;
	right:0;
	z-index:10;
	top:8%;
	bottom:0;
	margin:auto;
	text-align:left;
	max-width:45%;
	display:block;
}

/* REALMS */ 
section.main-banner-realm{
	position:relative;
	background-position:49.999% 0;
	background-size:cover;
	width: 100%;
	height: 0;
	padding-top: 55%;
	max-width:1900px;
	max-height:700px;
}
section.main-banner-realm.realm-art{
	background: url(images/banner_realm_arthurians.jpg) no-repeat center center;
	position: relative;
    background-position: 49.999% 0px;
    background-size: cover;
    width: 100%;
    height: auto;
    padding-top: 25%;
    max-height: none;
}
section.main-banner-realm.realm-tdd{
	background: url(images/banner_tdd.jpg) no-repeat top center;
	position: relative;
    background-position: 49.999% 0px;
    background-size: cover;
    width: 100%;
    height: auto;
    padding-top: 25%;
    max-height: none;
}
section.main-banner-realm.realm-vik{
	background: url(images/banner_realm_vikings.jpg) no-repeat center center;
	position: relative;
    background-position: 49.999% 0px;
    background-size: cover;
    width: 100%;
    height: auto;
    padding-top: 25%;
    max-height: none;
}
section.main-banner-realm .content-section-realm{
	left:0;
	right:0;
	z-index:10;
	margin:auto;
	text-align:left;
}

section.section-realm-classes{
	position:relative;
	background-position:49.999% 0;
	background-size:cover;
	width: 100%;
	min-height:1100px;
	background: url(images/banner_bg_races_classes.jpg) #000 no-repeat center center;
	display:block;
	margin-bottom:50px;
	margin-top:50px;
}

section.section-realm-classes.class-bg{
	background: url(images/banner_bg_classes.jpg) #000 no-repeat top center;
}

section.section-realm-classes.tdd {
background: url(images/banner_bg_races_classes-tdd.jpg) #000 no-repeat center center;
}

section.section-realm-classes.vik, section.section-realm-classes.vikings {
background: url(images/banner_bg_races_classes-viking.jpg) #000 no-repeat center center;
}
section.section-realm-classes .content-section-realm-classes{
	left:0;
	right:0;
	top:5%;
	z-index:10;
	margin:auto;
	text-align:center;
}
span.classname{
    position: absolute;
    left: 0;
    right: 0;
    font-weight: bold;
    bottom: 20px;
    z-index: 96;
    text-transform: capitalize;
}

#video-container-race-spotlight {
	position: absolute;
}
#video-container-race-spotlight {
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
}
video {
	position:absolute;
	z-index:0;
}
video.fillWidth {
	width: 100%;
	height:100%;
}

section.class-spotlight video.fillWidth {
    width: 100%;
    height: 100%;
    object-fit: fill;
    top: 0;
    left: 0;
}

.card-realm-race{
	width:265px;
	height:397px;
	display:block;
	position:relative;
	background: url(images/background_card_races.png) no-repeat center center;
}

.content-section-realm-classes a, #realm-tdd, #realm-vikings, #realm-arthurians, #cu-realm-arthurians, #cu-realm-tdd, #cu-realm-vikings{
    opacity: 0.9;
    filter: alpha(opacity=90) !important; /* Fallback for old IE */

}

.content-section-realm-classes a:hover, #realm-tdd:hover, #realm-vikings:hover, #realm-arthurians:hover, #cu-realm-arthurians:hover, #cu-realm-tdd:hover, #cu-realm-vikings:hover {
    opacity: 1;
    filter: alpha(opacity=100) !important; /* Fallback for old IE */
    -webkit-filter: brightness(112%);
  	filter: brightness(112%);

}

.card-realm-race .card-realm-race-image{
	position:absolute;
	left:0;
	right:0;
	z-index:5;
	margin:auto;
}
.card-realm-race .card-realm-race-title{
	position:absolute;
	left:0;
	right:0;
	bottom:8px;
	z-index:2;
	margin:auto;
	font:20px 'Titillium Web', Arial, sans-serif;
	color:white;
}

.card-realm-class{
	width:265px;
	height:219px;
	display:block;
	position:relative;
	background: url(images/background_card_classes.png) no-repeat center center;
}
.card-realm-class .card-realm-class-image{
	position:absolute;
	left:0;
	right:0;
	z-index:5;
	margin:auto;
}
.card-realm-class .card-realm-class-title{
	position:absolute;
	left:0;
	right:0;
	bottom:8px;
	z-index:2;
	margin:auto;
	font:20px 'Titillium Web', Arial, sans-serif;
	color:white;
}

.section-realm-boons, .section-realm-components, .section-realm-more{
	padding:8% 0;
}

section.race-spotlight, section.class-spotlight{
	position:relative;
}
section.race-spotlight #spotlight-content, section.class-spotlight #spotlight-content{	
	padding-top: 10%;
}
section.race-spotlight h1{
	font-family:'Caudex', Arial;
	text-shadow:0 0 5px #000;
	font-weight:700;
	font-size:48px;
}
.title-spotlight{
	padding-left: 75px;
    height: auto;
    min-height:70px;
}
.title-spotlight.arthurians{
	background:url(images/shield_spotlight_arthurians.png) no-repeat top left;
}
.title-spotlight.tdd{
	background:url(images/shield_spotlight_tdd.png) no-repeat top left;
}
.title-spotlight.vikings{
	background:url(images/shield_spotlight_vikings.png) no-repeat top left;
}

/* realms*/
section#realms-list{
	text-align:center;
}
section#realms-list h2{
	margin-top:115%;
}
#realm-arthurians, #cu-realm-arthurians{
	background:url(images/banner_realm_arthurians.jpg) no-repeat center center;
	background-position:49.999% 0px;
	background-size:cover;
	min-height:800px;
	max-height:901px;
}
#realm-tdd, #cu-realm-tdd{
	background:url(images/banner_tdd.jpg) no-repeat center center;
	background-position:49.999% 0px;
	background-size:cover;
	min-height:800px;
	max-height:901px;
}
#realm-vikings, #cu-realm-vikings{
	background:url(images/banner_realm_vikings.jpg) no-repeat center center;
	background-position:49.999% 0px;
	background-size:cover;
	min-height:800px;
	max-height:901px;
}
.class-list-section {
	max-width: 70%;
    margin: auto;
}

/* about CU */
.container.narrow{
	text-align: left;
	width: 45% !important;
}
section.section-cu-welcome{
	position:relative;
	background-position:49.999% 0px;
	background-size:cover;
	width: 100%;
	height: 860px;
	padding-top:15%;
	max-height:862px;
	background:url(images/banner_cu_welcome.jpg) no-repeat center center;
	text-align:center;
}
section.section-cu-rebuild{
	position: relative;
    background-size: cover;
    width: 100%;
    height: auto;
    padding-top: 10%;
    background: url(images/banner_cu_rebuild.jpg) no-repeat center center;
    text-align: left;
    background-position: 49.999% 0;
}
section.section-cu-yourgame{
	position:relative;
	background-size: cover;
	width: 100%;
	height: 1160px;
	padding-top:20%;
	max-height:1167px;
	background:url(images/banner_cu_yourgame.jpg) no-repeat center center;
	background-position: 49.999% 0;
	text-align:center;
}
section.section-cu-rvr{
	position:relative;
	background-size: cover;
	width: 100%;
	height: 1090px;
	padding-top:15%;
	max-height:1093px;
	background:url(images/banner_cu_rvr.jpg) no-repeat center center;
	background-position: 49.999% 0;
	text-align:left;
}
section.section-cu-rightway{
	position: relative;
    background-size: cover;
    width: 100%;
    height: 816px;
    padding-top: 10%;
    max-height: 816px;
    background: url(images/banner_cu_rightway.jpg) no-repeat center center;
    background-position: 49.999% 0;
    text-align: left;
}
#cu-realm-tdd {
    text-align: center;
    position:relative;
}

#cu-realm-arthurians {
    text-align: center;
    position:relative;
}
#cu-realm-arthurians div, #cu-realm-vikings div, #cu-realm-tdd div{
    width: 80%;
    display: block;
    height: 0px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#cu-realm-vikings {
    text-align: center;
    position:relative;
}

section.section-realm-components{
	position: relative;
    background-size: cover;
    width: 100%;
    background: url(images/banner_components.jpg) no-repeat top center;
    background-position: 49.999% 0;
}
section.section-realm-more{
	position: relative;
    background-position: 49.999% 0;
    background-size: cover!important;
    width: 100%;
}
section.section-realm-boons{
	position: relative;
    background-position: 49.999% 0;
    background-size: cover;
    width: 100%;
    padding: 8% 0px;
}
section.section-realm-more.heavy, section.section-realm-boons.heavy{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.44)),  url(images/reveal/background_heavy.jpg) no-repeat top center;
}
section.section-realm-more.support, section.section-realm-boons.support{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.44)), url(images/reveal/background_support.jpg) no-repeat top center;
}
section.section-realm-more.stealth, section.section-realm-boons.stealth{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.44)), url(images/reveal/background_stealth.jpg) no-repeat top center;
}
section.section-realm-more.spirit, section.section-realm-boons.spirit{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.44)), url(images/reveal/background_spirit.jpg) no-repeat top center;
}
section.section-realm-more.shapeshifters, section.section-realm-boons.shapeshifters{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.44)), url(images/reveal/background_shapeshifters.jpg) no-repeat top center;
}
section.section-realm-more.scout, section.section-realm-boons.scout{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.44)), url(images/reveal/background_scout.jpg) no-repeat top center;
}
section.section-realm-more.mages, section.section-realm-boons.mages{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.44)), url(images/reveal/background_mages.jpg) no-repeat top center;
}
section.section-realm-more.healers, section.section-realm-boons.healers{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.44)), url(images/reveal/background_healer.jpg) no-repeat top center;
}
section.section-realm-more.devout, section.section-realm-boons.devout{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.44)), url(images/reveal/background_devout.jpg) no-repeat top center;
}
section.section-realm-more.archer, section.section-realm-boons.archer{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.44)), url(images/reveal/background_archer.jpg) no-repeat top center;
}
.separator-component{
	position:relative;
	background-size: 100%;
	width: 100%;
	height: 0;
	padding-top: 1.69%;
	max-width:644px;
	max-height:9px;
	background: url(images/component-divider.png) no-repeat top center;
	margin:15px auto;
}

/* Classes */ 
#spotlight-content p{
	margin-bottom:10px;
}

#spotlight-content h2{
	text-shadow: 0px 0px 5px #000;
    font: 2.2em 'Titillium Web', sans-serif !important;
    font-weight: 700!important;
    line-height: 1.3em!important;
    margin: 0 0 0px 0;
    color: white;
    padding: 0;
}

.news-block{
	background: linear-gradient(rgba(27, 27, 27, 0.79), rgba(0, 0, 0, 0.7));
    border: 1px solid #2B2B2B;
    display: block;
    height: auto;
    padding: 10px;
    margin: 0 0 15px 0;
    min-height: 420px;
    position: relative;
    padding: 25px;
}

.news-block .post-title, .title{
	font-family: 'Titillium Web', sans-serif!important;
    font-weight: 700 !important;
    font-size: 22px !important;
}
.news-block .read-more{
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	margin:auto;
	margin-top: 10px;
    display: block;
    border: 1px #656565 solid;
    text-transform: uppercase;
    font-size: 1.2em;
    color: white;
    background: #f1c61a;
    background: -webkit-linear-gradient(#505050, #100d09);
    background: -o-linear-gradient(#505050, #100d09);
    background: -moz-linear-gradient(#505050, #100d09);
    background: linear-gradient(#505050, #100d09);
    padding: 0.5em 1em;
    max-width: 215px;
    text-align: center;
}
/* Lore - Old pages from CU 1.5 */
.page-template-lore-template .main-content, .page-template-lore-reader-template .main-content{
    min-height: 650px;
    background: url(images/banner_components.jpg) no-repeat top center;
    background-size: auto;
}
.lore-paper-top {
	background: none!important;
}

.lore-paper-middle {
    width: 100%;
    overflow: inherit!important;
	-webkit-box-shadow: 0px 0px 50px 40px rgba(16, 8, 1, 0.8);
    -moz-box-shadow: 0px 0px 50px 40px rgba(16, 8, 1, 0.8);
    box-shadow: 0px 0px 50px 40px rgba(16, 8, 1, 0.8);
    background: rgba(16, 8, 1, 0.8)!important;
}

#lore-content {
	border:none!important;
}
.lore-paper-bottom {
    background: none!important;
}


.page-template-lore-template #content h1, .page-template-faq-template #content h1, .single-format-standard #content h1{
	font: 2.5em 'Caudex', sans-serif !important;
}

.page-template-bsc-design-doc-template h2, .page-template-faq-template h2, .single-format-standard h2{
	font-size: 2.5em!important;
}

.page-template-lore-template  h3, .page-template-faq-template h3{
	font-size: 16px!important;
}


.page-template-bsc-design-doc-template li, .fp p, .lore-paper-middle p, .page-template-faq-template li, .single-format-standard p{
	font-size: 16px!important;
}

.page-template-bsc-design-doc-template #content li{
    padding-bottom: 15px!important;
}

.page-template-faq-template #content li{
    padding-bottom: 8px!important;
}

.lore-category h2, .lore-category h2 a, .lore-category h3, .lore-category h3 a{
	font: 16px 'Caudex', sans-serif !important;
}
#lore-content {
    margin-left: 0px!important;
    padding: 0 20px!important;
}
.lore-paper-middle p {
    padding-left: 0px!important;
}
#lore-header {
	height: auto!important;
    background: none!important;
}
#lore-header h1 {
	position: inherit!important;
	left:0!important
}
.row.lore {
	margin:0;
}
#lore-reader-content{
	padding:0 15%;
}
.fp-block h2{
	font-size: 20px!important;
	font-weight: 700!important;
	color:white!important;
	font-family:'Titillium Web', sans-serif !important;
}
.page-template-media-template .container h1{
	font-family:'Titillium Web', sans-serif !important;
	font-size:2.5em;
	padding: 35px 0px 5px 0px;
}
.parent-div{
	margin: auto!important;
}
.display-gallery{
	padding-left: 0px!important;
}
.ngg-galleryoverview{
	text-align: center;
}
.ngg-gallery-thumbnail-box{
	float: none!important; 
    margin-left: 0px!important; 
    display: inline-block;
}
.post-content{
	font-size: 16px;
}
/* ---------------------------------------------------------------------- */
/*	Lists
/* ---------------------------------------------------------------------- */

.none > ul {
	list-style: none;
	margin: 0;
}

.dotted + .dotted:before {
	content:'';
	display: block;
	clear: both;
	border-bottom: 1px dotted #bdbdbd;
	margin: -15px 0 5px;
}

	.none li, .arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li {
		list-style: none;
		margin: 0;
		padding: 0 0 0 24px;
	}

	.none li { background: none; }

	.arrow li { background: url(images/list-arrow.png) no-repeat 5px 5px; }

	.arrow-2 li { background: url(images/list-arrow-2.png) no-repeat 2px 4px; }

	.circle li { background: url(images/list-circle.png) no-repeat 4px 5px; }

	.check li { background: url(images/list-check.png) no-repeat 3px 4px; }

	.check-2 li { background: url(images/list-check-2.png) no-repeat 0 4px; }

	.star li { background: url(images/list-star.png) no-repeat 0 1px; }

	.plus li { background: url(images/list-plus.png) no-repeat 3px 3px; }

	.dash li { background: url(images/list-dash.png) no-repeat 3px 8px; }

/* ---------------------------------------------------------------------- */
/*	Alert Boxes
/* ---------------------------------------------------------------------- */

.error, .success, .info, .notice, .wpcf7-response-output {
	display: block;
	padding: 10px 20px 10px 44px;
}

.error, .wpcf7-validation-errors, .wpcf7-mail-sent-ng, .wpcf7-spam-blocked {
	background: #f9e5e6 url(images/icon-box-error.png) no-repeat 10px 9px;
	border: 1px solid #f7c7c9;
	border-left-width: 4px;
	color: #b3696c;
}

.success, .wpcf7-mail-sent-ok {
	background: #e3ebc6 url(images/icon-box-success.png) no-repeat 12px 8px;
	border: 1px solid #c2d288;
	border-left-width: 4px;
	color: #8fa442;
}

.info {
	background: #d8ecf5 url(images/icon-box-info.png) no-repeat 10px 8px;
	border: 1px solid #9ac9df;
	border-left-width: 4px;
	color: #528da9;
}

.notice {
	background: #fcf7d9 url(images/icon-box-notice.png) no-repeat 10px 9px;
	border: 1px solid #f5dc7d;
	border-left-width: 4px;
	color: #c4a21b;
}

/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */

label {
	cursor: pointer;
	display: block;
	margin: 0 0 5px;
}

input, textarea, select {
	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: #f8f8f8;
	border: 1px solid #e8e8e8;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	color: #8f8f8f;
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 10px;
	border-radius: 0;
}

input, select {
	height: 30px;
	width: 200px;
}

textarea {
	padding: 10px;
	resize: both;
}
	
	textarea:hover, select:hover { border-color: #dedede; }
	
	textarea:focus, select:focus { border-color: #ccc; }

input[type="submit"], input[type="reset"], button {
	font-size: 13px;
	text-transform: uppercase;
}

	input[type="submit"].medium, input[type="reset"].medium, button.medium { font-size: 15px; }

	input[type="submit"].large, input[type="reset"].large, button.large { font-size: 17px; }

select, option {
	cursor: pointer;
	padding: 5px 7px;
}

input[type="checkbox"], input[type="radio"],
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] { width: 20px; }

/* Fix for Mobile Safari */
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }

/* Chrome, Safari */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; }

/* Firefox */
input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; }

/* jQuery fallback */
input.placeholder, textarea.placeholder, .wpcf7 .watermark { color: #b0b0b0; }

/* ---------------------------------------------------------------------- */
/*	Tables
/* ---------------------------------------------------------------------- */

table { width: 100%; }

	tr, th, td { vertical-align: middle;  }

	tr { background: #f8f8f8; }

	tr:nth-child(odd) { background: #f0f0f0; }

		th, td { padding: 8px 10px; }

		th {
			background: #eaeaea;
			color: #777;
			font-weight: 600;
			text-align: left;
		}

		table.dark th {
			background-color: #3a3a3a;
			color: #fff;
		}

		td {
			border-left: 1px solid #fff;
			border-top: 1px solid #fff;
		}

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

/* ---------------------------------------------------------------------- */
/*	Wrap
/* ---------------------------------------------------------------------- */

/*.container {
	margin: 0 auto;
	position: relative;
	width: 1015px;
}*/


	/* -------------------------------------------------- */
	/*	Columns
	/* -------------------------------------------------- */

	.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
		float: left;
		margin-right: 20px;
	}

	.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-right: 0px; }

	.one-half { width: 460px; }

	.one-third { width: 300px; }

		.two-third { width: 620px; }

	.one-fourth { width: 220px; }

		.three-fourth { width: 700px; }

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */
/*
h1.container{padding-top:100px;}
#header-frontpage > h1{
	background:url(images/headerlogo.png) no-repeat bottom;
	background-size: 100%;
	height:214px;
	max-width:701px;
	display:block;
	text-indent:-99999em;
	overflow:hidden;
}
#header-frontpage h1{padding-top:100px;}

.header-pat{background:url(images/pat-header.png) no-repeat top !important;}

#header {
	height:205px;
	z-index: 97;
	background:url(images/header_bg.jpg) top center no-repeat;
}

#header-frontpage {
	height:800px;
	z-index: 97;
	background:url(images/banner_slide_frontpage-2.jpg) top center no-repeat;
	/* background:url(images/banner_slide_frontpage.jpg) top center no-repeat;
	background-size:100%;
	background-size:contain;
	background-attachment: fixed;
}

#header-menu {
	height:62px;
	z-index: 97;
	background:url(images/menu_bg.png) no-repeat;
	width:1015px;
	padding:0;position:fixed;
	display:block;
	top:0;
	left:0;
	right:0;
}

#header, #header-frontpage h1{text-align:center;color:white;font-size:60px;text-shadow: 2px 2px 3px #000;}


#header-frontpage h2{font-family: 'Merriweather Sans'; font-size:22px; width:35%;text-align:center;line-height:30px;margin-top:25px;text-shadow: 2px 2px 3px #000;}

#header-frontpage #container_read_button{width:150px;margin:50px auto 0 auto;text-align:center;}


*/
/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */
h1.container{padding-top:100px;}
/*#header-frontpage > h1{
	background:url(images/headerlogo.png) no-repeat bottom;
	background-size: 100%;
	height:214px;
	max-width:701px;
	display:block;
	text-indent:-99999em;
	overflow:hidden;
}*/
#header-frontpage > h1{
	background:url(images/headerlogo-2.png) no-repeat bottom;
	background-size: 100%;
	height:214px;
	max-width:701px;
	display:block;
	text-indent:-99999em;
	overflow:hidden;
}

#header-frontpage h2, #header-frontpage #container_read_button { display:none;}
#header-frontpage h1{padding-top:380px;}

.header-pat{background:url(images/pat-header.png) no-repeat top !important;}

#header {
	height:205px;
	z-index: 97;
	background:url(images/header_bg.jpg) top center no-repeat;
}

#header-frontpage, #header-pages {
	width:100%;
	background:rgba(0,0,0,0.7);
	padding:0;
	position:fixed;
	display:block;
	z-index:97;
	top:0;
	left:0;
	right:0;
}

.header-bg{
	position:relative;
	background-size: 100%;
	width: 100%;
	height: 0;
	min-height: 200px;
	padding-top: 21%;
	max-height:1740px;
	background: url(images/background_header.jpg) no-repeat center center;
}

.page-template-lore-template .header-bg, .page-template-lore-reader-template-php .header-bg{
	background: url(images/background_header_lore.jpg) no-repeat bottom center;

}

.cse-nav-right{
	float:right;
}
.pull-left{
	float:left;
}
.header-cse-nav{
	width:100%;
	background:url(images/background_cse_bar.png) #000 repeat-x;
	height:30px;
	padding:5px 10px;
	border-bottom: 1px solid #4C423A;
}
.header-cse-nav .cse-nav-right > ul{
	display:inline;
	list-style:none;
	margin-top: -4px;
}
.header-cse-nav .cse-nav-right > ul li{
	float:left;
}
.header-cse-nav ul li a{
	font:12px 'Titillium Web', sans-serif !important;
	font-weight:400 !important;
}
.dropdown dd ul{
	background:black;
}
.logo-cse{
	padding-top:4px;
	margin-right:20px;
}
#menu-cse{
	float:left;
	display:block;
	max-width:200px;
	margin:0;
	padding:0;
}
#menu-cse, #menu-cse ul{
	list-style:none;
	margin-top: -4px;
}
#menu-cse li{
	margin:0 !important;
}
#menu-cse ul li{
	margin-left:55px !important;
}
#menu-cse ul{
	display: none;
	left: 0;
	padding: 9px;
    position: absolute;
    z-index: 99;
    background: black;
}
#header-cube {
	height:800px;
	z-index: 97;
	background:url(images/header_cube_background.jpg) top center no-repeat;
	/*background-size:100%;*/
	background-size:contain;
	/*background-attachment: fixed;*/
}

#header-menu {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(0,0,0,0.9);
    border-bottom: 1px solid #232323;
}

.page-title-v2{
	position: absolute;
    text-align: center;
    z-index: 50;
    left: 0;
    right: 0;
    top: 95px;
    bottom: 0;
    margin: auto;
    max-height: 220px;
    display: block;
    line-height: 180px;
    font-family: 'Caudex', sans-serif !important;
    font-weight: normal;
    text-shadow: 5px 5px 5px #000;
		color: white;
}

.page-template-lore-template .page-title-v2, .page-template-lore-reader-template-php .page-title-v2 {
}

#header, #header-frontpage h1{text-align:center;color:white;font-size:60px;text-shadow: 2px 2px 3px #000;}


#header-frontpage h2{font-family: 'Caudex'; font-size:22px; width:35%;text-align:center;line-height:30px;margin-top:25px;text-shadow: 2px 2px 3px #000;}

#header-frontpage #container_read_button{
	width:120px;margin:50px auto 0 auto;}

/*
#header-frontpage button{width:120px;height:40px;margin:0 auto;
display: inline-block;
	color: #fff;
	border: 1px solid black;
	border-radius: 2px;
	font-family: 'Caudex', sans-serif!important;
	font-size: 14px;
	text-decoration: none;
	text-transform:none;
	padding: 8px 16px;
	background: #6b6b6b; 
	background: -moz-linear-gradient(top, #6b6b6b 0%, #282828 20%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(20%,#282828)); 
	background: -webkit-linear-gradient(top, #6b6b6b 0%,#282828 20%); 
	background: -o-linear-gradient(top, #6b6b6b 0%,#282828 20%); 
	background: -ms-linear-gradient(top, #6b6b6b 0%,#282828 20%);
	background: linear-gradient(to bottom, #6b6b6b 0%,#282828 20%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#282828',GradientType=0 ); 
}
#header-frontpage button:hover {
	color:#ccc;
	background: #222; 
	background: -moz-linear-gradient(top, #6b6b6b 0%, #222 20%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(20%,#222));
	background: -webkit-linear-gradient(top, #6b6b6b 0%,#222 20%); 
	background: -o-linear-gradient(top, #6b6b6b 0%,#222 20%); 
	background: -ms-linear-gradient(top, #6b6b6b 0%,#222 20%); 
	background: linear-gradient(to bottom, #6b6b6b 0%,#222 20%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#222',GradientType=0 ); 
}*/

#header-frontpage #pledge_zone #pledge_container{width:791px;margin:0px auto 25px auto;height:146px;position:relative;}
	#header-frontpage #pledge_zone #pledge_container #pledge_button{position:absolute;left:0;width:401px;height:146px;top:32px;}
	#header-frontpage #pledge_zone #pledge_container #pledge_button a{z-index:2;display:block;background:url(images/btn_pledge_now.png) no-repeat;width:401px;height:146px;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
	#header-frontpage #pledge_zone #pledge_container #pledge_button a:hover{background-position:0 -146px; opacity: 1;}

	#header-frontpage #pledge_zone #pledge_container #pledge_resume{position:absolute;margin-left:391px;z-index:1;background:url(images/stretchgoals-achieved_notext.png) no-repeat;position:relative;width:404px;height:201px;padding-top:10px;line-height:1;}
		#header-frontpage #pledge_zone #pledge_container #pledge_resume #pledge_total{color:#CC8C1B;font-size:36px;font-family: 'Cinzel', Arial;width:395px;text-align:center;padding-top:5px;}
		#header-frontpage #pledge_zone #pledge_container #pledge_resume #pledge_next{color:#b6ac9e;font-family: 'Cinzel', Arial;width:auto;text-align:center;font-size:14px;padding-top:5px;}
		#header-frontpage #pledge_zone #pledge_container #pledge_resume #pledge_last{line-height:1.2;text-align:center;color:#9e8d76;font-family: 'Cinzel', Arial;width:auto;text-align:center;font-size:13px;padding-top:0px;}
		#header-frontpage #pledge_zone #pledge_container #pledge_resume #pledge_last a{padding-top:0;color:#7c3a19;font-family: 'Cinzel', Arial;width:auto;text-align:center;font-size:12px;}

		#pledge_resume #pledge_text_total{color:#CC8C1B;font-size:12px;font-family: 'Cinzel', Arial;width:395px;text-align:center;padding-top:12px;}
		#pledge_resume #pledge_text_next{color:#b6ac9e;font-size:12px;font-family: 'Cinzel', Arial;width:395px;text-align:center;padding-top:12px;}
		#pledge_resume #pledge_text_previous{color:#7c3a19;font-size:12px;font-family: 'Cinzel', Arial;width:395px;text-align:center;padding-top:15px;}

			#header-frontpage #pledge_zone #pledge_container #pledge_resume #pledge_next span{font-size:20px;text-shadow: 2px 2px 2px #000;}
#header-frontpage #pledge_zone #pledge_container #pledge_resume #pledge_next a, #pledge_next > a > span {color:#b6ac9e;font-family: 'Cinzel', Arial;width:365px;text-align:center;padding-top:12px;font-size:14px;}
		#header-frontpage #pledge_zone #pledge_container #pledge_resume #pledge_next a:hover, #pledge_next > a:hover > span{color:#D6BB94}

#header-menu #header-left, #header-frontpage #header-left{ display:block;width:70px;height:60px;background:url(images/menu_left_emblem.png) no-repeat; float:left; position:absolute; z-index:99; margin-left:-40px;}
#header-menu #header-center, #header-frontpage #header-center{width:1015px;float:left;z-index:100;}
#pat-badge{display:block;width:118px;height:117px;position:absolute;right:-50px;top:0;background:url(/v2/wp-content/themes/testCSE/images/pat-checklist3.png) no-repeat;z-index:9999;}
#hiring-badge{display:block;width:118px;height:117px;position:absolute;right:-50px;top:0;background:url(/v2/wp-content/themes/testCSE/images/hiring.png) no-repeat;z-index:9999;}
#pat-badge a{display:block;width:118px;height:117px;}
#header-menu #header-right, #header-frontpage #header-right{ display:block;width:88px;height:60px;background:url(images/menu_right_emblem.png) no-repeat;float:left; position:absolute; z-index:99; right:0; margin-right:-54px;}

#logo {
	float: left;
	height: 86px;
}

#logo h1 { padding: 18px 0; }

	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */
	#header-logo{
		float:left;
		margin:0;
		padding:0;
		height:68px;
	}
	#main-nav { float: right; }

		#main-nav > ul,
		#main-nav .menu > ul{ margin:0 !important; }

		.section-footer-mobile > ul { margin:0 !important; }
		.section-footer-mobile li {
				list-style: none;
				margin: 0;
				position: relative;
				-webkit-font-smoothing: auto;
				color: #2F9EBB !important;
				font-size:24px;
			}
		.section-footer-mobile ul ul {
				-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
				   -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
						box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
				display: none;
			}
		.section-footer-mobile ul ul li { float: none; }

		.footer-friends li{
			float:left !important;
			width:125px;
			height:125px;
		}

		.section-footer-mobile ul ul a {
			border: 0;
		    color: #fff !important;
		    display: block;
		    font-size: 14px;
		    letter-spacing: 0;
		    font-weight: 600;
		    padding:10px 0 !important;
		    text-align: left;
		    text-transform: none;
		    text-decoration: none !important;
		    -webkit-font-smoothing: antialiased;
		}
		.nav-cu > ul { margin:0 !important; }
		.nav-cu li {
				list-style: none;
				margin: 0;
				position: relative;
				-webkit-font-smoothing: auto;
				color: #2F9EBB !important;
				font-size:24px;
				border-top: 1px solid #3A3A3A;
				padding: 8px 10px;
			}
		.nav-cu ul ul {
				display: none;
			}
		.nav-cu ul ul li { float: none; margin-left:20px; }


		.footer-friends li{
			float:left !important;
			width:125px;
			height:125px;
		}

		.section-footer-mobile ul ul a {
			border: 0;
		    color: #fff !important;
		    display: block;
		    font-size: 14px;
		    letter-spacing: 0;
		    font-weight: 600;
		    padding:10px 0 !important;
		    text-align: left;
		    text-transform: none;
		    text-decoration: none !important;
		    -webkit-font-smoothing: antialiased;
		}
		.glyphicon-menu-right:before {
		    content: "\e258";
		}

		.glyphicon-menu-left:before {
		    content: "\e257";
		}
			
			#main-nav li{
				list-style: none;
				float: left;
				margin: 0;
				position: relative;
				-webkit-font-smoothing: auto;
			}
			#main-nav li.menu-separator{background:url(images/menu-separator.png) no-repeat; width:13px;height:54px;display:block; padding:0;margin:0;}

				#main-nav a {
					color: #ccc !important;
					font-size: 16px;
					font-weight: 500;
					display: block;
					letter-spacing: -0.08px;
					padding: 18px 10px 19px 10px;
					position: relative;
					text-align: center;
					text-decoration: none !important;
					z-index: 98;
				}
				#main-nav a:hover , #main-nav .current-menu-ancestor > a{ color: #fff !important; text-decoration: none!important;}

				.ie7 #main-nav a { padding: 33px 20px; }

				#main-nav li a:not([href]) {cursor: default;}
					#main-nav li:hover{
						background:url(images/menu-hover-first-level.png) bottom center no-repeat; background-size:100%; 
					}
					#main-nav a:hover, #main-nav .hover > a,
					#main-nav .current_page_item > a, #main-nav .current-menu-item > a,
					#main-nav .current_page_parent > a,
					#main-nav .current_page_ancestor > a, #main-nav .current-menu-ancestor > a {						
						color: #fff !important;
					}


					/*.not-ie #main-nav .current_page_item:after, .not-ie #main-nav .current-menu-item:after,
					.not-ie #main-nav .current_page_parent:after,
					.not-ie #main-nav .current_page_ancestor:after, .not-ie #main-nav .current-menu-ancestor:after {
						background: #DA9F5E;
						bottom: -2.5px;
						content: '';
						left: 50%;
						display: block;
						height: 5px;
						margin: 0 0 0 -2.5px;
						-webkit-transform: rotate(45deg);
						   -moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							 -o-transform: rotate(45deg);
								transform: rotate(45deg);
						position: absolute;
						width: 5px;
					}*/

				/* Dropdown */

				.no-js #main-nav li.menu-item:hover ul {
					display: block;
				}
				.menu-item .glyphicon {
					color: #ccc;
					font-size:10px;
					top: 0px;
				}
				#main-nav ul ul{
					background:url(images/menu-dropdown.png) repeat;
					-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
					   -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
							box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
					display: none;
					left: 0;
					padding: 0;
					position: absolute;
					width: 230px;
					z-index: 99;
					border: 1px solid #291E12;
				}

				#main-nav ul ul a, .entry-form label {
				    font-family: 'Titillium Web', sans-serif !important;
				}

					#main-nav ul ul li{ float: none; }

						#main-nav ul ul a{
							border: 0;
						    color: #fff !important;
						    display: block;
						    font-size: 14px;
						    letter-spacing: 0;
						    font-weight: 600;
						    padding: 11px 20px !important;
						    text-align: left;
						    text-transform: none;
						    text-decoration: none !important;
						    -webkit-font-smoothing: antialiased;
						}

							#main-nav ul ul a:hover, #main-nav ul ul .hover > a,
							#main-nav ul ul .current_page_item > a, #main-nav ul ul .current_page_item > a:hover,
							#main-nav ul ul .current_page_parent > a, #main-nav ul ul .current_page_parent > a:hover,
							#main-nav ul ul .current-menu-item > a, #main-nav ul ul .current-menu-item > a:hover,
							#main-nav ul ul .current_page_ancestor > a, #main-nav ul ul .current-menu-ancestor > a:hover {
								background: none!important; 
								background-size: 100%; 
								border:none !important;
								color: #fff;
							text-decoration: none !important;
							}

					.not-ie #main-nav ul ul .current_page_item:after, .not-ie #main-nav ul ul .current-menu-item:after,
					.not-ie #main-nav ul ul .current_page_parent:after,
					.not-ie #main-nav ul ul .current_page_ancestor:after, .not-ie #main-nav ul ul .current-menu-ancestor:after { display: none; }

				/* Sub Dropdown */

				#main-nav ul ul ul {
					left: 228px !important;
					top: 0 !important;
				}
				.sub-menu .menu-item-has-children{
					background: url(images/button-arrows.png) no-repeat 205px 11px;
				}
		/* Responsive Nav */

		#main-nav .responsive-nav {
			/*background-image: url(images/responsive-nav-bg.png);
			background-position: center right;
			background-repeat: no-repeat;
			display: none;
			width: 100%;*/
			display:none;
		}

		.responsive-nav{
			display:none;
		}
		.nav-cu.display, .nav-cse.display{
			margin-top:80px;
			display:block !important;
		}

/* Carousel Bootstrap */
.carousel{
	height:100%;
}
.carousel .container{
	width:70%;
}
.carousel-control{
	z-index: 90;
	top: 50px!important;
    filter: alpha(opacity=80)!important;
    opacity: .8!important;
    height: 100px!important;
}
.carousel-indicators li {
    display: inline-block;
    width: 8px;
    height: 16px;
    margin:  0px 10px;
    text-indent: -999px;
    border: 1px solid #fff;
    cursor: pointer;
    border-radius: 10px;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
}
.carousel-control span{
	color:white;
}

.carousel-indicators .active {
    margin: 0px 10px;
    width: 8px;
    height: 15px;
    background-color: #fff;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
	top: 40px!important;
}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

#content { /*padding-top: 81px!important;*/ margin-bottom:50px; }

.no-pad{padding:0 !important; padding-top:0 !important;}

.main-content { background:url(images/content-bg.jpg) top center no-repeat; min-height:650px; background-size: auto;}
.main-content-reveal { z-index: 135; position: relative; background:url(images/reveal/content-bg-reveal.png) top center no-repeat; min-height:650px; background-size: auto;}

.no-bg{ background:#000 !important;}

.ie7 #content { padding-top: 25px; }

	/* -------------------------------------------------- */
	/*	Page Header
	/* -------------------------------------------------- */

	.page-header {
		border-bottom: 1px solid #efefef;
		margin: -15px 0 40px;
	}

	.ie7 .page-header { margin-top: 0; }

		.slogan, .page-title, .page-description, .page-subdescription, .project-title {
			font-weight: 300;
			letter-spacing: -0.1px;
			margin-bottom: 0;
		}

		.page-title, .page-description, .page-subdescription, .project-title {
			font-size: 28px;
			margin-top: -10px;
			padding: 0 0 35px;
		}

		.slogan {
			font-size: 24px;
			margin-bottom: 40px;
		}

		.page-title { margin-top: 0; }

		.page-subdescription { font-size: 20px; }

		.project-title {
			margin-top: -15px;
			padding-bottom: 30px;
		}

		.page-description {
			font-size: 32px;
			font-weight: 400;
			padding: 0 0 40px;
		}

			.page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr {
				margin-bottom: 40px;
				margin-top: 0;
			}

	.section-title {
		font-weight: 800;
		text-transform: uppercase;
	}
	#frontpage-facebook .section-title {
		color: white;
		font-size: 16px;
		font-weight: 400;
	}

	/* -------------------------------------------------- */
	/*	Main
	/* -------------------------------------------------- */

	#main {
		float: left;
		margin: 0 40px 0 0;
		width: 680px;
	}

	.sidebar-left #main {
		float: right;
		margin-left: 40px;
		margin-right: 0;
	}
		
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		#main .one-half { width: 330px; }

		#main .one-third { width: 213px; }

			#main .two-third { width: 447px; }

		#main .one-fourth { width: 155px; }

			#main .three-fourth { width: 505px; }

	/* -------------------------------------------------- */
	/*	Image Gallery Slider
	/* -------------------------------------------------- */
	
	.image-gallery-slider {
		position: relative;
		margin: 0 0 25px;
	}
	
		.image-gallery-slider > ul { margin: 0; }

			.image-gallery-slider > ul > li {
				background: #fff;
				display: none;
				list-style: none;
				margin: 0;
			}

			.no-js .image-gallery-slider > ul > li, .image-gallery-slider.disabled > ul > li {
				display: block;
				margin-bottom: 25px;
			}

			.image-gallery-slider > ul > li:first-child { display: block; }

			.image-gallery-slider a {
				display: block;
				margin: 0 auto;
			}

				.image-gallery-slider img, .image-gallery-slider img.entry-image {
					display: block;
					margin: 0 auto;
					max-width: 100%;
				}
		
	.image-gallery-slider-nav {}
		
		.image-gallery-slider-nav a {
			background: rgb(241, 90, 35) url(images/slider-arrows-medium.png) no-repeat 0 0; /* Fallback for old IE */
			filter: alpha(opacity=60); /* Fallback for old IE */
			background: rgba(241, 90, 35, 0.6) url(images/slider-arrows-medium.png) no-repeat 0 0;
			color: transparent;
			cursor: pointer;
			display: block;
			font: 0/0 a;
			height: 53px;
			margin: -26.5px 0 0;
			position: absolute;
			text-shadow: none;
			top: 50%;
			width: 25px;
			z-index: 999;
		}

		.image-gallery-slider-nav a.prev {
			background-position: -7px center;
			left: 0;
		}

		.image-gallery-slider-nav a.next {
			background-position: -46px center;
			right: 0;
		}

			.image-gallery-slider-nav a:hover, .image-gallery-slider-nav a:active {
				background-color: rgb(241, 90, 35);
				background-color: rgba(241, 90, 35, 1);
				filter: alpha(opacity=100); /* Fallback for old IE */
			}

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */

			.acc-trigger {
				border-top: 1px dotted #ced8df;
				cursor: pointer;
				display: block;
				margin: 0;
			}

				.acc-trigger:last-of-type, .acc-container:last-of-type {
					border-bottom: 1px dotted #ced8df;
					margin-bottom: 20px;
				}

				.no-js .acc-trigger:last-of-type { border-bottom: none; }

			.acc-trigger a {
				background: url(images/accordion-content-buttons.png) no-repeat 20px 23px;
				display: block;
				color: #959393;
				outline: medium none;
				padding: 25px 20px 25px 55px;
				text-decoration: none;
				text-shadow: none;
			}

			h3.acc-trigger a, h4.acc-trigger a { background-position: 20px 24px; }

			h6.acc-trigger a { background-position: 20px 21px; }

				.acc-trigger a:hover { background-color: #f8f8f8; }

				.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #DA9F5E; }

				.acc-trigger.active a:hover { background-color: transparent; }

				.acc-trigger.active { cursor: default; }

				.acc-trigger[data-mode=toggle].active, .acc-trigger[data-mode=toggle].active a { cursor: pointer; }

				.acc-trigger.active:last-of-type {
					border-bottom: none;
					margin-bottom: 0;
				}

				.acc-trigger.active a {
					background-position: 20px -88px;
					cursor: default;
				}

				h3.acc-trigger.active a, h4.acc-trigger.active a { background-position: 20px -87px; }

				h6.acc-trigger.active a { background-position: 20px -90px; }

			.acc-container .content { padding: 0 20px 25px 55px; }
			
				.acc-container .content .one-half { width: 422px; }

				.acc-container .content .one-third { width: 275px; }

					 .acc-container .content .two-third { width: 570px; }

				.acc-container .content .one-fourth { width: 201px; }

					.acc-container .content .three-fourth { width: 644px; }

			.js .acc-container { margin-top: -15px; }
			#content > div > div.frame-middle-hiring > div.three-fourth > h4.acc-trigger > a{font-family:'Titillium Web'}

		/* ---------------------------------------- */
		/*	Content Tabs
		/* ---------------------------------------- */

		.tabs-nav {
			list-style: none;
			margin: 0;
			overflow: hidden;
			padding: 0;
			width: 100%;
		}

			.tabs-nav li {
				float: left;
				line-height: 32px;
				margin: 0;
				overflow: hidden;
				padding: 0;
				position: relative;
			}

				.tabs-nav li.active { line-height: 31px; }

				.tabs-nav li a {
					background: #f8f8f8;
					border: 1px solid #eaeaea;
					border-bottom: 1px solid #eaeaea;
					border-left: none;
					color: #959393;
					display: block;
					letter-spacing: 0;
					outline: none;
					padding: 0 16px;
					text-decoration: none;
					text-shadow: 0 1px 0 #fff;
				}

				.tabs-nav li:first-child a { border-left: 1px solid #eaeaea; }

				.tabs-nav li a:hover { background: #f0f0f0; }

				.tabs-nav li a:hover, .tabs-nav li.active a { color: #DA9F5E; }
				
					.tabs-nav li.active a  {
						background: #fff;
						border-bottom: 2px solid #fff;
						border-top: 1px solid #DA9F5E;
					}

		.tabs-container {
			background: #fff;
			margin: -1px 0 20px;
			overflow: hidden;
			width: 100%;
		}

			.tab-content {
				border: 1px solid #eaeaea;
				padding: 20px;
			}
						
				.tab-content .one-half { width: 440px; }

				.tab-content .one-third { width: 286px; }

					 .tab-content .two-third { width: 594px; }

				.tab-content .one-fourth { width: 210px; }

					.tab-content .three-fourth { width: 670px; }

	/* -------------------------------------------------- */
	/*	Pricing Tables
	/* -------------------------------------------------- */

		.simple-pricing-table, .extended-pricing-table {
			height: 100%;
			margin: 0 0 40px;
			position: relative;
			text-align: center;
			width: 100%;
		}

			.simple-pricing-table .column, .extended-pricing-table .column {
				float: left;
				margin: 0;
				padding: 0;
				position: relative;
			}

				.simple-pricing-table .features, .extended-pricing-table .features {
					list-style: none;
					margin: 0;
				}

					.simple-pricing-table .features li, .extended-pricing-table .features li {
						display: block;
						margin: 0;
						position: relative
					}

				.simple-pricing-table .footer, .extended-pricing-table .footer { padding: 16px 20px; }

					.simple-pricing-table .footer .button, .extended-pricing-table .footer .button {
						background: #515151;
						font-size: 14px;
						font-weight: 600;
						text-transform: uppercase;
						padding: 9px 20px;
					}

		/* ---------------------------------------- */
		/*	Simple Pricing Table
		/* ---------------------------------------- */

		.simple-pricing-table.featured { margin-top: 50px; }

			.simple-pricing-table .column {
				background: #f6f6f6;
				border-bottom: 1px solid #ededed;
				border-left: 1px solid #fff;
				border-top: 1px solid #ededed;
				width: 938px;
			}

			.simple-pricing-table .column:first-child { border-left-color: #ededed; }

			.simple-pricing-table .column:last-child { border-right: 1px solid #ededed; }

			.simple-pricing-table.col2 .column { width: 468px; }
			.simple-pricing-table.col3 .column { width: 312px; }
			.simple-pricing-table.col4 .column { width: 233px; }
			.simple-pricing-table.col5 .column { width: 186px; }

			.simple-pricing-table .column.featured {
				background: #fff;
				border: 1px solid #ebebeb;
				-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
				   -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
				        box-shadow: 0 0 20px rgba(0, 0, 0, .15);
				margin: -20px -1px 0;
				padding: 20px 5px 15px;
				z-index: 1;
				width: 928px;
			}

			.simple-pricing-table.col2.featured .column { width: 450px; }
			.simple-pricing-table.col3.featured .column { width: 299px; }
			.simple-pricing-table.col4.featured .column { width: 224px; }
			.simple-pricing-table.col5.featured .column { width: 179px; }

			.simple-pricing-table.col2 .column.featured { width: 478px; }
			.simple-pricing-table.col3 .column.featured { width: 329px; }
			.simple-pricing-table.col4 .column.featured { width: 254px; }
			.simple-pricing-table.col5 .column.featured { width: 209px; }

				.simple-pricing-table .header { padding: 15px 20px 20px; }

				.simple-pricing-table .featured .header { margin: -15px 0 0; }

					.simple-pricing-table .title {
						color: #414141;
						font-size: 24px;
						font-weight: 700;
						letter-spacing: -0.8px;
						margin: 0 0 5px;
					}

					.simple-pricing-table .price {
						color: #777;
						font-size: 18px;
						font-weight: 300;
						margin: 0 0 7px;
					}

						.simple-pricing-table .price span {
							color: #292929;
							font-weight: 700;
						}

						.simple-pricing-table .free .price span { color: #4a993e; }

						.simple-pricing-table .featured .price span { color: #DA9F5E; }

					.simple-pricing-table .description {
						color: #4b4b4b;
						font-size: 14px;
						margin: 0;
						font-weight: 400;
					}

						.simple-pricing-table .free .description { color: #44af33; }

						.simple-pricing-table .featured .description { color: #e38c11; }

					.simple-pricing-table .title + .description {
						margin-bottom: 5px;
						margin-top: 12px;
					}

				.simple-pricing-table .features { padding: 0 10px; }

					.simple-pricing-table .features li {
						border-top: 1px solid #ebebeb;
						padding: 5px 10px;
					}

				.simple-pricing-table .footer {
					background: #e5e5e5;
					margin: 1px 0 0;
				}

				.simple-pricing-table .featured .footer {
					background: #fff;
					margin-top: 11px;
				}

					.simple-pricing-table .featured .footer .button {
						background: #DA9F5E;
						font-size: 18px;
						padding: 11px 27px;
					}

					.simple-pricing-table .free .footer .button { background: #4a993e; }

						.simple-pricing-table .footer .button:hover { background: #DA9F5E; }

						.simple-pricing-table .free .footer .button:hover,
						.simple-pricing-table .featured .footer .button:hover { background: #515151; }

		/* ---------------------------------------- */
		/*	Extended Pricing Table
		/* ---------------------------------------- */

		.extended-pricing-table.featured { margin-top: 40px; }

			.extended-pricing-table .column { width: 740px; }

			.extended-pricing-table .features-list {
				text-align: left;
				width: 200px !important;
			}

			.extended-pricing-table.col2 .column { width: 370px; }
			.extended-pricing-table.col3 .column { width: 246px; }
			.extended-pricing-table.col4 .column { width: 185px; }
			.extended-pricing-table.col5 .column { width: 148px; }

			.extended-pricing-table .featured {
				-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
				   -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
				        box-shadow: 0 0 20px rgba(0, 0, 0, .15);
				z-index: 1;
			}

				.extended-pricing-table .header {
					background: #3a3a3a;
					color: #fff;
					min-height: 110px;
				}

				.extended-pricing-table .features-list .header { background: none; }

				.extended-pricing-table .free .header { background: #4a993e; }

				.extended-pricing-table .featured .header {
					background: #f9612a;
					padding: 0 0 10px;
				}

				.ie7 .extended-pricing-table .featured .header { padding-bottom: 0; }

					.extended-pricing-table .title {
						background: #2c2c2c;
						color: #bbbbbb;
						font-size: 13px;
						font-weight: 400;
						margin: 0 0 7px;
						padding: 8px 15px;
						text-transform: uppercase;
					}

					.extended-pricing-table .free .title {
						background: #428937;
						color: #fff;
					}

					.extended-pricing-table .featured .title {
						background: #dd4913;
						color: #fff;
						font-size: 17px;
						font-weight: 600;
						margin-top: -10px;
						padding-bottom: 11px;
						padding-top: 10px;
						position: relative;
					}

					.extended-pricing-table .price {
						color: #999;
						font-size: 12px;
						font-weight: 400;
						margin: 0;
					}

					.extended-pricing-table .free .price { color: #9fcd98; }

					.extended-pricing-table .featured .price { color: #fab197; }

						.extended-pricing-table .price span {
							color: #fff;
							font-size: 30px;
							display: block;
						}

					.extended-pricing-table .featured .price span { font-weight: 600; }

				.extended-pricing-table .features { border-left: 1px solid #fff; }

				.extended-pricing-table .features-list .features { border-left: none; }

					.extended-pricing-table .features li {
						background: #f8f8f8;
						border-bottom: 1px solid #fff;
						padding: 8px 10px;
					}

					.extended-pricing-table .features li:before { content: ''; }

					.extended-pricing-table .featured .features li { background: #fff; }

					.extended-pricing-table .features li:first-child { border-top: 1px solid #fff; }

					.extended-pricing-table .features li:nth-child(even) { background: #f0f0f0; }

					.extended-pricing-table .featured .features li:nth-child(even) { background: #f6f6f6; }

					.extended-pricing-table .features li .check {
						background: url(images/icon-check-3.png) no-repeat center 2px;
						display: inline-block;
						height: 18px;
						text-indent: -9999px;
						width: 18px;
					}

					.ie7 .extended-pricing-table .features li .check {
						display: inline;
						font-size: 0;
						text-indent: 0;
					}

					.extended-pricing-table .free .features li .check { background-image: url(images/icon-check-3-green.png); }

				.extended-pricing-table .footer { background: #f8f8f8; }

				.extended-pricing-table .featured .footer { padding-bottom: 26px; }

				.extended-pricing-table .features-list .footer { background: none; }

					.extended-pricing-table .free .footer .button { background: #4a993e; }

					.extended-pricing-table .featured .footer .button { background: #DA9F5E; }

						.extended-pricing-table .footer .button:hover { background: #DA9F5E; }

						.extended-pricing-table .free .footer .button:hover,
						.extended-pricing-table .featured .footer .button:hover { background: #515151; }

	/* -------------------------------------------------- */
	/*	Back to Top
	/* -------------------------------------------------- */

	#back-to-top, .touch-device #back-to-top:hover {
		background: url(images/arrow-up-large.png) no-repeat center center;
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0);
		bottom: 20px;
		color: transparent;
		display: none;
		font: 0/0 a;
		height: 46px;
		position: fixed;
		right: 20px;
		text-shadow: none;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
		width: 45px;
		z-index: 100;
		opacity:.7;
	}

		#back-to-top:hover, #back-to-top.hover, .touch-device #back-to-top:active { background-color: rgba(0, 0, 0, .8)!important;opacity:1; }
						
/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Slider
	/* -------------------------------------------------- */

	.ss-slider {
		background: #fff url(images/loader.gif) no-repeat center 185px;
		clear: both;
		margin: 20px auto 80px;
		max-height: 465px;
		max-width: 940px;
		overflow: hidden;
		position: relative;
	}

	.ss-slider.fully-loaded { overflow: visible; }

	.ss-slider.fully-loaded, .no-js .ss-slider { background: none; }

	.no-js .ss-slider { max-height: none; }

		/* ---------------------------------------- */
		/*	Single Slide
		/* ---------------------------------------- */
		
		.ss-slider .slides-container {}

			.ss-slider .slide {
				display: none;
				margin: 0;
			}

			.ss-slider .slide:first-child { display: block; }

			.ss-slider.fully-loaded .slide, .no-js .ss-slider .slide {
				background-repeat: no-repeat;
				display: block;
				float: left;
				overflow: hidden;
				position: relative;
				z-index: 1;
			}

			.ss-slider.fully-loaded .slide { height: 100%; }
			
			.no-js .ss-slider .slide { margin: 40px 0 0; }	
			
			.no-js .ss-slider .slide:first-child { margin-top: 0; }

				.ss-slider .slide-img {
					background-repeat: no-repeat;
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
				}
		
		.ss-slider .slide-images-container {
			background: #fff;
			background-repeat: no-repeat;
			display: block;
			width: 100%;
			z-index: 11;
		}

			.ss-slider .slide-bg-image {
				background: #fff;
				margin: 0;
				width: 100%;
			}

			.ss-slider.fully-loaded .slide-bg-image { display: none; }
		
			.no-js .ss-slider .slide-bg-image { display: block; }
				
		/* ---------------------------------------- */
		/*	Button
		/* ---------------------------------------- */
		
		.ss-slider .buttons-container {
			background: #fff;
			overflow: hidden;
			width: 100%;
		}

		.ss-slider.hide-bottom-buttons .buttons-container { display: none; }

			.ss-slider .slide-button, .no-js .ss-slider .slide-button:hover {
				background: #f8f8f8;
				border-bottom: 1px solid #e9e9e9;
				border-top: 4px solid #dfdfdf;
				-webkit-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
				   -moz-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
						box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
				color: #3a3a3a;
				cursor: pointer;
				display: block;
				float: left;
				font-size: 20px;
				height: 40px;
				overflow: hidden;
				padding: 20px;
				text-align: left;
				text-decoration: none;
				-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
				   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
					-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
					 -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
						transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
				width: 100%;
			}

			.ss-slider.hide-bottom-buttons .slide-button { display: none; }

			.ss-slider .slide:first-child .slide-button {
				-webkit-box-shadow: 0 1px 0 0 #fff inset;
				   -moz-box-shadow: 0 1px 0 0 #fff inset;
						box-shadow: 0 1px 0 0 #fff inset;
			}
				
				.ss-slider.fully-loaded .slide-button:hover, .ss-slider.fully-loaded .slide-button.active {
					background: #f0f0f0;
					color: #DA9F5E;
				}
				
				.ss-slider.fully-loaded .slide-button:hover { border-top-color: #aeaeae; }

				.no-js .ss-slider .slide-button, .no-js .ss-slider .slide-button:hover { cursor: auto; }
				
				.no-js .ss-slider  a > .slide-button:hover  { cursor: pointer; }
				
				.ss-slider .slide-button h5 {
					color: #3a3a3a;
					font-size: 14px;
					font-weight: 700;
					line-height: 1.5;
					margin: 0;
				}

					.ss-slider.fully-loaded .slide-button.active h5 { color: #DA9F5E; }

				.ss-slider .slide-button .description {
					color: #959393;
					display: block;
					font-size: 11px;
					line-height: 12px;
				}
		
				.ss-slider .slide-button .dropcap {
					background: #3a3a3a;
					-webkit-border-radius: 19px;
					   -moz-border-radius: 19px;
							border-radius: 19px;
					color: #fff;
					font-weight: 700;
					height: 38px;
					width: 38px;
				}

				.ss-slider .slide-button.image, .no-js .ss-slider .slide-button.image:hover {
					height: 80px;
					padding: 0;
					text-align: center;
				}

					.ss-slider .slide-button img {
						background: #f8f8f8;
						display: inline-block;
						font-size: 11px;
						max-height: 80px;
						filter: alpha(opacity=35); /* Fallback for old IE */
						opacity: 0.35;
						-webkit-transition: opacity .2s ease-in-out;
						   -moz-transition: opacity .2s ease-in-out;
							-ms-transition: opacity .2s ease-in-out;
							 -o-transition: opacity .2s ease-in-out;
								transition: opacity .2s ease-in-out;
					}
					
						.ss-slider .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img { background: #f0f0f0; }

						.no-js .ss-slider .slide-button:hover img, .no-js .ss-slider .slide-button.active img { background: #f8f8f8; }
							
						.ss-slider.fully-loaded .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img,
						.no-js .ss-slider .slide-button img {
							filter: alpha(opacity=100); /* Fallback for old IE */
							opacity: 1;
						}

		/* ---------------------------------------- */
		/*	Content
		/* ---------------------------------------- */
		
		.ss-slider .content-container, .no-js .ss-slider .slide-content {
			background: rgb(0, 0, 0); /* Fallback for old IE */
			filter: alpha(opacity=60); /* Fallback for old IE */
			background: rgba(0, 0, 0, .6);
			bottom: 115px;
			display: block;
			left: 30px;
			margin: 0;
			overflow: hidden;
			padding: 25px 30px 30px;
			position: absolute;
			width: 255px;
			z-index: 2;
		}
		
		.ss-slider.hide-content .content-container { display: none; }

		.ss-slider.hide-bottom-buttons .content-container, .no-js .ss-slider.hide-bottom-buttons .slide-content { bottom: 30px; }

		.ss-slider.show-content-onhover .content-container, .ss-slider.show-content-onhover .pagination-container a {
			opacity: 0;
			filter: alpha(opacity=0); /* Fallback for old IE */
		}
		
			.ss-slider.fully-loaded.show-content-onhover:hover .content-container, .ss-slider.fully-loaded.show-content-onhover:hover .pagination-container a {
				opacity: 1;
				filter: alpha(opacity=60); /* Fallback for old IE */
			}

			.ss-slider.fully-loaded .content-container {
				-webkit-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
				   -moz-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
					-ms-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
					 -o-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
						transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
			}
			
			.ss-slider .content-container.center {
				bottom: auto;
				left: 50%;
				margin-left: -193px;
				padding: 20px 30px;
				text-align: center;
				top: 135px;
				width: 326px;
			}
			
			.ss-slider .content-container.bottom {		
				bottom: 85px;
				left: 38px;
				max-width: 804px;
				padding: 10px 30px;
				text-align: center;
				width: 100%;
			}

			.ss-slider.hide-bottom-buttons .content-container.bottom { bottom: 0; }

			.ss-slider .slide-content {
				color: #bfbfbf;
				display: none;
				text-shadow: 0 -1px rgba(0, 0, 0, .75);
			}

				.ss-slider .slide-content a { color: #DA9F5E; }

				.ss-slider .slide-content a:hover { text-decoration: underline; }

				.ss-slider .slide-content h1,
				.ss-slider .slide-content h2,
				.ss-slider .slide-content h3,
				.ss-slider .slide-content h4,
				.ss-slider .slide-content h5,
				.ss-slider .slide-content h6 {
					color: #fff;
					margin: 0;
				}

					.ss-slider .slide-content h1 + *,
					.ss-slider .slide-content h2 + *,
					.ss-slider .slide-content h3 + *,
					.ss-slider .slide-content h4 + *,
					.ss-slider .slide-content h5 + *,
					.ss-slider .slide-content h6 + * { margin-top: 5px; }

				.ss-slider .slide-content h2 {
					font-size: 20px;
					font-weight: 700;
				}

				.ss-slider .slide-content h6 {
					font-size: 13px;
					font-weight: 400;
				}

				.ss-slider .slide-content p { margin-bottom: 10px; }

				.ss-slider .slide-content p:last-of-type { margin-bottom: 0; }

				.ss-slider .slide-content .button {
					color: #fff;
					font-size: 11px;
					padding: 5px 14px;
					text-shadow: none;
				}

					.ss-slider .slide-content .button:hover { text-decoration: none; }

		/* ---------------------------------------- */
		/*	Pagination
		/* ---------------------------------------- */
		
		.ss-slider .pagination-container a {
			background: rgb(241, 90, 35) url(images/slider-arrows-small.png) no-repeat 0 center; /* Fallback for old IE */
			filter: alpha(opacity=60); /* Fallback for old IE */
			background: rgba(241, 90, 35, 0.6) url(images/slider-arrows-small.png) no-repeat 0 center;
			bottom: 115px;
			color: transparent;
			cursor: pointer;
			display: block;
			font: 0/0 a;
			min-height: 27px;
			left: 346px;
			overflow: hidden;
			position: absolute;
			text-align: center;
			text-shadow: none;
			-webkit-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			   -moz-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			    -ms-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			     -o-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			        transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			width: 15px;
			z-index: 2;
		}

		.ss-slider.hide-bottom-buttons .pagination-container a { bottom: 30px; }
		
		.ss-slider.hide-content .pagination-container a { display: none; }

			.ss-slider .pagination-container .next {
				background-position: -15px center;
				bottom: 156px;
			}

			.ss-slider.hide-bottom-buttons .pagination-container .next { bottom: 71px; }
		
			.ss-slider .pagination-container a:hover, .ss-slider.show-content-onhover:hover .pagination-container a:hover {
				background-color: rgba(241, 90, 35, 1);
				filter: alpha(opacity=100) !important; /* Fallback for old IE */
			}
			
			.ss-slider .pagination-container.center a {		
				background-image: url(images/slider-arrows-large.png);
				bottom: auto;
				left: 50%;		
				min-height: 40px;
				top: 135px;
				width: 35px;
			}
			
				.ss-slider .pagination-container.center .prev {
					background-position: 0 center;
					left: 241px;
				}
				
				.ss-slider .pagination-container.center .next {
					background-position: -35px center;
					left: auto;
					right: 241px;
				}
			
			.ss-slider .pagination-container.bottom a {		
				background-image: url(images/slider-arrows-medium.png);
				bottom: 85px;
				min-height: 20px;
				width: 37px;
			}

			.ss-slider.hide-bottom-buttons .pagination-container.bottom a { bottom: 0; }
			
				.ss-slider .pagination-container.bottom .prev {
					background-position: -1px center;
					left: 0;
				}
				
				.ss-slider .pagination-container.bottom .next {
					background-position: -40px center;
					left: auto;
					right: 0;
				}
			
		/* ---------------------------------------- */
		/*	Active Slide Bar
		/* ---------------------------------------- */

		.ss-slider .active-slide-bar {
			background: #DA9F5E;
			bottom: 0;
			display: block;
			height: 4px;
			left: 0;
			position: absolute;
			visibility: hidden;
			z-index: 10;
		}

		.ss-slider.hide-bottom-buttons .active-slide-bar { display: none; }
		
	/* -------------------------------------------------- */
	/*	Projects Carousel
	/* -------------------------------------------------- */

	.no-js .projects-carousel, .no-js .post-carousel {
		border-top: 1px solid #efefef;
		margin: 15px -20px 60px 0;
		padding: 25px 0 0;
	}
		
		.projects-carousel > li, .post-carousel > li, #portfolio-items > article {
			float: left;
			list-style: none;
			margin: 0 20px 0 0;
			overflow: hidden;
			position: relative;
		}
		
		.projects-carousel > li, .post-carousel > li { width: 300px; }
		
		.no-js .post-carousel > li {
			display: inline-block;
			float: none;
		}

		.no-js .projects-carousel > li, .no-js #portfolio-items > article { margin-bottom: 40px; }

		.projects-carousel a, #portfolio-items article .project-meta {
			border-bottom: 1px solid #efefef;
			display: block;
			text-align: center;
		}
		
		.projects-carousel a { padding: 20px 0 0; }

		#portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player { margin: 0 auto; }

			.projects-carousel img, #portfolio-items article img {
				background-color: #fff;
				margin: 0 auto;
				filter: alpha(opacity=70); /* Fallback for old IE */
				opacity: 0.7;
			}

			.no-js .projects-carousel img, .no-js #portfolio-items article img { margin-bottom: 0; }

			.projects-carousel img { margin: -25px auto 20px; }

			.projects-carousel .title, #portfolio-items > article .title {
				font-weight: 400;
				margin: -1px 0 0;
			}

			.projects-carousel > li .categories, #portfolio-items > article .categories, #portfolio-items > article a + .project-meta .categories {
				color: #aeaeae;
				display: block;
				font-style: italic;
				margin: -1px 0 20px;
			}

			#portfolio-items > article .categories { margin-bottom: 19px; }

			.projects-carousel a:hover, #portfolio-items > article:hover {
				background: #f8f8f8;
				border-bottom: 1px solid #DA9F5E;
			}

			.not-ie .projects-carousel a:hover:after, .not-ie #portfolio-items > article:hover:after {
				background: #DA9F5E;
				bottom: -2.5px;
				content: '';
				left: 50%;
				display: block;
				height: 5px;
				margin: 0 0 0 -2.5px;
				-webkit-transform: rotate(45deg);
				   -moz-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					 -o-transform: rotate(45deg);
						transform: rotate(45deg);
				position: absolute;
				width: 5px;
			}

			.projects-carousel a:hover img, #portfolio-items > article:hover img {
				filter: alpha(opacity=100); /* Fallback for old IE */
				opacity: 1;
			}

			.projects-carousel a:hover .title, #portfolio-items > article:hover .title { color: #DA9F5E; }

	/* -------------------------------------------------- */
	/*	Post Carousel
	/* -------------------------------------------------- */
		
	.post-carousel .entry-meta {
		float: left;
		font-style: italic;
		letter-spacing: -0.5px;
		line-height: 1.3;
		margin: 0 12px 0 0;
		text-align: center;
		width: 33px;
	}
	
		.post-carousel .entry-meta a {
			display: block;
			font-style: normal;
		}
		
		.post-carousel li .post-format { margin: 0; }

		.post-carousel li .date {
			display: block;
			margin: 8px 0 0;
		}
					
		.post-carousel .entry-body .title {
			font-size: 16px;
			font-weight: 400;
			margin: 0 0 10px 0;
		}

		.entry-body img{
			max-width:100%;
		}
	
	#content .post-carousel .entry-body {
		z-index:1;
		position:absolute;
		background:rgba(0, 0, 0, 0.8);
		padding:10px 25px;
		bottom:0;
	}

	.post-carousel .entry-image, .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper {
		margin-bottom: 15px;
		max-width: 100%;
		width: 100%;
			opacity: .7;
	}
	.post-carousel .entry-image:hover{
	opacity: 1;
}


 .post-carousel > li {
	position: relative;
}

 .post-carousel > li:after {
    content: '';
    position: absolute;
    width: 300px;
    height: 265px;
	top: 0;
	left: 0;
    background: transparent url(images/thumbs-overlay-news.png);
    pointer-events: none;
}


	.post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper { margin-bottom: 15px; }
	
	/* Image Gallery Slider */

	.post-carousel .image-gallery-slider { margin-bottom: 15px; }

		.post-carousel .image-gallery-slider li { margin: 0; }

			.post-carousel .image-gallery-slider img { margin-bottom: 0; }

	/* -------------------------------------------------- */
	/*	Projects & Post Carousel Navigation
	/* -------------------------------------------------- */

	.jcarousel-container {
		margin: 45px -20px 80px 0;
		max-width: 100%;
	}

	.section-title + .jcarousel-container { margin-top: 15px; } 

		.jcarousel-clip {
			overflow: hidden;
			width: 100%;
		}

			.jcarousel-item {
				margin: 0 20px 0 0;
				width: 300px;
			}

		.jcarousel-next, .jcarousel-prev {
			background: #000 url(images/button-arrows.png) no-repeat 0 0;
			cursor: pointer;
			height: 19px;
			position: absolute;
			right: 0;
			top: -35px;
			width: 19px;
			opacity:.6;
		}

		.jcarousel-prev {
			background-position: 0 -19px;
			right: 20px;
		}

			.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active,
			.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
				background-color: #222 !important;
				opacity:1;
			}

			.jcarousel-next-disabled, .jcarousel-next-disabled:hover,
			.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
			.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,
			.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
				background-color: #000 !important;
				cursor: auto !important;
			}

/* ---------------------------------------------------------------------- */
/*	Our Team
/* ---------------------------------------------------------------------- */

.team-member {
	border-bottom: 1px solid #efefef;
	color: #777;
	margin-bottom: 50px;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-transition: background-color .2s ease, border .2s ease;
	   -moz-transition: background-color .2s ease, border .2s ease;
		-ms-transition: background-color .2s ease, border .2s ease;
		 -o-transition: background-color .2s ease, border .2s ease;
			transition: background-color .2s ease, border .2s ease;
}

	.team-member:hover {
		background: #f8f8f8;
		border-bottom-color: #DA9F5E;
	}

	.not-ie .team-member:hover:after {
		background: #DA9F5E;
		bottom: -2.5px;
		content: '';
		left: 50%;
		display: block;
		height: 5px;
		margin: 0 0 0 -2.5px;
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			 -o-transform: rotate(45deg);
				transform: rotate(45deg);
		position: absolute;
		width: 5px;
	}

	.team-member .photo, .team-member > a {
		display: block;
		margin: 0 auto 15px;
	}

	.team-member > a > .photo { margin: 0 auto; }

	.team-member .content { padding: 0 15px; }

		.team-member .name {
			color: #414141;
			font-weight: 700;
			margin: 0;
			text-transform: uppercase;
		}

		.team-member .job-title {
			color: #aeaeae;
			display: block;
			font-style: italic;
			margin: 0 0 10px;
		}

		.team-member .social-links {
			border-top: 1px solid #efefef;
			margin: 0 0 5px;
			padding: 15px 0 0;
		}
			
			.team-member:hover .social-links { border-top-color: #ebebeb; }

			.team-member .social-links li { margin: 0 0 10px 10px; }

				.team-member .social-links a { opacity: 0.3; }

					.team-member .social-links a:hover { opacity: 1; }

/* ---------------------------------------------------------------------- */
/*	Blog
/* ---------------------------------------------------------------------- */

.hentry {
	border-bottom: 1px dotted #ced8df;
	margin: 0 0 50px;
	padding: 0 0 30px;
}

.single .hentry {
	margin-bottom: 45px;
	padding-bottom: 25px;
}

	.entry-image, .entry-video, .entry-audio {
		display: block;
		margin: 0 auto 25px;
	}

	.hentry .entry-audio {
		margin-bottom: 20px;
		padding-top: 5px;
	}

	.single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 25px; }
			

	section.news-page .entry-image {
	    display: none!important;
	}
	.entry-body {
		margin: auto;
		width: 60%;
	}

	#main .entry-body { /*width: 550px;*/ }

		.entry-body .title {
			font-size: 22px;
			font-weight: 400;
			margin-top: 10px;
		}

	.entry-meta {
		display:none;
	}
		
		.entry-meta ul { margin: 0; }
		
			.entry-meta li {
				list-style: none;
				margin: 0;
			}

				.entry-meta .title { font-weight: 700; }

				.entry-meta .post-categories { display: inline-block; }

				.entry-meta a, .entry-meta a time {
					color: #959393;
					display: inline-block;
					font-style: italic;
				}

					.entry-meta a:hover, .entry-meta a:hover time { color: #DA9F5E; }
			
		.post-format {
			background-color: #ddd;
			background-image: url(images/icon-post-formats.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			color: #959393;
			cursor: pointer;
			display: block;
			height: 33px;
			margin: 0 0 10px 0;
			text-align: left;
			text-indent: -9999px;
			width: 33px;
		}

			.post-format.gallery, .post-format.image { background-position: -33px 0; }

			.post-format.video { background-position: -66px 0; }

			.post-format.audio { background-position: -99px 0; }

			.post-format.link { background-position: -132px 0; }

			.post-format.quote { background-position: -165px 0; }

			.post-format.aside { background-position: -199px 0; }

			a:hover > .post-format {
				background-color: #DA9F5E;
				color: #DA9F5E;
			}

	/* VideoJS */

	.video-js { max-width: 100%; }

	/* -------------------------------------------------- */
	/*	Comments
	/* -------------------------------------------------- */

	#comments {}

		#comments-title, #reply-title {
			font-size: 12px;
			font-weight: 600;
			margin-bottom: 15px;
			text-transform: uppercase;
		}

			.commentlist {
				border-bottom: 1px dotted #ced8df;
				margin: 27px 0 45px;
				padding: 0 0 30px;
				overflow: hidden;
			}

				.comment {
					border-top: 1px dotted #ced8df;
					list-style: none;
					margin: 30px 0 0;
					padding: 35px 0 0;
				}

				.comment:first-child {
					border-top: none;
					margin-top: 0;
					padding-top: 0;
				}

					.comment > article {
						margin: 0;
						overflow: hidden;
					}

						.comment .avatar {
							background: #fff;
							float: left;
							margin: 0 0 5px 0;
							position: relative;
							width: 54px;
							z-index: 1;
						}

						.comment .comment-body, .comment .comment-meta {
							float: right;
							margin: 0 0 -20px 15px;
							width: 871px;
						}

						#main .comment .comment-body, #main .comment .comment-meta { width: 611px; }

						.comment .comment-meta { margin-bottom: 0; }

							.comment .author, .comment .author a {
								color: #54555a;
								margin: 0;
							}

							.comment .author cite { font-style: normal; }

							.comment .author .comment-reply-link { font-size: 11px; }

							.comment .date, .comment .date a, .comment .date time {
								color: #adb3b8;
								font-style: italic;
								margin: 1px 0 5px;
							}

								.comment .author a:hover,
								.comment .date a:hover, .comment .date a:hover time { color: #DA9F5E; }

					.commentlist .children {
						margin: 0;
						padding: 0 0 0 70px;
						position: relative;
					}

						.commentlist .children .comment {
							border-top: 1px dotted #ced8df;
							margin: 15px 0 0;
							padding: 35px 0 0;
							position: relative;
						}

						.comment .children .comment:first-child { margin-top: 0; }

							.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta { width: 801px; }
							.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta { width: 731px; }
							.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta { width: 661px; }
							.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta { width: 591px; }

							#main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta { width: 541px; }
							#main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta { width: 471px; }
							#main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta { width: 401px; }
							#main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta { width: 331px; }

	/* -------------------------------------------------- */
	/*	Respond
	/* -------------------------------------------------- */

	#respond { }

		.commentlist #respond { margin: 10px 0 35px; }

		.commentlist #respond .form-allowed-tags { display: none; }

		#reply-title small {
			font-size: 11px;
			text-transform: none;
		}

		#commentform { margin: 20px -20px 0 0; }

			#commentform input { width: 278px; }

			#main #commentform input { width: 191px; }

				.commentlist .children .depth-2 #commentform input { width: 254px; }
				.commentlist .children .depth-3 #commentform input { width: 231px; }
				.commentlist .children .depth-4 #commentform input { width: 208px; }

				#main .commentlist .children .depth-2 #commentform input { width: 168px; }
				#main .commentlist .children .depth-3 #commentform input { width: 144px; }
				#main .commentlist .children .depth-4 #commentform input { width: 121px; }

			#commentform textarea {
				height: 150px;
				width: 918px;
			}

			#main #commentform textarea { width: 657px; }

				.commentlist .children .depth-2 #commentform textarea { width: 846px; }
				.commentlist .children .depth-3 #commentform textarea { width: 777px; }
				.commentlist .children .depth-4 #commentform textarea { width: 708px; }

				#main .commentlist .children .depth-2 #commentform textarea { width: 588px; }
				#main .commentlist .children .depth-3 #commentform textarea { width: 516px; }
				#main .commentlist .children .depth-4 #commentform textarea { width: 447px; }

	/* -------------------------------------------------- */
	/*	Pagination
	/* -------------------------------------------------- */

	.pagination { margin: 0 }

	.comments-pagination {
		margin-bottom: 30px;
		margin-top: -20px;
	}

		.pagination a, .pagination span {
			border: 1px solid transparent;
			color: #9c9c9c;
			display: inline-block;
			margin: 0 8px 0 0;
			padding: 2px 8px 4px;
		}

		.comments-pagination a, .comments-pagination span {
			margin-right: 5px;
			padding-bottom: 3px;
		}

		.ie7 .pagination li, .ie7 .pagination span { display: inline; }

		.pagination .current {
			background: #e6edef;
			color: #707070;
			padding: 2px 7px 4px;
		}

		.comments-pagination .current { padding-bottom: 3px; }

			.pagination a:hover, .comments-pagination a:hover {
				border-color: #e6edef;
				color: #DA9F5E;
			}

		.pagination .next, .pagination .prev { border: none; }

/* ---------------------------------------------------------------------- */
/*	Portfolio
/* ---------------------------------------------------------------------- */

#portfolio-items-filter {
	float: right;
	margin: -65px 0 0;
	overflow: hidden;
}

	#portfolio-items-filter li {
		display: block;
		float: left;
		list-style: none;
		margin: 0;
	}

	#portfolio-items-filter li:first-child {
		margin-top: 5px;
		margin-right: 5px;
	}

	.no-js #portfolio-items-filter li:first-child, .no-js #portfolio-items-filter .all { display: none; }

	.ie7 #portfolio-items-filter li:first-child { display: none !important; }

		#portfolio-items-filter a {
			background: #DA9F5E;
			color: #fff;
			cursor: pointer;
			display: block;
			margin: 0 0 5px 5px;
			padding: 5px 10px;
		}

		.no-js #portfolio-items-filter a, #portfolio-items-filter.open a { display: block !important; }

		.ie7 #portfolio-items-filter a {
			display: block !important;
			margin: 0 0 5px 5px !important;
			padding: 5px 10px !important;
			width: auto !important;
		}

			#portfolio-items-filter a:hover, #portfolio-items-filter.open .active, #portfolio-items-filter.open .current a { background: #3a3a3a; }

#portfolio-items { margin: 0 -20px 40px 0; }

	#portfolio-items article { margin-bottom: 50px; }

		#portfolio-items .project-meta {
			display: block;
			margin: 0;
			padding: 20px 0 0;
		}
		
#portfolio-items + .pagination { margin-top: -40px; }

	/* Isotope */

	.isotope-hidden.isotope-item {
		pointer-events: none;
		z-index: 1;
	}

	.isotope, .isotope .isotope-item {
		-webkit-transition-duration: 0.6s;
		   -moz-transition-duration: 0.6s;
			-ms-transition-duration: 0.6s;
			 -o-transition-duration: 0.6s;
				transition-duration: 0.6s;
		z-index: 2;
	}

	.isotope {
		-webkit-transition-property: height, width;
		   -moz-transition-property: height, width;
			-ms-transition-property: height, width;
			 -o-transition-property: height, width;
				transition-property: height, width;
	}

	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		   -moz-transition-property:	-moz-transform, opacity;
			-ms-transition-property:		 top, left, opacity;
			 -o-transition-property:		 top, left, opacity;
				transition-property:		 transform, opacity;
	}

	/* -------------------------------------------------- */
	/*	Single Project
	/* -------------------------------------------------- */

	.project-title {
		color: #3a3a3a;
		font-size: 32px;
		font-weight: 400;
	}

	.portfolio-pagination {
		float: right;
		margin: -58px 0 0;
	}

		.portfolio-pagination li {
			display: inline-block;
			list-style: none;
			line-height: 25px;
			margin: 0;
		}

		.ie7 .portfolio-pagination li { display: inline; }

		.portfolio-pagination .next {
			border-right: 1px solid #e8e8e8;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
		}

		.portfolio-pagination .next:last-child {
			border-right: none;
			margin-right: 0;
			padding-right: 0;
		}

		.single-portfolio .page-header .button {
			color: #a1a1a1;
			font-style: italic;
			margin-top: -5px;
		}

		.single-portfolio .page-title + .button { margin-top: 10px; }

		.single-portfolio .page-header a:hover { color: #DA9F5E; }

	.single-portfolio .image-gallery-slider { margin-bottom: 30px; }

	.single-portfolio .image-gallery-slider ul,
	.no-js .single-portfolio .image-gallery-slider li, .single-portfolio .image-gallery-slider.disabled li {
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
		   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
		        box-shadow: 0 0 15px rgba(0, 0, 0, .15);
	}

	.no-js .single-portfolio .image-gallery-slider ul, .single-portfolio .image-gallery-slider.disabled {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}

/* ---------------------------------------------------------------------- */
/*	Contact Us
/* ---------------------------------------------------------------------- */

#map {
	border-bottom: 1px solid #c5c3c0;
	border-top: 1px solid #c5c3c0;
	margin: -41px 0 40px;
	position: relative;
	width: 100%;
}

#map, #map .wpgmappity_container { height: 440px; }

#map:before, #map:after {
	background: none;
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
			box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#map:after {
	bottom: 0;
	top: auto;
}

.wpcf7-form, #commentform { max-width: 100%; }

.wpcf7-form { margin: 0 -20px 0 0; }

	.wpcf7-form-control-wrap br, .wpcf7-form-control-wrap p { display: none; }

	.wpcf7-form .input-block, #commentform .input-block {
		float: left;
		margin: 0 20px 20px 0;
	}

	.wpcf7-form .input-block:nth-of-type(3n), #commentform .input-block:nth-of-type(3n) { margin-right: 0; }

		.wpcf7-form input { width: 198px; }

	.wpcf7-form .textarea-block, #commentform .textarea-block { clear: both; }

		.wpcf7-form textarea {
			height: 150px;
			max-width: 100%;
			width: 678px;
		}

	.wpcf7-not-valid-tip {
		color: #f02932;
		display: block;
		margin: 5px 0 0;
	}

	.wpcf7-form input[type="submit"], #commentform input[type="submit"],
	.wpcf7-form input[type="reset"], #commentform input[type="reset"] {
		display: block;
		margin: 0 0 20px;
		width: auto !important;
	}

	.wpcf7-response-output { margin: -20px 0 0; }

/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

#sidebar {
	float: right;
	width: 220px;
}

.sidebar-left #sidebar { float: left; }

#content > div > div.frame-middle-hiring > div.one-fourth.last > h2, #container-news-rightBlock > h2 {font-size:21px;}

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

	#sidebar .widget { margin: 0 0 50px; }

		#sidebar .widget-title {
			color: #414141;
			font-size: 12px;
			font-weight: 600;
			text-transform: uppercase;
			margin: 0 0 12px;
		}

		/* ---------------------------------------- */
		/*	List & Custom Menu
		/* ---------------------------------------- */

		.widget ul { }

		.widget_nav_menu .sub-menu { border-top: 1px dotted #ced8df; }

		ul.menu > li ul.sub-menu > li.menu-item-has-children > ul{display:none !important;}
		ul.menu > li ul.sub-menu > li.menu-item-has-children.hover > ul{display:block !important;}

			.widget li {
				background: url(images/arrow-right-grey.png) no-repeat 0 11px;
				border-bottom: 1px dotted #ced8df;
				list-style: none;
				margin: 0;
			}

			.widget li:last-child { border-bottom: none; }

				.widget li a {
					color: #868686;
					display: block;
					padding: 5px 0 5px 15px;
				}

					.widget li a:hover,
					.widget_nav_menu .current_page_item > a, .widget_nav_menu .current-menu-item > a { color: #DA9F5E; }

		/* ---------------------------------------- */
		/*	Recent Comments
		/* ---------------------------------------- */

		.widget .recentcomments {
			display: block;
			padding: 5px 0 5px 15px;
		}

		/* ---------------------------------------- */
		/*	Calendar
		/* ---------------------------------------- */

		.widget_calendar table { width: 100%; }

			.widget_calendar th, .widget_calendar td {
				background: none;
				border: 0;
				padding: 0;
			}

			.widget_calendar caption {
				font-size: 12px;
				margin-bottom: 10px;
				text-align: center;
			}

			.widget_calendar tr th {
				font-size: 12px;
			}
			
			.widget_calendar tr td {
				padding: 4px 6px;
				text-align: center;
			}
			
				.widget_calendar tr td#prev {
					padding: 5px 0 0;
					text-align:left;
				}
			
				.widget_calendar tr td#next {
					padding: 5px 0 0;
					text-align: right;
				}
			
				.widget_calendar tr td#today {
					background: #f8f8f8;
					border: 1px solid #ced8df;
					font-weight: bold;
				}
			
				#footer .widget_calendar tr td#today {
					background: #464646;
					border: 1px solid #363636;
					font-weight: bold;
				}
				
					.widget_calendar tr td a {
						display: inline;
						font-weight: bold;
						padding: 0;
					}

		/* ---------------------------------------- */
		/*	RSS
		/* ---------------------------------------- */

		.rsswidget img { margin: 0 5px 0 0; }
		
		.widget_rss .rss-date, .widget_rss .rssSummary { padding: 0 0 0 15px; }

		.widget_rss .rss-date {
			color: #bbb;
			font-style: italic;
		}

		/* ---------------------------------------- */
		/*	Search
		/* ---------------------------------------- */

		.widget_search input[type="text"] { margin: 0 0 10px; }

		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */

		#sidebar .acc-trigger a {
			background-position: 0 8px;
			font-size: 11px;
			font-weight: 400;
			padding: 12px 12px 12px 30px;
		}

		#sidebar .acc-trigger:first-of-type { border-top: none; }

		#sidebar .acc-trigger:last-of-type { border-bottom: none; }

		#sidebar .acc-trigger.active a {
			background-position: 0 -103px;
			cursor: default;
		}

		#sidebar .acc-container { margin: -5px 0 0; }

		#sidebar .acc-container:first-of-type { border-top: none; }

		#sidebar .acc-container:last-of-type { border-bottom: none; }

			#sidebar .acc-container .content { padding: 0 12px 12px 30px; }

		/* ---------------------------------------- */
		/*	Tweets
		/* ---------------------------------------- */

		ul.tweets-feed { margin: 0; }

		.tweets-feed li {
			background: url(images/icon-tweets.png) no-repeat 0 5px;
			border: none;
			display: block;
			list-style: none;
			margin: 0 0 15px;
			padding: 0 0 0 30px;
		}

			#sidebar .tweets-feed li a, #footer .tweets-feed li a {
				color: #DA9F5E;
				display: inline;
				padding: 0;
			}

			.tweets-feed .date { display: block; }

				#sidebar .tweets-feed li .date a, #footer .tweets-feed li .date a {
					color: #bbb;
					font-size: 10px;
					font-style: italic;
				}

				#sidebar .tweets-feed li a:hover { color: #3a3a3a; }

				#footer .tweets-feed li a:hover { color: #fff; }

		/* ---------------------------------------- */
		/*	Flickr Images
		/* ---------------------------------------- */

		.flickr-feed { margin: 15px -5px 0 0; }

			.flickr-feed li {
				background: none;
				border: none;
				display: inline-block;
				list-style: none;
				margin: 0 2px 1px 0;
			}

			.ie7 .flickr-feed li {
				display: inline;
				margin: 0 5px 5px 0;
			}

				.flickr-feed li a {
					display: inline;
					padding: 0;
				}

					.flickr-feed li img {
						margin: 0;
						height: 70px;
						width: 70px;
					}

/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
	background: url(images/background_footer.jpg) #000 top center no-repeat;
	background-size: contain;
	color: #868686;
	padding-top:350px;
	height:700px;
	display:block;
	padding-bottom:100px;
	position: relative;
}

#footer h3{color:#2F9EBB;font-size:18px;font-family: 'Titillium Web', sans-serif;}
#footer a{color:#696969 !important;}
#footer a:hover{color:#fff !important;}
#footer a img{opacity:0.8;}
#footer a img:hover{opacity:1;}

#footer #our-friends{width:65%;float:left;}
#footer #community{   
	width: 35%;
    float: left;
    margin-bottom: 30px;
}

#footer #community ul li, #footer #our-friends ul li{margin-left:0;list-style-type:none;}
#footer #our-friends ul li{display:block;float:left;width:150px;height:100px;line-height:100px;text-align:center;}
#footer #our-friends ul li img{vertical-align:middle;}

#footer ul#legal{float:left;}
	#footer ul#legal li{display:block;float:left;width:150px;height:150px;line-height:160px;text-align:center;}
	#footer ul#legal li.first{padding:0 !important;margin-left:0;}

#footer ul#social{float:right; margin-top:60px;}
	#footer ul#legal li, #footer ul#social li{float:left;list-style-type:none;}


	#footer, #footer a,
	#footer-bottom, #footer-bottom a { }

		#footer a:hover,
		#footer-bottom a:hover { color: #2F9EBB!important; }

	#footer .widget {
		border-bottom: 1px solid #4b4b4b;
		margin: 0 0 12px;
		padding: 0 0 12px;
	}

	#footer .widget:last-child {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}

		#footer .widget-title {
			border-bottom: 1px solid #4b4b4b;
			display: block;
			font-size: 10px;
			margin: 0 0 12px;
			padding: 0 0 12px;
			text-transform: uppercase;
		}

		#footer .widget_nav_menu .sub-menu { border-top-color: #4b4b4b; }

		#footer .widget li { border-bottom-color: #4b4b4b; }

	/* -------------------------------------------------- */
	/*	Footer Navigation
	/* -------------------------------------------------- */

		#footer .widget_nav_menu ul { margin: -2px 0 0; }

			#footer .widget_nav_menu li {
				background: none;
				border: none;
				display: inline-block;
				list-style: none;
				margin: 0 -3px 0 0;
			}
			
			.ie7 #footer .widget_nav_menu li { display: inline; }
			
				#footer .widget_nav_menu li a {
					border-left: 1px solid #484848;
					font-size: 10px;
					display: block;
					padding: 0 15px;
					text-transform: uppercase;
				}
			
				#footer .widget_nav_menu li:first-child a {
					border-left: none;
					padding-left: 0;
				}

				#footer .widget_nav_menu li:last-child a { padding-right: 0; }

	/* -------------------------------------------------- */
	/*	Contact Info
	/* -------------------------------------------------- */

	#footer .contact-info { }

	.contact-info { margin: 0 0 -2px; }

		.contact-info li {
			border: none;
			display: inline-block;
			list-style: none;
			margin: 0 0 5px 24px;
			padding: 0 0 0 24px;
		}
		
		#sidebar .contact-info li {
			border-bottom: 1px dotted #ced8df;
			display: block;
			margin: 0 0 5px;
			padding-bottom: 5px;
		}
		
		#sidebar .contact-info li:last-child { border-bottom: none; }

		.contact-info li:first-child { margin-left: 0; }

		.contact-info .address { background: url(images/icon-address.png) no-repeat 0 0; }

		.contact-info .phone { background: url(images/icon-phone.png) no-repeat 0 1px; }

		.contact-info .email { background: url(images/icon-email-2.png) no-repeat 0 4px; }

			.contact-info li a {
				display: inline;
				padding: 0;
			}

	/* -------------------------------------------------- */
	/*	Social Links
	/* -------------------------------------------------- */

	.social-links { margin: 0; }

		.social-links li {
			background: none;
			border: none;
			display: inline-block;
			list-style: none;
			margin: 0 0 10px 15px;
			text-indent: -9999px;
		}

		.ie7 .social-links li {
			display: inline;
			font-size: 0;
			text-indent: 0;
		}
			
		.social-links li:nth-child(6n+1) { margin-left: 0; }

		.social-links li:nth-child(6n) { margin-right: 15px; }

		.social-links li:last-child { margin-right: 0; }

			.social-links li a {
				background: url(images/icon-social-links.png) no-repeat;
				display: block;
				height: 16px;
				padding: 0;
				-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-out;
						transition: all 0.2s ease-out;
				width: 20px;
			}

			.social-links .behance a { background-position: 0 -16px; }
				.social-links .behance a:hover { background-position: 0 0; }

			.social-links .delicious a { background-position: -35px -14px; height: 14px; }
				.social-links .delicious a:hover { background-position: -35px 0; }

			.social-links .deviantart a { background-position: -70px -16px; }
				.social-links .deviantart a:hover { background-position: -70px 0; }

			.social-links .digg a { background-position: -105px -14px; height: 14px; }
				.social-links .digg a:hover { background-position: -105px 0; }

			.social-links .dribbble a { background-position: -140px -16px; }
				.social-links .dribbble a:hover { background-position: -140px 0; }

			.social-links .dropbox a { background-position: -175px -15px; height: 15px; }
				.social-links .dropbox a:hover { background-position: -175px 0; }

			.social-links .email a { background-position: -210px -16px; }
				.social-links .email a:hover { background-position: -210px 0; }

			.social-links .facebook a { background-position: 0 -51px; }
				.social-links .facebook a:hover { background-position: 0 -35px; }

			.social-links .flickr a { background-position: -35px -51px; }
				.social-links .flickr a:hover { background-position: -35px -35px; }

			.social-links .forrst a { background-position: -70px -51px; }
				.social-links .forrst a:hover { background-position: -70px -35px; }

			.social-links .github a { background-position: -105px -51px; }
				.social-links .github a:hover { background-position: -105px -35px; }

			.social-links .google a { background-position: -140px -51px; }
				.social-links .google a:hover { background-position: -140px -35px; }

			.social-links .googleplus a { background-position: -175px -51px; }
				.social-links .googleplus a:hover { background-position: -175px -35px; }

			.social-links .ichat a { background-position: -210px -50px; height: 15px; }
				.social-links .ichat a:hover { background-position: -210px -35px; }

			.social-links .lastfm a { background-position: 0 -85px; height: 15px; }
				.social-links .lastfm a:hover { background-position: 0 -70px; }

			.social-links .linkedin a { background-position: -35px -86px; }
				.social-links .linkedin a:hover { background-position: -35px -70px; }

			.social-links .mobypicture a { background-position: -70px -86px; }
				.social-links .mobypicture a:hover { background-position: -70px -70px; }

			.social-links .myspace a { background-position: -105px -86px; }
				.social-links .myspace a:hover { background-position: -105px -70px; }
				
			.social-links .picasa a { background-position: -140px -86px; }
				.social-links .picasa a:hover { background-position: -140px -70px; }

			.social-links .plixi a { background-position: -175px -86px; }
				.social-links .plixi a:hover { background-position: -175px -70px; }

			.social-links .rss a { background-position: -210px -86px; }
				.social-links .rss a:hover { background-position: -210px -70px; }

			.social-links .skype a { background-position: 0 -121px; }
				.social-links .skype a:hover { background-position: 0 -105px; }

			.social-links .stumbleupon a { background-position: -35px -122px; height: 17px; }
				.social-links .stumbleupon a:hover { background-position: -35px -105px; }

			.social-links .tumblr a { background-position: -70px -120px; height: 15px; }
				.social-links .tumblr a:hover { background-position: -70px -105px; }
				
			.social-links .twitter a { background-position: -105px -120px; height: 15px; }
				.social-links .twitter a:hover { background-position: -105px -105px; }
				
			.social-links .vimeo a { background-position: -140px -120px; height: 15px; }
				.social-links .vimeo a:hover { background-position: -140px -105px; }
				
			.social-links .youtube a { background-position: -175px -120px; height: 15px; }
				.social-links .youtube a:hover { background-position: -175px -105px; }
				
			.social-links .pinterest a { background-position: -210px -121px; }
				.social-links .pinterest a:hover { background-position: -210px -105px; }

	/* -------------------------------------------------- */
	/*	Forms
	/* -------------------------------------------------- */

	#footer input[type="text"], #footer textarea, #footer select {
		background-color: #464646;
		border: 1px solid #484848;
		color: #868686;
	}
		
		#footer input[type="text"]:hover, #footer textarea:hover, #footer select:hover { border-color: #3b3b3b; }
		
		#footer input[type="text"]:focus, #footer textarea:focus, #footer select:focus { border-color: #333; }

	/* Chrome, Safari */
	#footer input::-webkit-input-placeholder, #footer textarea::-webkit-input-placeholder { color: #6e6e6e; }

	/* Firefox */
	#footer input:-moz-placeholder, #footer textarea:-moz-placeholder { color: #6e6e6e; }

	/* jQuery fallback */
	#footer input.placeholder, #footer textarea.placeholder, #footer .wpcf7 .watermark { color: #6e6e6e; }

	/* -------------------------------------------------- */
	/*	Misc Elements
	/* -------------------------------------------------- */

	#footer .button:hover, #footer input[type="submit"]:hover #footer input[type="reset"]:hover, #footer button:hover {
		background: #ddd;
		color: #3a3a3a;
	}

	#footer .button.no-bg { color: #ddd; }

	#footer .button .arrow { background-color: #3a3a3a; }

	#footer blockquote { background-color: #464646;}

		#footer blockquote.simple {
			background: none;
			border-left-color: #484848;
			color: #868686;
		}

	#footer .infobox {
		background: #464646;
		border-color: #363636;
	}

	#footer .infobox, #footer .infobox * { color: #868686; }

/* ---------------------------------------------------------------------- */
/*	Footer Bottom
/* ---------------------------------------------------------------------- */

#footer-bottom {
	background: #303030;
	line-height: 17px;
	padding: 12px 0;
}

	#footer-bottom ul { margin: 0; }

		#footer-bottom li {
			float: left;
			list-style: none;
			margin: 0;
		}
			
			 #footer-bottom li:first-child { margin-right: 15px; }
			
			#footer-bottom li a {
				border-left: 1px solid #484848;
				display: block;
				padding: 0 15px;
			}

			 #footer-bottom li:first-child a {
				border-left: none;
				padding-left: 0;
			}

				#footer-bottom li:last-child a { padding-right: 0; }

/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */

#leftSidebar
{
	position:absolute; left:0px; top:0px; height:100%; width:10%; background-color:#24454A; background-repeat:all; display:none;
}
#rightSidebar
{
	position:absolute; left:100%; top:0px; margin-left:-10%; height:100%; width:10%; background-color:#24454A; background-repeat:all; display:none;
}
@media only screen and (min-width: 1600px) 
{
	#leftSidebar,#rightSidebar
    {
    	//display: block;    	
    }
}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

	/* -------------------------------------------------- */
	/*	Pricing Tables > Tooltip
	/* -------------------------------------------------- */
    
	.simple-pricing-table .features li[data-tooltip],
	.extended-pricing-table .features li[data-tooltip] { cursor: help; }

	.ie7 .simple-pricing-table .features li[data-tooltip],
	.ie7 .extended-pricing-table .features li[data-tooltip] { cursor: auto; }

		.simple-pricing-table .features li[data-tooltip]:hover,
		.extended-pricing-table .features li[data-tooltip]:hover { color: #54555a; }

	/* Tooltip container */
	.simple-pricing-table .features li[data-tooltip]:before,
	.extended-pricing-table .features li[data-tooltip]:before {
		background: #fff8de;
		border: 1px solid #fee5a2;
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
		   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
		        box-shadow: 0 0 10px rgba(0, 0, 0, .10);
		bottom: 0;
		color: #7b7b7b;
		content: attr(data-tooltip) !important; 
		font-size: 11px;
		left: 9px;
		line-height: 1.5;
		opacity: 0;
		padding: 5px 10px;
		position: absolute;
		text-align: center;
		-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;
		width: 143px;
		z-index: 98;

	}

	.simple-pricing-table .features li[data-tooltip]:before {
		left: 10px;
		width: 192px;
	}

	.extended-pricing-table .features-list .features li[data-tooltip]:before {
		left: 10px;
		text-align: left;
		width: 158px;
	}

		.simple-pricing-table .features li[data-tooltip]:hover:before,
		.extended-pricing-table .features li[data-tooltip]:hover:before {
			bottom: 100%;
			opacity: 1;
		}

	/* Tooltip arrow */
	.not-ie .simple-pricing-table .features li[data-tooltip]:after,
	.not-ie .extended-pricing-table .features li[data-tooltip]:after {
		background: #fff8de;
		border-bottom: 1px solid #fee5a2;
		border-right: 1px solid #fee5a2;
		-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
		   -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
		        box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
		bottom: 0;
		content: '';
		display: block;
		height: 10px;
		left: 50%;
		margin: 0 0 0 -5px;
		opacity: 0;
		position: absolute;
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
		     -o-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
		-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;
		width: 10px;
		z-index: 99;
	}

		.simple-pricing-table .features-list .features li[data-tooltip]:after,
		.extended-pricing-table .features-list .features li[data-tooltip]:after {
			left: 22px;
			margin-left: 0;
		}

		.not-ie .simple-pricing-table .features li[data-tooltip]:hover:after,
		.not-ie .extended-pricing-table .features li[data-tooltip]:hover:after {
			bottom: 30px;
			opacity: 1;
		}

		.simple-pricing-table .features li[data-tooltip]:hover:after { bottom: 24px !important; }

	.ie8 .simple-pricing-table .features li[data-tooltip]:before,
	.ie8 .simple-pricing-table .features li[data-tooltip]:after,
	.ie8 .extended-pricing-table .features li[data-tooltip]:before,
	.ie8 .extended-pricing-table .features li[data-tooltip]:after { display: none; }

		.ie8 .simple-pricing-table .features li[data-tooltip]:hover:before,
		.ie8 .extended-pricing-table .features li[data-tooltip]:hover:before { display: block; }

	/* -------------------------------------------------- */
	/*	Home > Slider
	/* -------------------------------------------------- */
	
	.ss-slider .slides-container { display: block; }

	.ss-slider .slide-images-container { display: none; }

	/* -------------------------------------------------- */
	/*	Class spotlight
	/* -------------------------------------------------- */
	.class-spotlight #spotlight-image img {
	    width: 130%;
	    max-width: 130%;
	    margin-top: -30%;
	}
	.new-page #posts-container {
		max-width: 100%;
    	margin: auto;
	}

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

	/* -------------------------------------------------- */
	/*	Home > Slider
	/* -------------------------------------------------- */
	section p{
		font-size:1.6em !important;
		font-weight:400 !important;
	}

	.class-spotlight #spotlight-image img {
	    width: auto;
	    max-width: 100%;
	    margin-top: 0;
	}
	.cube-logo{
		max-height:250px;
		max-width:200px;
		margin:0 auto;
	}

	.class-list-section {
		max-width: none;
	    margin: auto;
	}

	
	.ss-slider .slides-container { display: none; }

	.ss-slider .slide-images-container { display: block; }
	
	.ss-slider .slide-bg-image { display: none; }
	
	.ss-slider .slide-bg-image:first-child, .no-js.ss-slider .slide-bg-image { display: block; }

		/* ---------------------------------------- */
		/*	Button
		/* ---------------------------------------- */

		.no-js .ss-slider .slide-button { width: 100% !important; }

		.ss-slider .slide-button { width: 50% !important; }
		
		.ss-slider.fully-loaded  .slide-button.active { border-top-color: #DA9F5E; }
		
		/* ---------------------------------------- */
		/*	Content & Pagination
		/* ---------------------------------------- */

		.ss-slider .content-container.center, .ss-slider .pagination-container.center a { top: 95px; }
		
		/* ---------------------------------------- */
		/*	Active Slide Bar
		/* ---------------------------------------- */

		.ss-slider .active-slide-bar { display: none; }
		
	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */

	#logo { max-height: 100%; }

	/* -------------------------------------------------- */
	/*	Content
	/* -------------------------------------------------- */

	#content img {
		height: auto;
		max-width: 100%;
		width: 100%;
	}
	
	/* -------------------------------------------------- */
	/*	Widgets > Content Tabs
	/* -------------------------------------------------- */

	.tabs-nav li { float: none; }

	.tabs-nav li,
	.tabs-nav li.active { line-height: 32px; }

		.tabs-nav li a {
			border-left: 1px solid #eaeaea;
			border-top: none;
		}

		.tabs-nav li:first-child a { border-top: 1px solid #eaeaea; }
		
			.tabs-nav li.active a { border-bottom: 1px solid #eaeaea; }

	/* -------------------------------------------------- */
	/*	Simple Pricing Table
	/* -------------------------------------------------- */

	.simple-pricing-table .column { margin-bottom: 20px !important; }

	/* -------------------------------------------------- */
	/*	Extended Pricing Table
	/* -------------------------------------------------- */

	.extended-pricing-table .features li:before {
		color: #7b7b7b;
		content: attr(data-feature) ':' !important;
		display: block;
		font-weight: 700;
		text-align: center;
	}

	.extended-pricing-table .features-list { display: none; }

	/* -------------------------------------------------- */
	/*	Potrfolio
	/* -------------------------------------------------- */

	#portfolio-items-filter {
		float: none;
		margin: 0 0 20px;
	}

		#portfolio-items-filter li:first-child { display: none !important; }

		#portfolio-items-filter a { display: block !important; }

		/* ---------------------------------------- */
		/* Single Project
		/* ---------------------------------------- */

		.portfolio-pagination {
			float: none;
			margin-bottom: 20px;
			margin-top: 0;
		}

		.portfolio-pagination .button { margin-bottom: 0 !important; }

			.single-portfolio .page-header .button {
				margin-bottom: 20px;
				margin-top: 0;
			}

	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */

		.contact-info li {
			border-bottom: 1px dotted #4b4b4b;
			display: block;
			margin-left: 0;
			padding-bottom: 5px;
		}
		
		.contact-info li:last-child { border-bottom: none; }

		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */

		.social-links li:nth-child(6n+1) { margin-left: 15px; }

		.social-links li:nth-child(6n) { margin-right: 0; }

}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media (min-width: 768px) and (max-width: 992px) {
	#header-logo{
		width:200px !important;
		height:35px;
	}
}	
@media (min-width: 768px) and (max-width: 959px) {
		
	/* -------------------------------------------------- */
	/*	Basic Elements & Classes
	/* -------------------------------------------------- */
	.container{
		width:748px !important;
	}

	section{
		font-size:11px;
	}

	.header-bg{
		padding-top: 40% !important;
	}

	#spotlight-image{
		text-align: center;
	}

	#media-galleries .read-more{
		margin: auto;
	}
	#media-galleries ul li {
		display: inline-block!important;
	}
	#media-galleries ul li:last-child {
	    padding: 15px;
	}
	.items-category h2 {
	    text-align: center;
	}
	.items-category {
		width: 100%;
		margin:auto!important;
	}
	.parent-div{
		height: 180px!important;
		width: 100%!important;
		margin-bottom: 20px!important;
	}
	.images-category img{
		width: 100%!important;
		height: auto!important;
	}



	.infobox .one-half { width: 338px; }

	.infobox .one-third { width: 218px; }

		 .infobox .two-third { width: 458px; }

	.infobox .one-fourth { width: 159px; }

		.infobox .three-fourth { width: 517px; }=

	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */

	.container { width: 748px; }

		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.one-half { width: 364px; }

		.one-third { width: 236px; }

		.two-third { width: 492px; }

		.one-fourth { width: 172px; }

		.three-fourth { width: 556px; }

	/* -------------------------------------------------- */
	/*	Content > Main
	/* -------------------------------------------------- */
		
		#main { width: 488px; }
		
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		#main .one-half { width: 234px; }

		#main .one-third { width: 149px; }

			#main .two-third { width: 319px; }

		#main .one-fourth { width: 107px; }

			#main .three-fourth { width: 361px; }
		
	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */

	#header { height: 72px; }

	#logo { margin-top: -4px; 
			width:48%;
			height:50%;
			}
	#logo img {
		padding-top:2%;
		    width:100%;
		
	}

		/* ---------------------------------------- */
		/*	Main Navigation
		/* ---------------------------------------- */

			#main-nav a { padding: 26px 20px; text-decoration:none;}

			#main-nav a:after {
				content: '';
				display: none;
			}

			.no-js #main-nav li:hover > ul, #main-nav ul ul { top: 78px; }
	
	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */
		
		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */
			
		.acc-container .content .one-half { width: 326px; }

		.acc-container .content .one-third { width: 211px; }

			 .acc-container .content .two-third { width: 442px; }

		.acc-container .content .one-fourth { width: 153px; }

			.acc-container .content .three-fourth { width: 500px; }

		/* ---------------------------------------- */
		/*	Content Tabs
		/* ---------------------------------------- */

		.tab-content .one-half { width: 344px; }

		.tab-content .one-third { width: 222px; }

			 .tab-content .two-third { width: 466px; }

		.tab-content .one-fourth { width: 162px; }

			.tab-content .three-fourth { width: 526px; }
			
	/* -------------------------------------------------- */
	/*	Home
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Simple Pricing Table
		/* ---------------------------------------- */

		.simple-pricing-table .column { width: 746px; }

		.simple-pricing-table .column.featured { width: 736px; }

		.simple-pricing-table.col2 .column { width: 372px; }
		.simple-pricing-table.col3 .column { width: 248px; }
		.simple-pricing-table.col4 .column { width: 185px; }
		.simple-pricing-table.col5 .column { width: 148px; }

		.simple-pricing-table.col2.featured .column { width: 354px; }
		.simple-pricing-table.col3.featured .column { width: 235px; }
		.simple-pricing-table.col4.featured .column { width: 178px; }
		.simple-pricing-table.col5.featured .column { width: 142px; }

		.simple-pricing-table.col2 .column.featured { width: 382px; }
		.simple-pricing-table.col3 .column.featured { width: 265px; }
		.simple-pricing-table.col4 .column.featured { width: 199px; }
		.simple-pricing-table.col5 .column.featured { width: 165px; }

		/* ---------------------------------------- */
		/*	Extended Pricing Table
		/* ---------------------------------------- */

		.extended-pricing-table .column { width: 748px; }

		.extended-pricing-table.col2 .column { width: 374px; }
		.extended-pricing-table.col3 .column { width: 249px; }
		.extended-pricing-table.col4 .column { width: 187px; }
		.extended-pricing-table.col5 .column { width: 149px; }

		/* ---------------------------------------- */
		/*	Projects Carousel & Post Carousel
		/* ---------------------------------------- */

		.projects-carousel > li, .post-carousel > li { width: 236px; }

		/* ---------------------------------------- */
		/*	Post Carousel
		/* ---------------------------------------- */
			
		#content .post-carousel .entry-body { width: 191px; }

	/* -------------------------------------------------- */
	/*	Blog
	/* -------------------------------------------------- */

	.entry-body { width: 618px; }

	#main .entry-body { //width: 358px; }

		/* ---------------------------------------- */
		/*	Comments
		/* ---------------------------------------- */

		.comment .comment-body, .comment .comment-meta { width: 679px; }

			#main .comment .comment-body, #main .comment .comment-meta { width: 419px; }

			.commentlist .children { padding: 0 0 0 55px; }

				.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta  { width: 624px; }
				.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta  { width: 569px; }
				.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta  { width: 514px; }
				.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta  { width: 459px; }

				#main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta  { width: 364px; }
				#main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta  { width: 309px; }
				#main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta  { width: 254px; }
				#main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta  { width: 199px; }

		/* ---------------------------------------- */
		/*	Respond
		/* ---------------------------------------- */

		#commentform input { width: 214px; }

		#main #commentform input { width: 127px; }

			.commentlist .children .depth-2 #commentform input { width: 195px; }
			.commentlist .children .depth-3 #commentform input { width: 177px; }
			.commentlist .children .depth-4 #commentform input { width: 159px; }

			#main .commentlist .children .depth-2 #commentform input,
			#main .commentlist .children .depth-2 #commentform textarea { width: 411px; }
			#main .commentlist .children .depth-3 #commentform input,
			#main .commentlist .children .depth-3 #commentform textarea  { width: 356px; }
			#main .commentlist .children .depth-4 #commentform input,
			#main .commentlist .children .depth-4 #commentform textarea { width: 301px; }

		#commentform textarea { width: 726px; }

		#main #commentform textarea { width: 465px; }

	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */

	#map, #map .wpgmappity_container { height: 340px !important; }

	.wpcf7-form input { width: 150px; }

	.wpcf7-form textarea { width: 534px; }

	/* -------------------------------------------------- */
	/*	Footer > Social Links
	/* -------------------------------------------------- */
				
	.social-links li:nth-child(5n+1) { margin-left: 0; }

	.social-links li:nth-child(5n) { margin-right: 10px; }

}

/* All Mobile Sizes (devices and browser) */
@media (max-width: 767px) {
	.ngg-gallery-thumbnail-box {
		margin-left: 0!important;
	}
	.entry-body {
		margin: auto;
		width: 100%;
	}
	.ngg-navigation{
		display:none !important;
	}

	span.arrow-down{
		display:block;
		background:url(images/nav-downarrow.png) no-repeat;
		width:19px;
		height:11px;
		float:right;
		margin-top:15px;
	}
	.mobile-link{
	}

	#lore-reader-content {
	    padding: 0;
	}
	#lore-content {
	    padding: 0 !important;
	}
	#footer{
		padding-top:75px !important;
	}

	.cse-min-logo{
		display:block;
		cursor:pointer;
		position:absolute;
		width:25px;
		height:13px;
		top:0;
		bottom:0;
		margin:auto 0;
	}
	.header-min-logo{
		display:block;
		position:absolute;
		width:62px;
		height:64px;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
	}
	.header-min-logo img{
		width:100%;
	}


	.menu {
		width:100%;
		margin-top:80px;
	}
	/* Un lien par ligne */
	.menu a {
		display: block;
		height: 40px;
		text-align: left;
		line-height: 40px;
		font-family: "Titillium Web",sans-serif !important;
		font-size: 18px !important;
		color: #ccc;
	}

	.menu a.depth1{
		margin-left:30px;
	}
	.header__icon {
		position: relative !important;
		display: block !important;
		float: right;
		width: 50px;
		height: 66px;
		cursor: pointer;
	}
	.header__icon:after {
		content: '  ';
		position: absolute;
		display: block;
		width: 1rem;
		height: 0;
		top: 16px;
		left: 15px;
		box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
	}
	#header-logo{
		display:none;
	}
	.container.narrow{
	    width: 100% !important;
	}
	.section-desktop{
		display:none !important;
	}
	.section-mobile{
		display:block !important;
	}

	#video-container-race-spotlight{
		display:none;
	}
	section.main-banner{
		padding-top:80px;
	}
	.section-war p{
		font-size:10px !important;
	}
	section.race-spotlight, section.class-spotlight{
		position:relative;
		background-position: 49.999% 0;
		background-size: cover;
		width: 100%;
		height: auto;
	}
	.ngg-gallery-thumbnail, .ngg-gallery-thumbnail-box{
		float:none !important;
	}
	section.race-spotlight p, section.class-spotlight p{
		font-size:16px !important;
	}
	#spotlight-image{
		padding-top
		text-align: center;
	}
	#spotlight-content{	
		padding-top:15%;
	}
	#frontpage-war-slider .container{
		text-align:center;
		width:auto;
	}
	section.race-spotlight.arthurians{	
		background: url(images/arthurians-bg.jpg) no-repeat top center;
		background-size:400% auto !important;
	}
	section.race-spotlight.tdd{	
		background: url(images/tdd-bg.jpg) no-repeat top center;
		background-size:400% auto !important;
	}
	section.race-spotlight.vikings{	
		background: url(images/viking-bg.jpg) no-repeat top center;
		background-size:400% auto !important;
	}
	#frontpage-main-slider h2{

		font-size: 2.8em !important;
	}
	section.main-banner-cube-mobile{
		position:relative;
		background-size:100% auto !important;
		width: 100%;
		height:400px;
		padding:0 !important;
		text-align:center;
		margin-top:80px;
		background: url(images/banner_cube.jpg) no-repeat top center;
	}
	section.section-about-cube-mobile{
		position:relative;
		background-size:100% auto !important;
		width: 100%;
		background: url(images/banner_about_cube.jpg) no-repeat top center;
		text-align: center;
		padding-top: 10%;
	}
	section.section-more-cube{
		background-size:100% auto !important;
	}
	section.section-cube-gallery-mobile{
		position:relative;
		background-size:100% auto !important;
		width: 100%;
		background: url(images/banner_gallery_cube.jpg) no-repeat top center;
		text-align: center;
		padding-top: 10%;
		min-height: 920px;
	}
	section.section-pledge-cube-mobile{
		position:relative;
		background-size:100% auto !important;
		width: 100%;
		background: url(images/banner_pledge_cube.jpg) no-repeat top center;
		padding-top: 10%;
	}
	section.section-updates-cube{
		background-size: 140% auto !important;
	}
	a.btn-pledge,	a.btn-video-front{
		font-size: 1.2em;
        height: 50px;
        line-height: 2.6em;
	}
	a.btn-pledge {
		line-height: normal;
	}
	.main-banner-cube-mobile img, .cube-logo{
	    height: auto !important;
	    width: 200px !important;
	    max-width: 200px !important;
	    margin: 0px auto !important;
	}
	.spotlight-list img{
		width:100% !important;
		max-width:100% !important;
	}
	.list-component h3, .bane-box h3, .boon-box h3, .class-more h3{
		font-size:20px !important;
	}
	.list-component p, .bane-box p, .boon-box p, .class-more p{
		font-size:16px !important;
	}
	section.section-more-cube, section.section-updates-cube {
	    height: auto;
	}
	section.section-cu-welcome{
		margin-top:80px;
	}
	section.section-cu-rightway{
		padding-top:20%;
	}
	.stretch-bar{
		font-size: 16px!important;
	    position: inherit!important;
	    line-height: 1.2em;
	}

	.parent-div{
		width:100% !important;
		margin-left:0 !important;
		height:130px !important;
	}
	.images-category img{
		width:100% !important;
		max-width:100% !important;
		height:auto !important;
	}
	.items-category{
	    width: 100%;
		margin:auto !important;
	}
	#media-galleries ul li {
		display: inline-block!important;
	}
	#media-galleries ul li:last-child {
	    padding: 15px;
	}
	.class-list-section {
		max-width: none;
	    margin: auto;
	}

	/* -------------------------------------------------- */
	/*	Basic Elements & Classes
	/* -------------------------------------------------- */
	section p{
		font-size:16px !important;
		font-weight:400 !important;
	}

	section img{
		width:100%;
		max-width:100%;
	}
	.video-trigger{
		width:100%;
		height:100%;
	}
	.video-trigger img{
		width: 100%;
    	max-width: 100%;
	}
	#spotlight-image img {
	    width: 70%;
	    max-width: 70%;
	}
	#media-galleries .read-more{
		margin: auto;
	}
	#media-galleries ul li {
		display: inline-block!important;
	}
	.items-category h2 {
	    text-align: center;
	}
	/* -------------------------------------------------- */
	/*	Realms
	/* -------------------------------------------------- */
	section#realms-list h2 {
	    margin-top: 75%;
	}

	#realm-arthurians, #cu-realm-arthurians, #realm-tdd, #cu-realm-tdd, #realm-vikings, #cu-realm-vikings{
		min-height: 500px;
	    max-height: 700px;
	}

	section.main-banner-realm.realm-art, section.main-banner-realm.realm-tdd, section.main-banner-realm.realm-vik{
		background-size: 160% auto!important;
		padding-top:55%;
	}
	section.main-banner-realm div{
		text-align:center;
	}
	/* -------------------------------------------------- */
	/*	About CU
	/* -------------------------------------------------- */
	section.section-cu-rvr, section.section-cu-rightway, section.section-cu-yourgame, section.section-cu-rebuild{
		height: auto;
		background-size: 180% auto !important;
	}
	#cu-realm-arthurians div, #cu-realm-vikings div, #cu-realm-tdd div{
	    width: 90%;
	}

	.infobox .one-half,
	.infobox .one-third,
	.infobox .two-third,
	.infobox .one-fourth,
	.infobox .three-fourth { width: 248px; }

	.fluid-width-video-wrapper { margin-bottom: 10px; }
			
	/* -------------------------------------------------- */
	/*	Generic Classes
	/* -------------------------------------------------- */

	.align-left, .align-right { float: none; }
		
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */

	

		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
			float: none;
			margin-right: 0;
		}

		.one-half, #main .one-half,
		.one-third, #main .one-third,
		.two-third, #main .two-third,
		.one-fourth, #main .one-fourth,
		.three-fourth, #main .three-fourth { width: 300px; }
		
	/* -------------------------------------------------- */
	/*	Header
	/* -------------------------------------------------- */

	#header { height: auto; }

		#logo {
			display: block;
			float: none;
			text-align: center;
		}

		/* ---------------------------------------- */
		/*	Main Navigation
		/* ---------------------------------------- */
		#main-nav {
			width:100%;
		}

	#main-nav li { width: 100%; }

		#main-nav a { padding: 18px; }

			#main-nav a:after, #main-nav > ul { display: none; }
			#main-nav a:after { content: ''; }

		.no-js #main-nav > ul, #main-nav .responsive-nav { display: block; }
		.header-cse-nav{display:none;}
		.container-shields-frontpage{
			height:50px;
			bottom:10%;
		}
		.container-icon-craft{
			height:50px;
			bottom:0;
		}


		.no-js #main-nav li:hover > ul { top: 62px; }
						
	/* -------------------------------------------------- */
	/*	Content > Main
	/* -------------------------------------------------- */

	#main {
		border-bottom: 1px solid #efefef;
		float: none;
		margin-right: 0;
		padding-bottom: 20px;
		width: 100%;
	}

	/* -------------------------------------------------- */
	/*	Image Gallery Slider
	/* -------------------------------------------------- */
	
	.image-gallery-slider { margin-bottom: 10px; }
	
	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */
		
		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */
		
		.acc-container .content .one-half,
		.acc-container .content .one-third,
		.acc-container .content .two-third,
		.acc-container .content .one-fourth,
		.acc-container .content .three-fourth { width: 225px; }
				
		/* ---------------------------------------- */
		/*	Content Tabs
		/* ---------------------------------------- */
				
		.tab-content .one-half,
		.tab-content .one-third,
		.tab-content .two-third,
		.tab-content .one-fourth,
		.tab-content .three-fourth { width: 260px; }

	/* -------------------------------------------------- */
	/*	Extended Pricing Table
	/* -------------------------------------------------- */

	.extended-pricing-table .column { margin-bottom: 20px; }

	.extended-pricing-table .column.featured { margin-bottom: 10px; }

	/* -------------------------------------------------- */
	/*	Home > Slider
	/* -------------------------------------------------- */

		.ss-slider.fully-loaded, .ss-slider.fully-loaded .slide-images-container { background: #fff url(images/loader.gif) no-repeat center 50%; }
	
		/* ---------------------------------------- */
		/*	Button
		/* ---------------------------------------- */
		
		.js .ss-slider .buttons-container { display: none; }
		
		/* ---------------------------------------- */
		/*	Content
		/* ---------------------------------------- */
		
		.ss-slider .content-container, .ss-slider:hover .content-container, .no-js .ss-slider .slide-content { display: none; }
		
		/* ---------------------------------------- */
		/*	Pagination
		/* ---------------------------------------- */

		.ss-slider .pagination-container a {
			background-color: rgba(241, 90, 35, 0.6);
			background-image: url(images/slider-arrows-medium.png) !important;
			bottom: 50% !important;
			height: 49px !important;
			margin: 0 0 -25px 0 !important;
			filter: alpha(opacity=60) !important; /* Fallback for old IE */
			opacity: 1 !important;
			right: auto !important;
			top: auto !important;
			width: 25px !important;
		}

		.ss-slider .pagination-container .prev {
			background-position: -7px center !important;
			left: 0 !important;
			right: auto !important;
		}

		.ss-slider .pagination-container .next {
			background-position: -46px center !important;
			left: auto !important;
			right: 0 !important;
		}

			.ss-slider .pagination-container a:hover {
				background-color: rgba(241, 90, 35, 1);
				filter: alpha(opacity=100); /* Fallback for old IE */
			}



	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */

	.wpcf7-form .input-block, #commentform .input-block {
		float: none;
		margin: 0 0 20px 0;
	}

		.wpcf7-form input, #commentform input,
		.wpcf7-form textarea, #commentform textarea { width: 398px !important; }

	/* -------------------------------------------------- */
	/*	Sidebar
	/* -------------------------------------------------- */

	#sidebar {
		float: none;
		margin-top: 40px;
		width: 100%;
	}

	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */

	.not-ie #footer .container:after { top: -56px; }

}

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

		#main-nav li { width: 100%; }

		#main-nav a { padding: 18px; }

			#main-nav a:after, #main-nav > ul { display: none; }
			#main-nav a:after { content: ''; }

		.no-js #main-nav > ul, #main-nav .responsive-nav { display: block; }

		.no-js #main-nav li:hover > ul { top: 62px; }

		.class-list-section {
			max-width: none;
		    margin: auto;
		}

	.entry-body img{
	max-width:100% !important;
	height:auto !important;
	margin:0 auto !important;
}
.entry-body {
		margin: auto;
		width: 100%;
	}

.complete-goal img, .current-goal p img{
	width:100% !important;
	max-width:100% !important;
}

	section h3 {
    text-shadow: 0px 0px 5px #000;
    font: 700 1.3em "Titillium Web",sans-serif !important;
    margin: 0px;
    color: #FFF;
    padding: 0px;
}
	.header-bg{
		padding-top: 40% !important;
	}
	/* -------------------------------------------------- */
	/*	Basic Elements & Classes
	/* -------------------------------------------------- */

	.infobox .one-half,
	.infobox .one-third,
	.infobox .two-third,
	.infobox .one-fourth,
	.infobox .three-fourth { width: 368px; }
		
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */

	.container { width: 420px; }

		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
			float: none;
			margin-right: 0;
		}

		.one-half, #main .one-half,
		.one-third, #main .one-third,
		.two-third, #main .two-third,
		.one-fourth, #main .one-fourth,
		.three-fourth, #main .three-fourth { width: 420px; }
		
	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */
		
		/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */
		
		.acc-container .content .one-half,
		.acc-container .content .one-third,
		.acc-container .content .two-third,
		.acc-container .content .one-fourth,
		.acc-container .content .three-fourth { width: 345px; }
				
		/* ---------------------------------------- */
		/*	Content Tabs
		/* ---------------------------------------- */
				
		.tab-content .one-half,
		.tab-content .one-third,
		.tab-content .two-third,
		.tab-content .one-fourth,
		.tab-content .three-fourth { width: 380px; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.page-title-v2{
		line-height: normal;
		top: 67px;
	}
    .title-spotlight {
        font-size: 28px!important;
    }
    .carousel-caption{
        padding:0;
    }
	.container{
		padding-right: 40px;
	    padding-left: 40px;
	}
	section.section-realm-classes .content-section-realm-classes .container {
		padding-right: 15px;
	    padding-left: 15px;
	}
	.display-gallery {
		padding:0!important;
	}
	.entry-body {
		margin: auto;
		width: 100%;
	}
	/* -------------------------------------------------- */
	/*	Header > Main Navigation
	/* -------------------------------------------------- */
	section{
		font-size:9px;
	}
	section img{
		width:35%;
		max-width:35%;
	}
	#spotlight-image img {
	    width: 100%;
	    max-width: 100%;
	}
	.page-template-craftdoc-template img {
		width:100%;
		max-width:100%;
	}
	.items-category {
		width: 100%;
		margin:0!important;
	}
	#main-nav li { width: 100%; }

		#main-nav a { padding: 18px; }

			#main-nav a:after, #main-nav > ul { display: none; }
			#main-nav a:after { content: ''; }

		.no-js #main-nav > ul, #main-nav .responsive-nav { display: block; }

		.no-js #main-nav li:hover > ul { top: 62px; }

	#media-galleries ul li {
		display: inline-block!important;
	}
	#media-galleries ul li:last-child {
	    padding: 15px;
	}
	.class-list-section {
		max-width: none;
	    margin: auto;
	}
	section.race-spotlight #spotlight-content, section.class-spotlight #spotlight-content{	
		padding-top: 20%;
	}
	.images-category{
    	display:none;
	}

	/* -------------------------------------------------- */
	/*	Home
	/* -------------------------------------------------- */
	#logo img {
		padding-top:10%;
		width:100%;
	}
	/* ---------------------------------------- */
	/*	Contact Info
	/* ---------------------------------------- */
	#bsc-description, #bsc-design-doc {
	    margin-left: 10px!important;
	    margin-right: 10px!important;
	}
	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */

	#map, #map .wpgmappity_container { height: 140px !important; }

		.wpcf7-form input, #commentform input,
		.wpcf7-form textarea, #commentform textarea { width: 278px !important; }

	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Footer Navigation
		/* ---------------------------------------- */

		#footer .widget_nav_menu li {
			border-top: 1px dotted #4b4b4b;
			padding: 5px 0;
			width: 100%;
		}
		
		#footer .widget_nav_menu li:first-child { border-top: none; }

			#footer .widget_nav_menu li a {
				border: none;
				padding: 0;
			}

		/* ---------------------------------------- */
		/*	Contact Info
		/* ---------------------------------------- */

		.contact-info { margin-bottom: 20px; }

		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */
				
		.social-links li:nth-child(8n+1) { margin-left: 0; }

		.social-links li:nth-child(8n) { margin-right: 15px; }
		
		.stream {overflow-y: hidden;}

}

.fb_iframe_widget iframe {
 height:60px;
}


/*------------------------*/
/* CAMELOT UNCHAINED STYLE
/*------------------------*/
.realm_block{margin:25px 0 0 0;background:transparent; display:block; height:442px; position:relative;}
.realm_block.arthurian{background:url('../../uploads/2014/01/Backdrop_arthurian_title01.png') no-repeat center;}
.realm_block.tuatha{background:url('../../uploads/2014/01/Backdrop_tuatha04.png') no-repeat center;}
.realm_block.viking{background:url('../../uploads/2014/01/Backdrop_viking_title01.png') no-repeat center;}
/*
.realm_block.arthurian{background:url('../../uploads/2013/12/Backdrop_arthurian03.png') no-repeat center;}
.realm_block.tuatha{background:url('../../uploads/2013/12/Backdrop_tuatha03.png') no-repeat center;}
.realm_block.viking{background:url('../../uploads/2013/12/Backdrop_viking03.png') no-repeat center;}
*/

/* for races page, different art http://54.226.93.197/en/wp-content/uploads/2013/11/Banner_arthurian01_title.png*/
/*.realm_block.races.arthurian{background:url('../../uploads/2013/12/Banner_arthurian03_text1.png') no-repeat center;height:209px;}
.realm_block.races.tuatha{background:url('../../uploads/2013/12/Banner_tuatha03_text1.png') no-repeat center;height:209px;}
.realm_block.races.viking{background:url('../../uploads/2013/12/Banner_viking03_text1.png') no-repeat center;height:209px;}*/
.realm_block.races.arthurian{background:url('../../uploads/2013/11/Banner_arthurian01_title.png') no-repeat center;height:209px;}
.realm_block.races.tuatha{background:url('../../uploads/2013/11/Banner_tuatha01_title.png') no-repeat center;height:209px;}
.realm_block.races.viking{background:url('../../uploads/2013/11/Banner_viking01_Title.png') no-repeat center;height:209px;}


.realm_block .race-realm, .realm_block .class-realm{float:left;margin-right:25px;}
	/*.realm_block h3{font-size:1.5em;}
	.realm_block.arthurian h3{margin-left:80px;padding-top:20px;color:#522a27;text-shadow: #9d5f5b 0.1em 0.1em 0.2em;}
	.realm_block.tuatha h3{margin-left:80px;padding-top:20px;color:#212012;text-shadow: #807e5f 0.1em 0.1em 0.2em;}
	.realm_block.viking h3{margin-left:90px;padding-top:20px;color:#1e2f39;text-shadow: #7f98a7 0.1em 0.1em 0.2em;}*/

	.realm_block h3{font-size:4.5em;position:absolute;bottom:25px;left:0;margin:0;padding:0;}
	.realm_block.arthurian h3{margin-left:80px;padding-top:20px;color:#522a27;text-shadow: black 0 0 0.2em;}
	.realm_block.tuatha h3{margin-left:80px;padding-top:20px;color:#807e5f;text-shadow: black 0 0 0.2em;}
	.realm_block.viking h3{margin-left:90px;padding-top:20px;color:#1e2f39;text-shadow: black 0 0 0.2em;}
	.realm-trigger{position:absolute;bottom:55px;right:290px;font-size:1.2em;}
	.realm-trigger.races, .realm-trigger.classes{bottom:25px;left:50%;margin-left:-87px;font-size:1.2em;}
	.realm_trigger.arthurian{background:url('../../uploads/2013/12/moreinfo_arthurian01.png') no-repeat center;display:block;width:175px;height:35px;}
	.realm_trigger.tuatha{background:url('../../uploads/2013/12/moreinfo_tuatha01.png') no-repeat center;display:block;width:175px;height:35px;}
	.realm_trigger.viking{background:url('../../uploads/2013/12/moreinfo_viking.png') no-repeat center;display:block;width:175px;height:35px;}
	.realm-blurb{line-height:1;width:830px;margin-left:45px;text-align:justify;}
	/*--- races ---*/
	.race-realm-wrapper{position:relative;height:auto;display:block;background:url('../../uploads/2013/11/pattern_transp.png') repeat;}
	.realm-wrapper-header{height:120px;}
	.realm-wrapper-footer{height:120px;margin-top:10px;}
	.race-realm{float:left;margin-left:45px;}
	.realm-banner{width:940px;height:140px;display:block;}
	/*
		.realm-banner.arthurian{background:url('../../uploads/2013/12/realmbar_arthurian01.png') no-repeat center;}
		.realm-banner.tdd{background:url('../../uploads/2013/12/realmbar_tuatha01.png') no-repeat center;}
		.realm-banner.viking{background:url('../../uploads/2013/12/realmbar_viking01.png') no-repeat center;}
	*/
		.realm-banner.arthurian{background:url('../../uploads/2014/01/realmbar_arthurian03.png') no-repeat center;}
		.realm-banner.tdd{background:url('../../uploads/2014/01/realmbar_tuatha03.png') no-repeat center;}
		.realm-banner.viking{background:url('../../uploads/2014/01/realmbar_viking03.png') no-repeat center;}
	.race-realm .race-title{font-size:1.3em;color:white;}
		.race-realm .race-title.arthurian{font-size:1.3em;color:#9d5f5b;text-shadow: #522a27 0.1em 0.1em 0.2em;}
		.race-realm .race-title.tuatha{font-size:1.3em;color:#807e5f;text-shadow: #212012 0.1em 0.1em 0.2em;}
		.race-realm .race-title.viking{font-size:1.3em;color:#7f98a7;text-shadow: #1e2f39 0.1em 0.1em 0.2em;}
	.race-realm .race-img{width:125px;height:250px;background:#ff3300;border-radius: 1px;box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.2);}
	.race-realm .race-img{-webkit-transition: box-shadow .5s ease;-moz-transition: box-shadow .5s ease;-ms-transition: box-shadow .5s ease;-o-transition: box-shadow .5s ease;transition: box-shadow .5s ease;}
	.race-realm .race-img:hover{}
		.race-realm .race-img.arthurian:hover{box-shadow: 0px 0px 0px 8px rgba(135,49,42,0.5);}
		.race-realm .race-img.tuatha:hover{box-shadow: 0px 0px 0px 8px rgba(128,126,95,0.5);}
		.race-realm .race-img.viking:hover{box-shadow: 0px 0px 0px 8px rgba(127,152,167,0.5);}
	.realm_block a.arthurian:hover{color:#9d5f5b;text-shadow: #522a27 0.1em 0.1em 0.2em;}
	.realm_block a.tuatha:hover{color:#807e5f;text-shadow: #212012 0.1em 0.1em 0.2em;}
	.realm_block a.viking:hover{color:#7f98a7;text-shadow: #1e2f39 0.1em 0.1em 0.2em;}
	.realm_block .realm-art{height:500px;width:300px;background:#ff3300;}
	/*--- classes ---*/
	.class-realm-wrapper{padding-left:60px;}
	.class-realm{float:left;margin-left:45px;}
	.class-realm .class-title{font-size:1.3em;color:white;}
		.class-realm .class-title.arthurian{font-size:1.3em;color:#9d5f5b;text-shadow: #522a27 0.1em 0.1em 0.2em;}
		.class-realm .class-title.tuatha{font-size:1.3em;color:#807e5f;text-shadow: #212012 0.1em 0.1em 0.2em;}
		.class-realm .class-title.viking{font-size:1.3em;color:#7f98a7;text-shadow: #1e2f39 0.1em 0.1em 0.2em;}
	.class-realm .class-img{width:125px;height:250px;background:#ff3300;border-radius: 1px;box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.2);}
	.class-realm .class-img{-webkit-transition: box-shadow .5s ease;-moz-transition: box-shadow .5s ease;-ms-transition: box-shadow .5s ease;-o-transition: box-shadow .5s ease;transition: box-shadow .5s ease;}
	.class-realm .class-img:hover{}
		.class-realm .class-img.arthurian:hover{box-shadow: 0px 0px 0px 8px rgba(135,49,42,0.5);}
		.class-realm .class-img.tuatha:hover{box-shadow: 0px 0px 0px 8px rgba(128,126,95,0.5);}
		.class-realm .class-img.viking:hover{box-shadow: 0px 0px 0px 8px rgba(127,152,167,0.5);}

	.class-realm a:hover{}

	.read_lore{cursor:pointer;}

.hide{display:none;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.frame-middle-post-carousel h1{font-family:'Titillium Web', sans-serif; }

.mask-news{
	position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    padding-top: 50px;
    display:none;
}
.mask-news .container{
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	z-index:2;
}
.mask-news .mask-inner{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	min-height:100vh;
	display:block;
    background: rgba(18,18,18,0.8);
    z-index:1;
    cursor:pointer;
}
.news-close{
	cursor:pointer;
	float:right;
	margin-bottom:25px;
}
.news-content{
	font-family: 'Titillium Web', sans-serif !important;
	line-height: 1.6em;
}
.news-content p{
	margin: 0 0 10px;
	font-size: 1.6em !important;
}
.news-content img{
	max-width:100%;
	height:auto;
}
.news-content h3 { 
	text-transform: uppercase;
	color: white;
	font-weight: 700;
	font-size: 26px;
	font-family: 'Titillium Web', sans-serif;
}
.mask-news .container{
	background:black;
	padding: 15px 45px;
}
/* iphone 6 portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { 
	#cube_video{
		display:none;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

	.entry-body img{
	max-width:100% !important;
	height:auto !important;
	margin:0 auto !important;
}

/* JS-created definition list */

.dropdown dd { position: relative; }

.dropdown a {
	text-decoration: none;
	outline: 0;
	font: 12px Arial, Helvetica, sans-serif;
	display: block;
	width: 50px;
	overflow: hidden;
	}

.dropdown dt a {
	
	padding: 4px;
	color: #fff;
	}

	.dropdown dt a.active {
		
		color: #fff;
		}

.dropdown dd ul {
	
	display: none;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	padding: 2px 0 5px 0;
	list-style: none;
	border-top: none;
	margin: 0;
	
	}

	.dropdown dd ul li a {
		padding: 2px 10px;
		}

	.dropdown dd ul li a span,
	a span.flag,
	.dropdown dt a span {
		float: left;
		width: 16px;
		height: 11px;
		margin: 2px 6px 0 0;
		background-image: url(../CSE%20v2/images/flags.png);
		background-repeat: no-repeat;
		cursor: pointer;
		}

		.flag-mobile{
			margin-top:15px !important;
		}

		.us a span, a.us span { background-position: 0 0 }
		.uk a span, a.uk span  { background-position: -16px 0 }
		.fr a span, a.fr span  { background-position: -32px 0 }
		.de a span, a.de span  { background-position: -48px 0 }
		.nl a span, a.nl span  { background-position: -64px 0 }

	 dd ul li a em,
	.dropdown dt a em {
		font-style: normal;
		float: left;
		width: 15px;
		cursor: pointer;
		}

	.dropdown dd ul li a em {
		color: #dbc3b5;
		}

		.dropdown dd ul li a:hover { background-color: rgba(255,255,255,.1); }
		.dropdown dd ul li a:hover em { color: #fff; }

.dropdown dd ul li{
	margin:0 !important;
}

.anchor-point{
	    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.read-more .clear {
	clear: both;
}
.toLeft {
	float: left;
}
.toRight {
	float: right;
}
.hide{
	display:none;
}
.mLeft15{
	margin-left:15px;
}
.mTop15{
	margin-top:15px;
}
h1 {
	color: white !important;
}
section.news-page a {
	color: #9E7242
}
section.news-page a:hover, #social a:hover {
	color: #DA9F5E
}
section.news-page a img {/*display:none;*/
}

.header-class-reveal{
	min-height:750px !important;
	max-height:750px;
	overflow:hidden;
	padding-top: 80px;
	background-size:cover !important;
	position:relative;
	margin-bottom: -76px;
}
.header-class-reveal.smite-cleric{	
	background: url(images/smite_cleric_background.jpg) no-repeat top center !important;
	background-size:cover !important;
}

.header-class-reveal.second-reveal{	
	background: url(images/reveal/archer-backdrop.jpg) no-repeat top center !important;
	background-size:cover !important;
}

.header-class-reveal.third-reveal{	
	background: url(images/reveal/background-reveal-hf.jpg) no-repeat top center !important;
	background-size:cover !important;
}

.header-class-reveal.fourth-reveal{	
	background: url(images/reveal/background-reveal-ss.jpg) no-repeat top center !important;
	background-size:cover !important;
}

.header-class-reveal.fifth-reveal{	
	background: url(images/reveal/background-scout.jpg) no-repeat top center !important;
	background-size:cover !important;
}

.header-class-reveal.sixth-reveal{	
	background: url(images/reveal/magic-bg.jpg) no-repeat top center !important;
	background-size:cover !important;
}
.header-class-reveal.seventh-reveal{	
	background: url(images/reveal/background-support.jpg) no-repeat top center !important;
	background-size:cover !important;
}
.header-class-reveal.eight-reveal{	
	background: url(images/reveal/background-spiritmage.jpg) no-repeat top center !important;
	background-size:cover !important;
}

.header-class-reveal.ninth-reveal{	
	background: url(images/reveal/background-healers.jpg) no-repeat top center !important;
	background-size:cover !important;
}

.bg-class-reveal{
	min-height:459px;
	background: url(images/reveal_bg.jpg) no-repeat top center !important;
}
.bg-class-reveal h1{
	font-size:42px;
	line-height:42px;
}
.bg-class-reveal h2.reveals-h2{
	font-size:20px;
	font-family: 'Merriweather Sans', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	display:block;
	padding:20px;
	width:655px;
	margin:15px auto;
	background:rgba(0,0,0,0.5);
}
.bg-class-reveal h2.reveals-h2 small{
	font-size:13px;
}
.class-img-vote{
	position:relative;
	background-size: 100%;
	width: 100%;
	height: 0;
	padding-top: 47.05%;
}
h2.reveal-title{
	font-size:42px;
	text-align:center;
}
.class-img-vote.a{
	background-image: url(images/reveal_a.jpg);
}
.class-img-vote.a.hf-revealed{
	cursor:pointer !important;
	background-image: url(images/reveal/hf-revealed.jpg);
}

.class-img-vote.b{
	background-image: url(images/reveal_b.jpg);
}
.class-img-vote.b.devout{
	cursor:pointer !important;
	background-image: url(images/reveal/devout_revealed.jpg);
}
.class-img-vote.c{
	background-image: url(images/reveal_c.jpg);
}
.class-img-vote.c.magic-revealed{
	cursor:pointer !important;
	background-image: url(images/reveal/revealed-magic.jpg);
}

.class-img-vote.d{
	background-image: url(images/reveal_d.jpg);
}
.class-img-vote.d.healers-revealed{
	cursor:pointer !important;
	background-image: url(images/reveal/revealed-healers.jpg);
}

.class-img-vote.e{
	background-image: url(images/reveal_e.jpg);
}
.class-img-vote.e.support-revealed{
	background-image: url(images/reveal/revealed-sup.jpg);
}
.class-img-vote.f{
	background-image: url(images/reveal_f.jpg);
}

.class-img-vote.f.archers-revealed{
	cursor:pointer !important;
	background-image: url(images/reveal/archer-revealed.jpg);
}

.class-img-vote.g{
	background-image: url(images/reveal_g.jpg);
}
.class-img-vote.g.scout-revealed{
	cursor:pointer !important;
	background-image: url(images/reveal/revealed-scout.jpg);
}
.class-img-vote.h{
	background-image: url(images/reveal_h.jpg);
}
.class-img-vote.h.sm-revealed{
	cursor:pointer !important;
	background-image: url(images/reveal/revealed-sm.jpg);
}
.class-img-vote.i{
	background-image: url(images/reveal_i.jpg);
}
.class-img-vote.j{
	background-image: url(images/reveal_j.jpg);
}
.class-img-vote.j.ss-revealed{
	cursor:pointer !important;
	background-image: url(images/reveal/revealed-ss.jpg);
}

.class-img-vote img{
	position:absolute;
	width:100%;
	height:100%;
	z-index:80;
}
.class-img-vote .vote-box{
	font-family: "Cinzel", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	position:absolute;
	font-weight:bold;
	width:128px;
	height:105px;
	z-index:80;
	margin:auto;
	left:0;
	right:0;
	top:20px;
	font-size:24px;
	text-align:center;
	padding-top:30px;
	background: url(images/class-reveal-vote.png) no-repeat !important;
}
.class-img-vote .reveal-box{
	font-family: "Cinzel", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	position:absolute;
	font-weight:bold;
	width:437px;
	height:126px;
	z-index:80;
	margin:auto;
	    top: 50px;
	left:0;
	right:0;
	top:20px;
	font-size:24px;
	text-align:center;
	padding-top:50px;
	background: url(images/reveal/bg_class_title.png) no-repeat !important;
}

.wrapper-titre-class{
	background:url('../images/bg_class_title.png') no-repeat top center;
	font-family: "Cinzel", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:24px;
	position:absolute;
	z-index:80;
	text-align:center;
	width:437px;
	height:126px;
	margin:0 auto;
	padding-top:50px;
	left:0;
	right:0;
	top:50px;
}
.wrapper-titre-class .title-class{
	/*margin-top:25px;*/
}

.container-carousel{
	width:960px;
	height:630px;
	position:relative;
	margin:0 auto;
	perspective: 1000px;
	padding-top: 20px;
}

.arrow-left-carousel{
	cursor:pointer;
	position:absolute;
	bottom:40px;
	left:0;
	width:35px;
	height:94px;
	background:url(images/arrow_left.png) no-repeat;
	z-index:999;
}
.arrow-right-carousel{
	cursor:pointer;
	position:absolute;
	bottom:40px;
	right:0;
	width:35px;
	height:94px;
	background:url(images/arrow_right.png) no-repeat;
	z-index:999;
}
.arrow-left-carousel:hover, .arrow-right-carousel:hover{
	opacity:0.7;
}
#carousel-reveal {
	position:absolute !important;
	width:100%;
	height:100%;
	transform-style: preserve-3d;
	transition: transform 1s;
}
.item-carousel{
	display:block;
	position: absolute;
	width: 250px;
  	height: 200px;
}
#carousel-reveal img {
	visibility:hidden; /* hide images until carousel can handle them */
	cursor:pointer; /* otherwise it's not as obvious items can be clicked */
}
.item-carousel:hover img {
	opacity:1 !important;
}
.bane-box, .boon-box, .list-component{
	margin-bottom:25px;
	min-height:77px;
}
.list-component.subskill{
	padding-left:35px;
}
h4.title-component{
	margin:0;
	padding:0;
}

.bane-box img, .boon-box img, .list-component img{
	float:left;
	margin:5px 20px 0 0;
	width:auto !important;
}
h4.title-component img{
	float:left;
	margin:5px 10px 25px 0;
}

.bane-box img, .boon-box img{
	border:1px #a7a7a7 solid;
}
.frame-middle-half b, .frame-middle b{
	color:white;
}
.view-alpha-video {
	display: block;
	width: 484px;
	margin: -200px auto 125px auto;
	height: 73px;
	background: url(images/videoplay-btn-sprite.png) no-repeat top left;
}
.view-alpha-video:hover {
	background-position: 0 -72px;
}
.frame-top {
	width: 1015px;
	height: 22px;
	background: url(images/common/frame-top.png) no-repeat top left;
}
.frame-middle {
	width: 1015px;
	background: url(images/common/frame-middle.png) repeat-y top left;
	overflow: auto;
}
.frame-middle h1 {
	font-size: 26px;
}
.frame-middle-hiring {
	width: 1015px;
	padding-left: 35px;
	background: url(images/common/frame-middle.png) repeat-y top left;
	overflow: auto;
}

.frame-middle h3, .frame-middle-half h3{
	font-family: 'Merriweather Sans', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif !important;
	font-size:25px;
	font-weight:normal;
}
.frame-middle-wrapper{
	width:890px;
	margin:0 auto;
}
.large-half{
	width:410px;
	float:left;
}
.large-half.right{
	margin-left:70px;
}
.frame-top-half {
	width: 500px;
	height: 22px;
	background: url(images/common/frame-top-half.png) no-repeat top left;
}
.frame-middle-half {
	width: 500px;
	min-height:220px;
	background: url(images/common/frame-middle-half.png) repeat-y top left;
	overflow: auto;
}
.frame-middle-half-wrapper{
	width:390px;
	margin:0 auto;
}
.frame-bottom-half {
	width: 500px;
	height: 22px;
	background: url(images/common/frame-bottom-half.png) no-repeat top left;
}

.frame-middle-hiring .acc-trigger {
	border: none;
	border-bottom: 1px solid #2e2e2e;
}
.frame-middle-hiring .acc-trigger a, .frame-middle-hiring .acc-trigger.active a {
	padding: 25px 20px 25px 0;
	background: url(images/arrow-hiring.png) no-repeat center right !important;
}
.frame-middle-hiring a.button, .frame-middle-post-carousel a.button {
	background: #333;
	color: white;
	padding: 5px 10px;
	font-family: 'Merriweather Sans', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif !important;
	box-shadow: 0px 20px 20px -20px rgba(255, 255, 255, 0.4) inset;
}
.frame-middle-hiring span.arrow {
	display: none;
}
.frame-middle-hiring .acc-container .content {
	padding: 25px 20px 25px 0;
}
.frame-middle-post-carousel {
	width: 1015px;
	background: url(images/common/frame-middle.png) repeat-y top left;
	padding: 0 38px;
	position: relative;
}
.frame-middle-post-carousel h1 {
	color: white;
}
.frame-middle-post-carousel h6 {
	color: white;
	font-size: 16px;
	font-family: 'Cinzel', Arial;
	font-weight: 400;
}
.frame-middle-post-carousel ul#social li {
	margin: 0px;
}
.frame-middle-post-carousel ul#social a, .frame-middle-post-carousel ul#social span {
	vertical-align: top;
	line-height: 32px;
}
.frame-middle-post-carousel ul#legal li, .frame-middle-post-carousel ul#social li {
	list-style-type: none;
}
.frame-middle-post-carousel ul#social a img, .frame-middle-post-carousel ul#social li span img {
	opacity: 0.5;
}
.frame-middle-post-carousel ul#social a img:hover, .frame-middle-post-carousel ul#social li span img:hover {
	opacity: 1;
}
.frame-middle-post-carousel a, .frame-middle-post-carousel ul#social span {
	color: #9E7242;
}
.frame-middle-post-carousel input[class="email"] {
	background: transparent !important;
	border: 1px #333 solid;
	font-family: 'Merriweather Sans', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.frame-middle-post-carousel button, input[type="submit"] {
	font-family: 'Merriweather Sans', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.frame-bottom {
	width: 1015px;
	height: 22px;
	background: url(images/common/frame-bottom.png) no-repeat top left;
}
/* CUBE */
#about-cube{
	background: url(images/about_cube.jpg) no-repeat top center;
	width: 935px;
	height: 381px;
	padding-top: 30px;
}
#about-cube h2 {
	text-align: center;
	margin-top:55px;
}
#about-cube p {
	text-align: left;
	width: 620px;
	margin: 0 auto;
}

#about-more-cube{
	background: url(images/about_more_cube.jpg) no-repeat top left;
	width: 905px;
	height: 460px;
	padding: 25px 20px 0px 20px;
}
#about-more-cube h2 {
	margin-left:420px;
}
#about-more-cube p {
	text-align: left;
	width: 420px;
	margin:0 0 0 420px;
}

#about-gallery{
	/*padding: 25px 20px 0px 20px;*/
}

#about-updates{
	background: url(images/about_updates.jpg) no-repeat top left;
	width: 905px;
	height: 340px;
	padding: 25px 20px 0px 20px;
}
#about-updates p{
	width:585px;
}
#about-pledge{
	background: url(images/about_pledge.jpg) no-repeat top right;
	width: 905px;
	height: 340px;
	padding: 25px 20px 0px 20px;
	position:relative;
}
#about-pledge p{
	width:520px;
}

#about-pledge .btn-pledge{
	width:256px;
	height:89px;
	position:absolute;
	right:80px;
	bottom:25px;
}
/* ABOUT CSE */
#about-who {
	background: url(images/background_whoweare.jpg) no-repeat;
	width: 935px;
	height: 226px;
	padding-top: 30px;
}
#about-who h2 {
	text-align: center;
}
#about-who p {
	text-align: left;
	width: 620px;
	margin: 0 auto;
}
#about-history {
	background: url(images/background_history.jpg) no-repeat top right;
	width: 905px;
	height: 475px;
	padding: 25px 20px 0px 20px;
}
#about-history p {
	text-align: left;
	width: 430px;
}
#about-history br {
	display: block;
	margin: 5px 0;
	content: " ";
	line-height: 15px;
}
#about-projects p.small {
	width: 100%;
	text-align: center !important;
	margin-top: 25px;
	font-size: 11px;
}
#about-projects h2 {
	text-align: center;
}
#about-projects p {
	width: 400px;
	margin-top: 100px;
}
#about-projects p span {
	font-size: 26px;
	font-family: 'Cinzel', Arial, serif;
	color: white;
	clear: both;
}
#about-projects #project-cu {
	background: url(images/background_project_cu.jpg) no-repeat top left;
	width: 905px;
	height: 330px;
	margin: 15px auto 0 auto;
}
#about-projects #project-cu p {
	float: right;
}
#about-projects #project-moz {
	background: url(images/background_project_moz.jpg) no-repeat top right;
	width: 905px;
	height: 330px;
	margin: 25px auto 0 auto;
}
#about-projects #project-moz p {
	float: left;
}
/* ABOUT CU */
#about-cu-welcome {
	background: url(images/background_whoweare.jpg) no-repeat;
	width: 935px;
	height: 265px;
	padding-top: 30px;
}
#about-cu-welcome h2 {
	text-align: center;
}
#about-cu-welcome p {
	text-align: left;
	width: 620px;
	margin: 0 auto;
}
#about-cu-rebuild {
	background: url(images/background_cu_build.jpg) no-repeat top right;
	width: 96%;
	height: 100%;
	padding: 25px 20px 0px 20px;
}
#about-cu-game {
	background: url(images/background_cu_yougame.jpg) no-repeat top left;
	width: 96%;
	height: 100%;
	padding: 25px 20px 0px 20px;
}
#about-cu-rvr {
	background: url(images/background_cu_rvr.jpg) no-repeat top left;
	width: 96%;
	height: 100%;
	padding: 25px 20px 0px 20px;
}
#about-cu-build {
	background: url(images/background_cu_craft.jpg) no-repeat top right;
	width: 96%;
	height: 100%;
	padding: 25px 20px 0px 20px;
}
.about-realm-container {
	height: 315px;
	width: 94%;
	padding: 55px 20px 0px 20px;
}
#about-realm-arthurian {
	width: 96%;
	background: url(images/realm/realm-arthurians2.jpg) black no-repeat top right;
}
#about-realm-tdd {
	width: 96%;
	background: url(images/realm/realm-tdd-invert.jpg) no-repeat top left;
}
#about-realm-viking {
	width: 96%;
	background: url(images/realm/realm-vikings2.jpg) no-repeat top right;
}
.about-realm-container a {
	color: white;
}
.about-realm-container .btn-arthurian {
	background: #42362d !important;
	box-shadow: 0px 20px 20px -20px rgba(255, 255, 255, 0.4) inset;
	padding: 10px;
}
.about-realm-container .btn-tdd {
	background: #32463b !important;
	box-shadow: 0px 20px 20px -20px rgba(255, 255, 255, 0.4) inset;
	padding: 10px;
}
.about-realm-container .btn-viking {
	background: #294658 !important;
	box-shadow: 0px 20px 20px -20px rgba(255, 255, 255, 0.4) inset;
	padding: 10px;
}
.about-realm-container a:hover {
	background: #222 !important;
}
p.about-cu-blockLeft, .about-cu-blockLeft {
	float: left;
	text-align: left;
	width: 430px;
}
p.about-cu-blockRight, .about-cu-blockRight, .about-cu-blockRight h2 {
	float: right;
	text-align: left;
	width: 430px;
}
/* NEWS PAGE */
.frame-middle-post-carousel #container-last-news {
	width: 615px;
	padding-right: 15px;
	border-right: 1px solid #474747;
	float: left;
}
.frame-middle-post-carousel #container-news-rightBlock {
	float: left;
	width: 270px;
	margin-left: 25px;
}
.frame-middle-post-carousel #container-news-rightBlock h2 {
	margin-bottom: 0;
}
.frame-middle-post-carousel #container-news-rightBlock ul {
	margin: 0;
	padding: 0;
}
.frame-middle-post-carousel #container-news-rightBlock ul li {
	padding: 5px 0;
	list-style-type: none;
	margin: 0;
	border-bottom: 1px solid #474747;
}
#frontpage-twitter, #frontpage-facebook {
	min-height: 510px;
	width: 44%;
	float: left;
	background: #141414;
	padding: 20px;
	margin: 20px 10px;
}
#frontpage-twitter h1, #frontpage-facebook h1 {
	font-size: 26px;
	font-family: 'Cinzel', Arial, serif!important;
	color: white!important;
}
/* STRETCH GOALS */
.stretch-goals .frame-middle-post-carousel {
	padding-left: 50px;
}
.stretch-bar {
	height: 133px;
	margin: -65px auto 25px auto;
	position: absolute;
	text-align: center;
	color: #dbd0be;
	font-size: 25px;
	font-family: 'Cinzel', Arial;
	font-weight: 700;
	padding-top: 55px;
	background-size:cover;
}
.stretch-bar.complete {
	background: url(images/stretch_bar_complete.png) no-repeat top center;
}
.stretch-bar.current {
	background: url(images/stretch_bar_current.png) no-repeat top center;
}
#current-goal .read-more {
	color: #fff;
}
.complete-goal .read-more {
	color: white;
}
#current-goal h2 span {
	color: #db9c21;
}
.complete-goal h2 span {
	color: #a83b00;
}
#left-current {
	width: 600px;
	float: left;
}
#right-current {
	width: 300px;
	float: left;
	margin-left: 20px;
}
#right-current #pledge_button a {
	display: block;
	background: url(images/btn_pledge_now_small.png) no-repeat;
	width: 314px;
	height: 113px;
}
#right-current #pledge_button a:hover {
	background-position: 0 -113px;
}
#right-current #pledge_total {
	background: url(images/stretch_total.png) no-repeat;
	width: 310px;
	height: 97px;
	font-size: 48px;
	color: #db9c21;
	text-align: center;
	font-family: 'Cinzel', Arial;
	padding-top: 20px;
}
#right-current #pledge_left {
	background: url(images/stretch_left.png) no-repeat;
	width: 307px;
	height: 67px;
	font-size: 28px;
	color: #707070;
	text-align: center;
	font-family: 'Cinzel', Arial;
	padding-top: 20px;
}
#dragon {
	pointer-events: none;
	position: absolute;
	z-index: 99;
	margin-top: 995px;
	margin-left: -25px;
}
#dragon #dragon-start {
	pointer-events: none;
	width: 209px;
	height: 501px;
	background: url(images/dragon_head.png);
	margin-left: -44px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dragon_head.png', sizingMethod='scale');
}
#dragon #dragon-middle {
	pointer-events: none;
	width: 193px;
	height: auto;
	background: url(images/dragon_repeat.png);
	margin-left: -29px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dragon_repeat.png', sizingMethod='scale');
}
#dragon #dragon-end {
	pointer-events: none;
	width: 171px;
	height: 283px;
	background: url(images/dragon_end.png);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dragon_end.png', sizingMethod='scale');
}
.read-more, input[type=submit] {
	display: inline-block;
	color: #fff;
	border: 1px solid black;
	border-radius: 2px;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 14px;
	text-decoration: none;
	padding: 8px 16px;
	background: #6b6b6b; /* Old browsers */
	background: -moz-linear-gradient(top, #6b6b6b 0%, #282828 20%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b6b6b), color-stop(20%, #282828)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6b6b6b 0%, #282828 20%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6b6b6b 0%, #282828 20%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6b6b6b 0%, #282828 20%); /* IE10+ */
	background: linear-gradient(to bottom, #6b6b6b 0%, #282828 20%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#282828', GradientType=0 ); /* IE6-9 */
	background-image: -webkit-linear-gradient(top, rgba(58, 58, 58, 1) 0%, rgba(48, 48, 48, 1) 100%);
	background-image: -moz-linear-gradient(top, rgba(58, 58, 58, 1) 0%, rgba(48, 48, 48, 1) 100%);
	background-image: -ms-linear-gradient(top, rgba(58, 58, 58, 1) 0%, rgba(48, 48, 48, 1) 100%);
	background-image: -o-linear-gradient(top, rgba(58, 58, 58, 1) 0%, rgba(48, 48, 48, 1) 100%);
	background-image: linear-gradient(top, rgba(58, 58, 58, 1) 0%, rgba(48, 48, 48, 1) 100%);
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.57)inset, 0px 20px 0px 0px rgba(97, 97, 97, 0.18)inset, 0px 0px 0px 0px rgba(0, 0, 0, 1), 0px -1px 0px 0px rgba(27, 27, 27, 0.07)inset, 0px 4px 2px 0px rgba(0, 0, 0, 0.46);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.57)inset, 0px 20px 0px 0px rgba(97, 97, 97, 0.18)inset, 0px 0px 0px 0px rgba(0, 0, 0, 1), 0px -1px 0px 0px rgba(27, 27, 27, 0.07)inset, 0px 4px 2px 0px rgba(0, 0, 0, 0.46);
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.57)inset, 0px 20px 0px 0px rgba(97, 97, 97, 0.18)inset, 0px 0px 0px 0px rgba(0, 0, 0, 1), 0px -1px 0px 0px rgba(27, 27, 27, 0.07)inset, 0px 4px 2px 0px rgba(0, 0, 0, 0.46);
	border: solid 1px rgba(32, 32, 32, 1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 0;
	padding: 5px 15px 5px 15px;
	display: inline-block;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
	color: rgba(255,255,255,1);
	font-weight: bold;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.53);
	cursor: pointer;
}
.read-more:hover, #current-goal .read-more:hover {
	color: #ccc;
	background: #222;
	background: -moz-linear-gradient(top, #6b6b6b 0%, #222 20%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b6b6b), color-stop(20%, #222));
	background: -webkit-linear-gradient(top, #6b6b6b 0%, #222 20%);
	background: -o-linear-gradient(top, #6b6b6b 0%, #222 20%);
	background: -ms-linear-gradient(top, #6b6b6b 0%, #222 20%);
	background: linear-gradient(to bottom, #6b6b6b 0%, #222 20%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#222', GradientType=0 );
	background-image: -webkit-linear-gradient(top, rgba(44, 44, 44, 1) 0%, rgba(36, 36, 36, 1) 100%);
	background-image: -moz-linear-gradient(top, rgba(44, 44, 44, 1) 0%, rgba(36, 36, 36, 1) 100%);
	background-image: -ms-linear-gradient(top, rgba(44, 44, 44, 1) 0%, rgba(36, 36, 36, 1) 100%);
	background-image: -o-linear-gradient(top, rgba(44, 44, 44, 1) 0%, rgba(36, 36, 36, 1) 100%);
	background-image: linear-gradient(top, rgba(44, 44, 44, 1) 0%, rgba(36, 36, 36, 1) 100%);
}
.read-more:active, #current-goal .read-more:active {
	background: #222;/* Old browsers */
	background: -moz-linear-gradient(top, #6b6b6b 0%, #222 20%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b6b6b), color-stop(20%, #222));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6b6b6b 0%, #222 20%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6b6b6b 0%, #222 20%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6b6b6b 0%, #222 20%); /* IE10+ */
	background: linear-gradient(to bottom, #6b6b6b 0%, #222 20%);/* W3C */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.57)inset, 0px 20px 0px 0px rgba(255,255,255,0.18)inset, 0px 1px 0px 0px rgba(12, 12, 12, 1), 0px -1px 0px 0px rgba(255,255,255,0.07)inset, 0px 1px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.57)inset, 0px 20px 0px 0px rgba(255,255,255,0.18)inset, 0px 1px 0px 0px rgba(12, 12, 12, 1), 0px -1px 0px 0px rgba(255,255,255,0.07)inset, 0px 1px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.57)inset, 0px 20px 0px 0px rgba(255,255,255,0.18)inset, 0px 1px 0px 0px rgba(12, 12, 12, 1), 0px -1px 0px 0px rgba(255,255,255,0.07)inset, 0px 1px 2px 0px rgba(0,0,0,0.1);
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	transform: translateY(3px);
}
.race-icon-cait-sith, .race-icon-gargoyles, .race-icon-humans, .race-icon-stormriders, .race-icon-strm, .race-icon-golems, .race-icon-silverhands, .race-icon-hamadryads, .race-icon-luchorpan, .race-icon-tuatha, .race-icon-bean-sidhe, .race-icon-fir-bog, .race-icon-ulfhednar, .race-icon-dvergr, .race-icon-valkyrie, .race-icon-vikings, .race-icon-frost-giants, .race-icon-helbound {
	height: 48px;
	width: 44px;
}
.race-icon-cait-sith {
	background: url(images/race-spotlight/icon-cait-sith.jpg) no-repeat center center;
}
.race-icon-gargoyles {
	background: url(images/race-spotlight/icon-gargoyles.jpg) no-repeat center center;
}
.race-icon-humans {
	background: url(images/race-spotlight/icon-humans.jpg) no-repeat center center;
}
.race-icon-stormriders {
	background: url(images/race-spotlight/icon-storm-riders.jpg) no-repeat center center;
}
.race-icon-strm {
	background: url(images/race-spotlight/icon-strm.jpg) no-repeat center center;
}
.race-icon-golems, .race-icon-golems-part-ii {
	background: url(images/race-spotlight/icon-golems.jpg) no-repeat center center;
}
.race-icon-silverhands {
	background: url(images/race-spotlight/icon-silverhands.jpg) no-repeat center center;
}
.race-icon-hamadryads {
	background: url(images/race-spotlight/icon-hamadryads.jpg) no-repeat center center;
}
.race-icon-luchorpan {
	background: url(images/race-spotlight/icon-luchorpan.jpg) no-repeat center center;
}
.race-icon-tuatha {
	background: url(images/race-spotlight/icon-tuatha.jpg) no-repeat center center;
}
.race-icon-bean-sidhe {
	background: url(images/race-spotlight/icon-bean-sidhe.jpg) no-repeat center center;
}
.race-icon-fir-bog {
	background: url(images/race-spotlight/icon-fir-bog.jpg) no-repeat center center;
}
.race-icon-ulfhednar {
	background: url(images/race-spotlight/icon-ulfhednar.jpg) no-repeat center center;
}
.race-icon-dvergr {
	background: url(images/race-spotlight/icon-dvergr.jpg) no-repeat center center;
}
.race-icon-valkyrie {
	background: url(images/race-spotlight/icon-valkyrie.jpg) no-repeat center center;
}
.race-icon-vikings {
	background: url(images/race-spotlight/icon-vikings.jpg) no-repeat center center;
}
.race-icon-jotnar {
	background: url(images/race-spotlight/icon-frost-giants.jpg) no-repeat center center;
}
/* TODO: move to classes */
.race-icon-helbound {
	background: url(images/race-spotlight/icon-helbound.jpg)
}
/* COMMON LORE */
.lore-paper-top {
	width: 100%;
	height: 30px;
	background: url(images/lore/paper-top.jpg) no-repeat top center;
}
.lore-paper-middle {
	width: 100%;
	background: url(images/lore/paper-middle.jpg) repeat-y top center;
	overflow: hidden;
}
.lore-paper-bottom {
	width: 100%;
	height: 30px;
	background: url(images/lore/paper-bottom.jpg) no-repeat top center;
}
.lore-paper-middle h1 {
	color: #b59c85 !important;
	font-size: 28px;
	text-align: center;
}
.lore-paper-middle p {
	color: #84674c;
	font-size: 14px;
	padding-left: 20px;
}
/* OVERRIDE MAILCHIMP CLASSES */
.nl_thumb {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 5px;
	overflow: hidden;
	display: inline-block;
}
.nl_thumb a {
	display: block;
  height: 95px;
  width: 300px;
  overflow: hidden;
  color: white!important;
  font-family: "Caudex";
  font-size: 22px;
  opacity: 0.7;
  text-align: center;
    letter-spacing: 1px;
  padding-top: 25px;
  text-decoration:none !important;
}
.nl_thumb a:hover {
	opacity: 1;
	text-decoration:none !important;
}
.nl_thumb img {
}
.content-newsletter {
	margin: auto;
}
.content-newsletter img{
	width:100% !important;
	max-width:100% !important;
}
.content-newsletter td {
	border: none;
}
.content-newsletter tr {
	background: transparent;
}
.content-newsletter table {
	margin: 0 !important;
	background: transparent !important;
}
.content-newsletter .mcnDividerBlock {
	margin: 0;
}
.mcnCaptionRightImageContentContainer {
	width: 80px !important;
}
.mcnCaptionRightTextContentContainer {
	width: 420px !important;
}
.mcnImageContent p {
	width: 565px !important;
	margin: 0 auto !important;
}
/* rought form styles for when JS is disabled */
#country-select{
	margin-right:25px;
}
#country-select form {
	padding: 0;
	}

#country-select select,
#country-select input {
	display: inline;
	padding: 0;
	margin: 0;
	}
	
/* JS-created definition list */

.dropdown dd { position: relative; }

.dropdown a {
	text-decoration: none;
	outline: 0;
	font: 12px Arial, Helvetica, sans-serif;
	display: block;
	width: 50px;
	overflow: hidden;
	}

.dropdown dt a {
	
	padding: 4px;
	color: #fff;
	}

	.dropdown dt a.active {
		
		color: #fff;
		}

.dropdown dd ul {
	
	display: none;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	padding: 2px 0 5px 0;
	list-style: none;
	border-top: none;
	margin: 0;
	
	}

	.dropdown dd ul li a {
		padding: 2px 10px;
		}

	.dropdown dd ul li a span,
	a span.flag,
	.dropdown dt a span {
		float: left;
		width: 16px;
		height: 11px;
		margin: 2px 6px 0 0;
		background-image: url(images/flags.png);
		background-repeat: no-repeat;
		cursor: pointer;
		}

		.flag-mobile{
			margin-top:15px !important;
		}

		.us a span, a.us span { background-position: 0 0 }
		.uk a span, a.uk span  { background-position: -16px 0 }
		.fr a span, a.fr span  { background-position: -32px 0 }
		.de a span, a.de span  { background-position: -48px 0 }
		.nl a span, a.nl span  { background-position: -64px 0 }

	 dd ul li a em,
	.dropdown dt a em {
		font-style: normal;
		float: left;
		width: 15px;
		cursor: pointer;
		}

	.dropdown dd ul li a em {
		color: #dbc3b5;
		}

		.dropdown dd ul li a:hover { background-color: rgba(255,255,255,.1); }
		.dropdown dd ul li a:hover em { color: #fff; }

.dropdown dd ul li{
	margin:0 !important;
}