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

	Theme Name: Micromuseo
	Theme URI: http://themeforest.net/item/extranews-responsive-news-and-magazine-theme/3102218
	Description: ExtraNews is a uniquely responive news theme for all sorts of publishers. Great for review and news sites, with integrated reviews, video, slideshows, and galleries in each post.
	Author: John Orrego
	Author URI: http://www.themewich.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0.0

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

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

@import url('css/reset.css');

/*import reset stylesheet */

@import url('css/prettyPhoto.css');

/* Import prettyphoto Stylesheet */


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


/*  Preloader Styles
/*-----------------------------------------------------------------------------------*/

div#preloaded-images {
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}


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


/*  *General Site Styles
/*-----------------------------------------------------------------------------------*/


/* #General Wordpress Styles
================================================== */

* {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

*,
 ::after,
 ::before {
    box-sizing: border-box !important;
}

.alignnone {
    /*margin: 0px 20px 20px 0;*/
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: auto;
}

.alignright {
    float: right;
}

.alignright>div {
    margin-bottom: 0!important;
}

.alignleft {
    float: left;
}

.noborder {
    border: none !important;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 15px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

em {
    font-style: italic;
}

.wp-caption {
    width: 100%!important;
    background: #fff;
    padding: 0px 0px 20px 0;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text,
.gallery-caption {
    font-size: 14px!important;
    line-height: 17px;
    margin: 0;
    padding: 5px 4px 0;
}

.gallery .gallery-icon img,
.gallery .gallery-icon a {
    width: 100%;
    border: none !important;
    display: block;
    background: #000 url(images/plus.png) center no-repeat;
    margin: 0;
}

.gallery {
    margin: 0 auto 15px auto !important;
}

.gallery-icon {
    padding: 0 3px;
}

.gallery-item {
    position: relative;
    margin-top: 4px !important;
}

img.attachment-thumbnail {
    max-width: 100% !important;
    height: auto !important;
}

blockquote {
    quotes: "\201c" "\201d" "\2018" "\2019";
    padding-left: 20px;
    border-left: 1px solid #dcdcdc;
    margin: 0px 0 20px 10px;
    font-size: 16px;
    line-height: 22px;
}

blockquote p {
    font-size: 14px;
    line-height: 24px;
}

.sticky {
    /*This theme doesn't use sticky posts */
}

.bypostauthor {
    border: 3px;
}


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


/*  *General Layout
/*-----------------------------------------------------------------------------------*/

html,
body {
    height: auto;
}

body {
    background: #000;
    margin: 0;
    overflow-x: hidden;
    font-size: 16px!important;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif!important;
    color: #555;
}

.sitecontainer {
    border: 1px solid #fff;
}

.container {
    background-color: #3a3a3c;
    position: relative;
    /*width: 964px;*/
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
}

.mainbody {
    /*padding:15px;*/
    z-index: 1;
    /* For ie7 */
}


/* Self Clearing For Safety Sake */

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.maincontent {
    /*width:826px;
	margin-bottom: 25px;
	margin-right: 15px;
	margin-top: -8px;
	border-top: 8px solid #333;*/
    float: left;
    position: relative;
    text-align: justify;
    z-index: 1;
}

.maincontent.slidercontent {
    border: none;
}

.maincontent.full {
    width: 100%;
}

.maincontent.page {
    margin-top: 30px!important;
    width: 100%;
}

.maincontent.page.no_top {
    margin-top: 0px!important;
}

.single .maincontent {
    width: 100%;
    border-top: 0;
}

#isonormal {
    margin-bottom: 20px;
    width: 700px;
    z-index: 1;
}

.sidebar {
    float: left;
}

.sidebar img {
    border: none!important;
}

.sidebar>.widget {
    display: block;
    font-size: 16px;
    padding: 15px;
    border: 1px solid #fff;
    color: #fff;
    text-align: justify;
}

.sidebar>.widget_custom_html:last-child {
    margin-bottom: 0;
}


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


/*  *Typography
/*-----------------------------------------------------------------------------------*/


/* #Site Wide Typography
================================================== */

p,
ul {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 16px;
}

p a,
a {
    text-decoration: none;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.pp_hoverContainer a {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -moz-transition: none;
}

h1 {
    margin: 0;
    padding: 0;
    font-size: 45px;
    line-height: 48px;
    margin-bottom: 20px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    color: #111;
}

h2 {
    margin: 0;
    padding: 0;
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 10px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    color: #111;
}

h3 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 18px;
    /*margin-top:24px;*/
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    color: #111;
}

h4 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 18px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    color: #111;
}

h5 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 14px;
    font-weight: bold;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    color: #111;
}


/* #Site Wide Specifics
================================================== */

p img {
    margin: 0;
}

p.lead {
    font-size: 21px;
    line-height: 27px;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}


/* #Blockquotes
================================================== */

blockquote {
    font-size: 14px;
    margin: 0 0 30px;
    padding: 0px 20px 0 19px;
    border-left-style: solid;
}


/*blockquote cite {
	display: block;
	font-size: 12px;
}
blockquote cite:before {
	content: "\2014 \0020";
}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
	color: #555;
}*/

hr {
    border: 1px solid #ff3399;
    clear: both;
    margin-top: 30px!important;
    margin-right: 0!important;
    margin-bottom: 30px!important;
    margin-left: 0!important;
    padding: 0;
    height: 1;
    width: 100%;
    padding: 0!important;
}


/* #General Elements
================================================== */

img.scale-with-grid {
    border: 1px solid #ff3399;
    width: 100% !important;
    height: 100% !important;
}

.articleinner img,
.blogcontent img,
.page img,
.widget img {
    opacity: initial!important;
    border: 2px solid #ff3399;
    max-width: 100% !important;
    /*width: 100% !important;*/
    height: auto !important;
}

.articleinner .theme-default img,
.blogcontent .theme-default img,
.page .theme-default img,
.widget .theme-default img {
    max-width: none !important;
}

.alert {
    /* For Non-Javascript Enabled Browsers */
    background: #ffffff;
    text-align: center;
    padding: 5px 0px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: .9;
}

.alert p {
    font-size: 24px;
    color: #666;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-left: -30px;
    margin-top: -18px;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.mobileclear {
    display: none;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

strong {
    font-weight: bold;
}

sup,
cite {
    vertical-align: super
}

sub {
    vertical-align: sub;
}

.nomargin {
    margin: 0;
}

.divider.nomargin {
    height: 1px;
    margin: 0 0 20px 0;
}

.button,
a.button,
a.more-link,
#submit {
    background-color: #333;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1;
    padding: 8px 10px 9px;
    position: relative;
    text-decoration: none;
    font-size: 10px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: none;
}

a.more-link {
    float: left;
}

span.more-link {
    display: block;
}

a.more-link {
    float: right;
    display: none;
}

.button:hover,
a.button:hover,
span.more-link:hover,
#submit:hover {
    color: #fff;
}

.button.custom:hover,
a.button.custom:hover,
#cancel-comment-reply-link:hover,
#commentsubmit #submit:hover {
    background: #333 !important;
}

span.more-link,
a.button,
.button {
    margin-top: 10px;
    border-radius: 0!important;
    background: #ff3399!important;
    color: #fff;
}

.pp_social {
    display: none !important;
}


/* #Button Sizes
================================================== */

.button.small {
    font-size: 10px;
}

.button.medium {
    font-size: 12px;
    padding: 10px 12px 11px;
}

.button.large {
    font-size: 14px;
    padding: 12px 14px 13px;
}

.button.huge {
    font-size: 18px;
    padding: 14px 16px 15px;
}


/* #Button Colors
================================================== */

.button.red {
    background: #C60108;
}

.button.orange {
    background: #E97F02;
}

.button.yellow {
    background: #ECBA09;
}

.button.green {
    background: #8FBE00;
}

.button.blue {
    background: #00A8C6;
}

.button.purple {
    background: #490A3D;
}

.button.purple:hover,
.button.blue:hover,
.button.green:hover,
.button.yellow:hover,
.button.orange:hover,
.button.red:hover {
    background: #333;
}


/* #Bubbles
================================================== */

.bubble {
    font-size: 10px;
    width: auto;
    position: relative;
    bottom: 100%;
    padding: 2px 8px;
    cursor: default;
    visibility: visible;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    line-height: 1.5;
    opacity: 1;
    z-index: 1;
    left: auto;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    float: right;
    margin-top: -5px;
}

.bubble {
    background: #999;
    color: #fff;
    cursor: pointer;
}

.bubble:hover,
.bubble:hover a {
    background: #999;
    color: #fff;
}

.bubble:after {
    content: "";
    position: absolute !important;
    bottom: -7px;
    z-index: 100;
    border: 0 solid #999;
    border-bottom: 7px solid transparent;
    width: 100%;
    border-right-width: 7px;
    border-left-width: 0;
    right: 0;
}

.bubblewrap {
    position: absolute;
    right: 15px;
    bottom: 20px;
    z-index: 11;
}


/* #Other Bubbles
================================================== */

.widget li.recentcomments {
    font-size: 12px;
    width: auto;
    position: relative;
    bottom: 100%;
    margin: 0 0 26px 0;
    /*25px for ie */
    padding: 12px;
    cursor: default;
    display: block;
    visibility: visible;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    line-height: 1.5;
    opacity: 1;
    z-index: 1;
    left: auto;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

#footer .widget li.recentcomments {
    background: #111;
    background: rgba(0, 0, 0, .25);
    color: #fff !important;
}

.widget li.recentcomments {
    background: #e3e3e3;
    background: rgba(0, 0, 0, .05);
    color: #555 !important;
}

.widget li.recentcomments:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border: 0 solid #e3e3e3;
    border: 0 solid rgba(0, 0, 0, .05);
    border-bottom: 14px solid transparent;
    width: 100%;
    border-left-width: 14px;
    left: 0;
}

.widget li.recentcomments:before {
    content: "";
    position: absolute !important;
    border: 0 solid #e3e3e3;
    border: 0 solid rgba(0, 0, 0, .05);
    bottom: -14px;
    z-index: 100;
}

#footer .widget li.recentcomments:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border: 0 solid #111;
    border: 0 solid rgba(0, 0, 0, .25);
    border-bottom: 14px solid transparent;
    width: 100%;
    border-left-width: 14px;
    left: 0;
}

#footer .widget li.recentcomments:before {
    content: "";
    position: absolute !important;
    border: 0 solid #111;
    border: 0 solid rgba(0, 0, 0, .25);
    bottom: -14px;
    z-index: 100;
}


/* #Inputs
================================================== */

input:focus {
    outline: none;
}

input,
textarea {
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc;
    font-size: 16px;
    width: 90%;
    padding: 5px 10px;
}

input,
input[type="text"],
textarea,
#commentsubmit input[type="text"],
#commentsubmit textarea,
.contactsubmit input[type="text"],
.contactsubmit textarea,
.contactsubmit select,
select#top_nav_menu {
    background: #fff;
    color: #555;
    border-color: #3a3a3c;
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="submit"] {
    border: 0;
    color: #fff;
    background: #ff3399;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
    -webkit-appearance: none;
    border-radius: 0;
}


/* #Search Box
================================================== */

input#s {
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc;
    font-size: 10px;
    width: 92%;
    max-width: 300px;
    margin: 0;
    -webkit-appearance: none;
    border-radius: 0;
}

.nav .search {
    width: 200px;
    min-height: 1px !important;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.nav .search input#s {
    background: #fff;
    color: #555;
    border: none;
    float: right;
}


/* #Divider Styling
================================================== */

.divider {
    /*margin:10px 0;*/
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #dcdcdc;
    height: 6px;
}

.divider.slim {
    margin: 0 0 20px 0;
}

.divider span {
    padding: 5px 10px;
    color: #fff;
    height: 12px;
    margin-bottom: -10px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#footer .divider span {
    background: #fff;
    color: #333;
}


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


/*	*Lists, Etc.
/*-----------------------------------------------------------------------------------*/


/* #Lists
================================================== */

ul,
ol {
    margin-bottom: 20px;
}

ul {
    list-style: none outside;
}

ol {
    list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
    margin-left: 30px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 4px 0 5px 30px;
    font-size: 90%;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
    margin-bottom: 6px;
}

li {
    line-height: 18px;
    margin-bottom: 12px;
}

ul.large li {
    line-height: 21px;
}

li p {
    line-height: 21px;
}


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


/*  *Dropdown Navigation
/*-----------------------------------------------------------------------------------*/


/*** ESSENTIAL STYLES ***/

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 1.0;
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 13em;
    /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
    /*width:			100%;*/
}

.sf-menu li:hover {
    visibility: inherit;
    /* fixes IE7 'sticky bug' */
}

.sf-menu li {
    float: left;
    position: relative;
    margin-right: 0;
}

.sf-menu li li {
    /*margin-right: 	15px;*/
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    background: #ccc;
    width: 1136px;
    right: 0;
    top: 2.75em;
    /* match top ul list item height */
    z-index: -1;
    padding-top: 0;
    visibility: visible!important;
    /*display: block!important;*/
    /*display: -webkit-inline-box!important;*/
}

.sf-menu li:hover ul ul,
.sf-menu li.sfHover ul ul {
    padding-top: 0;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 14.4em;
    /* match ul width */
    top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em;
    /* match ul width */
    top: 0;
}


/*** SKIN ***/

.sf-menu {
    float: left;
}

.sf-menu a {
    text-decoration: none;
    line-height: 27px;
}

.sf-menu a,
.sf-menu a:visited {
    /* visited pseudo selector so IE6 applies text colour*/
    color: #333;
    min-width: 1px;
    /* For IE7 */
    z-index: 11;
}

.sf-menu li {
    background: none;
}

.sf-menu li a {
    padding: 6px 2px;
}

.sf-menu li a:hover,
.sf-menu li.sfHover a {
    /*background:#01a49a;*/
    background: #111;
    color: #fff;
}

.sf-menu li a:hover .sf-sub-indicator,
.sf-menu li.sfHover .sf-sub-indicator,
.sf-menu li.current-menu-item a .sf-sub-indicator
/*, .sf-menu li.current_page_parent a .sf-sub-indicator */

{
    background: url('images/sprites.png') no-repeat;
    /* 8-bit indexed alpha png. IE6 gets solid image only */
    background-position: -70px -24px;
    width: 7px;
    height: 7px;
}

.sf-menu li.sfHover li .sf-sub-indicator,
.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.7em;
    /* IE6 only */
    width: 7px;
    height: 7px;
    text-indent: -999em;
    overflow: hidden;
    background: url('images/sprites.png') no-repeat;
    /* 8-bit indexed alpha png. IE6 gets solid image only */
    background-position: -22px -23px;
}

.sf-menu li.sfHover li .sf-sub-indicator {
    top: 1.5em;
}

.sf-menu li li a,
.sf-menu li li a:visited,
.sf-menu li.sfHover li a {
    padding-right: 30px;
    padding-left: 30px;
    /*width: 100%;*/
    font-size: 16px;
    line-height: 18px;
    background: #ccc;
    color: #333 !important;
    /*border-bottom: 1px dotted #dcdcdc;*/
    font-weight: normal;
}

.sf-menu li li:last-child a,
.sf-menu li li:last-child a:visited {
    border-bottom: none;
}

.sf-menu ul li li a {
    border-left: 1px dotted #dcdcdc;
}

.sf-menu li li {
    text-align: center;
    background: #ccc;
}

.sf-menu li li li {
    background: #fff;
}

.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li a:focus,
.sf-menu li li a:hover,
.sf-menu li li a:active {
    background: #f3f3f3;
    outline: 0;
}


/*** arrows **/

.sf-menu a.sf-with-ul {
    /*padding-right: 	28px;*/
    min-width: 1px;
    /* trigger IE7 hasLayout so spans position accurately */
}

a>.sf-sub-indicator {
    /* give all except IE6 the correct values */
    top: 1.7em;
    right: 10px;
    background-position: -70px -24px;
    /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.sf-sub-indicator {
    display: none;
}

.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

.sf-menu ul li a:focus,
.sf-menu ul li a:hover,
.sf-menu ul li a:active,
.sf-menu ul li li a:focus,
.sf-menu ul li li a:hover,
.sf-menu ul li li a:active {
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

.sf-menu ul li li a {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #dcdcdc;
    border-left: 1px dotted #dcdcdc;
}

.sf-menu ul li li:last-child a {
    border-bottom: none;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 14.4em;
    /* match ul width */
    top: 0;
}

.container.navcontainer {
    z-index: 10;
}

.sf-menu li ul,
.sf-menu li li ul {
    /*box-shadow: 0 0 30px rgba(0, 0, 0, .35);
	-moz-box-shadow: 0 0 30px rgba(0, 0, 0, .35);
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .35);*/
}


/*** shadows for all but IE6 ***/

.no-boxshadow .sf-shadow ul {
    background: url('images/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}

.no-boxshadow .sf-shadow ul.sf-shadow-off {
    background: transparent;
}


/* #Topbar Nav Style
================================================== */

.r a>.sf-sub-indicator {
    top: .7em;
    right: 5px;
}

.topbar .container {
    border: 1px solid #fff;
}

.topbar .sf-menu a {
    padding: 8px 0px 4px;
    ;
    background: none;
    font-weight: bold;
    font-size: 16px;
    color: #fff !important;
    line-height: 12px;
    text-align: center;
}

.topbar .sf-menu a.sf-with-ul {
    padding-right: 20px;
}

.topbar .sf-menu li:hover ul,
.topbar .sf-menu li.sfHover ul {
    top: 2.6em;
    right: 0;
    left: auto;
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .15);
}

.no-boxshadow .topbar .sf-menu li:hover ul,
.no-boxshadow .topbar .sf-menu li.sfHover ul {
    right: -.75em;
}

.topbar ul.sf-menu li li:hover ul,
.topbar ul.sf-menu li li.sfHover ul {
    top: 0;
    right: 14.5em;
    left: auto;
}

.no-boxshadow .topbar ul.sf-menu li li:hover ul,
.no-boxshadow .topbar ul.sf-menu li li.sfHover ul {
    right: 13.5em;
}

.topbar .sf-menu li li a,
.topbar .sf-menu li li a:visited,
.topbar .sf-menu li.sfHover li a,
.topbar .sf-menu li a:hover,
.topbar .sf-menu li.sfHover a {
    background-color: #f9f9f9;
    color: #777 !important;
}

.topbar .sf-menu li li:hover,
.topbar .sf-menu li li.sfHover,
.topbar .sf-menu li li a:focus,
.topbar .sf-menu li li a:hover,
.topbar .sf-menu li li a:active {
    background-color: #fff;
}

.topbar .sf-menu li ul,
.topbar .sf-menu li li ul {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.topbar a>.sf-sub-indicator {
    right: .75em;
    top: .9em;
}

.topbar .sf-menu li.sfHover li .sf-sub-indicator {
    left: .75em;
    top: 1.1em;
}

.topbar .sf-sub-indicator,
.topbar .sf-menu li a:hover .sf-sub-indicator,
.topbar .sf-menu li.sfHover .sf-sub-indicator,
.topbar .sf-menu li.current-menu-item a .sf-sub-indicator {
    background: url('images/sprites.png') no-repeat;
    background-position: -369.00006103515625px -23px;
}

.topbar .sf-menu li.sfHover li .sf-sub-indicator {
    background: url('images/sprites.png') no-repeat;
    background-position: -420.00006103515625px -25px;
}

.topbar .sf-menu ul li li a {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #dcdcdc !important;
    border-left: 0;
    border-right: 1px dotted gainsboro;
    margin: 0;
}

.topbar .sf-menu ul li li:last-child a {
    border-bottom: 0;
}


/* Mobile Navigation Container */

.mobilenavcontainer {
    width: 100%;
    position: static;
    z-index: 999999;
    display: none;
}

#mobilenav:target a {
    -moz-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -ms-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -o-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -webkit-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    transition: height .25s, line-height .25s, background .25s, visibility .25s;
}


/* Mobile Navigation */

.mobilenavigation {
    margin: auto auto 15px;
}

ul#mobilenav,
#mobilenav li {
    list-style: none;
    margin: 0;
}

#mobilenav:target li li li a,
#mobilenav li li li a.display {
    padding-left: 40px;
}

#mobilenav:target li li li a,
#mobilenav li li a.display {
    padding-left: 20px;
}

ul#mobilenav ul {
    margin: 0;
}

ul#mobilenav {
    margin: 0;
    position: relative;
    z-index: 1000;
    width: 100%;
}

#mobilenav a {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 0;
    padding: 5px 5px;
    border-bottom: 1px dotted #dcdcdc;
    text-align: left;
    height: 0;
    overflow: hidden;
    padding: 0;
    z-index: 1000;
    border-width: 0;
    font-size: 12px;
    color: #fff;
    background: url(images/rightarrow.png) 93% 48% no-repeat;
}

#mobilenav a:hover {
    color: #000!important;
    background: #f2f2f2 url(images/rightarrow.png) 97% 48% no-repeat;
}

#mobilenav:target a,
#mobilenav a.display {
    text-transform: uppercase;
    border-bottom-width: 1px;
    height: auto;
        line-height: inherit;
    padding: 11px 5px 5px 31px;
}

#jump {
    font-weight: normal;
    z-index: 1001;
    /*background:#333 url(images/downarrow.png) 95% 50% no-repeat;*/
    height: auto;
    display: block;
    padding: 10px;
    margin: auto 30px auto 30px;
    text-align: left;
    position: relative;
    font-size: 20px;
    color: #fff;
}

a#jump:hover {
    /*background:#444 url(images/downarrow.png) 95% 50% no-repeat;*/
}

#mobilenav {
    /* the nav sits behind the menu button */
    z-index: 1000;
}

#mobilenav:target {
    /* unless it's showing */
    z-index: 1001;
}

#mobilenav:target a {
    /* make nav links sit up a level */
    position: relative;
    z-index: 1;
}

#back {
    position: relative;
}

#back a {
    font-size: 20px;
    background: #444;
    /*background:#333 url(images/uparrow.png) 95% 45% no-repeat;*/
    border: 0;
    position: relative;
    left: 0;
    right: 0;
    z-index: 1001;
    margin-top: 0px;
    border-width: 0;
    color: #fff;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

#back a:hover {
    background: #666;
    /*background:#444 url(images/uparrow.png) 95% 45% no-repeat;*/
}

li.display .search {
    display: block!important;
}

#mobilenav:target #back a,
#mobilenav #back.display a {
    border-width: 1px;
    height: auto;
    padding: 10px 30px;
    margin-top: -38px;
}


/* #Mobile Nav in Top Bar
================================================== */


/* Mobile Navigation Container */

.mobilenavcontainer {
    width: 100%;
    position: static;
    z-index: 999999;
    display: none;
}

#mobilenav_top:target a {
    -moz-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -ms-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -o-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -webkit-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    transition: height .25s, line-height .25s, background .25s, visibility .25s;
}


/* Mobile Navigation */

ul#mobilenav_top,
#mobilenav_top li {
    list-style: none;
    margin: 0;
}

#mobilenav_top:target li li a,
#mobilenav_top:target li li li a {
    padding-left: 20px;
}

ul#mobilenav_top ul {
    margin: 0;
}

ul#mobilenav_top {
    margin: 0;
    position: relative;
    z-index: 1000;
    width: 100%;
}

#mobilenav_top a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    line-height: 0;
    padding: 5px 5px;
    border-bottom: 1px dotted #dcdcdc;
    text-align: left;
    height: 0;
    overflow: hidden;
    padding: 0;
    z-index: 1000;
    border-width: 0;
    font-size: 12px;
    color: #333;
    background: url(images/rightarrow.png) 95% 48% no-repeat;
}

#mobilenav_top a:hover {
    background: #f2f2f2 url(images/rightarrow.png) 97% 48% no-repeat;
}

#mobilenav_top:target a,
#mobilenav_top a.display {
    border-bottom-width: 1px;
    height: 20px;
    padding: 9px 5px 5px 5px;
}

#jump_top {
    z-index: 1001;
    background: #333 url(images/downarrow.png) 95% 50% no-repeat;
    width: 400px;
    height: auto;
    display: block;
    padding: 10px;
    margin: auto;
    text-align: left;
    position: relative;
    font-size: 12px;
    z-index: 999;
    color: #fff;
}

a#jump_top:hover {
    background: #444 url(images/downarrow.png) 95% 50% no-repeat;
}

#mobilenav_top {
    /* the nav sits behind the menu button */
    z-index: 1000;
}

#mobilenav_top:target {
    /* unless it&rsquo;s showing */
    z-index: 1001;
}

#mobilenav_top:target a {
    /* make nav links sit up a level */
    position: relative;
    z-index: 1;
}

#back_top {
    position: relative;
}

#back_top a {
    background: #333 url(images/uparrow.png) 95% 45% no-repeat;
    border: 0;
    position: relative;
    left: auto;
    right: 0;
    z-index: 1001;
    margin-top: 0px;
    border-width: 0;
    color: #fff;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

#back_top a:hover {
    background: #444 url(images/uparrow.png) 95% 45% no-repeat;
}

#mobilenav_top:target #back_top a,
#mobilenav_top #back_top.display a {
    border-width: 1px;
    height: auto;
    padding: 10px;
    margin-top: -38px;
}

.topbar #jump_top,
.topbar #mobilenav_top:target #back_top a,
.topbar #mobilenav_top #back_top.display a {
    background: #F3F3F3 url(images/downarrow-dark.png) center no-repeat;
    margin: 0;
    text-indent: -999999px;
    width: 15px;
    height: 15px;
    text-align: left;
    color: #777;
    z-index: 1;
    float: right;
}

.topbar #jump_top:hover {
    background: #f9f9f9 url(images/downarrow-dark.png) center no-repeat;
}

.topbar .mobilenavigation {
    padding: 0;
    background: #F3F3F3;
}

.topbar #mobilenav_top:target #back_top a,
.topbar #mobilenav_top #back_top.display a {
    background: #F3F3F3 url(images/uparrow-dark.png) center no-repeat;
    position: absolute;
    top: -35px;
}

.topbar #mobilenav_top:target a {
    border-bottom-width: 1px;
    height: 20px;
    padding: 9px 15px 5px 15px;
}

#mobilenav_top:target li li li a,
#mobilenav_top li li li a.display {
    padding-left: 50px;
}

#mobilenav_top:target li li li a,
#mobilenav_top li li a.display {
    padding-left: 30px;
}

.topbar #mobilenav_top a:hover {
    background: #fff url(images/rightarrow.png) 97% 48% no-repeat;
}

.topbar #mobilenav_top a {
    padding-left: 15px;
}


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


/*  *Header, Logo and Navigation
/*-----------------------------------------------------------------------------------*/


/* #Top Bar
======================================================*/

.topbar {
    font-style: italic;
    /*background: #e3e3e3;*/
    width: 100%;
    /*z-index: 999;
    position: relative;*/
}

.topbar .container {
    padding: 3px 30px;
    background: #ff3399;
}

.topbar p,
.topbar p a,
.topbar h1,
.topbar h1 a,
.topbar h2,
.topbar h2 a,
.topbar h3,
.topbar h3 a,
.topbar h4,
.topbar h4 a,
.topbar h5,
.topbar h5 a {
    color: #777;
    margin: 0;
}

.topbar p {
    font-size: 11px;
    padding: 5px 0;
}


/* #Basic Navigation Layout/Skin
================================================== */

#nav {
    list-style-type: none;
}

#nav li {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.nav {
    padding: 0 10px;
    display: flex;
    /*background:#333;*/
    position: relative;
    z-index: 13;
    border: 1px solid #fff;
}

.nav ul {
    margin: auto;
    display: flex!important;
    flex-direction: row!important;
    justify-content: space-between!important;
}

.nav .sf-menu a,
.ajax-select ul.sf-menu li li a {
    text-transform: uppercase;
    font-size: 16px;
}

.sf-menu a,
.sf-menu a:visited {
    float: left;
    color: #fff;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -webkit-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    /*background: url(images/navdiv.png) no-repeat right 50%;*/
}

.sf-menu li:last-child a {
    background-image: none;
}

.sf-menu>li::after,
.widget_nav_menu li::after {
    padding: 0 13px;
    color: #fff;
    float: left;
    content: "/";
    position: relative;
}

.sf-menu li:last-child::after,
.widget_nav_menu li:last-child::after {
    display: none;
    content: "";
}

.topbar .sf-menu li::after {
    padding-top: 5px;
}

.nav .sf-menu li::after {
    padding-top: 11px;
}

#footer .widget_nav_menu li a {
    padding: 0 5px;
    float: left;
}

#footer .widget_nav_menu li::after {
    padding-top: 0px;
}


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


/*  *Isotope Transitions
/*-----------------------------------------------------------------------------------*/

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -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;
    -moz-transition-property: height;
    -ms-transition-property: height;
    -o-transition-property: height;
    transition-property: height;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, 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;
}

.importanttransition {
    -webkit-transition-property: -webkit-transform, opacity !important;
    -moz-transition-property: -moz-transform, opacity !important;
    -ms-transition-property: -ms-transform, opacity !important;
    -o-transition-property: top, left, opacity !important;
    transition-property: transform, opacity !important;
}


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


/*  *Page Styling
/*-----------------------------------------------------------------------------------*/


/* #Featured Homepage Articles
======================================================*/

.container .featured {
    margin: 1px auto 35px auto;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

.anypage>.blogindex,
.anypage>.titlecontainer {
    padding: 30px!important;
}

.blogindex {
    padding: 15px 15px 0;
}

.blogindex .container .featured {
    margin-top: 0;
}

.blogindex .articlecontainer.featured {
    width: 706px;
    float: left;
    margin-left: -1px;
    margin-top: 1px;
    margin-bottom: 15px;
}

.isotope {
    min-width: 300px !important;
}

.home .two_third,
.home .one_third {
    margin: 0;
}

.featured a.isobrick {
    background: rgba(0, 0, 0, 0.01) url(images/small-loading.gif) center no-repeat;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -ms-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}

.featured .featuredinner {
    opacity: 0;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    -ms-filter: "alpha(opacity=0)";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
}

.featuredinner {
    display: block;
    position: relative;
    height: 100%;
}

.featuredoverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background-image: url(images/linebg-fade.png);
    background-position: top;
    background-repeat: repeat-x;
    z-index: 8;
}

.featured .half .featuredoverlay,
.featured .quarter .featuredoverlay {
    height: 200px;
}

.featured h2,
.featured h2 a {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 10px;
    color: #fff;
    text-decoration: none;
    position: absolute;
    bottom: 15px;
    left: 20px;
    width: 80%;
    z-index: 9;
}

span.date {
    /*font-size:10px;
	opacity: .9;
	line-height:10px;*/
    display: block;
    font-weight: bold;
    position: relative;
}

span.date a {
    text-decoration: underline;
}

span.date a.bubble,
span.date a.bubble:hover {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff !important;
}

.featured span.date {
    margin-top: 5px;
    color: #fff;
}

.featured span.date a {
    color: #fff;
}

.articleinner span.date {
    margin-bottom: 15px;
}

#fullcolumn .articleinner span.date {
    margin-bottom: 10px;
}

.one_col {
    display: block;
    float: left;
    width: 314px;
    overflow: visible;
    margin-right: 15px;
    padding-top: 10px;
    border-top: 1px solid #dcdcdc;
}

.featured .one_col {
    height: 250px;
    width: 320px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
}


/* #Featured Grid Padding
======================================================*/

.featured .one_col.half {
    height: 124px;
}

.featured .one_col,
.featured .two_col {
    margin: 1px;
}

.container.featuredcontainer {
    width: 966px;
    margin-left: -1px;
}


/* #Non-Featured Articles
======================================================*/

.articleinner {
    border: 2px solid #ff3399;
    display: flex;
}

.thumblink img {
    display: block;
}

.articleinner h1,
.articleinner h1 a,
.articleinner h2,
.articleinner h2 a,
.articleinner h3,
.articleinner h3 a,
.articleinner h4,
.articleinner h4 a,
.articleinner h5,
.articleinner h5 a .articleinner h6,
.articleinner h6 a,
.widget .newscontent h1,
.widget .newscontent h1 a,
.widget .newscontent h2,
.widget .newscontent h2 a,
.widget .newscontent h3,
.widget .newscontent h3 a,
.widget .newscontent h4,
.widget .newscontent h4 a,
.widget .newscontent h5,
.widget .newscontent h5 a .widget .newscontent h6,
.widget .newscontent h6 a {
    color: #ff3399 !important;
    margin: 0 !important;
    font-weight: normal !important;
    text-transform: none !important;
}

.articleinner h2 a {
    color: #ff3399 !important;
}

.featured h2,
.featured h2 a {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 black;
    -moz-text-shadow: 0 1px 0 black;
    -webkit-text-shadow: 0 1px 0 black;
    font-weight: bold;
}

.featured .half h2,
.featured .half h2 a {
    font-size: 16px;
    line-height: 18px;
}

.featured .two_col {
    display: block;
    float: left;
    width: 642px;
    height: 250px;
    overflow: hidden;
}

.blogindex .featured .two_col {
    width: 320px;
}

.blogindex .featured .one_col {
    width: 350px;
    margin-left: -1px;
}

.featured .one_col.half {
    height: 124px;
}

.featured .one_col.quarter {
    width: 158px;
    height: 125px;
}

.featured .one_col.quarter h2,
.featured .one_col.quarter h2 a {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
}

.articleinner h2,
.widget .articleinner h2,
.articleinner h2 a,
.widget artileinner h2 a {
    font-size: 21px !important;
    line-height: 21px !important;
    text-transform: uppercase;
    font-weight: bold;
}

.widget .articleinner h2 {
    font-size: 16px;
    line-height: 20px;
}


/* #Page Titles
======================================================*/

.pagetitlewrap {
    width: 100%;
    float: left;
    /*margin: 25px 0 -15px 0;*/
}

.pagetitlewrap .fullcontent {
    padding: 15px 30px 15px 15px !important;
    border-right: 3px dashed #ff3399;
}

.pagetitlewrap .sidecontent {
    /*border-left: none;*/
}

hr.titlerow {
    border: 2px solid #ff3399;
    /*margin: 0;*/
}

hr.titlerow.one {
    margin: 0 0 30px 0px!important;
}

hr.titlerow.two {
    margin: 30px 0px!important;
}

.pagetitledivider {
    border-bottom: 6px solid #333;
    position: relative;
}

.pagetitlewrap span.description {
    float: left;
    /*padding-left: 20px;	
	font-weight: normal;*/
    width: 100%;
    font-size: 16px;
    color: #000;
    text-align: justify;
}

.pagetitlewrap span.description hr {
    margin-bottom: 0px!important;
}

.container.titlecontainer,
.blogpost {
    background: #fff;
    z-index: 9;
}

h3.pagetitle,
h1.pagetitle,
h1.blogtitle {
    text-transform: uppercase;
    color: #ff3399;
    margin: 0;
    font-size: 36px;
    line-height: normal;
    /*position: relative;*/
    z-index: 9;
    padding: 20px 0;
    font-weight: bold;
    display: inline;
}

h1.blogtitle {
    text-transform: uppercase !important;
    font-weight: bold!important;
    font-size: 21px !important;
    line-height: 21px !important;
}

.pagetitlewrap h3 {
    text-transform: uppercase;
    color: #ff3399;
    margin: 0 0 4px 0;
}

.pagetitlewrap p {
    margin-bottom: 0;
}

.pagetitlewrap .authors {
    /*text-transform:uppercase;
	color:#ff3399;*/
}

.pagetitlewrap .curators {
    /*text-align: right;*/
}


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


/*  *Rating Styles
/*-----------------------------------------------------------------------------------*/


/* #General Layouts
======================================================*/

.rating.points,
.rating.percent {
    width: 75px;
    float: left;
    padding: 12px 0;
    margin-right: 8px;
    color: white;
    font-size: 33px;
    text-align: center;
    line-height: 30px;
}


/* #Stars
======================================================*/

.starswrapper {
    overflow: hidden;
    padding: 6px 6px 8px 0;
    background: #fff;
}

.starswrapperwrapper {
    width: 88px;
    overflow: hidden;
    margin-bottom: 10px;
    padding-right: 5px;
}

.starsscore {
    float: left;
    padding-right: 10px;
    font-size: 14px;
    margin-top: 2px;
    color: #01a49a;
}

.starswhite {
    min-height: 25px;
    background: url(images/stars-white.png) top left no-repeat;
}

.rating.stars {
    overlay: hidden;
    display: block;
    float: none;
}

.singlestarswrapper {
    width: 88px;
    margin: auto;
}

.reviewsection .rating.stars {
    width: 110px;
    float: left;
    padding: 15px 3px;
    color: white;
    font-size: 33px;
    text-align: center;
}

.starswidth {
    height: 16px;
    background: url(images/stars-over.png);
    padding: 0;
    margin: 0;
    width: 93px;
}


/* #Percent
======================================================*/

.rating.percent span {
    font-size: 12px;
    vertical-align: super;
    margin-right: -7px;
    /*Move over slightly due to percent sign */
}


/* #Text
======================================================*/

p.ratingtext {
    margin-bottom: 0;
    font-size: 10px;
    line-height: 10px;
    color: #e3e3e3;
    margin-top: 4px;
}

.summarywrap {
    display: table;
}

.summarywrapinner {
    display: table-row;
}

.reviewbox .summary,
.reviewbox .ratingsummary {
    display: table-cell;
    vertical-align: top;
}


/* #Rating on Index Pages
======================================================*/

.thumbnailarea .rating {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    line-height: 30px;
}

.thumbnailarea .starswrapper .rating {
    position: static;
    z-index: auto;
    top: auto;
    left: auto;
}

.thumbnailarea .starswrapperwrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.thumbnailarea,
.tabs-content .featuredimage {
    position: relative;
    display: block;
    /*background:#000 url(images/plus.png) center no-repeat;*/
}


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


/*  *Single Score Styles
/*-----------------------------------------------------------------------------------*/

.reviewbox {
    width: 100%;
    margin-bottom: 30px;
}

.bottomreview {
    margin-top: 25px;
}

.bottomreview .reviewbox {
    width: 100%;
}

.bottomreview .reviewbox .ratingsummary {
    width: 100%;
    vertical-align: middle;
    padding: 20px;
}

.reviewboxtitle {
    float: left;
}

.reviewbox .rating.points,
.reviewbox .rating.percent {
    width: 110px;
    font-size: 50px;
    line-height: 50px;
}

.reviewbox p.ratingtext {
    font-size: 14px;
    line-height: 16px;
    color: white;
    font-weight: bold;
    padding: 0 10px;
}

.reviewbox h5,
.reviewbox .score span {
    margin-bottom: 5px;
    font-size: 14px;
    color: #555;
    float: left;
    font-weight: normal !important;
    text-transform: none !important;
}

.reviewbox .reviewboxtitle h4 {
    background: #333;
    color: #fff;
    padding: 12px 12px 8px 12px;
    margin: 0;
    font-size: 16px;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
}

.reviewbox .score span {
    float: right;
}

.scorebarwrapper {
    width: 100%;
    background: #f2f2f2;
    margin-bottom: 5px;
}

.scorebar {
    height: 15px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.score:hover .scorebar {
    background: #000;
}

.score {
    padding: 2px 0;
}

.scores {
    margin-bottom: 10px;
    padding-top: 10px;
    border-top: 5px solid #333;
    position: relative;
}

.reviewbox .ratingsummary {
    background: #f2f2f2;
    padding: 10px;
    line-height: 17px;
    font-size: 12px;
    width: 100%;
}


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


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

.blogpost {
    padding: 30px!important;
    border-top: 0;
    float: left;
    margin-right: 0px;
}

.leftblogcontent {
    float: left;
    margin-right: 30px;
    width: 310px;
}

.single .sidebar {
    margin-top: -8px;
    padding-top: 35px;
}

.categories {
    padding-bottom: 15px;
}

.blogpost .categories {
    /*margin-top:7px;*/
    padding-bottom: 0;
    float: left;
}

.blogpost .bubble.comments {
    float: right;
    margin-top: 7px;
    display: block;
    top: 0;
    bottom: auto;
}

.blogpost .details {
    margin-bottom: 18px;
    padding: 15px;
    background: #F2F2F2;
}

ul.authorinfo {
    float: left;
    margin-bottom: 0;
    max-width: 200px;
}

ul.authorinfo li {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}

.blogpost .details p {
    font-weight: bold;
}

.details img {
    float: left;
    margin-right: 15px;
    border-radius: 100px;
    -moz-border-radius: 100px;
}

.blogpost .details .name {
    font-size: 15px;
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #dcdcdc;
}

.categories a,
.single .sidebar .categories a,
.categories span {
    color: white;
    background: #c1c1c1;
    padding: 4px 6px;
    font-size: 10px;
    margin-right: 2px;
}

#footer .categories a {
    background: #555;
}

.single .categories a:hover {
    color: white;
    background: #777;
    padding: 4px 6px;
    font-size: 10px;
    margin-right: 2px;
}

.featured .categories {
    padding: 0;
    position: absolute;
    top: 3px;
    left: 20px;
    margin-top: 0;
}

.categories span {
    background: #111;
    color: #999;
}


/* #Author Page CSS
======================================================*/

.authorboxfull {
    margin: 25px 0;
    padding: 20px;
    background: #F3F3F3;
}

.authorboxfull h4 {
    margin-bottom: 10px;
}

.authorposts {
    border-bottom: 8px solid #333;
}

.authorposts h4 {
    background: #333;
    color: white;
    padding: 12px 12px 8px 12px;
    margin: 0;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 1px;
    position: relative;
}

.authorposts .authorpoststitle {
    float: left;
}

.authorposts h4::after {
    content: "";
    width: 0;
    border-top: 38px solid transparent;
    border-left: 17px solid #222;
    position: absolute;
    right: -17px;
    top: 0;
}

.authorboxfull .details img {
    float: none;
}

.authorboxfull .details {
    float: left;
}

.authorsocial {
    margin-top: 10px;
}

.authorsocial .authorlink {
    float: left;
    margin-right: 10px;
    text-indent: -999999px;
    background: #333;
    width: 30px;
    height: 30px;
    display: block;
}

.facebook.authorlink {
    background: url('images/icons/social/facebook-color.png') center no-repeat;
}

.twitter.authorlink {
    background: url('images/icons/social/twitter-color.png') center no-repeat;
}

.linkedin.authorlink {
    background: url('images/icons/social/linkedin-color.png') center no-repeat;
}

.pinterest.authorlink {
    background: url('images/icons/social/pinterest-color.png') center no-repeat;
}

.google.authorlink {
    background: url('images/icons/social/google-color.png') center no-repeat;
}

.youtube.authorlink {
    background: url('images/icons/social/youtube-color.png') center no-repeat;
}


/* #One Col Layout
======================================================*/

.fullarticle {
    width: 100%;
    /*border-top: 1px solid #dcdcdc;*/
    margin-top: 30px;
}

.fullcontent {
    padding: 15px 30px 15px!important;
    text-align: right;
    float: left;
    width: 330px;
}

.fullcontent.full {
    width: 100%;
    float: none;
}

.fullarticle .thumbnailarea {
    width: 314px;
}

.sidecontent {
    line-height: 150%;
    float: right;
    font-weight: bold;
    text-align: center;
    border-left: 3px dashed #ff3399;
    color: #ff3399;
}


/* #Tags
======================================================*/

h5.tags {
    margin-bottom: 20px;
    font-weight: normal;
    color: #666;
}

a.thumblink {
    display: contents;
}

a.thumblink:hover h1,
a.thumblink:hover h2,
a.thumblink:hover h3 {
    text-decoration: underline;
}

.post {
    /*margin-bottom:35px;*/
}


/* #Post Neighbors
======================================================*/

.post_neighbors_container_wrapper {
    width: 100%;
    display: table;
    border-top: 1px solid #dcdcdc;
    border-bottom: #dcdcdc 1px solid;
}

.post_neighbors_container {
    padding: 10px 0;
    display: table-row;
}

.post_neighbors_container .next_post,
.post_neighbors_container .previous_post {
    vertical-align: middle;
    width: 49.9%;
}

.post_neighbors_container .neighbors_link {
    padding: 20px 50px;
    display: block;
    text-align: center;
    display: table-cell;
    vertical-align: center;
}

.post_neighbors_container .neighbors_link:hover {
    background-color: #f6f6f6;
}

.post_neighbors_container a.neighbors_link:hover h5 {
    color: #333 !important;
}

.post_neighbors_container .next_post {
    border-left: 1px dashed #dcdcdc;
    background: url(images/small-right.png) 97% center no-repeat;
}

.post_neighbors_container .previous_post {
    background: url(images/small-left.png) 3% center no-repeat;
}

.post_neighbors_container .previous_post {}

.post_neighbors_container h3 {
    font-size: 18px;
    line-height: 22px;
    margin-top: 0;
    color: #777;
    margin-bottom: 0;
}

.post_neighbors_container .neighbors_link:hover h3 {
    color: #333;
}

.post_neighbors_container h5 {
    margin-bottom: 5px;
}

.post_neighbors_container .neighbors_link.grey h5,
.post_neighbors_container .neighbors_link.grey h3 {
    color: #ccc;
}

.post_neighbors_container .neighbors_link.grey.previous_post,
.post_neighbors_container .neighbors_link.grey.next_post {
    background: none;
}

.post_neighbors_container .neighbors_link.grey:hover {
    background-color: transparent;
}


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


/*  *Ajax Dropdown Menu
/*-----------------------------------------------------------------------------------*/

#news_list {
    margin-left: 0;
    position: relative;
    z-index: 9;
}

#news_list .tooltip {
    position: absolute;
    right: -150px;
    top: 6px;
    padding: 3px 10px;
    font-size: 10px;
    color: #777;
    opacity: 0;
    filter: alpha(opacity=0);
}

#news_select {
    display: block;
    padding: 12px 30px 18px 12px;
    color: #fff;
    font-size: 17px;
    line-height: 14px;
    background-color: #333;
    font-weight: bold;
    text-transform: uppercase;
}

#news_select:after,
.reviewbox .reviewboxtitle h4:after {
    content: "";
    width: 0;
    border-top: 38px solid transparent;
    border-left: 17px solid #222;
    position: absolute;
    right: -17px;
    top: 0;
}

.ajax-select ul.sf-menu {
    width: 100%;
    /* border-bottom: 8px solid #333; */
}

.ajax-select ul.sf-menu li li a {
    font-weight: normal !important;
    font-size: 12px !important;
}

.ajax-select .sf-menu li a:hover li a,
.ajax-select .sf-menu li.sfHover li a {
    color: #333;
}

.ajax-select .sf-menu li:hover ul,
.ajax-select .sf-menu li.sfHover ul {
    left: 0;
    top: 3.6em;
    z-index: 99;
    padding-top: 5px;
}

.ajax-select a>.sf-sub-indicator {
    top: .9em;
    right: 12px;
    background: url('images/sprites.png') no-repeat;
    /* 8-bit indexed alpha png. IE6 gets solid image only */
    background-position: -70px -24px;
    width: 7px;
    height: 7px;
}

.smallloading {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 0;
    top: -30px;
    background: url(images/small-loading.gif) center no-repeat;
    display: none;
}


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


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


/* #Comments
================================================== */

.commentsheader {
    width: auto;
    padding-top: 25px;
}

.comment {
    width: auto;
}

.singlecomment {
    padding: 20px 30px;
    border: none;
    background: #F3F3F3;
}

.listcomments {
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
    width: auto;
}

.commentsform {
    width: auto;
}

.commentsmetadata {
    font-size: 10px;
}

.name {
    font-size: 18px;
    margin: 0 0 15px;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #dcdcdc;
}

.name a,
.name {
    font-weight: bold;
    color: #333;
}

.name a:hover {
    text-decoration: none;
}

.name strong {
    font-weight: normal;
}

.listcomments .children .name {
    font-weight: bold;
}

.listcomments .children {
    margin-left: 30px;
    margin-bottom: 30px;
}

.listcomments li {
    list-style-type: none;
}

.listcomments .children .comment {
    margin: 30px 0 0 0px;
    padding: 0;
    background: none;
}

#commentsubmit span {
    color: #c85849;
}

#commentsubmit label {
    margin: 0 0 6px;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}

#commentsubmit input[type=text],
#commentsubmit textarea {
    padding: 10px;
    margin: 0 0 20px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    font-size: 12px;
}

#commentsubmit input[type=text] {
    width: 275px;
}

#commentsubmit input[type=text]#url {
    width: 95%;
}

#commentsubmit input[type=submit] {
    border: none;
}

#commentsubmit textarea {
    width: 95%;
}

#commentsubmit #submit {
    padding: 10px;
    margin: 0 0 20px 0;
    border: inherit;
    width: inherit;
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    color: #fff;
    font-weight: normal;
}

.reply a {
    font-size: 12px;
    line-height: 11px;
    margin: 2px 6px 0 0;
    padding: 0 0 0 15px;
    float: right;
    color: #222;
}

#commentsubmit input:focus,
#commentsubmit textarea:focus {
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc;
    outline: 0;
}

.gallery-title {
    font-size: 1.08em;
    text-transform: uppercase;
}

.navigation-comments p a {
    padding: 5px 12px;
    background: #555;
    color: #fff;
}

#cancel-comment-reply-link {
    padding: 8px;
    float: right;
    font-size: 10px;
    line-height: 10px;
}


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


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

#contactform {
    margin-bottom: 30px;
}

textarea {
    overflow: hidden;
}

.contactsubmit span {
    color: #c85849;
}

.contactsubmit select {}

.contactsubmit .formrow {
    height: 90px;
}

.contactsubmit .messagerow {
    padding-bottom: 15px;
}

.contactsubmit label {
    margin: 0 0 6px;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}

.contactsubmit input[type=text],
.contactsubmit textarea,
.contactsubmit select {
    padding: 10px;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    font-size: 12px;
}

.contactsubmit input[type=text] {
    width: 90%;
}

.contactsubmit select {
    width: 100%;
}

.contactsubmit input[type=submit] {
    border: none;
}

.contactsubmit textarea {
    width: 95%;
}

.contactsubmit #submit {
    padding: 10px;
    margin: 0 0 20px 0;
    border: inherit;
    width: inherit;
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    font-style: inherit;
}

.contactsubmit input:focus,
.contactsubmit textarea:focus {
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    outline: 0;
}

.contactsubmit .radiobutton {
    margin-left: 10px;
    display: block;
    margin-right: 0;
    width: 100px;
    float: left;
    line-height: 30px;
    height: 45px;
    font-size: 12px;
    text-transform: none;
}

.contactsubmit input[type="radio"] {
    font-size: 12px;
    display: inline;
    float: left;
    width: 15px;
    margin: 0;
    margin-top: 8px;
    margin-right: 5px;
}

.contactsubmit label.error,
.contactsubmit p.error {
    font-size: 12px;
    color: #c85849;
    text-transform: none;
}

p.loading {
    display: none;
}

.contactcontent {
    margin-bottom: 30px;
}

.emailsuccess {
    background: #F3F3F3;
    margin-bottom: 30px;
    color: #63AE39;
    background: #E6F9DC;
    border: 1px solid #81CE56;
    padding: 20px;
    box-shadow: 0 1px 2px #F0F0F0;
    -moz-box-shadow: 0 1px 2px #F0F0F0;
    -webkit-box-shadow: 0 1px 2px #F0F0F0;
    text-shadow: 0 1px 0 white;
}

.emailsuccess h4 {
    margin-bottom: 10px;
    color: #407c1f;
}

.emailsuccess p {
    margin: 0;
    color: #63AE39;
}

.emailfail {
    margin-bottom: 30px;
    background: #F9E6DC;
    border: 1px solid #CE8156;
    padding: 20px;
    box-shadow: 0 1px 2px #F0F0F0;
    -moz-box-shadow: 0 1px 2px #F0F0F0;
    -webkit-box-shadow: 0 1px 2px #F0F0F0;
    text-shadow: 0 1px 0 white;
}

.emailfail h4,
.emailfail p {
    color: #7C481F;
    margin: 0;
    margin-bottom: 10px;
}

.emailfail p {
    margin: 0;
}


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


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

.page-numbers {
    display: initial;
    border: 1px solid #ff3399;
    /*float: left;
	font-weight: bold;
	background: #E3E3E3;*/
    padding: 10px 15px;
    margin-right: 5px;
    color: #ff3399;
    font-size: 16px;
}

a.page-numbers:hover,
.page-numbers.current {
    background: #333;
    color: white;
}

.pagination {
    line-height: 400%;
    text-align: center;
    padding-top: 15px;
    border-top: 1px solid #dcdcdc;
}

.paginationbutton a.button {
    display: block;
    text-align: center;
    padding: 15px 0;
    background: #F2F2F2;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.linkpagebutton {
    border-top: 1px solid gainsboro;
    padding-top: 10px;
    margin: 25px 0;
}

.pagelabel {
    float: left;
    padding-top: 10px;
    padding-right: 10px;
}

.linkpagebutton .page-numbers {
    background: #333;
    color: #fff;
}

.linkpagebutton a .page-numbers {
    background: #E3E3E3;
    color: #333;
}


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


/*  *Share Icons
/*-----------------------------------------------------------------------------------*/


/* #Share Count
================================================== */

.share {
    text-align: center;
    padding: 15px 0 10px 0;
    background: #f3f3f3;
}

.shareicon iframe {
    width: 90px !important;
}

.facebook.shareicon iframe {
    width: 85px !important;
}

.google.shareicon,
.google.shareicon iframe {
    width: 95px !important;
}

.shareicon {
    display: inline;
}

p.sharetitle {
    padding: 6px;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #777;
    font-size: 10px;
    background: #F9F9F9;
}


/* #Minimal Share
================================================== */

.minimalsharewrapper {
    margin-bottom: 30px;
}

.minimalshare {
    width: 100%;
    margin: auto;
}

.minimalshare a {
    width: 19.9%;
    height: 70px;
    display: block;
    float: left;
    text-indent: -999999px;
    background-color: #f3f3f3;
    background-repeat: no-repeat;
    background-position: center;
}

.minimalshare a:hover {
    background-color: #d0d0d0;
}

.minimalshare a.facebook {
    background-image: url('images/icons/social/fb_dark.png');
}

.minimalshare a.facebook:hover {
    background-image: url('images/icons/social/fb_light.png');
}

.minimalshare a.twitter {
    background-image: url('images/icons/social/tw_dark.png');
}

.minimalshare a.twitter:hover {
    background-image: url('images/icons/social/tw_light.png');
}

.minimalshare a.google {
    background-image: url('images/icons/social/g_dark.png');
}

.minimalshare a.google:hover {
    background-image: url('images/icons/social/g_light.png');
}

.minimalshare a.pinterest {
    background-image: url('images/icons/social/p_dark.png');
}

.minimalshare a.pinterest:hover {
    background-image: url('images/icons/social/p_light.png');
}

.minimalshare a.email {
    background-image: url('images/icons/social/e_dark.png');
}

.minimalshare a.email:hover {
    background-image: url('images/icons/social/e_light.png');
}


/* #Related Posts
======================================================*/

.relatedposts {
    padding: 20px 0;
}

.relatedposts .one_col {
    overflow: hidden;
    width: 330px;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 0;
    height: 124px;
    border: none;
}

.extended .relatedposts .one_col {
    width: 310px;
}

.relatedposts .featuredinner {
    background: #999;
    overflow: hidden;
}

.relatedposts .featuredoverlay {
    height: 200px;
}

.relatedposts h2,
.relatedposts h2 a {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 black;
    -moz-text-shadow: 0 1px 0 black;
    -webkit-text-shadow: 0 1px 0 black;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: absolute;
    bottom: 15px;
    left: 20px;
    width: 80%;
    z-index: 9;
}

.relatedposts p.date,
.relatedposts p.date a {
    color: #fff;
    margin-top: 5px;
}

span.year {
    text-transform: uppercase;
    font-size: 130%;
    font-weight: bold;
}


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


/*  *Tooltips
/*-----------------------------------------------------------------------------------*/

.tipsy {
    font-size: 10px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.tipsy-inner {
    background-color: #999;
    color: #FFF;
    max-width: 200px;
    padding: 4px 8px;
    text-align: center;
}


/* Rounded corners */

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

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #999;
}


/* Rules to colour arrows */

.tipsy-arrow-n {
    border-bottom-color: #999;
}

.tipsy-arrow-s {
    border-top-color: #999;
}

.tipsy-arrow-e {
    border-left-color: #999;
}

.tipsy-arrow-w {
    border-right-color: #999;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy.tipsy-on {
    top: 28.5px;
    left: 99px;
    display: block;
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 0 0 0 5px;
}


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


/*  *Widget Styling
/*-----------------------------------------------------------------------------------*/

.widget {
    margin-bottom: 30px;
}

.widget ul li {
    list-style-type: none;
    margin-left: auto;
    margin-bottom: 0;
}

.widget a {
    text-decoration: none;
}

.widget h3,
.widget h2,
.widget h4 {
    margin: 0;
    padding: 0;
    margin-bottom: 16px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: normal;
    color: #333;
}

.widget .widget-title {
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
}

#footer .widget .widget-title {
    border-color: #444;
}

.widget ul.children {
    margin: 0;
    margin-left: 20px;
}


/* #125 Ad Widget
================================================== */

.ads125 ul {
    list-style-type: none;
    width: 275px;
    margin: auto;
}

.ads125 ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.extended .ads125 ul {
    width: 100%;
}

.extended .ads125 ul li {
    float: left;
    margin: 12px;
}

.extended .ads125 {
    padding-top: 10px;
}


/* #480 Ad Widget
================================================== */

.ads480 img {
    max-width: 100% !important;
    height: auto !important;
}


/* #Social Counter Widget
================================================== */

.social-button-style {
    position: relative;
    font-size: 11px;
    line-height: 14px;
    list-style-type: none;
    display: block;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    float: left;
    width: 32.9%;
}

.social-button-style .nameology {
    text-align: center;
    display: block;
    font-size: 10px;
    line-height: 10px;
    color: #777;
}

.social-button-style .button,
.social-button-style .button:visited,
#footer .social-button-style .button,
#footer .social-button-style .button:visited {
    padding: 5px 7px 0 7px;
    display: block;
    margin: auto;
    color: #555;
    background: none !important;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    line-height: 20px;
    -moz-transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    font-size: 14px;
    font-weight: bold;
}

#footer .social-button-style .button,
#footer .social-button-style .button:visited {
    color: #e3e3e3 !important;
}

.social-button-style .button:hover,
#footer .social-button-style .button:hover {
    color: #333 !important;
    text-decoration: none;
    background: none !important;
    background-position: 0 -15px;
}

#footer .social-button-style .button:hover {
    color: #fff !important;
}

.social-button-style .button:first-child {
    margin: auto;
    display: block;
    float: none;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
}

.social-button-style .button.img,
.social-button-style .button.img:visited,
#footer .social-button-style .button.img,
#footer .social-button-style .button.img:visited {
    line-height: 23px;
    vertical-align: middle;
    border: none;
    padding: 0;
    margin: 0;
    margin: auto;
}

.social-button-style img {
    padding-top: 10px;
    vertical-align: middle;
}

.social-button-style .facebook-blue,
.social-button-style .twitter-blue,
.social-button-style .rss-orange {
    background: #999 !important;
}

#footer .social-button-style .facebook-blue,
#footer .social-button-style .twitter-blue,
#footer .social-button-style .rss-orange {
    background: #555 !important;
}

.social-button-style:hover .button.facebook-blue,
#footer .social-button-style:hover .button.facebook-blue {
    background: #5074BF !important;
    border: none;
    color: #fff;
}

.social-button-style:hover .button.twitter-blue,
#footer .social-button-style:hover .button.twitter-blue {
    background-color: #44B8F2 !important;
    border: none;
    color: #fff;
    text-shadow: 0 1px 1px rgba(60, 60, 60, 0.75);
}

.social-button-style:hover .button.rss-orange,
#footer .social-button-style:hover .button.rss-orange {
    background-color: #F78634 !important;
    border: none;
    color: #fff;
    text-shadow: 0 1px 1px rgba(60, 60, 60, 0.75);
}

.social-button-style .large {
    font-size: 14px;
    padding: 3px 10px;
    line-height: 27px;
}

.social-button-style .large img {
    height: 24px;
    line-height: 27px;
    vertical-align: middle;
    border: none;
    max-width: 25px;
    max-height: 25px;
}

.social-button-style .large.img {
    padding: 3px;
    vertical-align: middle;
    max-height: 29px;
    min-height: 25px;
}


/* #Twitter Widget
================================================== */

.ag_twitter_widget .widget-title {
    margin-bottom: 5px;
}

#twitter_div {
    font-size: 12px;
    line-height: 24px;
}

#twitter_div ul li a {
    padding: 0;
}

#footer #twitter_div ul li a {
    color: #fff;
}

#twitter_div span {
    display: block;
}

#footer #twitter_div span {
    color: #999;
}

ul#twitter_update_list {
    padding: 0;
    margin: 0;
}

ul#twitter_update_list li {
    padding: 10px 0 10px 25px;
    list-style: none;
    overflow: hidden;
    margin-bottom: 0;
    background: url(images/quote.png) 0 15px no-repeat;
}

#footer ul#twitter_update_list li {
    background: url(images/quote-footer.png) 0 15px no-repeat;
}


/* #News Widget
================================================== */

.newspost.columns {
    margin-bottom: 20px;
}

.widget h4.posttitle,
.widget .newspost h4 {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    line-height: 16px;
    margin-bottom: 10px;
}

.news-widget-item {
    margin-bottom: 40px;
}

.news-widget-item h5,
.news-widget-item h5 a {
    font-size: 10px;
    font-weight: normal;
}

.ag_news_widget h2 {
    font-weight: normal;
}


/* #List Pages Widget
================================================== */

.widget_pages ul.children {
    margin-left: 0;
    margin-top: 10px;
}

.widget_pages ul.children li {
    padding-bottom: 0;
    border-bottom: none;
}

.blogpost .tagcloud {
    margin: 20px 0 15px 0;
}

.tagcloud h5 {
    float: left;
    display: block;
    margin-right: 10px;
    margin-top: 3px;
}

.tagcloud a {
    list-style-type: none;
    margin-left: auto;
    margin-bottom: 0;
    display: block;
    float: left;
    padding: 5px 7px;
    margin-right: 2px;
    margin-bottom: 2px;
    display: block;
    font-size: 12px !important;
}

.tagcloud a:hover {
    color: white;
    background: #333;
}

.tagcloud:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* #RSS Widget
================================================== */

ul li a.rsswidget {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

a.rsswidget img {
    vertical-align: middle;
    margin-right: 10px;
}

span.rss-date {
    display: block;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: bold;
}

.rssSummary {
    margin-bottom: 10px;
}

.widget.widget_rss .widget-title {
    border: none;
}

.widget ul ul {
    margin: 0;
    font-size: 100%;
}

.widget_rss ul {
    margin-top: -10px;
}

.widget_rss ul li {
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #dcdcdc;
    width: auto;
    padding: 15px 0;
}

#footer .widget_rss ul li {
    border-color: #555;
}

.widget_rss cite,
span.rss-date {
    font-size: 10px;
    color: #999;
}


/* #Calendar Widget
================================================== */

#wp-calendar caption {
    width: 100%;
    text-align: center;
    padding: 7px 2px;
    margin-bottom: 7px;
    font-size: 10px;
    background: #e3e3e3;
}

#footer #wp-calendar caption {
    background: #333;
    color: #ccc;
}

#wp-calendar {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}

#footer #wp-calendar {
    color: #ccc;
}

#wp-calendar thead th {
    font-weight: bold;
}

#wp-calendar tbody td {
    padding: 5px 0;
    background: #f3f3f3;
    border: 1px solid #fff;
}

#footer #wp-calendar tbody td {
    background: #333;
    border: 1px solid #222;
}

#wp-calendar #today {
    color: #000;
}

#footer #wp-calendar #today {
    color: #fff;
}

#wp-calendar a {
    padding: 2px 0;
    font-weight: bold;
}

#wp-calendar tfoot td {
    padding: 3px 0;
}

#wp-calendar #next {
    text-align: right;
    padding-right: 10px;
}

#footer #wp-calendar #prev a {
    color: #ccc;
}

#calendar_wrap {
    display: block;
    width: 100%;
    padding: 0 1px 1px 0;
}

#wp-calendar caption {
    background: #222;
    color: #fff;
}

#wp-calendar {
    color: #555;
}

#wp-calendar #today {
    color: #000;
}


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


/*  *Widget Layout
/*-----------------------------------------------------------------------------------*/


/* #Logo Widget Area
================================================== */

.logowidget .widget {
    margin-bottom: 0px;
    width: 338px;
}

.logowidget .ag_480ad_widget,
.logowidget .widget_text {
    width: auto;
}

.widget_text p {
    margin: 0;
    line-height: 1.2;
}

.logowidget .widget_nav_menu a,
.widget_recent_entries a {
    color: #fff;
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    padding: 5px 5px 5px 0;
    border: none;
    text-align: left;
    height: auto;
    overflow: hidden;
    z-index: 1000;
    font-size: 14px;
    background: none;
    text-transform: uppercase;
}

.logowidget .widget_nav_menu a:hover,
.widget_recent_entries a:hover {
    background: none;
    color: #fff;
}


/* #Sidebar Widgets
================================================== */

.widget_nav_menu a,
.widget_rss a,
.widget_recent_entries a {
    -moz-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -ms-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -o-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -webkit-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    transition: height .25s, line-height .25s, background .25s, visibility .25s;
}

.widget_nav_menu ul,
.widget_nav_menu ul li,
.widget_recent_entries ul,
.widget_recent_entries ul li {
    list-style: none;
    margin: 0;
    line-height: 15px;
}

.widget_nav_menu ul ul,
.widget_recent_entries ul ul {
    display: none;
    margin: 0;
}

.widget_nav_menu ul,
.widget_recent_entries ul {
    margin: 0;
    position: relative;
    z-index: 1000;
    width: 100%;
}

.widget_nav_menu a,
.widget_recent_entries a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    padding: 5px 5px;
    /*border-bottom: 1px dotted #dcdcdc;*/
    text-align: left;
    height: auto;
    overflow: hidden;
    padding: 9px 5px 5px 5px;
    z-index: 1000;
    font-size: 17px;
    color: #555;
    /*background: url(images/rightarrow.png) 95% 48% no-repeat;*/
}

#footer .widget_nav_menu a,
#footer .widget_recent_entries a {
    /*background: url(images/rightarrow-dark.png) 95% 48% no-repeat;
	border-bottom: 1px dotted #444;*/
}

.widget_recent_entries a {
    padding: 18px 25px 14px 5px;
}

.widget_nav_menu a:hover,
.widget_recent_entries a:hover {
    background: #f2f2f2 url(images/rightarrow.png) 97% 48% no-repeat;
    color: #333;
}

#footer .widget_nav_menu a:hover,
#footer .widget_recent_entries a:hover {
    background: none;
    color: #fff;
}

.widget_nav_menu li li a,
.widget_nav_menu li li li a {
    padding-left: 20px;
}


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


/*  *Top Scroll Button
/*-----------------------------------------------------------------------------------*/

.top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    cursor: pointer;
    z-index: 20;
}

.top a {
    text-decoration: none;
    background-image: url(images/sprites.png);
    background-position: -106.00001525878906px -7px;
    width: 36px;
    height: 36px;
    display: block;
    text-indent: -9999999px;
}

.top .scroll {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 100%;
}

.top .scroll p {
    font-size: 10px;
    text-align: center;
}

.top a:hover .scroll p,
.top a:hover .scroll,
.top:hover .scroll {
    display: block;
    float: left;
    text-decoration: none;
    visibility: visible;
    opacity: .95;
    filter: alpha(opacity=95);
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


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


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

#footer {
    /*padding-top:50px;*/
    position: relative;
    padding-bototm: 0;
    margin-bottom: 0;
    /*background:#222;*/
    color: #dcdcdc;
    overflow-x: hidden;
}

#footer .container {
    padding: 0 15px;
    border: 1px solid #fff;
}

#footer .container.widgets {
    padding: 0;
}

#footer .container.final {
    background: #ff3399;
}

#footer .footerwidget.wright,
#footer .footerwidget.wleft {
    width: 50%;
}

#footer .footerwidget.wright {
    text-align: right;
}

.footerwidget .widget_text p {
    line-height: 1.8;
}

#footer a {
    color: #fff;
}

#footer a {
    color: #fff;
}

#footer h1,
#footer h2,
#footer h1 a,
#footer h2 a,
#footer h3,
#footer .ag_projects_widget h3,
#footer h4,
#footer h3 a,
#footer h4 a,
#footer .blogpost h2 a {
    color: #fff;
}

#footer h5,
#footer h5 a {
    color: #dcdcdc;
}

#footer .button,
#footer a.button,
#footer span.more-link {
    background: #f2f2f2 !important;
    color: #333 !important;
}

#footer input[type=text],
#footer textarea {
    background: #333;
    color: #fff;
    border-color: #444;
}

#footer input#s {
    background: #333;
    color: #fff;
    border-color: #444;
}

#footer .footerwidgetwrap {
    width: 100%;
}

#footer .footerwidget {
    float: left;
    width: 100%;
    /*width: 301px;
	margin: 0 30px 30px 0;*/
}

#footer .footerwidget li {
    float: left;
}

#footer .widget_nav_menu a,
#footer .widget_recent_entries a {
    background: none;
}

#footer .button:hover,
#footer a.button:hover,
#footer span.more-link:hover {
    color: #333 !important;
}

#footer .widget {
    margin: 3px 15px;
}

#footer .widget.widget_nav_menu {
    border-top: 1px solid;
    margin: 0;
    padding: 15px 0 10px;
}

#footer ul.menu {
    justify-content: center;
    display: flex;
}


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


/*  *Shortcode Styles
/*-----------------------------------------------------------------------------------*/


/* #Column Shortcodes
================================================== */

.one_half {
    width: 48%;
}

.one_third {
    width: 30.66%;
}

.two_third {
    width: 65.33%;
}

.one_fourth {
    width: 22%;
}

.three_fourth {
    width: 74%;
}

.one_fifth {
    width: 16.8%;
}

.two_fifth {
    width: 37.6%;
}

.three_fifth {
    width: 58.4%;
}

.four_fifth {
    width: 79.2%
}

.one_sixth {
    width: 13.33%;
}

.five_sixth {
    width: 82.67%;
}

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
    margin-right: 4%;
    /*margin-bottom: 25px;*/
    float: left;
}

.one_half *,
.one_third *,
.two_third *,
.three_fourth *,
.one_fourth *,
.one_fifth *,
.two_fifth *,
.three_fifth *,
.four_fifth *,
.one_sixth *,
.five_sixth * {
    margin-bottom: 16px!important;
}

#top_panel .one_half,
#top_panel .one_third,
#top_panel .two_third,
#top_panel .three_fourth,
#top_panel .one_fourth,
#top_panel .one_fifth,
#top_panel .two_fifth,
#top_panel .three_fifth,
#top_panel .four_fifth,
#top_panel .one_sixth,
#top_panel .five_sixth {
    margin-right: 3%;
    margin-bottom: 0;
}

.articleinner .one_half,
.articleinner .one_third,
.articleinner .two_third,
.articleinner .three_fourth,
.articleinner .one_fourth,
.articleinner .one_fifth,
.articleinner .two_fifth,
.articleinner .three_fifth,
.articleinner .four_fifth,
.articleinner .one_sixth,
.articleinner .five_sixth {
    width: auto;
    margin: 0;
    margin-bottom: 10px;
}

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


/* #Tabs (activate in tabs.js)
================================================== */

ul.tabs {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #dcdcdc;
}

ul.tabs li {
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    list-style-type: none;
}

ul.tabs li a {
    display: block;
    text-decoration: none;
    width: auto;
    height: 29px;
    padding: 0px 20px;
    line-height: 30px;
    border-style: solid;
    border-color: #dcdcdc;
    border-width: 1px 1px 0 0;
    margin: 0;
    font-size: 13px;
    color: #555;
}

ul.tabs li a:hover {
    color: #333;
    box-shadow: 0 -1px 1px #F3F3F3;
    -moz-box-shadow: 0 -1px 1px #F3F3F3;
    -webkit-box-shadow: 0 -1px 1px #F3F3F3;
}

#footer ul.tabs li a:hover {
    color: #fff;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

ul.tabs li a.active {
    height: 30px;
    position: relative;
    top: -4px;
    padding-top: 4px;
    border-left-width: 1px;
    margin: 0 0 0 -1px;
    border-bottom: none;
    background: #fff;
}

#footer ul.tabs li a.active {
    background-color: #222;
    padding-top: 4px;
}

#footer ul.tabs li a {
    border-color: #555;
    padding: 0px 15px;
}

#footer ul.tabs {
    border-color: #555;
}

ul.tabs li:first-child a.active {
    margin-left: 0;
}

ul.tabs li:first-child a {
    border-width: 1px 1px 0 1px;
}

ul.tabs-content {
    margin: 0;
    display: block;
}

ul.tabs-content br {
    display: none;
}

ul.tabs-content li br {
    display: inline;
}

ul.tabs-content>li {
    display: none;
    margin-left: 0;
    list-style-type: none;
}

ul.tabs-content>li.active {
    display: block;
}


/* Clearfixing tabs for beautiful stacking */

ul.tabs:before,
ul.tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

ul.tabs:after {
    clear: both;
}

ul.tabs {
    zoom: 1;
}

ul li {
    list-style-type: square;
    margin-left: 15px;
}

.tabswrap ul.tabs {
    border: none;
    margin: 0;
}

.tabswrap ul.tabs li a {
    background: #333;
    color: #fff;
    border: none;
    padding: 0;
    text-align: center;
    height: auto;
    border-right: 1px solid white;
    min-width: 1px;
    /* For ie7 */
}

.tabswrap ul.tabs li a {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.tabswrap ul.tabs li {
    width: 33%;
}

.tabswrap ul.tabs.twocol li {
    width: 50%;
}

.tabswrap ul.tabs li a.active {
    top: auto;
    height: auto;
    border: none;
    margin: 0;
    border-right: 1px solid white;
}

#footer .tabswrap ul.tabs li a.active,
#footer .tabswrap ul.tabs li a {
    border-right: 1px solid #222;
}

#footer .tabswrap ul.tabs li a.active {
    padding-top: 0;
}

#footer .tabswrap ul.tabs li a {
    border-color: #222;
    padding: 0;
}

#footer .tabswrap ul.tabs {
    border: none;
}

.tabswrap .tabs-content li {
    overflow: hidden;
}

.tabswrap .featuredimagewidget {
    margin-right: 10px;
    margin-bottom: 0;
    float: left;
    width: 50px;
    height: 50px;
    background: #dcdcdc url(images/plus.png) center no-repeat;
}

#footer .tabswrap .featuredimagewidget {
    background: #333 url(images/plus.png) center no-repeat;
}

.tabswrap .tabpost {
    margin-top: 20px;
}

.tabswrap .tabpost a {
    color: #555;
}

.tabswrap p.views {
    font-size: 10px;
    margin-top: 10px;
}

.tabswrap p.views span {
    display: block;
    float: left;
    background: #b6b6b6;
    padding: 4px;
    margin-right: 6px;
    margin-top: -4px;
    color: white;
}

#footer .tabswrap p.views span {
    background: #555;
}

.tabswrap .fb_iframe_widget {
    margin-top: 10px;
    width: 100%;
}

.tabswrap .fb_iframe_widget span {
    display: block;
    margin: auto;
}

.tabpost .thumblink img {
    width: 50px;
    height: 50px;
}


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

.remove-bottom {
    margin-bottom: 0 !important;
}

.half-bottom {
    margin-bottom: 10px !important;
}

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

.aligncenter {
    text-align: center;
}


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


/*  *Sliders
/*-----------------------------------------------------------------------------------*/


/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */


/* The Nivo Slider styles */

.nivoSlider {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: none;
}

.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}


/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}


/* The slices and boxes in the Slider */

.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
    top: 0;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
    overflow: hidden;
}

.nivo-box img {
    display: block;
}


/* Caption styles */

.nivo-caption.one {
    text-align: center;
    margin: 10px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    /*background: url('images/75black.png') repeat;*/
    background: #ff3399;
    color: #fff;
    display: block!important;
    z-index: 8;
    padding: 15px;
    opacity: 1;
    overflow: hidden;
    width: 30%;
    background: rgba(255, 51, 153, 0.50);
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.nivo-caption p {
    padding: 5px 0;
    margin: 0;
    color: #cdcdcd;
}

.theme-default .nivo-caption p a,
.theme-default p a:hover {
    color: #999;
}

.nivo-caption h3.title {
    color: #fef200;
    margin: 0;
    font-size: 26px;
    line-height: 27px;
    text-transform: uppercase!important;
    font-weight: bold!important;
}

.nivo-caption h3.title:hover {
    text-decoration: underline;
}

.nivo-html-caption {
    display: none;
}


/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {
    position: absolute;
    top: 50%;
    z-index: 9;
    cursor: pointer;
    margin-top: -26px;
}

.nivo-prevNav {
    left: 15px;
}

.nivo-nextNav {
    right: 15px;
}


/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {
    text-align: center;
    padding: 15px 0;
}

.nivo-controlNav a {
    cursor: pointer;
}

.nivo-controlNav a.active {
    font-weight: bold;
}


/* Slider Skin
/===============================================*/

.nivo-caption h1,
.nivo-caption h2,
.nivo-caption h3,
/*.nivo-caption h4,*/
.nivo-caption h5,
.nivo-caption h6 {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    font-weight: normal;
    padding: 5px 0;
    color: #cdcdcd;
}

.nivo-caption h1 a,
.nivo-caption h2 a,
.nivo-caption h3 a,
.nivo-caption h4 a,
.nivo-caption h5 a,
.nivo-caption h6 a {
    color: #cdcdcd;
}

.nivo-caption h4 {
    margin-top: 0!important;
}

.slider-wrapper.theme-default {
    position: relative;
}

.slider-wrapper.theme-default>div {
    display: block;
}

.theme-default .nivoSlider {
    height: 376px;
    border: 3px solid #ff3399;
    position: relative;
    width: 100%!important;
    /*background:#fff url(images/loading.gif) no-repeat 50% 50%;*/
    min-height: 50px;
}

.theme-default .nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    /*display:none;*/
}

.theme-default .nivoSlider a {
    border: 0;
    display: block;
}

.theme-default .nivo-controlNav {
    text-align: center;
    padding: 0px 0 15px 0;
    position: absolute;
    z-index: 9;
    top: 10px;
    right: 10px;
}

.theme-default .nivo-controlNav a {
    display: inline-block;
    width: 14px;
    height: 18px;
    background: url(images/sprites.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    margin: 0 2px;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -moz-transition: none;
    background-position: -170px -23px;
}

.theme-default .nivo-controlNav a.active {
    background-position: -216px -23px;
}

.theme-default .nivo-directionNav a {
    display: block;
    width: 45px;
    height: 45px;
    background: url(images/sprites.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.theme-default:hover .nivo-directionNav a,
.theme-default:active .nivo-directionNav a {
    opacity: .99;
    filter: alpha(opacity=99);
}

.theme-default a.nivo-nextNav {
    background-position: -300.0000305175781px -4px;
    right: 5px;
}

.theme-default a.nivo-prevNav {
    background-position: -250px -4px;
}

.theme-default:hover a.nivo-prevNav,
.theme-default a.nivo-prevNav:hover,
.theme-default a.nivo-prevNav:active {
    left: 0;
}

.theme-default:hover a.nivo-nextNav,
.theme-default a.nivo-nextNav:hover,
.theme-default a.nivo-nextNav:active {
    right: 0;
}

.theme-default .nivo-caption a {
    color: #fff;
    border: none;
}

.theme-default .nivo-caption a:hover {
    color: #fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
    width: 100%;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
    width: auto;
    height: auto;
    background: none;
    margin-bottom: 5px;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    width: 120px;
    height: auto;
}

.featuredimage {
    margin-top: 45px;
    float: left;
    width: 100%;
    min-height: 50px;
    background: url(images/loading.gif) center no-repeat;
}

.widget .tabswrap p {
    margin-bottom: 5px;
    line-height: 100%;
}

.homeslider .nivo-caption {
    display: none !important;
}

.homepageslideshow {
    margin-top: -15px;
}


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


/*  *Page Styles
/*-----------------------------------------------------------------------------------*/

.headertotal {
    padding: 15px 30px 15px 30px!important;
}

.logo {
    float: right;
}

.logo img {
    border: none;
    max-width: 650px;
}

.logo h1 {
    line-height: 28px;
    font-size: 28px;
    margin: 0;
    padding: 0;
}

.logo h1 a {
    color: #222;
}

.logowidget {
    text-align: right;
    margin: 0px 0 6px 0;
}

.headerwidget {
    float: left;
}

.headerwidget li {
    display: flex;
}

.headerwidget li a {
    float: left;
}

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


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


/*  Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* #General Layout Changes
================================================== */
.pagepost .subtitulo_2 {
    bottom: auto;
}
    .container {
        width: 754px;
    }
    .container.featuredcontainer {
        width: 756px;
    }
    .wmuSlider span {
        width: 508px !important;
    }
    .top {
        display: none;
    }
    .recent-project {
        width: 40px;
    }
    .featured .one_col {
        width: 250px;
        height: 246px;
    }
    .featured .one_col.half {
        height: 122px;
    }
    .nivo-caption {
        position: static;
        background: #222;
    }
    .theme-default .nivo-controlNav {
        display: none;
    }
    .theme-default .nivo-directionNav a {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .theme-default a.nivo-nextNav {
        right: 0;
    }
    .theme-default a.nivo-prevNav {
        left: 0;
    }
    .nonfeatured .one_col {
        width: 237px;
    }
    .featured .two_col {
        width: 501px;
        height: 246px;
    }
    .maincontent {
        width: 496px;
    }
    .articlecontainer.nonfeatured {
        width: 496px;
    }
    #isonormal {
        width: 514px;
    }
    .sidebar {
        margin-left: 11px;
        width: 227px;
    }
    .nav .search input#s {
        width: 62%;
    }
    .fullcontent {
        width: 245px;
    }
    #fullcolumn .thumbnailarea {
        width: 230px;
    }
    /* #Page Specific Changes
================================================== */
    .leftblogcontent {
        width: 255px;
    }
    ul.authorinfo {
        max-width: 145px;
    }
    .extended .leftblogcontent {
        width: 100%;
        float: none;
    }
    .relatedposts .one_col {
        width: 246px;
    }
    .extended .relatedposts .one_col {
        width: 209px;
    }
    .extended .relatedposts .one_col img.scale-with-grid {
        max-width: 120% !important;
    }
    /* #Font Changes
================================================== */
    .nivo-caption h3.title {
        font-size: 22px;
        line-height: 24px;
    }
    /* #Widget Changes
================================================== */
    .ads125 ul {
        width: 236px;
    }
    .ads125 ul li {
        width: 125px;
        margin: 10px auto;
        float: none;
    }
    /* #Footer Layout Changes
================================================== */
    #footer .footerwidget {
        width: 236px;
    }
    #footer .footerwidgetwrap {
        width: 798px;
    }
    #footer ul.tabs li a {
        padding: 0px 8px;
    }
}


/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
    .addtional {
        width: 100%!important;
    }
    /* #General Layout Changes
================================================== */
    ul ul,
    ul ol,
    ol ol,
    ol ul {
        display: none;
    }
    .container {
        position: inherit;
    }
    .topbar .alignright {
        margin: inherit;
    }
    .alignright {
        float: inherit;
    }
    .topbar .alignleft {
        display: none;
    }
    #footer .container.widgets {
        display: none;
    }
    #footer p {
        text-align: center!important;
    }
    .logo img {
        max-width: 100%;
    }
    .headerwidget {
        display: none;
    }
    .display .headerwidget.mobile {
        padding: 15px 30px 15px 50px;
        display: block;
    }
    .maincontent.slidercontent {
        padding-top: 0;
        padding-bottom: 0;
    }
    .anypage>.blogindex,
    .anypage>.titlecontainer {
        padding: 0px!important;
    }
    #searchbox input {
        width: 180px;
    }
    .logowidget .widget_nav_menu a,
    .widget_recent_entries a {
        font-size: 10px;
    }
    .topbar .sf-menu a {
        font-size: 10px;
    }
    .nav .sf-menu a,
    .ajax-select ul.sf-menu li li a {
        padding: 5px 5px;
        font-size: 10px;
    }
    .nav .sf-menu li::after {
        display: none;
    }
    .logowidget {
        display: none;
    }
    .pagetitlewrap .fullcontent {
        border-bottom: 3px dashed #ff3399;
        border-right: none;
        height: 179px;
    }
    div.lang li {
        float: left;
        margin: 0px 14px 0 0!important;
    }
    div.lang ul {
        margin-bottom: 0!important;
        right: 0;
        bottom: 0px!important;
    }
    div.lang {
        padding: 15px 0 0 0;
    }
    .barright .postpage {
        padding-right: 0!important;
    }
    .postpage {
        width: 100%!important;
    }
    .container.featuredcontainer {
        width: 420px;
        margin: 0 0 30px 0;
        padding: 0;
    }
    .container .featured {
        margin: 0;
    }
    .logo h1 {
        padding-top: 0.5em !important;
        padding-bottom: 0.1em !important;
    }
    .mobilenavcontainer {
        display: block;
    }
    .nav,
    .topbar .sf-menu {
        display: none;
    }
    .topbar .alignleft {
        float: left;
        margin-top: 3px;
    }
    .topbar .alignright {
        margin-top: -31px;
    }
    .top {
        display: none;
    }
    .recent-project {
        width: 40px;
    }
    .sidebar {
        width: 100%;
        margin: 0;
    }
    .sidebar .widget {
        float: none;
    }
    .sidebar .widget_custom_html {
        margin-top: 30px;
        margin-bottom: 0;
    }
    .mobileclear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
    }
    .mpp-toc-container.bottom,
    .mpp-toc-container.top,
    .mpp-toc-container.top-left,
    .mpp-toc-container.top-right {
        display: table-cell!important;
        background: #3A3A3C;
        float: left;
        position: unset;
        max-width: 100%!important;
        float: right!important;
    }
    .mpp-toc-container {
        top: unset!important;
        right: unset!important;
    }
    .fixed {
        position: inherit!important;
    }
    /* #Featured Area
================================================== */
    .featured .one_col {
        width: 208px;
        height: 204px;
    }
    .featured .two_col {
        width: 418px;
        height: 206px;
    }
    .featured .one_col.half {
        height: 101px;
    }
    .featured h2,
    .featured h2 a {
        font-size: 22px;
        line-height: 24px;
        left: 15px;
        bottom: 8px;
    }
    .featured .half h2,
    .featured .half h2 a {
        font-size: 14px;
        line-height: 16px;
    }
    .featured.articlecontainer.isotope#isofeatured {
        width: 420px;
    }
    .nivo-caption {
        position: static;
        background: #222;
    }
    .nivo-caption h1,
    .nivo-caption h2,
    .nivo-caption h3,
    .nivo-caption h4,
    .nivo-caption h5,
    .nivo-caption h6,
    .nivo-caption p {
        display: none;
    }
    .nivo-caption h3.title {
        font-size: 22px;
        line-height: 24px;
        display: block;
        padding-top: 0;
    }
    .theme-default .nivo-controlNav {
        display: none;
    }
    .theme-default .nivo-directionNav a {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .theme-default a.nivo-nextNav {
        right: 0;
    }
    .theme-default a.nivo-prevNav {
        left: 0;
    }
    /* #Non-Featured Area
================================================== */
    .nonfeatured .one_col {
        width: 203px;
    }
    .maincontent {
        width: 420px;
    }
    #isonormal {
        width: 436px;
    }
    #news_list .tooltip {
        display: none;
    }
    .fullarticle .thumbnailarea {
        width: 100%;
        margin-right: 0;
    }
    .fullcontent {
        float: none;
        width: 100%;
    }
    h3.card-text {
        line-height: 110%;
        font-size: 20px!important;
    }
    /* #Page Specific Changes
================================================== */
    .leftblogcontent {
        width: 100%;
    }
    ul.authorinfo {
        max-width: 310px;
    }
    .post_neighbors_container h3 {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 5px;
    }
    .post_neighbors_container a:hover {
        color: #333;
    }
    .post_neighbors_container .neighbors_link {
        padding: 10px 20px;
    }
    h2.blogtitle {
        font-size: 26px;
        line-height: 30px;
    }
    h3.pagetitle,
    h1.pagetitle {
        border: none;
        padding: 10px 0 30px 0;
    }
    .post {
        overflow: hidden;
    }
    .relatedposts .one_col,
    .extended .relatedposts .one_col {
        width: 100%;
    }
    /* #Widget Changes and Shortcode
================================================== */
    .headerwidget {
        float: none;
        margin: auto;
    }
    .widget .tabswrap p {
        font-size: 14px;
        line-height: 16px;
    }
    .widget .tabswrap p.views {
        font-size: 12px;
        color: #777;
    }
    .widget .tabswrap p.views span {
        font-size: 10px;
        line-height: 12px;
        margin-top: -2px;
    }
    .socialwrap {
        max-width: 280px;
        margin: 20px auto 10px auto;
    }
    .top {
        display: none !important;
    }
    h1 {
        font-size: 28px;
        line-height: 32px;
    }
    .recent-project {
        width: 44px;
    }
    .one_half,
    .one_third,
    .two_third,
    .three_fourth,
    .one_fourth,
    .one_fifth,
    .two_fifth,
    .three_fifth,
    .four_fifth,
    .one_sixth,
    .five_sixth {
        width: 100%;
    }
    select.dropdownmenu {
        display: block;
    }
    .nav {
        display: none;
    }
    ul.filter li {
        margin-right: 3px;
        margin-bottom: 3px;
        padding: 5px;
        width: 45.5%;
    }
    .widget h4.posttitle,
    .widget .newspost h4 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    /* #Footer Changes
================================================== */
    #footer .footerwidget,
    #footer .footerwidgetwrap {
        width: 100%;
        margin-right: 0;
    }
    /* #Mobile Admin Bar Changes
================================================== */
    #wp-admin-bar-top-secondary {
        display: none;
    }
    .text-by {
        position: initial!important;
    }
    #sgpb-popup-dialog-main-div {
        min-width: 400px!important;
        width: 80%!important;
    }
    #sgpb-popup-dialog-main-div .vc_icon_element {
        margin-bottom: 20px;
    }
	#sgpb-popup-dialog-main-div .wpb_wrapper h3 {
		margin-bottom: 10px!important;
	}
    #sgpb-popup-dialog-main-div .wpb_wrapper p {
        margin-bottom: 10px;
    }
    #sgpb-popup-dialog-main-div .wpb_column.vc_column_container.vc_col-sm-3 {
        float: left;
        width: 50%;
    }
    #sgpb-popup-dialog-main-div .sublink {
        margin: 10px 5px 5px;
    }
	#sgpb-popup-dialog-main-div .sublink a {
		padding: 10px;
		margin: 5px;
	}
}

.homepageslideshow-mobile {
    display: none;
}

.homepageslideshow {
    display: block;
}


/* Mobile Landscape Size to Portrait (devices and browsers) */

@media only screen and (max-width: 767px) {
    .logo {
        margin: 0px;
    }
    .cat-title {
        font-size: 14px!important;
        margin-bottom: 0.5em!important;
    }
    .articleinner {
        display: grid;
    }
    .sidecontent {
        border-top: 3px dashed #ff3399;
        border-left: none;
    }
    .homepageslideshow-mobile {
        display: block;
    }
    .homepageslideshow {
        display: none;
    }
    .wmuSlider span {
        width: 420px !important;
    }
    .top {
        display: none;
    }
    .recent-project {
        width: 54px;
    }
    .extended .ads125 {
        width: 300px;
        margin: auto;
    }
}

.articlecontainer.nonfeatured.maincontent {
    width: 100%;
    background: #fff;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding: 15px;
}

.anypage {
    background: #fff;
}

h3.subtitle {
    /*text-transform: uppercase!important;*/
    color: #ff3399!important;
    font-size: 19px!important;
    margin-bottom: 0!important;
    font-weight: bold!important;
}

.pagetitlewrap .authors,
.pagetitlewrap .years,
.articleinner .authors,
.articleinner .years {
    font-size: 15px;
    color: #ff3399;
}

.pagetitlewrap p.place,
.pagetitlewrap p.curators,
.articleinner p.place,
.articleinner p.curators {
    color: black;
    font-size: 14px;
}

.articleinner p {
    font-size: 16px;
    margin-bottom: 0;
}

.blogindex {
    padding: 15px;
}


/*.articleinner */

.ticked {
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-top: -15px;
    background-image: url(images/ticket.png);
    background-repeat: no-repeat;
    height: 85px;
    background-position: center top;
    margin-bottom: 6px;
}

.articleinner .ticked .route {
    font-size: 14px;
    text-transform: uppercase;
}

.articleinner .ticked .number {
    padding-top: 5px;
    font-size: 18px;
}

.nivo-controlNav,
.nivo-directionNav {
    display: none;
}

.sidebar>.widget_custom_html:first-child {
    margin-top: 0;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0;
    border: 1px solid #ff3399;
}

.card-body {
    height: 106px;
    background-color: #ff3399;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem 10px;
    background: rgba(255, 51, 153, 0.50);
    margin-top: -106px;
}

.card-text:last-child {
    margin-bottom: 0;
}

h3.card-text {
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #fef200;
}

h3.card-text:hover {
    /*font-weight: bold;*/
    text-decoration: underline;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .col-md-1 {
        -ms-flex: 0 0 8.333335%;
        flex: 0 0 8.333335%;
        max-width: 8.333335%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        width: 58.33333333%;
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .videoimage img {
        width: auto!important;
        height: 147px!important;
    }
}

.place {
    /*text-transform: uppercase;*/
}

.socialbuttons .fa,
.headerwidget .fa {
    color: #fff;
    width: 28px;
    border: 2px solid;
    height: 28px;
    text-align: center;
    padding-top: 3.5px;
    border-radius: 50%;
    font-size: 16px;
}

.fa.fa-envelope {
    background: #000;
}

.fa.fa-facebook {
    background: #4E71A8;
}

.fa.fa-youtube-play {
    background: #CA3737;
}

.fa.fa-instagram {
    background: #444;
}

.fa.fa-search {
    background: #ed207b;
}

img.size-full {
    display: inherit;
    width: 100%!important;
}

p.date {
    text-transform: lowercase;
    font-size: 15px;
}

.videos_post .wp-next-post-navi-next a:before {
    content: "← Anterior";
    font-size: 16px;
}

.videos_post .wp-next-post-navi-pre a:before {
    content: "Siguiente →";
    font-size: 16px;
}
.videos_post .wp-next-post-navi-pre a:hover:after,
.videos_post .wp-next-post-navi-next a:hover:before{
    text-decoration: underline;
}
.videos_post .wp-next-post-navi-pre a,
.videos_post .wp-next-post-navi-next a{
    font-size: 0;
}


.maincontent.page>* {
    margin: 0;
    float: left;
    display: table-row;
    padding: 0;
}

.maincontent.page p {
    /*display: flow-root;*/
    font-size: 16px;
}

.maincontent.page a, .maincontent.page a:after {
    /*color: #ff3399;*/
}

.maincontent.page a.link_title {
    display: contents;
}

.maincontent h6 {
    color: #999!important;
    text-align: center;
    margin-bottom: 40px!important;
    font-size: 15px!important;
}

.maincontent.page a:hover {
    text-decoration-line: underline;
}

.barright {
    background: #3A3A3C;
}

.postpage {
    line-height: 1.5;
    background: #fff;
    width: 100%;
}

.postpage h1,
.postpage h2,
.postpage h3,
.postpage h4,
.postpage h5,
.postpage h6 {
    color: #ff3399;
    margin-bottom: 0px;
}

.screen-reader-text {
    display: none;
}

.nav-links {
    color: transparent;
    float: right;
}

.nav-links a {
    font-size: 110%;
    color: #ff3399;
}

.nav-links a:hover {
    text-decoration-line: underline;
}

.nav-links a::after {
    content: " >>"
}

.mpp-toc-title h2 {
    text-align: justify!important;
    font-weight: bold;
    color: #ccc;
    padding-bottom: 10px;
}

.mpp-toc-container {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    display: contents;
    border: 0px!important;
    max-width: 25%!important;
    padding: 1em 1.25em!important;
}

.mpp-toc-container ul li {
    line-height: normal;
    display: flex;
    margin: 0 0 20px 0!important;
    color: #fff;
    width: 100%;
    float: left;
    list-style: none;
    font-size: 18px;
    text-align: left;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.mpp-toc-container ul li::before {
    margin-top: 2px;
    /*padding-top: 1px;*/
    padding-right: 10px;
    font-family: FontAwesome;
}

.mpp-toc-container ul li a,
.mpp-toc-container ul li span {
    text-align: left;
    line-height: normal;
    font-size: 18px;
    color: #fff!important;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif!important;
}

.mpp-toc-container ul li a sup {
    color: #fff!important;
}

.mpp-toc-container ul li span.submenu {
    padding-right: 10px;
    color: #fff!important;
}

.mpp-toc-container ul li span {
    color: #ff3399!important;
}

.mpp-toc-container ul li a span {
    color: #fff!important;
}

.mpp-toc-container ul li a:hover {
    text-decoration-line: underline;
}

#searchbox input {
    float: left;
    width: 220px;
    font-size: 14px;
    padding: 6px;
}

#searchbox button {
	padding-left: 10px;
    float: left;
    border: 0;
    background: transparent;
}

.one_sixth,
.five_sixth {
    padding: 0 0 0 0!important;
}

#footer div.widget_nav_menu:nth-child(5) ul li a {
    /* background: darkred; */
    color: #fef200;
}

h6 {
    margin-bottom: 10px;
}

.fixed {
    width: 230px;
    /*position: fixed;*/
    top: 20px;
}

.barright>.postpage>h2:first-child {
    display: none;
}

.postpage>h2,
.postpage .wpb_wrapper>h2,
.postpage .wpb-content-wrapper>h2 {
    font-weight: bold;
    text-transform: uppercase;
}

.postpage>h4,
.postpage .wpb_wrapper>h4,
.postpage .wpb-content-wrapper>h4 {
    margin-top: 32px;
    font-size: 20px;
}

.postpage>h5,
.postpage .wpb_wrapper>h5,
.postpage .wpb-content-wrapper>h5 {
    margin-top: 40px;
    border-top: 1px solid #555;
    padding-top: 10px;
    width: 50%;
    font-size: 17px;
    color: #555;
    font-weight: bold!important;
    margin-bottom: 30px!important;
}

.postpage>h3,
.postpage>h4,
.postpage>h5,
.postpage .wpb_wrapper>h3,
.postpage .wpb_wrapper>h4,
.postpage .wpb_wrapper>h5,
.postpage .wpb-content-wrapper>h3,
.postpage .wpb-content-wrapper>h5 {
    font-weight: normal;
    text-transform: initial!important;
    margin-bottom: 16px;
}

img.cent {
    width: 100%;
}

#cn-notice-text {
    float: left;
    width: 100%;
}

div.lang li a {
    color: #ff3399;
}

div.lang li:hover a {
    text-decoration: underline;
}

div.lang li {
    color: #777;
    font-weight: bold;
    font-size: 13px;
    margin: 5px 0 0 0;
    list-style: none;
}

div.lang ul {
    margin-bottom: 15px;
    bottom: 0;
    position: absolute;
}

.top-post {
    margin-top: 0!important;
}

.fuchsia,
.fucsia {
    color: #ff3399;
}

.postpage ul li:before {}

.vc_row.wpb_row.vc_row-fluid {
    width: 100%;
}

.cat-title {
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
    color: #fef200;
    margin-top: -0.8em!important;
    font-size: 16px;
    margin-bottom: 1em!important;
    /* position: absolute;
    margin-left: -1em;*/
}

.maincontent>div>.vc_row.wpb_row.vc_row-fluid {
    display:inline-block;
    /*display:inline-table;*/
    margin-left: 0px;
    margin-right: 0px;
}

.vc_column_container.vc_col-sm-12>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid>li {
    margin-bottom: 30px!important;
}

#menu-menu-principal>li:first-child ul {
    justify-content: flex-start!important;
}


/*******************BG Image*******************/

body {
    background-repeat: repeat;
    background-position: center top;
}


/*******************BG Color*******************/

body {
    background-color: #000000;
}


/*******************Layout Mode*******************/


/****************Button Colors***********************/

.button:hover,
a.button:hover,
span.more-link a:hover,
.cancel-reply p a:hover {
    background: #333333!important;
    color: #fff;
}

.button,
a.button,
span.more-link a.more-link,
#footer .button,
#footer a.button,
#footer span.more-link a.more-link,
.cancel-reply p a {
    background: #ff3399;
    color: #fff;
}

.summary,
.rating.stars,
.rating.points,
.rating.percent,
.scorebar,
.categories a:hover,
.tagcloud a,
.single .categories a,
.single .sidebar .categories a:hover,
.tabswrap ul.tabs li a.active,
.tabswrap ul.tabs li a:hover,
#footer .tabswrap ul.tabs li a:hover,
#footer .tabswrap ul.tabs li a.active,
.sf-menu li a:hover,
.sf-menu li.sfHover a,
.pagination a.button.share:hover,
#commentsubmit #submit,
#cancel-comment-reply-link {
    background: #ff3399;
    color: #fff !important;
}

blockquote,
.tabswrap .tabpost a:hover,
.articleinner h2 a:hover,
span.date a:hover {
    color: #555 !important;
}

h3.pagetitle,
h1.pagetitle,
.pagetitlewrap span.description {
    border-color: #ff3399;
}


/****************Link Colors***********************/

p a,
a {
    color: #ff3399;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
p a:hover,
#footer h1 a:hover,
#footer h2 a:hover,
#footer h3 a:hover,
#footer h3 a:hover,
#footer h4 a:hover,
#footer h5 a:hover,
a:hover,
#footer a:hover,
.blogpost h2 a:hover,
.blogpost .smalldetails a:hover {
    color: #ff3399;
    text-decoration: underline;
}


/****************Selection Colors***********************/

::-moz-selection {
    background: #ff3399;
    color: #fff;
}

::selection {
    background: #ff3399;
    color: #fff;
}

::selection {
    background: #ff3399;
    color: #fff;
}

.recent-project:hover {
    border-color: #ff3399 !important;
}


/***************Typographic User Values *********************************/

h1,
h2,
h1 a,
h2 a,
.blogpost h2 a,
h3,
.ag_projects_widget h3,
h3 a,
.aj_projects_widget h3 a,
.ajax-select ul.sf-menu a,
.pagination .button,
.nivo-caption h3.title {
    font-weight: normal;
    text-transform: none;
}

h5,
h5 a,
.widget h3,
.widget h2,
.widget h4,
.reviewbox h4,
.reviewbox .score span,
.ajax-select a#news_select,
.authorposts h4,
.widget h4.widget-title {
    font-weight: bold;
    text-transform: uppercase !important;
}

h4,
h4 a,
.footer .note h4,
.footer h4.subheadline,
.newspost h4,
.paginationbutton .button,
.articleinner h2.indextitle,
.widget .articleinner h2.indextitle,
.articleinner h2.indextitle a,
.widget artileinner h2.indextitle a {
    ;
    font-weight: bold !important;
    /*text-transform: uppercase !important;*/
}

.sf-menu a,
.ajax-select ul.sf-menu li li a {
    font-weight: bold;
    text-transform: none;
    font-size: 13px;
}

body,
input,
p,
ul,
ol,
.button,
.ui-tabs-vertical .ui-tabs-nav li a span.text,
.footer p,
.footer ul,
.footer ol,
.footer.button,
.credits p,
.credits ul,
.credits ol,
.credits.button,
.footer textarea,
.footer input,
.testimonial p,
.contactsubmit label,
.contactsubmit input[type=text],
.contactsubmit textarea,
h2 span.date,
.articleinner h1,
.articleinner h2,
.articleinner h3,
.articleinner h4,
.articleinner h5,
.articleinner h6,
.nivo-caption h1,
.nivo-caption h2,
.nivo-caption h3,
.nivo-caption h4,
.nivo-caption h5,
.nivo-caption h6,
.nivo-caption h1 a,
.nivo-caption h2 a,
.nivo-caption h3 a,
.nivo-caption h4 a,
.nivo-caption h5 a,
.nivo-caption h6 a,
#cancel-comment-reply-link {
    font-weight: normal;
    text-transform: none;
}

.st-btn img {
    border: 0!important;
}

#st-1 .st-btn>img {
    filter: invert(.5);
}

#st-1 .st-btn {
    background-color: transparent!important;
}

.social-share hr {
    margin-top: 0px;
    border: 1px solid #808080;
}

iframe {
    /*padding-top: 20px;*/
}

.versal {
    /*font-weight: bold;*/
    text-transform: none;
    font-variant: small-caps;
}

.description p {
    margin-bottom: 16px;
}

sup,
cite {
    color: #ff3399;
    font-size: 70%;
}

cite::before {
    content: "(";
}

cite::after {
    content: ")";
}

.maincontent h4>strong,
.maincontent strong>h4,
.maincontent h3>strong,
.maincontent strong>h3,
.maincontent h2>strong,
.maincontent strong>h2,
.maincontent h4>span>strong,
.maincontent strong>h4,
.maincontent h3>strong,
.maincontent strong>h3,
.maincontent h2>span>strong,
.maincontent strong>h2 {
    /*font-weight: normal;*/
    display: block;
    margin-top: 50px;
    margin-bottom: 50px;
}

.gallery .gallery-icon a {
    float: left;
    overflow-y: hidden;
    aspect-ratio : 1 / 1;
}
.gallery-icon img {
    height: 100%!important;
    width: 100%;
    object-fit: cover;
}
.gallery-icon.landscape {
    position: relative;
}
.gallery-caption {
    
  justify-content: center;
  align-content: center;
  flex-direction: column;
    display:none;
    height: 100%;
    width: 100%;
    position: absolute;
}

.gallery-item:hover .gallery-caption {
    pointer-events: none;
        padding: 15px;
  font-weight: bold;
    display: flex;
    background-color: rgba(255,255,255,0.8);
    transition: width 2s;
    font-size: 18px!important;
}

div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right
{
    background: none!important;
    padding: 0!important;
}

div.pp_default .pp_content_container .pp_details
{
    display: contents;
}
div.pp_default .pp_content {
    border:2px solid #DDD;
    width: max-content!important;
    padding: 15px;
    height: auto!important;
}

a.pp_close {
    text-decoration:none;
    width: 11px!important;
    background:transparent!important;
    font-size:0;
    text-indent: unset;
}

a.pp_close::after{
    color:#000;
    font-size: 20px;
    content: "x";
}

span.fa-star:before {
    color: #fff;
    font-family: FontAwesome;
    padding-right: 10px;
}

b {
    font-weight: bold;
}

.wpcf7-form input,
.wpcf7-form textarea {
    width: 50%;
    float: right;
}

.wpcf7-form label {
    display: flow-root;
}

.titlecontainer .vc_row.wpb_row.vc_row-fluid {
    /*width: calc(100% + 30px);*/
    margin-left: 0px;
    margin-right: 0px;
}

.noborder {
    border: 0;
}

.side-bar {
    color: #fff;
    background: #3a3a3c;
}

textarea {
    height: 401px;
}

.arriba {
    margin-top: 40px!important;
}

.abajo {
    margin-bottom: 40px!important;
}

.sinborde {
    border: 0px!important;
}

a img.alignnone.size-full {
    display: block;
    margin: 0;
}

.mejs-audio {
    margin-bottom: 16px;
}

.addtional {
    background: #fff;
}

.link_title {
    text-transform: uppercase;
}

.menu-image-title-before.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper,
.menu-image-title-after.menu-image-title {
    padding-left: 5px;
}

.menu-image-title-after.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper,
.menu-image-title-before.menu-image-title {
    margin-top: -1px;
    padding-right: 5px;
    /*width: 36px;*/
}

.sf-menu>li {
    display: contents;
}

.related-videos p {
    line-height: 1.45;
}

.related-routes p {
    line-height: 1.45;
}

.title_element {
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}

.postpage>div.fullarticle,
.articlecontainer #fullcolumn>div.fullarticle {
    padding-top: 0!important;
}

.postpage>div.fullarticle~div.fullarticle,
.articlecontainer #fullcolumn>div.fullarticle~div.fullarticle {
    padding-top: 0px!important;
}

a .black {
    color: #000;
}

a:hover .black {
    color: #ff3399;
}

div.wpcf7-mail-sent-ok {
    font-weight: bold;
    margin: 2em 0 0;
    border: none;
    padding: 0.2em 0;
    text-transform: uppercase;
    color: #ff3399;
}

.svg-inline--fa {
    margin-top: 3px;
    margin-right: 7px;
    width: 0.9em!important;
}

.svg-inline--fa,
#menu-menu-principal .dashicons {
    margin-top: 3px;
    margin-right: 7px;
    width: 0.9em!important;
}

#menu-menu-principal .dashicons {
    margin-top: 5px;
    font-size: 16px;
}

a:hover .dashicons {
    text-decoration: none;
}

.icon-ticket {
    font-size: 30px;
    padding-top: 10px;
}

.logowidget .dashicons {
    margin-left: 10px;
    margin-top: -1px;
    font-size: 16px;
}

.logowidget .widget_nav_menu li::after {
    content: "";
}

.topbar .dashicons {
    font-size: 18px;
    margin-top: -3px;
    margin-left: 10px;
}

.sidebar .top-right {
    background: #3A3A3C;
}

.barright .postpage {
    margin-bottom: -15px;
}

.footerwidget .dashicons {
    display: none;
}

#prev,
#next,
.prev,
.next {
    padding-top: 0;
    padding-bottom: 0;
}

#prev,
.prev {}

#next,
.next {
    text-align: right;
}

td {
    line-height: 22px;
}

li.term-content {
    list-style: none;
    margin-bottom: 30px;
}

.extern-lang {
    font-style: italic;
}

.extern-term::before {
    content: '[';
}

.extern-term::after {
    content: ']';
}

.term-glossary {
    font-weight: bold;
}

.cf {
    padding: 15px 0 0 6px;
    margin: 0;
    font-size: 90%!important;
}

.cf li {
    list-style: disc;
}

#popup {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}

.content-popup {
    margin: 0px auto;
    margin-top: -220px;
    position: relative;
    padding: 30px;
    width: 1000px;
    min-height: 250px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px #666666;
}

.content-popup h2 {
    color: #48484B;
    border-bottom: 1px solid #48484B;
    margin-top: 0;
    padding-bottom: 4px;
}

.popup-overlay {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    display: none;
    background-color: #777777;
    cursor: pointer;
    opacity: 0.7;
}

.close {
    position: absolute;
    right: 15px;
}

.form-group.glossary input {
    border: 1px solid #ff3399;
}

#search, #search-head {
    color: #fff;
    text-align: center;
}

#search-head:hover {
    cursor: pointer;
}

input#searchdirectory, input#searchdirectory-head {
    padding: 13px 10px 12px;
}

.list_letter_show {
    text-align: center;
}

.list_letter_show a,
.list_letter_show span {
    font-size: 150%;
    font-weight: bold;
    margin: 0 5px;
}

#control-glossary {
    margin-top: 40px;
}

.term-content .fa.fa-star:before {
    margin-left: -15px;
    color: rgb(85, 85, 85);
    padding-right: 10px;
}

.search-box-container {
    position: absolute;
    bottom: 15px;
    right: 30px;
    width: calc(100% - 45px);
}
a:hover p.curators {
    text-decoration-color: #fff!important;
    text-decoration: underline;
}
.sidebar.mpp-toc-container>.widget {
    border: 0;
}
.sidebar.mpp-toc-container>.widget h4 {
    color: #ff3399!important;
    border-bottom: 0;
    font-size: 18px;
}
.sidebar.mpp-toc-container>.widget.widget_recent_entries a {
    padding: 0;
}
.sidebar.mpp-toc-container>.widget.widget_recent_entries a:hover {
    background: transparent;
}
.wp-next-post-navi
{
    display:none;
}
.post .wp-next-post-navi, .videos_post .wp-next-post-navi
{
    padding-top: 20px;
    display:block;
}
.wp-next-post-navi div
{
    font-size:0!important;
}
.wp-next-post-navi a
{
    font-size:16px;
}
.singlecomment cite
{
    font-size: 14px;
}
.commentsheader
{
    padding-top: 25px;
    padding-bottom: 25px;
}
.listcomments {
    padding: 0;
}
.navigation-comments
{
    display:none;
}
.mobilenavigation .dashicons {
    padding-right: 50px;
    padding-left: 20px;
    float:left;
}
.mobilenavigation .menu-image-title {
    padding-left: 5px;
}
.text-by
{
    color: #000!important;
    position: absolute;
    right: 30px;
    bottom: 15px;
}


.videos_post .wp-next-post-navi-pre {
    float: right;
	text-align: right;
}
.videos_post .wp-next-post-navi-next {
    float: left;
	text-align: left;
}

#sgpb-popup-dialog-main-div {
    opacity: 0.6;
}

.title-sublink h4 {
    color: #555;
}
#sgpb-popup-dialog-main-div .sublink {
    margin: 20px 5px 5px;
}
.sublink a {
    border-radius: 16px !important;
    font-size: 14px !important;
    background-color: #ff3399 !important;
    text-transform: uppercase;
    color: #fff!important;
    background-image: none!important;
}
#sgpb-popup-dialog-main-div .vc_row {
    margin-left: inherit;
    margin-right: inherit;
}

#sgpb-popup-dialog-main-div .wpb_wrapper h3 {
    margin-bottom: 20px;
}
#sgpb-popup-dialog-main-div .wpb_content_element {
	margin-bottom: 0px!important;
}

#logowidget #nav_menu {
	width: 100%!important;
}

#menu-menu-logo li::after, #menu-menu-logo li:last-child::after {
	display: block!important;
	font-weight: bold!important;
	content: "|"!important;
}

/*
#menu-menu-logo {}
#menu-menu-logo li {
	float: left;
	width: 168px;
}
#menu-menu-logo li::after {
	padding: 0;
}
#menu-menu-logo li a {
	width:100%
}
*/

.pagepost .subtitulo_2{
    right: 30px;
    float: right;
    position: absolute;
    bottom: 15px;
}
.articleinner h2.indextitle {
	text-transform:uppercase!important;
}