article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}


/* ==========================================================================
   General
   ========================================================================== */

body { 
	font-size: 1em; 
	line-height: 1.4;  
	position: relative;
	height: auto;
}
html{
	height: auto;
}
::-moz-selection { background: #EAEAEA; text-shadow: none; }
::selection { background: #EAEAEA; text-shadow: none; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
img { vertical-align: middle; border: none; }
a{ text-decoration: none; }
ol, ul{ margin: 0; padding: 0; }
.smallfont { font: 17px/30px 'Source Sans Pro'; }
.wrapper { width: 1140px; margin: 0 auto; }
a{
  -webkit-transition: all 0.3s ease-out; 
          transition: all 0.3s ease-out;     
}


/* ==========================================================================
   Theme Colours
   ========================================================================== */
body{
   	background: #f3f4f5;  /* Background for Site */
}
html, button, input, select, textarea, a, ul.social-link a { 
	color: #1f1f1f; /* General Body Text Color*/
}
.main ul li:before, h1 span, h2 span, h3 span, h4 span, .highlight, h5, h6, h1:after, h2:after, h3:after, .main-container a:hover, .more:before, ol > li:before, .cta a:hover, .error[generated=true], .footable.breakpoint > tbody > tr > td.expand:before, ul.social-link a:hover, .nav ul li a:hover, ul.page-numbers .current, ul.comments h5 a, .comment-reply-link:before, .comment-edit-link:before, #cancel-comment-reply-link:before, .link-pages p a, #wp-calendar a, #nav ul.sub-menu ul.sub-menu li:hover:before, #comments_pagination a, .right-aside .widget_nav_menu li a:hover, .toggle-btn.active, .accordion-btn.active{
	color: #ffc000; /* Feature Color*/
}   
a.btn, input[type=button], nav li.current-menu-item a, li.current-menu-parent a, input[type=submit], #menu-icon, ol.graphs > li,
.flex-control-paging li a.flex-active, ul.page-numbers li a.prev:hover, ul.page-numbers li a.next:hover, ul.paging a:hover span{
	background-color: #ffc000; /* Button Back Ground Color*/
	color: #fff; /* Button Text Color*/
}

a.btn:hover, input[type=button]:hover, nav a:hover, nav li.current-menu-item a:hover, li.current-menu-parent a:hover, input[type=submit]:hover, #menu-icon.active, #nav ul, .nav-parent.hover a{
	background-color: #646d72; /* Button Back Ground Color on Hover*/
	color: #fff;
}

a.btn2{
	background-color: #646d72 !important;/* Button Back Ground Color*/
	color: #fff; /* Button Text Color*/
}

a.btn2:hover{
	background-color: #e6e6e6 !important; /* Button Back Ground Color on Hover*/
	color: #e6e6e6;
}


h1, h2, h3, h4, .nav a, h1 a, h2 a, h3 a, h4 a, #response .success, .success:before, #response .failure, pre, .toggle-btn, .accordion-btn{
	color: #2d3438; /* Headings Color*/
} 
strong, b, .lead, .main table th, blockquote, .more, .cta a, .tweet, ul.pagination li a, ul.comments h5 a:hover, .comment-reply-link, .comment-edit-link, .link-pages, .link-pages p a:hover, #wp-calendar a:hover, #wp-calendar caption, #comments_pagination span, #comments_pagination a:hover, .right-aside .widget_nav_menu li a{
	color: #3c4a52; /* Headings Color*/
}
#masthead{
	background: #a4aeb0!important; /* Home Page Masthead Background Color - Match to image*/
}
.cta, .cta h1, .cta h2, .cta h4, .cta h5{
	color: #fff; /* Masthead Headings Color*/
}
.cta h3{
	color: #e2e2e2; /* Masthead Headings Color*/
}
span.wpcf7-not-valid-tip, div.wpcf7-response-output{
	color: #f47851;
}
h6.tags a, a:before{
	color: #CAD2D7;
}
h6.category a{
	color: #656a6f;
	text-transform: uppercase;
}
h6 a{
	color: #F17E4E;
}



/* ==========================================================================
   Logos
   ========================================================================== */  
.logo{
	max-width: 131px; /* Update width to suite your own logo size */
	padding-top: 10px;
}
.logo-foot{
	max-width: 45px; /* Update width to suite your own logo size */
}




	

/* ==========================================================================
   Masthead Styles
   ========================================================================== */
#masthead{
	display: block;
	height: 1050px;
}

.cta h1{
	font-family: 'robotoblack';
	font-size: 96px;
	margin-bottom: 15px;
	letter-spacing: -2px;
}
.cta h3{
	font-family: 'aleoitalic';
	letter-spacing: 0;
}
.cta h1:after, .cta h2:after, .cta h3:after {
	content: none;
}
.cta{
	margin-top: 18%;
	padding-bottom: 30px;
	font-size: 18px;
}
.cta a, .foot-widgets a:hover, .foot-widgets a:hover b{
	-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.flexslider.flexslider_single{
	margin-bottom: 0;
	margin-left:-25px;
}



/* ==========================================================================
   Main Navigation Styles
   ========================================================================== */

#nav-wrap {
    display: none;
}
.logo{
	display: inline-block;
	float: left;
}   
.logo img, .logo-foot img{
	width: 100%;
} 
#header{
    padding-top: 40px;
}
#header-logo{
    margin-top: 18px;
}
.header-container nav{
	float: right;
	margin-top: 10px;
}
.header-container .nav li{
	float: left;
	position: relative;
	margin: .4em .4em;
	list-style-type: none;
}
.nav a, .header-container div.nav li a{
	font-family: 'robotobold_condensed';
	font-size: 20px;
	padding: 0.3em 1.2em;
	border-radius: 3px;
	white-space: nowrap;
	-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
nav a.active{
	border-radius: 3px;
}
nav li.nav-parent:hover a{
	border-radius: 3px 3px 0px 0px;
}
nav li.current-menu-item a, nav li.nav-parent a{
	-webkit-transition: all 0ms ease-in-out;
	transition: all 0ms ease-in-out;
}
nav li.current-menu-item li a, li.current-menu-parent li a, nav li li.current-menu-item a{
	background: none;
}
/* Default icon */
div.nav{
	float: right;
	max-width: 80%;
}
.header-container div.nav li{
	float: none;
	display: inline-block;
	margin-bottom: 1em;
}

/* menu icon */
#menu-icon {
	display: none;
	font-family: 'robotobold_condensed';
	font-size: 20px;
	-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
#menu-icon span{
	width: 32px;
	height: 23px;
	display: inline-block;
	padding-right: 10px;
	position: relative;
	top: -2px;
}
#menu-icon span img{
	width: 100%;	
}

/* nav dropdown */
#nav ul {
	position: absolute;
	display: none;
	min-width: 160px;
	border-radius: 0px 3px 3px 3px;
	z-index: 10000;
}
#nav ul li {
	float: none;
	margin: 0;
	padding-left: 10px;
	padding: 0.4em;
	position: relative;
	display: block;
	
}
#nav ul li a{
	padding-left: .8em;
	padding-top: .2em;
	color: #fff;
}
#nav ul ul li a{
	padding-left: 0;
}
#nav li:hover  ul {
	display: block; 
}
#nav ul ul{
	position: relative;
	top: 0px;
	border-radius: 0px 3px 3px 3px;
	z-index: 10000;
}
#nav ul.sub-menu ul.sub-menu li:last-child{
	padding-bottom: 0;
}
#nav ul.sub-menu ul.sub-menu li a:before{
	content: "g";
	font-family: 'bulletsregular';
	position: relative;
	top: 0px;
	left: 0em;
}
#nav ul.sub-menu ul.sub-menu li{
	padding-left: 1em;
}







/* ==========================================================================
   Main Container General Layout Styles
   ========================================================================== */

#header hr{
    clear: both;
    display: block;
    border-bottom: 1px solid #cad2d7;
}
.header-container header{
	padding-bottom: 0;
}

.web{
	display: block;
	padding-bottom: 220px;
	position: relative;
}   
.main-containr{
	padding: 20px 0;
}
.main-content{
	width: 65%;
	float: left;
}
.main-content.full{
	width: 100%;
	float: none;
}
.main-content img, .right-aside img, .fluid-width-video-wrapper{
	max-width: 100%;
	background: #FFF;
	border: 6px solid #fff;
	margin: 1em 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
}
a img{
	position: relative;
}
.right-aside{
	float: right;
	width: 24%;
	border-left: 1px solid #cad2d7;
	padding-left: 4%;
}
.right-aside img{
	max-width: 100%;
}
.right-aside .widget_nav_menu li a, .right-aside .widget_nav_menu li a:hover{
	background: none;
}
 .gallery img{
	max-width: 100%;
	width: auto;
	background: #d7dce3;
	border: 6px solid #fff!important;
	margin: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery-item, .wp-smiley{
	text-align: left;
	width: auto;
}
.right-aside .canon_more_posts .mosaic-block.third, .right-aside .canon_more_posts .mosaic-block.third.last{
	width: 47.5%!important;
	margin-right: 5%!important;
	margin-top: .2em;
	margin-bottom: .7em;
}
.right-aside .canon_more_posts .mosaic-block.third:nth-child(2n+2){
	margin-right: 0!important;
}

/* Category menu*/

#menu-category-menu{
    font-family: 'robotobold';
    font-weight: normal;   
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 30px;
}
#menu-category-menu a{
	background: none;
}

#menu-category-menu a:hover,
#menu-category-menu li.current-menu-item a,
#menu-category-menu li.current-post-ancestor a{
    color: #F17E4E !important;
}


/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6, p{
	word-wrap: break-word;
}   
h1, h2, h3, h4, h5, h6{ 
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -1px;
	margin: 25px 0 .5em;
}
h1{
	/*font-size: 66px;*/
}
h2{
	font-size: 28px;
	margin-top: 15px;
/*	text-transform:uppercase;*/
}
.mays{
     text-transform:uppercase;
}
h3{
	font-size: 28px;
}
h4, h5, h3#reply-title, .foot-widgets h2{
	font-size: 24px;
}
.foot-widgets h2:after{
	display: none;
}
h6{
	font-size: 14px;
	letter-spacing: 0px;
	position: relative;
}
#header_logo{
	float: left;
}
blockquote h6, cite{
	top: -1.4em;
}
cite{
	font-family: 'robotobold';
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}
blockquote cite{
	display: block;
	text-transform: uppercase;
	margin-top: 1em;
}
.meta{
	margin-top: -10px;
	margin-bottom: 12px;
}
h6.tags{
	margin-top: 14px;
        
	font-family: 'robotoitalic'; 
}
h6.category{
	margin-top: 14px;
        margin-bottom: 14px;
	font-family: 'robotoitalic'; 	
}
h6.date{
	margin-top: 9px;
}
h6.meta{
	margin-top: 9px;
}
h6.tags a:before{
	 font-family: 'bulletsregular';
	 content: "p";
}
h6.tags a{
	margin-right: .5em;
}
strong, h1, h2, h3, h4, h5, h6, b, .more, ol > li:before, .cta a, .comment-reply-link, .comment-edit-link{
	font-family: 'robotobold';
	font-weight: normal;
}
h1:after, h2:after, h3:after, .logo-text:after{
	content: ".";
	font-size: 40px;
	position: relative;
	padding-left: 3px;
}
.logo-text:after{
	left: -3px;
}
.logo-text{
	letter-spacing: -2px;
	position: relative;
	top: .1em;
	font-size: 54px;
	font-family: 'robotobold';
}
h3#reply-title:after{
	display: none;
}
em{ 
	font-style: normal;
	font-family: 'robotoitalic'; 
}
.lead, blockquote{
	font-size: 24px;
	line-height: 32px;
	font-family: 'aleoitalic';
}

cite{
	
}
.lead{
	margin-top: 0;
}

.main-container a, span{
	-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.main-container a{
	cursor: pointer;
}

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cad2d7; padding: 0; margin: 2em 0; }
hr.dash { display: block; height: 1px; border: 0; border-top: 1px dashed #cad2d7; margin: 3em 0; padding: 0; }
hr.dots { display: block; height: 1px; border: 0; border-top: 1px dotted #cad2d7; margin: 3em 0; padding: 0; }
aside hr, hr.dash, hr.dots{margin: 2em 0;}


pre{
	font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
	margin-bottom:10px;
	overflow:auto;
	width:auto;
	padding: 0 1em;
	background-color:#fff;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#ffffff), color-stop(51%,#efefef));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#efefef 51%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 51%, #efefef 51%);
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
	background-size: 100% 60px;
	line-height: 30px;
}

.wp-caption {
	max-width: 100%;
}
.wp-caption-text {
	font-style: normal;
	font-family: 'robotoitalic';
	margin-top: -.5em; 
}
.sticky{
	padding: 1em;
	padding-top: 0;
	background-color: rgba(120, 120, 120, .075);
}
.gallery-caption {
	font-style: normal;
	font-family: 'robotoitalic';
}
.bypostauthor {
	font-style: normal;
	font-family: 'robotoitalic';
}


iframe{
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1%;
	background-color: #fff;
	width: 98%;
}
.fluid-width-video-wrapper{
	margin-bottom: 2em;
	background-color: #ffffff;
	margin-top: 1em;
	
}
.flexslider .fluid-width-video-wrapper{
	margin-top: 0;
}
.fluid-width-video-wrapper iframe{
	width: 100%;
	padding: 0;
	margin: 0;
}
blockquote, blockquote.right, blockquote.left{
	margin: 0 3% 3%;
}
.tweet, .quote{
	font-size: 32px;
	font-family: 'aleolightitalic';
	line-height: 36px;
	padding-left: 2.2em;
	position: relative;
}
aside li.tweet p, aside li.tweet b{
	font-size: 18px;
	line-height: 26px;
	padding-left: 0;
	font-family: 'aleoitalic';
}
.tweet:before, aside .tweet .meta:before,  .tweets blockquote:before, .foot-widgets ul li.tweet:before{
	content: "L";
	font-family: 'socialicoregular';
	color: #cad2d7;
	position: absolute;
	left: 0;
	top: 10px;
	font-size: 70px;
}
 .tweets blockquote:before{
 	position: relative;
 	top: 12px;
 	left: -12px;
 }
.quote:before{
	content: "“";
	font: 105px/66px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #cad2d7;
	position: absolute;
	left: 10px;
	top: 10px;
}
aside .tweet:before{
	display: none;
}
aside .tweet .meta{
	margin-top: 1em;
	position: relative;
	padding-left: 38px;
}
aside .tweet .meta:before{
	font-size: 40px;
	top: 2px;
}
aside .tweet{
	border-bottom: 1px solid #CAD2D7;
}
aside .tweet:last-child{
	border: none;
}



/* ============= Lists ===============*/   
.main ul, .main ol{
	margin-bottom: 12px;
}
.main ul li > ul, .main ol li > ol{
	margin-bottom: 0;
	margin-left: -5px;
}
.main ul li.parent{
	padding-bottom: 0;
}   
.main ul li, .more, .comment-reply-link, .comment-edit-link, #cancel-comment-reply-link{
	list-style-type: none;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 8px;
	position: relative;
	padding-left: 32px;
	margin-left: 20px;
}

.main ul li:before, .more:before, .comment-reply-link:before, .comment-edit-link:before, #cancel-comment-reply-link:before{
	content: "g";
	font-family: 'bulletsregular';
	font-size: 16px;
	left: 3px;
	top: 6px;
	position: absolute;
}
.comment-reply-link, .comment-edit-link, #cancel-comment-reply-link{
	float: right;
}
.main ol{
	margin-left: 22px;
}
ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    list-style:none; 
	margin: 0 0 0 1em;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 0px;
}
ol > li:before {
    content:counter(li) "."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    position:absolute;
    top:-2px;
    left:-1.5em;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:1.5em;
    margin-right:8px;
    padding:4px;
    text-align:center;
}
li ol,li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

ul.archive li{
	display: inline-block;
	min-width: 40%;
}
ul.tweets li{
	padding-left: 0;
}


/* ============= Pagination + Paging ===============*/   
ul.pagination, ul.page-numbers{
	text-align: center;
}
ul.pagination li:before, ul.paging li:before, ul.page-numbers li:before{
	display: none;
}
ul.pagination li, ul.paging li, ul.page-numbers li{
	padding-left: 0;
	display: inline;
	font-size: 20px;
	font-family: 'robotobold';
	padding: .3em;
	cursor: pointer;
}
ul.pagination li a.active{
	/* see theme colours */
}
ul.pagination .left a, ul.pagination .right a, ul.paging a span, ul.page-numbers li a.next, ul.page-numbers li a.prev, ul.paging span{
	/*color: #fff;*/
	font-family: 'bulletsregular';
	border-radius: 3px;
	/*background: #bbc3c8;*/
	padding: .3em .5em .2em;
	opacity: .6;
}
ul.pagination .left a:hover, ul.pagination .right a:hover, ul.paging a:hover span, ul.page-numbers li a.next:hover, ul.page-numbers li a.prev:hover, ul.paging span:hover{
	opacity: 1;
}
ul.paging span.inactive{
	text-transform: uppercase;
	opacity: .5;
	cursor: auto;
}
ul.paging .right span.inactive{
	text-transform: none;
}
ul.pagination .right a, ul.paging .right span, ul.page-numbers li a.next{
	padding-right: .4em;
	padding-left: .6em;
}
ul.pagination .left:hover, ul.pagination .right:hover{
	/* see theme colours */
}
ul.paging{
	margin-top: 30px;
}
ul.paging a{
	font-size: 18px;
}
ul.page-numbers li a.next{
	float: right;
}
ul.page-numbers li a.prev{
	float: left;
}
.link-pages p{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DDE1E5;
	border-radius: 3px 3px 3px 3px;
	font-family: 'robotobold';
	margin-bottom: 0;
	margin-top: 2em;
	padding: 0.3em;
	text-align: center;
	word-spacing: 12px;
	
}


/* ============= Comments ===============*/
ul.comments li{
	padding-left: 0;
}
ul.comments li div{
	line-height: 20px;
	padding: 0em;
}
ul.comments li div{
	padding: 1em 2%;
}
ul.comments ul li div{
	padding-left: 4%;
}
ul.comments ul ul li div{
	padding-left: 6%;
}
ul.comments ul ul ul li div{
	padding-left: 8%;
}
ul.comments ul ul ul ul li div{
	padding-left: 10%;
}
ul.comments ul ul ul ul ul li div{
	padding-left: 12%;
}
ul.comments ul ul ul ul ul ul li div{
	padding-left: 14%;
}
ul.comments ul{
	margin-bottom: 0;
}
ul.comments li > ul{
	margin: 0;
}
ul.comments .odd{
	background: #fff;
} 
ul.comments li:before{
	display: none;
}
ul.comments h5, ul.comments h6{
	display: inline;
	font-size: 18px;
	letter-spacing: 0;
}
ul.comments h6{
	color: #b1b4ba;
	font-size: 14px;
	margin-left: 1em;
}
ul.comments li p{
	margin-top: .5em;
	margin-bottom: .5em;
}
#comments_pagination{
	text-align: center;
}
#comments_pagination .page-numbers{
	border-radius: 3px;
	background: #fff;
	padding: .3em .8em .2em;
	margin: 0 .2em;
}

#comments_pagination .prev.page-numbers, #comments_pagination .next.page-numbers{
	display: none;
}




/* ============= Graphs ===============*/ 
ol.graphs{
	margin: 0 0 2em;
}
ol.graphs > li:before{
	display: none;
}
ol.graphs > li{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: .4em;
	padding: .2em 2%;
	font-family: 'robotobold';
}
ol.graphs > li span{
	float: right;
}
.per-10{
	width: 6%;
}
.per-20{
	width: 16%;
}
.per-30{
	width: 26%;
}
.per-40{
	width: 36%;
}
.per-50{
	width: 46%;
}
.per-60{
	width: 56%;
}
.per-70{
	width: 66%;
} 
.per-80{
	width: 76%;
}
.per-90{
	width: 86%;
}
.per-100{
	width: 96%;
}



/* ============= Buttons ===============*/
a.btn, input[type=button], input[type=submit]{
	border: none;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	font-family: 'robotobold';
	border-radius: 3px;
	padding: .8em 1.2em;
	white-space: nowrap;
	display: inline-block;
	-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	margin-bottom: .5em;
	margin-top: .5em;
}
a.btn:hover{
	color: #fff;
}
a.small-btn{
	font-size: 14px;
	padding: .4em .9em;
}
a.xsmall-btn{
	font-size: 12px;
	padding: .2em .7em;
}



/* ============= Tables ===============*/
.main table{
	border: 0px solid #dde1e5;	
	text-align: left;
	width: 100%;
	background: #ffffff;
}
.main table th{
	padding: .5em;
	border: 0px solid #dde1e5;
	background-color: #ebedef;
	vertical-align: top;	
}
.main table td{
	padding: .5em;
	border: 0px solid #dde1e5;
	vertical-align: top;	
}
.main table tr:nth-child(2n+1){
	background-color: #f8f8f8;
}




/* ============= Forms ===============*/
form{
	margin-top: 3em;
}
#commentform{
	margin-top: 1em;
}
fieldset{
	padding: 1em;
	border-radius: 3px;
	border: 1px solid #d9d6cf;
	margin-bottom: 1em;
}
fieldset fieldset{
	background: #ffffff;
}
label{
	font-weight: normal;
	font-family: 'robotobold';
	padding-right: 1em;
	display: block;
}
input[type=text],  input[type=email], input[type=password], textarea, input[type=tel], input[type=url], input[type=date], input[type=range]{
 	border: 1px solid #dde1e5;
	background: #ffffff;
	padding: 10px 2%;
	font-family: 'robotolight_italic';
	color: #969ca5;
	border-radius: 3px;
	display: inline-block;
	outline: none;
	margin-bottom: 1em;
	resize: none;
	display: block;
	width: 78%;
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=password]:focus{
 	border: 1px solid #efdca2;
}
input.half{
	width: 48%;
	margin-right: 4%;
}
input.full, textarea.full{
	width: 100%;
}
input.field-last{
	padding: 10px 2%;
	margin-right: 0;
}
 
textarea{
	width: 96%;
	height: 140px;
	display: block;
	resize: none;
	outline: none;
}
select, input[type=radio], input[type=checkbox] {
	margin-bottom: 1em;
	margin-right: 6px;
}
.error[generated=true] {
	font-size: 14px;
	font-family: 'robotoitalic';
}

/* ============= Contact Form 7 Styles ===============*/
span.wpcf7-not-valid-tip, div.wpcf7-response-output{
	background: transparent;
	border: none;
	padding-left: 0;
}
span.wpcf7-not-valid-tip{
	position: relative;
	left: 0;
	top: 0;
	margin-top: -15px;
	display: block!important;
}





/* ============= Mosaic Styles ===============*/
.mosaic-block {
	position:relative;
	overflow:hidden;
	background:#ffffff url(img/progress.gif) no-repeat center center;
	margin: 1em 0;
	border: 5px solid #ffffff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	max-width: 100%;
}
.mosaic-block img{
	margin: 0;
	border: none;
	
}
.mosaic-backdrop {
	display:none;
	top:0;
	height:100%;
	background:#fff;
}
	
.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#111;
}		
.fade .mosaic-overlay {
	background:url(img/hover-magnify.png) no-repeat center center;
	background-size: 49px 49px;
	background-color: rgba(0, 0, 0, .3);
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
}
@media (min--moz-device-pixel-ratio: 1.5),
	(-o-min-device-pixel-ratio: 3/2),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-device-pixel-ratio: 1.5),
	(min-resolution: 1.5dppx) {
	/* on retina, use image that's scaled by 2 */
.fade .mosaic-overlay{
    background:url("img/hover-magnify@2x.png") no-repeat center 0;
    background-size: 98px 98px;
}
}

.fade .mosaic-overlay.goto_post{
	background:url(img/hover-gotopost.png) no-repeat center center;
	background-size: 49px 49px;
	background-color: rgba(0, 0, 0, .3);
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
}
@media (min--moz-device-pixel-ratio: 1.5),
	(-o-min-device-pixel-ratio: 3/2),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-device-pixel-ratio: 1.5),
	(min-resolution: 1.5dppx) {
	/* on retina, use image that's scaled by 2 */
.fade .mosaic-overlay.goto_post{
	background: url("img/hover-gotopost@2x.png") no-repeat center 0; /*Image of iphone 5 in hand */
	background-size: 98px 98px;
}
}





/* ============= Columns ===============*/
.full{
	width: 100%;
} 
.half{
	width: 47%;
	margin-right: 6%;
	float: left;
}
.third{
	width: 47%;
	margin-right: 5%;
	float: left;
}
.fourth{
	width: 22%;
	margin-right: 4%;
	float: left;
}
.two-thirds, .cta.two-thirds{
	width: 48%;
	margin-right: 5%;
	float: left;
}
.three-fourths{
	width: 74%;
	margin-right: 4%;
	float: left;
}
.left{
	float: left;
}
.right{
	float: right;
}
.half img, .third img, .fourth img, .two-thirds img, .three-fourths img{
	width: 100%;
}
/* My new columns*/
.sixth{
    width: 16.66666666666667%;
    padding: 1% 2% 1% 0;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
}
.four-sixths{
    width: 66.66666666666668%;
    padding: 1% 2% 1% 0;
    float: left;
    display: inline-block;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* ==========================================================================
   Footer Styles
   ========================================================================== */

#footer{
	background: none repeat scroll 0 0 #2E2E34;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 220px;
}				
#footer .wrapper{
    font-size: 14px;
    color: #9fa6aa;
    padding: 35px 0 10px 0;
    margin-top: 0px;
    clear: both;
    display: block;
    overflow: hidden;
}

#footer a{color: #FFFFFF;}
#footer a:hover{ color: #FB8404}

.logo-foot{
	display: inline-block;
	padding-right: 5px;
}
ul.social-link li:before{
	display: none;
}
ul.social-link li{
	display: inline;	
	padding: 0;
}
ul.social-link a{
	 font-family: 'socialicoregular';
	 font-size: 44px;
	 -webkit-transition: all 250ms ease-in-out;
	 transition: all 250ms ease-in-out;
	 opacity: .35;
}
ul.social-link a:hover{
	opacity: 1;
}
/* ============= Menu ===============*/

.inline-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.inline-list li{
    display: inline;
    list-style: none;
    margin-left: 3%;
}
.inline-list li:first-child{
    margin: 0;
}
#footer .inline-list{
    font-size: 13px;
}


/* dotted list */
.inline-list.dotted li{
    margin: 0 5px 0 0;
}
.inline-list.dotted li::after{
    content: '·';
    color: #999999;
    margin: 0 0 0 5px;
}
.inline-list.dotted li:last-child::after{
    content: '';
}
#footer .inline-list.dotted li a{
    color: #828285;
}

/* footer login links*/
#footer .login-links a{
    color: #FB8404;
}
#footer .login-links a:hover{
    text-decoration: underline;
}


/* ============= Calender ===============*/
#wp-calendar{
	
}
#wp-calendar caption{
	font-family: 'robotobold';
	background: #DDE1E5;
}

/** Back to top button **/
 #to_top {
     width:40px;
     height:40px;
     background: url(./img/totop.png) no-repeat 0 0 rgba(0, 0, 0, .7);
     position:fixed; 
     bottom:20px; 
     right:20px;
     cursor:pointer;
     /*display:none;*/
     /*opacity: 0.0;*/
}



/* ============= Message Boxes ===============*/
.message{
	border-width: 1px;
	border-style: solid;
	display: block;
	padding: .5em 1em;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	margin-bottom: 1em;
}
.message.success{
	border-color: #b0d0ae;
	background: #e7f0e8;
}
.message.info{
	border-color: #95b3c8;
	background: #dae3e9;
}
.message.error{
	border-color: #cf8177;
	background: #f2ddda;
}
.message.notice{
	border-color: #fcc84a;
	background: #f2f0da;
}



/* ==========================================================================
   TOGGLES
   ========================================================================== */
.toggle-btn { 
	text-decoration:none; 
	display:block;
	font-family: 'robotobold';
}
.toggle-content{ 
	display:none;
	margin-top: 1em;
}
.toggle-content.active{
	display: block;
}
ul.toggle li {
	position:relative;
	overflow:hidden;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: .85em;
	padding-right: 0;
	padding-bottom: .85em;
}
ul.toggle li:before{
	top: 15px;
}
ul.toggle{
	margin-bottom: 2.5em;
}

/* editbymb 22072013 */
/* ==========================================================================
   ACCORDION
   ========================================================================== */
.accordion-btn { 
	text-decoration:none; 
	display:block;
	font-family: 'robotobold';
}
.accordion-content{ 
	display:none;
	margin-top: 1em;
}
.accordion-content.active{
	display: block;
}
ul.accordion li {
	position:relative;
	overflow:hidden;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: .85em;
	padding-right: 0;
	padding-bottom: .85em;
}
ul.accordion li:before{
	top: 15px;
}
ul.accordion{
	margin-bottom: 2.5em;
}



/* ==========================================================================
   TABS
   ========================================================================== */
ul.tab-nav {
	position: relative;
	width:100%;
	margin: 0 auto!important;
	top: 1px;
}
ul.tab-nav li {
	float:left;
	position:relative;
	display:block;
	background: #ededed;
	text-align:center;
	margin-right: 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
	border-bottom: none;
	padding: .5em 1em;
	font: 18px 'robotobold';
} 
ul.tab-nav li:before{
	display: none;
}
ul.tab-nav li:hover {
	cursor:pointer;
}
ul.tab-nav li.active {
	z-index:50;
	border: none;
	background: #fbfbfb;
	border-style: solid;
	border-width: 1px;
	border-bottom: none;
}
.tab-content-block {
	clear:both;
	position:relative;
	width: 100%;
	background: #fbfbfb;
	border-style: solid;
	border-width: 1px;
}
.tab_content {
	padding: 15px 2% 20px 2%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h4.v_nav {display: none;}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.main-content img.wp-smiley, .main-content img.ajax-loader{
	width: auto;
	background: transparent;
	border: none;
}

















/* ==========================================================================
   FONTS
   ========================================================================== */
   
@font-face {
    font-family: 'aleoitalic';
    src: url('font/aleo-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aleo-italic-webfont.woff') format('woff'),
         url('font/aleo-italic-webfont.ttf') format('truetype'),
         url('font/aleo-italic-webfont.svg#aleoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'aleolightitalic';
    src: url('font/aleo-lightitalic-webfont.eot');
    src: url('font/aleo-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aleo-lightitalic-webfont.woff') format('woff'),
         url('font/aleo-lightitalic-webfont.ttf') format('truetype'),
         url('font/aleo-lightitalic-webfont.svg#aleolightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bulletsregular';
    src: url('font/bullets-webfont.eot');
    src: url('font/bullets-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/bullets-webfont.woff') format('woff'),
         url('font/bullets-webfont.ttf') format('truetype'),
         url('font/bullets-webfont.svg#bulletsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoblack';
    src: url('font/roboto-black-webfont.eot');
    src: url('font/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-black-webfont.woff') format('woff'),
         url('font/roboto-black-webfont.ttf') format('truetype'),
         url('font/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotobold';
    src: url('font/roboto-bold-webfont.eot');
    src: url('font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-bold-webfont.woff') format('woff'),
         url('font/roboto-bold-webfont.ttf') format('truetype'),
         url('font/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotobold_condensed';
    src: url('font/roboto-boldcondensed-webfont.eot');
    src: url('font/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-boldcondensed-webfont.woff') format('woff'),
         url('font/roboto-boldcondensed-webfont.ttf') format('truetype'),
         url('font/roboto-boldcondensed-webfont.svg#robotobold_condensed') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotoitalic';
    src: url('font/roboto-italic-webfont.eot');
    src: url('font/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-italic-webfont.woff') format('woff'),
         url('font/roboto-italic-webfont.ttf') format('truetype'),
         url('font/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotolight_italic';
    src: url('font/roboto-lightitalic-webfont.eot');
    src: url('font/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-lightitalic-webfont.woff') format('woff'),
         url('font/roboto-lightitalic-webfont.ttf') format('truetype'),
         url('font/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotoregular';
    src: url('font/roboto-regular-webfont.eot');
    src: url('font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-regular-webfont.woff') format('woff'),
         url('font/roboto-regular-webfont.ttf') format('truetype'),
         url('font/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'socialicoregular';
    src: url('font/socialico-webfont-webfont.eot');
    src: url('font/socialico-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/socialico-webfont-webfont.woff') format('woff'),
         url('font/socialico-webfont-webfont.ttf') format('truetype'),
         url('font/socialico-webfont-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'selfyregular';
    src: url('font/selfy-webfont.eot');
    src: url('font/selfy-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/selfy-webfont.woff') format('woff'),
         url('font/selfy-webfont.ttf') format('truetype'),
         url('font/selfy-webfont.svg#selfyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoLight';
    src: url('font/Roboto-Light-webfont.eot');
    src: url('font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Light-webfont.woff') format('woff'),
         url('font/Roboto-Light-webfont.ttf') format('truetype'),
         url('font/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}





/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.last{ margin-right: 0!important; padding-right: 0!important;  }
.first{ margin-left: 0!important; padding-left: 0!important;}
.tableless, .tableless th, .tableless tr, .tableless td{
	background: none!important;
	border: none!important;
	padding: 0px!important;
}

.text-uppercase{
    text-transform: uppercase;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}

/* ==========================================================================
   Thumb plus
   ========================================================================== */
.thumb-plus {
    background-color: #000000;
    display: block;
    margin-bottom: 1.25em;
    overflow: hidden;
    position: relative;
}
.thumb-plus img {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.thumb-plus:after {
	background-color: #FFFFFF;
	border-radius: 50%;
	color: #333333;
	content: "+";
	display: block;
	font-family: tahoma;
	font-size: 32px;
	font-weight: 900;
	height: 46px;
	left: 50%;
	line-height: 130%;
	margin-left: -23px;
	margin-top: -23px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 120%;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	width: 46px;
}
.thumb-plus:hover img {
    opacity: 0.8;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.thumb-plus:hover:after {
    top: 50%;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important;}
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")";}
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
img { max-width: 100% !important; page-break-inside: avoid; }

@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}


/* ==========================================================================
   Fit to content width
========================================================================== */

	/* editbymb 05062013 */
	.size-auto, 
	.size-full,
	.size-large,
	.size-medium,
	.size-thumbnail {
		max-width: 100%;
		height: auto;
	}

	/* editbymb 08062013 */
	.flexslider.flexslider_single.paged {
		margin-bottom: 40px;	
	}
   .flexslider ul {
   		margin-left:-25px;
   }

/* ==========================================================================
  To comply with Theme Check standards
========================================================================== */

	/* editbymb 08062013 */
	.wp-caption {}
	.wp-caption-text {}
	.sticky {}
	.gallery-caption {}
	.bypostauthor {}

	.alignright {float:right; }
	.alignleft {float:left; }
	.aligncenter {display: block; margin-left: auto; margin-right: auto}
	img.alignright {float:right; margin:0 0 1em 1em}
	img.alignleft {float:left; margin:0 1em 1em 0}
	img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* ==========================================================================
	homepage
========================================================================== */

	/* editbymb 24062013 */
	#hp_twitter_widget {display: none;}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.center{
	text-align: center;
}
.center-block{
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.statistics{
	display: table;
	width: 100%;
	margin-top: 1.5em;
}
.statistics ul{
	display: table-row;
}
.statistics ul li{
	display: table-cell;
	text-align: center;
	border-right: 1px solid #cad2d7;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0em;
}
.statistics li:last-child{
	border: none;
}
.statistics li:before{
	display: none;
}
.statistics li h4{
	font-family: 'selfyregular';
	text-transform: uppercase;
	font-size: 60px;
	color: #ffc000; 
	font-weight: normal;
	margin-bottom: .2em;
}
.statistics li h5{
	font-size: 48px;
	color: #9fadb4; 
	font-family: 'robotobold';
	letter-spacing: -1px;
	font-weight: normal;
	margin: 0;
}
.statistics li h6{
	color: #2d3438; 
	font-size: 18px;
	font-weight: normal;
	font-family: 'RobotoLight';
	margin-top: .4em;
}

footer{
	
	padding-bottom: 3em;
}	

.flexslider-quote blockquote{
	 font-family: 'aleolightitalic';
	 font-size: 32px;
}



/* ADDITIONAL UPDATES TO BE ADDED
* footer .wrapper - remove border - remove margin
* body - remove bottom padding
* .flex-control-paging li a - update size
* .flex-control-nav li - update margin
*/




/* ADDITIONAL UPDATES TO BE ADDED */
ul.filters{
	border-bottom: 1px solid #cad2d7;
	border-top: 1px solid #cad2d7;
	margin-top: 2.5em;
	margin-bottom: 2em;
	text-align: center;
}
ul.filters li:before{
	content: "q";
}
ul.filters li{
	display: inline-block;
	margin-right: 1em;
	border-right: 1px solid #cad2d7;
	padding-right: 1.2em;
}
ul.filters li:last-child{
	border: none;
	margin-right: 0;
}
ul.filters li.active a{
	color: #ffc000; 
}
footer .wrapper img{
	max-width: 100%;
}
footer .wrapper .mosaic-block{
	border-width: 3px;
	margin-top: .5em;
	margin-bottom: .5em;
}
.foot-widgets{
	border-bottom: 1px solid #cad2d7; 
}
.foot-widgets .tweet{
	font-size: 18px;
	line-height: 130%;
}
.foot-widgets ul li.tweet:before{
	font-size: 30px;
}
.foot-widgets ul li.tweet p:before{
	padding-left: 30px;
	content: "";
}
.foot-widgets ul li.tweet p{
	margin-top: 7px;
}
.home-hr{
	margin-top: 0;
}
.home-hr-reduce{
	margin-bottom: 1.5em;
}
.home-texty{
	margin-bottom: 4em;
}

#content.widecolumn {
    clear: both;
    display: block;
	max-width: 1140px;
    position: relative;
	margin: 200px auto 3px;
}

.content div.sharedaddy div.sd-block {
	border: none;
	margin-bottom: 10px;
	margin-bottom: 1rem;
	padding: 0;
}

.single-format-quote .content div.sharedaddy div.sd-block {
	display: none;
}

.content div.sharedaddy .sd-content {
	float: left;
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

.content div.sharedaddy a.sd-button {
	border: none !important;
	box-shadow: none;
}

.content .sd-social-icon-text a.sd-button > span, a.sd-button > span {
	opacity: 1;
	padding: 8px 15px;
	padding: 0.8rem 1.5rem;
}

.content li.share-facebook a.sd-button > span,
.content li.share-google-plus-1 a.sd-button > span,
.content li.share-linkedin a.sd-button > span,
.content li.share-pinterest a.sd-button > span,
.content li.share-twitter a.sd-button > span {
	border: none;
	color: #fff;
	font-family: 'verdana', arial;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	letter-spacing: 2px;
	letter-spacing: 0.2rem;
	text-transform: uppercase;
}

.content li.share-facebook a.sd-button > span {
background: #4965a0;
}
.content li.share-google-plus-1 a.sd-button > span {
background: #dd4b39;
}
.content li.share-linkedin a.sd-button > span {
background: #1b86bc;
}
.content li.share-twitter a.sd-button > span {
background: #00abf0;
}

.content li.share-facebook a.sd-button:hover > span,
.content li.share-google-plus-1 a.sd-button:hover > span,
.content li.share-linkedin a.sd-button:hover > span,
.content li.share-twitter a.sd-button:hover > span {
	background: #000;
}

.sd-content .sd-button span.share-count {
	color: #fff !important;
	font-size: 100% !important;
}

div.sharedaddy h3 {
font-size: 20px!important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
letter-spacing: 0;
line-height: 1;
font-weight: bold;
}

/*SIGNUP FORM*********************************************************************************/
/* =Social box
-------------------------------------------------------------- */
#social-box {
	
	/*margin: 24px 0 0;*/
	padding: 19px 0 0;
}
.social-box-wrap {
	text-align: center;
}
.social-title {
	font-size: 18px;
	font-weight: normal;
	padding: 4px 0 20px;
	margin: 0;
}
.follow-item-list {
	padding: 12px 0 0;
	margin: 0 0 48px;
	font-size: 0;
}
.follow-item {
	width: 27.65%;
	margin: 0 1.4% 0 0;
	display: inline-block;
	vertical-align: top;
	max-height: 36px;
	overflow: hidden;
}

.follow-item > a {
	display: table;
	height: 36px;
	color: #fff;
	line-height: 16px;
	font-size: 14px;
	padding: 0;
	border-radius: 4px;
	position: relative;
}

.follow-item > a:before {
	content: " ";
	display: block;
	width: 37px;
	height: 36px;
	float: left;
	margin: 0;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.follow-item > a > span {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 0 5px;
}

.social-item-wide {
	margin: 0 0 24px;
}
.social-item-small {
	vertical-align: middle;
	display: inline-block;
	margin: 0 20px 0 0;
}
.subscribe-form {
	text-align: right;
	padding: 12px 0 0;
}
.subscribe-form-single {
	text-align: center;
	margin: 0 0 24px;
}
.field-subscribe {
	position: relative;
	vertical-align: top;
	display: inline-block;
	width: 100%;
}
#social-box .field-subscribe {
	width: 40.2%;
}
.field-subscribe .field {
	border: none;
}
.field-subscribe-light .field {
	width: 100%;
	height: 48px;
	padding: 11px 13px 13px 60px;
	margin: 0;
	font-size: 16px;
	background: #eaeaea url(img/email-ico.png) no-repeat 13px 12px;
	color: #373737;
	border-radius: 3px;
	box-shadow: inset 0 0 5px rgba(4,36,61,.15);
}
.field-subscribe-light .field::-webkit-input-placeholder {
	color: #373737;
}
.field-subscribe-light .field:-moz-placeholder {
	color: #373737;
}
.field-subscribe-light .field::-moz-placeholder {
	color: #373737;
}
.field-subscribe-light .field:-ms-input-placeholder {
	color: #373737;
}
.field-subscribe-light .placeholder-active {
	color: #373737;
}
#social-box .subscribe-form .button {
	height: 48px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top:0px;
	margin-left: 18px;
	font-weight: bold;
}
.assistive-text {
	display: none;
}

/* Clearfix */
.clearfix {
	*zoom: 1;
}
.clearfix:after {
	content: " ";
	display: table;
	clear: both;
}
.follow-item > a:after,
.follow-item > a:after {
	background-position: 0 -972px;
	width: 19px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 14px;
}

.aside-title {
	font-size: 30px;
	margin: 0 0 4px;
	
}
.aside-number {
	color: #F17E4E;
}

.leave-reply:before,
.comments-number:before,
.update:before,
.info:before,
.author-website-link:before,
.field-subscribe:before,
.register-field:before,
.follow-item > a:after,
.review-content .summary-list-title:before,
.review-content .summary-title:before
 {
	content: " ";
	background: url('images/sprite-icon.png?ver=1.1.8') no-repeat;
	display: block;
	float: left;
}




#searchform{
    clear: both;
    display: block;
    overflow: hidden;
    width: 380px;
    margin: 0;
    float: right;
}
#searchform #s{
    display: inline-block;
    float: left;
    font-size: 18px;
    margin: 0;
    padding: 4px;
    width: 68%;
}
#searchform #send{
    display: inline-block;
    margin: 0;
    padding: 5px;
    width: 27%;
    float: right;
}

.single-post .main.wrapper .main-content{width:80%;margin: 0 auto; max-width: 750px; float: left}
.home .mosaic-backdrop{display:none!important}
.single-post div.ssba{
    left: 10px;
    margin: 0;
    position: fixed;
    top: 340px; 
    z-index: 10000;
}
.related_posts{float:right;width:40%}
.related_posts .widgettitle{margin-top:0px;font-size:30px}

.yarpp-related-widget ol > li a{
color: #F17E4E;
font-weight: bold;
}

/**
 *  Javier Arques stuff
 *  javiarchena@gmail.com
 */


/* 
   Share buttons
   ========================================================================== */

.single .ssba_sharecount{
	display: none;
}
.ssba img{
	background: none !important;
}

#author-bio-box .bio-gravatar {
    float: left;
    margin: 0px 15px 15px 0;
    padding-left: 10px;
    margin-right: 10px;
}


.bio-description
{
	font: 19px/27px 'Source Sans Pro'; 
	font-size: 19px; 
}

.yarpp-related a {
	font-size:80%;
	line-height: 0;
}

#the-content ul li {
    line-height: 30px;
}

.breadcrumbs{
font-size:0.87em;
color: #F17E4E;
margin: -15px 0 0 0px;
padding-bottom: 6px;
 } 
 
 .ctx-sections-container {
 	background: #FFF!important;
 }
 
 .post-post{
  text-transform: lowercase;	
 }
 
 
/* ==========================================================================
   Visibility classes
   ========================================================================== */

.show-on-mobile{
    display: none;
}
.hide-on-mobile{
    display: block;
}

/* ==========================================================================
   Media Queries 768
   ========================================================================== */
@media only screen and (max-width: 768px) {
    
    .hide-on-mobile{
        display: none;
    }
    .show-on-mobile{
        display: block;
    }    

	/* ============= Nav ===============*/
	#nav{ 
		display: none; 
	}
        #header_logo{
            display: block; clear: both;
        }
        #searchform{
            width: 100%;
            float: none;
        }
        #menu-category-menu {
            text-align: center;
        }
        
        .logo{
            float: none;
            display: block;
            text-align: center;
        }
	
	#nav-wrap {
		position: relative;
	}
	#nav li.nav-parent{
		padding-bottom: 0;
	}
	#menu-icon {
		display: inline-block;
		cursor: pointer;
		padding: 10px;
		border-radius: 3px;
	}
	div.header-container nav{
		margin-top: 0;
	}
	#nav {
		clear: both;
		position: absolute;
		top: 40px;
		min-width: 160px;
		z-index: 10000;
		padding: 5px;
		display: none; 
		right: 0px;
		background: #646d72;
		border-radius: 3px 0px 3px 3px;
	}
	#nav li {
		clear: both;
		float: none;
	}
	#nav a, #nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		border: none;
		color: #fff;
	}
	#nav a:hover, #nav ul a:hover{
		color: #ffc000;
	}
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li a{
		padding-left: 0;
	}
	#nav ul.sub-menu li a:before{
		content: "g";
		font-family: 'bulletsregular';
		position: relative;
		top: 0px;
		left: 0em;
	}
	#nav ul.sub-menu ul.sub-menu li a:before{
		left: 0;
	}
	/* ============= header ===============*/	
	#masthead{
		display: block;
		height: auto;
	}
	.cta h1{
		font-size: 72px;
	}
	.cta h3{
		font-size: 22px;
	}
	
	/* ============= Main Container General Layout Styles===============*/
	div.header-container header{
		padding: 30px 0 25px;
	} 
	.main-content, .right-aside{
		width: 100%;
		float: none;
		border: none;
		padding-left: 0;
		padding-right: 0;
	}

	.right-aside{
		border-top: 1px solid #cad2d7;
		margin-top: 25px; 
	}
	/* ============= Columns ===============*/ 
	.third, .half, .fourth, .two-thirds, ol.icon-lists li, ul.flag-lists li, .three-fourths, .foot.left, .foot.right, input.half, input.full, .sixth, .four-sixths{
		width: 100%;
		margin-right: 0%;
		float: none;
	}
	.third, .half, .fourth, .two-thirds, .three-fourths{
		margin-bottom: 30px;
	}
        .sixth, .four-sixths, .text-right, .text-left{
            text-align: center
        }
	blockquote.third, blockquote.half, blockquote.fourth, blockquote.two-thirds{
		width: 100%;
	}
	blockquote, blockquote.right, blockquote.left{
		margin: 0;
	}
	ul.archive li{
		min-width: 28%;
	}
	.foot.left, .foot.right{
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
	h6.tags.right, h6.date.left{
		float: none!important;
	}
	ul.filters li{
		display: block;
		border: none;
		border-bottom: 1px solid #CAD2D7;
		text-align: left;
		margin-right: 0;
	}
	ul.filters li a{
		display: block;
	}
	footer .wrapper .mosaic-block{
			border-width: 5px;
			margin-top: 1em;
			margin-bottom: 1em;
		}
		footer .wrapper .third .third, footer .wrapper .third .third.last{
			width: 45%;
			float: left;
			margin-right: 0%;
		}
	
		footer .wrapper .third .third:nth-child(2n+1){
			margin-right: 5%!important;
		}

        /* ============= Single ===============*/ 
    .single-post div.ssba {
        bottom: 0;
        left: 50%;
        margin-left: -100px;
        top: auto;
    }
    
    #author-bio-box, .related_posts{
        width: auto;
        float: none;
        display: block;
        margin: 15px 0;
    }    

	#social-box .field-subscribe {
	    margin: 0 0 20px;
	    width: 100%;
	}
	#social-box .subscribe-form .button {
	    margin: 0;
	    width: 100%;
	}    
	
 }
 
 
 /* ==========================================================================
    Media Queries 600
    ========================================================================== */
 @media only screen and (max-width: 600px) { 
 
 	.logo{
 		padding-bottom: 20px;
 	}
 	.main-content img{
 		width: 100%;
 	}
 	.backstretch{
 		opacity: 0.2;
 	}
 	.cta.two-thirds{
 		width: 100%;
 		margin-right: 0%;
 		float: none;
 	}
 	.cta h1{
 		font-size: 62px;
 	}
 	.cta h3{
 		font-size: 18px;
 	}
 
 	
 	/* ============= Tables ===============*/
 		.main table{ 
 			border-left: 1px solid #cad2d7;
 			border-right: 1px solid #cad2d7;
 			border-top: none;
 			border-bottom: none;
 		}	
 }
 
 

/* ==========================================================================
   Media Queries 480
   ========================================================================== */
@media only screen and (max-width: 480px) { 
	 input[type=text],  input[type=email], input[type=password], textarea, a.btn, input[type=button], input[type=submit]{
		padding: 10px 2%;
		width: 96%;
	}
	a.btn, input[type=button]{
		text-align: center;
	}
	a.small-btn{
		font-size: 14px;
		padding: .4em 2%;
	}
	a.xsmall-btn{
		font-size: 12px;
		padding: .2em 2%;
	}
	iframe{
		max-height: 320px;
	}
	#menu-icon{
		display: block!important;
		padding-left: 3%!important;
		padding-right: 3%!important;
		width: 94%!important;
	}
	.header-container header{
		text-align: center;
	}
	.logo{
		float: none;
	}
	#header_logo{
		float: none;
	}
	div.header-container nav{
		float: none;
		margin-top: 0em;
	}
	#nav{
		padding-left: 3%!important;
		padding-right: 3%!important;
		width: 94%!important;
		left: 0;
	}
	#nav li{
		padding: 0;
	}
	.hide-480{
		display: none;
	}
	#nav ul.sub-menu ul.sub-menu li{
		padding-left: 0;
	}
	#nav ul li a:before{
		display: none;
	}
	.statistics{
		text-align: center;
		display: block;
	}
	.statistics ul{
		display: inline;
	} 
	.statistics ul li, .statistics ul li:last-child{
		display: block;
		border-top: 1px solid #cad2d7;
		border-right: none;
	}
	.statistics ul li{
		margin-bottom: 2em;
	}
	.statistics ul li:last-child{
		margin-bottom: 0;
	}
	.cta h1{
		font-size: 42px;
	}
	.cta h3{
		font-size: 18px;
	}
	.cta h5, .cta p{
		display: none;
	}
	/* ==========================================================================
	   TABS
	   ========================================================================== */
	.tab-nav {display: none;}
			
	h4.v_nav {
		font: 20px 'robotobold';
		margin: 0;
		background: #EDEDED;
		text-align:center;
		margin-top: 0px;
		display: block;
		cursor: pointer;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			 -khtml-user-select: none;
			   -moz-user-select: none;
				-ms-user-select: none;
					user-select: none;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			padding: .5em 0;
		}
		.tab-content-block {
			clear:both;
			position:relative;
			width: 100%;
			background: #fff;
			border: 1px solid #D9D6CF;
		}
		h4.v_nav:first-child {
			margin-top: 0;
		}
		h4.v_active {
			z-index:50;
		}
}



 
/* ==========================================================================
   Media Queries 1140
   ========================================================================== */  
@media only screen and (max-width: 1140px) { 
	.wrapper, #content.widecolumn { width: 92%; margin: 0 4%; }
}



/* ==========================================================================
   Media Queries Min 768
   ========================================================================== */ 
@media screen and (min-width: 768px) {
#nav {
	/*display: block !important;*/
}
} 
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.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:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


/**** Base styles ****/

/*html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  padding: 20px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.7em;
  background: #1F1E1D;
  color: #FFF;
}

h1, h2, h3, p, ul, ol, pre, dl {
  margin-bottom: 1.0em;
}

h1, h2, #super-list, .element, .tagline, #index-list, 
.super-list .link {
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

h1, h2, h3 { font-weight: bold; }

h1 {
  font-size: 32px;
  line-height: 1.1em;
}

h2 {
  font-size: 24px;
  line-height: 1.1em;
}

ul, ol {
  margin-left: 1.5em;
}

a,
a code {
  color: #FB4;
  text-decoration: none;
}

a:hover,
a:hover code { 
  color: #4BF; 
}

a:active,
a:active code {
  color: #1FB;
  background: black;
}

a img { border: none; }

em { font-style: italic; }
strong { font-weight: bold; }

blockquote {
  padding-left: 1.0em;
  margin-left: 1.0em;
  border-left: 1px solid #333;
  font-style: italic;
}
*/
/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */
html,
body {
  height: 100%;
}

#container {
  border: 1px solid #666;
  padding: 5px;
  margin-bottom: 20px;
}

.element {
  width: 110px;
  height: 110px;
  margin: 5px;
  float: left;
  overflow: hidden;
  position: relative;
  background: #888;
  color: #222;
  -webkit-border-top-right-radius: 1.2em;
      -moz-border-radius-topright: 1.2em;
          border-top-right-radius: 1.2em;
}

.element.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
.element.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
.element.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
.element.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
.element.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
.element.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
.element.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
.element.other.nonmetal  { background: #00F; background: hsl( 252, 100%, 50%); }
.element.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
.element.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }


.element * {
  position: absolute;
  margin: 0;
}

.element .symbol {
  left: 0.2em;
  top: 0.4em;
  font-size: 3.8em;
  line-height: 1.0em;
  color: #FFF;
}
.element.large .symbol {
  font-size: 4.5em;
}

.element.fake .symbol {
  color: #000;
}

.element .name {
  left: 0.5em;
  bottom: 1.6em;
  font-size: 1.05em;
}

.element .weight {
  font-size: 0.9em;
  left: 0.5em;
  bottom: 0.5em;
}

.element .number {
  font-size: 1.25em;
  font-weight: bold;
  color: hsla(0,0%,0%,.5);
  right: 0.5em;
  top: 0.5em;
}

.variable-sizes .element.width2 { width: 230px; }

.variable-sizes .element.height2 { height: 230px; }

.variable-sizes .element.width2.height2 {
  font-size: 2.0em;
}

.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
  font-size: 3.0em;
  width: 350px;
  height: 350px;
  z-index: 100;
}

.clickable .element:hover {
  cursor: pointer;
}

.clickable .element:hover h3 {
  text-shadow:
    0 0 10px white,
    0 0 10px white
  ;
}

.clickable .element:hover h2 {
  color: white;
}

/**** Example Options ****/

#options {
  padding-bottom: 1.0em;
}

#options h3 {
  margin-bottom: 0.2em;
  font-size: 15px;
}

#options h4 { 
  font-weight: bold;
}

#options ul {
  margin: 0;
  list-style: none;
}

#options ul ul {
  margin-left: 1.5em;
}

#options li {
  float: left;
  margin-bottom: 0.2em;
}

#options li a {
  display: block;
  padding: 0.4em 0.5em;
  background-color: #DDD;
  color: #222;
  font-weight: bold;
  text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
  background-image: -webkit-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:    -moz-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:     -ms-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:      -o-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:         linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
}

#options li a:hover {
  background-color: #5BF;
}

#options li a:active {
  background-color: #39D;
  -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
     -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
       -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
          box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
}

#options li a {
  border-left:  1px solid hsla( 0, 0%, 100%, 0.3 );
  border-right: 1px solid hsla( 0, 0%,   0%, 0.2 );
}

#options li:first-child a {
  border-radius: 7px 0 0 7px;
  border-left: none;
}

#options li:last-child a {
  border-radius: 0 7px 7px 0;
}

#options li a.selected {
  background-color: #13F;
  text-shadow: none;
  color: white;
}

/* Combination filter options*/

#options .option-combo {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

#options .option-combo ul {
  margin-right: 20px;
  display: inline-block;
}

#options .option-combo h2,
#options .option-combo h4 {
  line-height: 34px;
  margin-bottom: 0;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}

/* Color shapes */

.color-shape {
  width: 70px;
  height: 70px;
  margin: 5px;
  float: left;
}
 
.color-shape.round {
  -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
          border-radius: 35px;
}
 
.color-shape.big.round {
  -webkit-border-radius: 75px;
     -moz-border-radius: 75px;
          border-radius: 75px;
}
 
.color-shape.red { background: red; }
.color-shape.blue { background: blue; }
.color-shape.yellow { background: yellow; }
 
.color-shape.wide, .color-shape.big { width: 150px; }
.color-shape.tall, .color-shape.big { height: 150px; }

.color-shape a {
  display: block;
  height: 100%;
}

.color-shape a:hover {
  background: white;
  background: hsla( 0, 0%, 100%, 0.5 );
}

/**** Horizontal ****/

.horizontal #container {
  height: 80%;
}

#copy {
  max-width: 640px;
}

/**** Photo demo ****/

.photos .photo {
  width: 320px;
  margin: 5px;
  float: left;
}

.photos .photo img {
  display: block;
  width: 100%;
}

#content {
  margin-left: 210px;
}

.demos #content {
  height: 100%;
}

/**** Docs ****/

.docs #content {
  max-width: 640px;
}

.docs #content a:hover {
  border-bottom: 1px dotted;
}

/**** Doc page nav ****/



#site-nav {
  width: 200px;
  position: absolute;
  left: 10px;
  top: 0px;
  padding-top: 20px;
  font-size: 12px;
}

#site-nav h1 {
  font-size: 24px;
  margin-bottom: 0.5em;
  margin-top: 0;
  font-weight: bold;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

#site-nav h2 {
  font-size: 17px;
  font-weight: normal;
  margin: 0 0 0.3em;
  border-top: none;
}

#site-nav h1 a { color: #4FB; }
#site-nav h1 a:hover { color: #4BF; }

#site-nav ul {
  list-style: none;
  margin: 0 0 1.0em;
  font-weight: bold;
}

#site-nav ul ul { margin-bottom: 0; }

#site-nav ul a {
  display: block;
  border: none;
  padding: 1px 5px;
}

#site-nav ul .current a {
  background: hsla( 0, 0%, 0%, 0.3 );
  color: #1BF;
}
#site-nav ul a:hover,
#site-nav ul .current a:hover { color: white; }
  
#site-nav ul .current .toc a {
  font-size: 12px;
  padding-left: 1.2em;
  font-weight: normal;
}

/**** Doc content ****/

.docs #content h2 {
  border-top: 1px solid #333;
  padding-top: 0.8em;
  margin-bottom: 0.8em;
}

.docs #content h2:target { 
  padding: 10px;
  background: white;
  color: #222;
}

.docs #content h3 {
  color: #FEC;
  background: hsla( 0, 0%, 75%, 0.05 );
  padding: 2px 0.5em;
  margin-bottom: 0.5em;
  font-size: 1.15em;
}

.docs #content h4 {
  margin-bottom: 0.5em;
  font-size: 14px;
}


/*footer {
  font-size: 12px;
  font-style: italic;
  border-top: 1px solid #333;
  padding: 0.8em 0;
}

pre {
  padding: 10px;
}

pre, code {
  background: black;
  color: white;
  font-family: 'Monaco', monospace, sans-serif;
}


#content code {
  font-size: 12px;
}

#content pre {
  line-height: 1.6em;
}
*/

h3#options {
  padding-bottom: 0;
}

.option-def dl dt,
.option-def dl dd {
  float: left;
  padding: 0 1.2em;;
  background: #161616;
  line-height: 36px;
  height: 36px;
}

.option-def dl.header dt,
.option-def dl.header dd {
  background: #444;
}

.option-def dl .option-type {
  font-size: 13px;
  color: #AAA;
  font-style: italic;
}

.option-def dl dd {
  border-left: 1px solid #222;
}

/* Tagline */

.docs .tagline {
  font-size: 22px;
  font-weight: 300;
}

/* as-is from MIT */

.docs .as-is {
  font-size: 95%;
}

/* Commercial license blurb */

.docs #commercial {
  background: white;
  padding: 10px;
  font-size: 14px;
  color: #1F1F1D;
}

.docs #commercial a { font-weight: bold;}

/**** Pygments ****/

code .s1,
code .s { color: #78BD55; } /* string */
code .mi, /* integer */
code .cp, /* doctype */
code .kc { color: #5298D4; } /*boolean*/
code .k { color: #E39B79; } /* keyword */
code .kd, /* storage */
code .na { color: #A9D866; } /* markup attribute */
code .p  { color: #EDB; } /* punctuation */
code .o  { color: #F63; }   /* operator */
code .nb { color: #AA97AC;} /* support */

/* comment */
code .c,
code .c1 { color: #666; font-style: italic; }

code .nt { color: #A0C8FC; } /* Markup open tag */

code .nf { color: #9EA8B8; } /* css id */
code .nc { color: #A78352; }  /* CSS class */
code .m  { color: #DE8E50; } /* CSS value */
code .nd { color: #9FAD7E; } /* CSS pseudo selector */



/**** Super list ****/


/**** Sites using Isotope ****/

#sites h2 {
  display: none;
  padding: 0.4em;
  line-height: 32px;
  margin-bottom: 0.4em;
  -webkit-transition: background-color 0.8s;
     -moz-transition: background-color 0.8s;
       -o-transition: background-color 0.8s;
          transition: background-color 0.8s;
}

#sites h2 img {
  display: inline-block;
  margin-right: 0.4em;
  vertical-align: bottom;
}

#sites h2.loading {
  background: white;
  color: #222;
}
#sites h2.error {
  background: red;
  color: #222;
}


#sites ul {
  margin: 0;
}

.super-list .example {
  list-style: none;
  float: left;
  width: 230px;
  margin: 5px;
}

.super-list .example a,
.super-list .example b,
.super-list .example img {
  display: block;
}

.super-list .example img { width: 100%; }

.super-list .example a {
  background: #1F1E1D;
}

.super-list .example a:hover {
  background: white;
  color: #111;
}

.super-list .example b { 
  font-weight: bold;
  line-height: 1.3em;
  padding: 3px;
  padding-top: 8px;
}

.super-list .link {
  float: left;
  position: relative;
  font-size: 24px;
  line-height: 1.2em;
  font-weight: 300;
  margin: 5px;
}

.super-list .link {
  width: 230px;
  height: 110px;
}

.super-list .link a {
  display: block;
  padding: 10px;
  padding-left: 65px;
  height: 90px;
  background: #1F1E1D;
  color: #FE5;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
}

.super-list .link a:before {
  content: '➔';
  font-size: 70px;
  position: absolute;
  top: 30px;
  left: 5px;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

.super-list .link.away a:before {
  top: 25px;
  left: 0px;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.super-list .link a:hover {
  background: #E58;
  color: white;
}

.super-list .feature .name {
  bottom: auto;
  top: 140px;
  left: 18px;
  font-size: 20px;
}

/**** BIG Graph ****/

.big-graph {
  background: white;
  height: 600px;
  margin: 20px auto;
}

.big-graph .project {
  width: 45px;
  height: 45px;
  float: left;
}

.big-graph .project .icon {
  pointer-events: none;
  width: 31px;
  height: 31px;
  background: white;
  margin-left: 7px;
  -webkit-transition: -webkit-transform 0.25s;
     -moz-transition: -moz-transform    0.25s;
      -ms-transition: -ms-transform     0.25s;
       -o-transition: -o-transform      0.25s;
          transition: transform         0.25s;
}

.big-graph .project:hover {
  z-index: 5;
  
}

.big-graph .project:hover .icon {
  -webkit-transform: scale(3);
     -moz-transform: scale(3);
      -ms-transform: scale(3);
       -o-transform: scale(3);
          transform: scale(3);
}

.big-graph .project.commercial .icon { background: #6B6B6B; }
.big-graph .project.urbanism .icon { background: #00CF00; }
.big-graph .project.public-space .icon { background: #FF8D00; }
.big-graph .project.culture .icon { background: #D61919; }
.big-graph .project.body-culture .icon { background: #00ECFF; }
.big-graph .project.health .icon { background: #FF2251; }
.big-graph .project.education .icon { background: #00A700; }
.big-graph .project.housing .icon { background: #FF02FF; }
.big-graph .project.hotel .icon { background: #0000C3; }
.big-graph .project.media .icon { background: #292929; }

.big-graph .project p {
  line-height: 14px;
  font-size: 10.5px;
  color: black;
  margin-left: 7px;
}

/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}



/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active, .flexslider-quote a:active,
.flex-container a:focus, .flexslider-quote a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider, .flexslider-quote {margin: 0; padding: 0;}
.flexslider .slides > li, .flexslider-quote .slides > li {display: none; -webkit-backface-visibility: hidden; padding-left: 0;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block; margin-top: 0; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider, .flexslider-quote {margin: 0 0 40px;  position: relative;  zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.flexslider-quote{
	text-align: center;
}

.flexslider li:before, .flexslider-quote li:before{
	display: none;
}
.flexslider ul, .flexslider ol, .flexslider-quote ul, .flexslider-quote ol{
	margin-left: 0;
}
.flexslider-quote h6{
	margin-bottom: 2em;
}
.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0; height: 0;}
ul.flex-direction-nav li{
	position: static;
}
.flex-direction-nav a { 
	margin: -20px 0 0; 
	display: block;
	position: absolute; 
	top: 50%; 
	z-index: 10; 
	cursor: pointer;  
	opacity: 0; 
	-webkit-transition: all .3s ease;
	background-color: rgba(0, 0, 0, .2);
	-webkit-border-radius: 100px;
	border-radius: 100px;
	color: #fff;
	font: 24px 'bulletsregular';
	padding: .2em .5em;
}
.flex-direction-nav .flex-next { 
	right: 15px;
	padding: 0.3em 0.3em 0.15em 0.6em;
}
.flex-direction-nav .flex-prev {
	left: 15px;
	padding: 0.3em 0.4em 0.15em 0.5em; 
}
.flexslider:hover .flex-next {opacity: 0.8; right: 8px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 8px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 8px;}
  .flex-direction-nav .flex-next {opacity: 1; right: 8px;  }
}

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-image: url('fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}

#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
}
#slides {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #A4AEB0;
}
#slides .slides-container {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
#slides .slides-container li {
  margin: 0;
  padding: 0;
  position: relative;
  background: none;
  width: 100%;
}
#slides .slides-container li.current {
  display: block;
  z-index: 1;
}
#slides .slides-container li img {
  -webkit-backface-visibility: hidden;
  -ms-interpolation-mode: bicubic;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#slides .wrapper{
	z-index: 10;
	position: relative;
}
#slides header{
	position: absolute;
	width: 100%;
	z-index: 11;
	border-bottom: none;
}

#slides{
	min-height: 320px;
}
#slides .cta{
	margin-top: 300px;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
#slides .cta .more{
	padding-top: 2px;
}
.slides-navigation {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	z-index: 3;
	top: 50%;
	/*display: none;*/
}
.slides-navigation a {  
	background-color: rgba(0, 0, 0, .2);
	-webkit-border-radius: 100px;
	border-radius: 100px;
	color: #fff;
	font: 21px 'bulletsregular';
	position: absolute;
	text-decoration: none;
	display: block;
	text-align: center;
	top: 46%;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	width: 46px;
	height: 34px;
	padding-top: 12px;
	padding-right: 0;
	padding-left: 0;
}
.slides-navigation a:hover{
	background-color: rgba(0, 0, 0, .5);
}
.slides-navigation a.prev {
  left: 1em;
}
.slides-navigation a.next {
  right: 1em;
  padding-left: 6px;
  width: 40px;
}
.slides-pagination{
	display: none;
}

@media only screen and (max-width: 768px) {
	.slides-navigation a.prev {
	  left: 0em;
	}
	.slides-navigation a.next {
	  right: 0;
	}
	#slides .cta{
		margin-top: 250px;
	}
	#slides .cta.half{
		width: 60%;	
	}
}
@media only screen and (max-width: 600px) {
	.slide-img{
		opacity: .2;
	}
	#slides .cta.half{
		width: 100%;
		margin-right: 0;
	}
	
}
@media only screen and (max-width: 480px) {
	#slides .cta p{
		display: none;
	}
	.slides-navigation a{
		width: 25px!important;
	}
	.slides-navigation a.prev {
	  left: 0em;
	  -webkit-border-radius: 0px 100px 100px 0px;
	          border-radius: 0px 100px 100px 0px;
	}
	.slides-navigation a.next {
	  right: 0;
	  -webkit-border-radius: 100px 0px 0px 100px;
	          border-radius: 100px 0px 0px 100px;
	 width: 18px!important;
	 padding-left: 8px;        
	}
}

