/*
Theme name: Makeupcom Full Redesign
Description: Custom Theme
*/
@font-face {
	font-family: 'FuturaWebfont';
	src: url('css/fonts/futurastd-medium-webfont.eot');
	src: url('css/fonts/futurastd-medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('css/fonts/futurastd-medium-webfont.woff') format('woff'),
		 url('css/fonts/futurastd-medium-webfont.ttf') format('truetype'),
		 url('css/fonts/futurastd-medium-webfont.svg#futuraltmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'futura_hv_btheavy';
    src: url('css/fonts/futura_heavy_bt-webfont.eot');
    src: url('css/fonts/futura_heavy_bt-webfont.eot?#iefix') format('embedded-opentype'),
    url('css/fonts/futura_heavy_bt-webfont.woff') format('woff'),
    url('css/fonts/futura_heavy_bt-webfont.ttf') format('truetype'),
    url('css/fonts/futura_heavy_bt-webfont.svg#futura_hv_btheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'FuturaWebfont-Condensed';
	src: url('css/fonts/futura_bold_condensed_bt-webfont.eot');
	src: url('css/fonts/futura_bold_condensed_bt-webfont.eot?#iefix') format('embedded-opentype'),
		 url('css/fonts/futura_bold_condensed_bt-webfont.woff') format('woff'),
		 url('css/fonts/futura_bold_condensed_bt-webfont.ttf') format('truetype'),
		 url('css/fonts/futura_bold_condensed_bt-webfont.svg#futura_bdcn_btbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'scotch_roman_mtitalic';
    src: url('css/fonts/scotchromanmt-italic-webfont.eot');
    src: url('css/fonts/scotchromanmt-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('css/fonts/scotchromanmt-italic-webfont.woff') format('woff'),
    url('css/fonts/scotchromanmt-italic-webfont.ttf') format('truetype'),
    url('css/fonts/scotchromanmt-italic-webfont.svg#scotch_roman_mtitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fh { font-family: 'futura_hv_btheavy' !important; font-weight: normal; }
.sm { font-family: 'scotch_roman_mtitalic' !important; font-weight: normal; font-style: normal; }


::selection { background: #ff717e; color: #000; }
::moz-selection { background: #ff717e; color: #000; }

::-webkit-scrollbar { width: 6px; height: 5px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #ff717e; }

* { margin: 0; padding: 0; outline: 0; -webkit-tap-highlight-color: rgba(255,113,126,.3); }

body,
html { height: 100%; }

body {
	font-family: 'FuturaWebfont', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 19px;
	color: #000;
	font-weight: normal;
	font-style: normal; 
	text-transform: none;
	letter-spacing: 1px; 
	word-spacing: 0em;
	text-shadow: none;
	text-decoration: none; 
	word-wrap: break-word;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	min-width: 100%;
}

p { letter-spacing: 0; }

.loaded { background: #fff; }

a { color: #ff717f; text-decoration: none; cursor: pointer; }
a:hover { color: #000; }
a img { border: 0; }

::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #999;; }
::-moz-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }

input,
textarea { font-family: 'FuturaWebfont', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; line-height: 19px; color: #000; }
select { font-family: Arial, Helvetica, serif; }

input,
textarea,
select,
button { border-radius: 0; box-shadow: none; }

input,
textarea,
button { -webkit-appearance: none; }

input[type="radio"] { -webkit-appearance: radio; }
input[type="checkbox"] { -webkit-appearance: checkbox; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; }

a,
input[type="submit"],
input[type="button"],
input[type="reset"],
button { cursor: pointer; border: 0; }

h1 { font-family: 'ScotchModern', serif; font-size: 30px; line-height: 44px; font-weight: normal; }
h2 { font-family: 'FuturaLTPro-Heavy', sans-serif; font-size: 24px; line-height: 26px; text-transform: uppercase; }
h3 { font-family: 'FuturaLTPro-Heavy', sans-serif; font-size: 15px; line-height: 17px; text-transform: uppercase; }
h5 { font-family: 'FuturaLTPro-Heavy', sans-serif; font-size: 13px; line-height: 17px; text-transform: uppercase; }
h6 { font-family: 'FuturaWebfont-Condensed', sans-serif; font-size: 16px; line-height: 19px; text-transform: uppercase; font-weight: normal; }

em { font-style: normal; }

.cl { height: 0; display: block; }

.cf { *zoom: 1; }
.cf:before,
.cf:after { content: ""; line-height: 0; display: table; }

.cl,
.cf:after { clear: both; }

.cl,
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left,
.alignleft,
.right,
.alignright { display: inline; }

.left,
.alignleft { float: left; }

.right,
.alignright { float: right; }

input[type="submit"],
input[type="button"],
input[type="reset"],
button,
.social-icon .icon,
.subscribe .error-msg,
.subscribe .success-msg,
.overlay,
.play-button,
.play-button i {
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

a {
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
}

.subscribe {
	-webkit-perspective: 800px; 
	-moz-perspective: 800px; 
	-ms-perspective: 800px; 
	-o-perspective: 800px; 
	perspective: 800px; 
}

.logo,
.social-icon .pinterest-follow a {
	-webkit-transition: none; 
	-moz-transition: none; 
	-ms-transition: none; 
	-o-transition: none; 
	transition: none; 
}

.logo-small {
	transition: opacity .9s;
	-moz-transition: opacity .9s;
	-webkit-transition: opacity .9s;
	-o-transition: opacity .9s;
	-ms-transition: opacity .9s;
}

.logo-row {
    height: 40px;
    border-bottom: black solid 2px;
    display:none;
}

.button { line-height: 24px; color: #fff; text-align: center; text-transform: uppercase; height: 24px; display: inline-block; background: #ff717e; padding: 4px 11px; border: 1px solid #ff717e; }
.button:hover { color: #fff; background: #000; }

/*.js .wrapper { opacity: 0; filter:alpha(opacity=0); background: #fff; }*/
.js .loaded .wrapper { opacity: 1; filter:alpha(opacity=100); }

.shell { width: 960px; margin: 0 auto; }

.top { padding-bottom: 25px; position: relative; z-index: 1; }

.header-container { min-height: 283px; }

.social-icon { width: 40px; height: 42px; border-left: 1px solid #000; overflow: hidden; }
.social-icon:first-child { border-left: 0; }
.social-icon > iframe,
.social-icon > div { float: left; margin: 10px 10px 0 !important; position: absolute; top: -4000px; }
.social-icon .fb-like,
.social-icon .pinterest-follow { margin-top: 11px !important; }
.social-icon .addthis_toolbox { margin-top: 12px !important; }
.social-icon a.notext { width: 40px; height: 42px; float: left; position: relative; }
.social-icon a.notext .icon { height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; background-image: url(images/socials01.png); background-repeat: no-repeat; }
.social-icon:hover { width: auto; overflow: visible; }
.social-icon:hover a.notext { background: #000; }
.social-icon:hover > iframe,
.social-icon:hover > div { position: static; top: auto; }

.facebook-icon .icon { width: 10px; background-position: 0 0; margin-left: -5px; }
.twitter-icon .icon { width: 20px; background-position: -13px 0; margin-left: -10px; }
.pinterest-icon .icon { width: 16px; background-position: -36px 0; margin-left: -8px; }
.instagram-icon .icon { width: 18px; background-position: -55px 0; margin-left: -9px; }
.googleplus-icon .icon { width: 20px; background-position: -75px 0; margin-left: -10px; }

.social-icon:hover .facebook-icon .icon { background-position: 0 -21px; }
.social-icon:hover .twitter-icon .icon { background-position: -13px -21px; }
.social-icon:hover .pinterest-icon .icon { background-position: -36px -21px; }
.social-icon:hover .instagram-icon .icon { background-position: -55px -21px; }
.social-icon:hover .googleplus-icon .icon { background-position: -75px -21px; }

.search-box { width: 175px; height: 28px; margin-left: 12px; }
.search-box .field { font-family: 'ScotchModern-Italic', serif; font-size: 16px; line-height: 20px; padding: 5px 0 2px; width: 135px; height: 20px; border: 0; border-bottom: 1px solid #000; background: transparent; }
.search-box .field::-webkit-input-placeholder { font-family: 'ScotchModern-Italic', serif; }
.search-box .field:-moz-placeholder { font-family: 'ScotchModern-Italic', serif; }
.search-box .field::-moz-placeholder { font-family: 'ScotchModern-Italic', serif; }
.search-box .field:-ms-input-placeholder { font-family: 'ScotchModern-Italic', serif; }
.search-box .submit { width: 40px; height: 28px; background: url(images/icon-search.png) no-repeat center 8px; }
.search-box .submit:hover { background: #000 url(images/icon-search.png) no-repeat center -26px; }

.account { font-size: 13px; line-height: 14px; font-family: 'FuturaLTPro-Heavy', sans-serif; text-transform: uppercase; padding-top: 10px; }
.account ul { list-style: none outside; }
.account ul li { float: right; display: inline; padding: 0 6px; }
.account ul li:first-child { border-left: 1px solid #000; }
.account ul li a { color: #000; padding: 3px 0; display: block; white-space: nowrap; }
.account ul li a:hover { color: #ff717e; }
.account ul li.user-menu { height: 20px; position: relative; padding: 0; min-width: 115px;}
.account ul li.user-menu > a { background: url(images/acc-arrow.png) 100% 50% no-repeat; padding: 3px 22px 3px 13px; min-width: 66px; }
.account ul li.user-menu:hover > a,
.account ul li.user-menu > a:hover { background-color: #000; color: #fff; }
.account ul ul { position: absolute; top: 100%; left: 0; right: -1px; display: none; }
.account ul .user-menu:hover ul { display: block; }
.account ul ul a { background: #000; margin: 1px 0 0; display: block; color: #fff; padding: 0 13px; line-height: 20px; }
.account ul ul a:hover { background: #ff717e; color: #fff; }
.account ul ul li { float: none; display: block; padding: 0; }

.logo { width: 969px; height: 171px; display: block; background: url(images/mdc_logo.png) no-repeat 0 0; position: relative; margin: 0 auto -11px; z-index: 10; }

.logo-small { background: url(images/logo02.png); width: 360px; height: 25px; position: absolute; top: -100px; left: 50%; margin: 0 0 0 -180px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }

#navigation { font-size: 14px; letter-spacing: 0.1em; line-height: 21px; color: #000; text-transform: uppercase; font-weight: 600; border-bottom: 2px solid #000; position: relative; z-index: 0; }
#navigation:hover { z-index: 2; }
#navigation ul { list-style: none outside; *zoom: 1; }
#navigation ul:after { content: ""; line-height: 0; display: table; clear: both; }
#navigation ul li { width: 16.66%; float: left; display: inline; position: relative; }
#navigation ul li a { color: #000; text-align: center; padding: 15px 0; display: block; }
#navigation ul li:hover { z-index: 500; }
#navigation ul li:hover > a { color: #fff; background: #000; }
#navigation ul ul { position: absolute; top: 50%; left: 0; right: 0; background: #ff717e; z-index: -2; }
#navigation ul li:hover ul { z-index: 2; }
#navigation ul ul .dropright,
#navigation ul ul { display:none; }
#navigation ul li:hover > .dropright,
#navigation > ul > li:hover > ul { top: 100%; display:block; }
#navigation ul ul li { width: auto; float: none; display: block; position: static; }
#navigation ul ul li a { color: #fff; text-align: left; padding: 11px 20px; }
#navigation ul ul li:hover > a { background: #ff9ca5; }
#navigation ul ul .dropright { width: 390px; /*height: 142px;*/ padding: 20px 20px 0; position: absolute; top: 0; bottom: 0; left: 100%; background: #000; z-index: -2; }
#navigation > ul > li:last-child ul .dropright { left: auto; right: 100%; }
#navigation > ul > li > ul > li:hover > .dropright { top: 0; /*left: 100%;*/ opacity: 1; filter:alpha(opacity=100); visibility: visible; }
#navigation ul ul .dropright h3 { color: #fff; padding-bottom: 9px; }
#navigation ul ul .dropright ul { background: #000; position: static; top: auto; left: auto; opacity: 1; filter:alpha(opacity=100); visibility: visible; display: block; margin: 0 -20px; padding: 0 20px 10px;  }
#navigation ul ul .dropright ul li { padding-bottom: 9px; position: static; }
#navigation ul ul .dropright ul a { font-family: 'ScotchModern-Italic', serif; font-size: 16px; color: #fff; text-transform: none; font-weight: normal; padding: 0; }
#navigation ul ul .dropright ul li:hover > a,
#navigation ul ul .dropright ul a:hover { background: transparent; color: #ff717e; }



.master-container { padding: 37px 0; position: relative; z-index: 1; }

.content { width: 635px; }

.sidebar { width: 300px; }
.sidebar > ul { list-style: none outside; }

.sidebar .widget_search ul,
.sidebar .widget_recent_entries ul,
.sidebar .widget_recent_comments ul,
.sidebar .widget_archive ul,
.sidebar .widget_categories ul,
.sidebar .widget_meta ul { list-style: none outside none; }

.widget + .widget { margin-top: 30px; }

.banner a { height: 250px; display: block; }
.banner a img { width: 100%; height: 100%; display: block; }

.subscribe { color: #fff; text-align: center; padding: 15px; background: #000; overflow: hidden; position: relative; }
.subscribe h1 { text-transform: uppercase; font-style: italic; border-bottom: 1px solid #fff; margin-bottom: 5px; }
.subscribe h2 { letter-spacing: 5px; font-weight: 600; }
.subscribe p { font-family: 'ScotchModern-Italic', serif; font-size: 18px; line-height: 21px; color: #fff; padding: 0 10px 10px; }
.subscribe .field { font-size: 13px; line-height: 20px; color: #fff; width: 171px; height: 20px; padding: 6px 10px; background: transparent; border: 1px solid #fff; }
.subscribe .field::-webkit-input-placeholder { color: #fff; text-transform: uppercase; }
.subscribe .field:-moz-placeholder { color: #fff; text-transform: uppercase; font-style: normal; }
.subscribe .field::-moz-placeholder { color: #fff; text-transform: uppercase; font-style: normal; }
.subscribe .field:-ms-input-placeholder { color: #fff; text-transform: uppercase; font-style: normal; }
.subscribe .error .field { border-color: #ff717e; }
.subscribe .submit { width: 64px; height: 34px; padding: 4px 0; border: 1px solid #ff717e; }
.subscribe .submit:hover { border-color: #fff; }

.subscribe .error-msg,
.subscribe .success-msg { width: 270px; position: absolute; top: 0; left: 100%; background: #000; padding: 20px 15px; }
.subscribe .error-msg { height: 115px; }
.subscribe .error-msg p { padding: 10px 0 0 0; }
.subscribe .success-msg { bottom: 0; padding-top: 15px; }
.subscribe .success-msg h1 { padding-bottom: 6px; }
.subscribe .success-msg p { font-family: 'FuturaWebfont', sans-serif; font-size: 14px; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; padding: 8px 0 0 0; }
.subscribe .error-msg.visible,
.subscribe .success-msg.visible { left: 0; right: 0; }

.widget h3 { font-size: 16px; line-height: 26px; text-transform: uppercase; font-family: 'FuturaWebfont', sans-serif; letter-spacing: 2px; text-align: center; }
.widget.advertisement ul { list-style: none outside none; }

.latest-products h4 { font-family: 'ScotchModern-Italic', serif; font-size: 16px; line-height: 21px; color: #000; font-weight: normal; text-align: center; padding: 7px 0; border-bottom: 1px solid #000; }
.latest-products h4 a { color: #000; }
.latest-products h4 a:hover { color: #ff717e; }
.latest-products p { height:26px; overflow:hidden; font-size: 14px; line-height: 17px; color: #000; text-align: center; padding: 9px 0; border-bottom: 1px solid #000; }
.latest-products p a { color: #000; }
.latest-products p a:hover { color: #8c8d8e; }

.latest-products .carousel ul { list-style: none outside; display: none; }
.latest-products .carousel ul li { width: 300px; float: left; display: inline; background: #fff; }
.latest-products .carousel ul li > a { height: 297px; display: block; position: relative; border: 1px solid #000; border-top-width: 6px; overflow: hidden; }
.latest-products .carousel ul li > a img { height: 297px; width: auto; display: block; margin: 0 auto; }
.latest-products .carousel ul li > a .overlay { position: absolute; top: 100%; left: 0; right: 0; bottom: 0; background: url(images/pinky.png); }
.latest-products .carousel ul li > a:hover .overlay { top: 0; }
.latest-products .carousel ul li > a .overlay strong { font-family: 'ScotchModern-Italic', serif; font-size: 79px; line-height: 79px; color: #fff; text-transform: uppercase; font-weight: normal; text-align: center; display: block; padding-top: 80px; }
.latest-products .carousel ul li > a .overlay strong small { font-size: 65px; line-height: 64px; display: block; }

.latest-products .carousel-controls { font-size: 23px; line-height: 35px; color: #000; text-align: center; }
.latest-products .carousel-controls a { color: #000; }
.latest-products .carousel-controls a:hover { color: #8c8d8e; }
.latest-products .carousel-controls * { display: inline-block; }
.latest-products .carousel-controls .nums a { font-size: 15px; font-family: 'FuturaLTPro-Heavy', sans-serif; padding: 0 10px; }
.latest-products .carousel-controls .nums a.selected { color: #ff717e; }

.latest-products .carousel ul li > a.read-more { border:none; height:auto; margin:5px 0 0 5px; }

.featured-posts { padding-bottom: 30px; }
.featured-posts ul { list-style: none outside; display: none; }
.featured-posts .carousel { width: 421px; height: 512px; }
.featured-posts .carousel ul li { width: 421px; float: left; display: inline; position: relative; background: #ccc; }
.featured-posts .carousel ul li img { width: 100%; height: auto; display: block; }
.featured-posts .carousel ul li h1 { font-size: 46px; line-height: 50px; color: #fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); text-align: right; font-weight: normal; position: absolute; bottom: 10px; left: 0px; right: 10px; }
.featured-posts .carousel ul li .socials { width: 22px; position: absolute; top: 10px; left: 10px; }
.featured-posts .carousel ul li .socials .comment { width: 22px; height: 22px; display: block; background: url(images/socials02.png) no-repeat 0 0; margin-bottom: 6px; }
.featured-posts .carousel ul li .socials .addthis_toolbox { overflow: hidden; }
.featured-posts .carousel ul li .socials .addthis_toolbox > a { width: 22px; height: 22px; float: none; display: block; background: url(images/socials02.png) no-repeat 0 0; padding: 0; margin-bottom: 6px; overflow: hidden; }
.featured-posts .carousel ul li .socials .addthis_toolbox > a > :first-child { opacity: 0; filter:alpha(opacity=0); }
.featured-posts .carousel ul li .socials .addthis_toolbox > a .fb-like { position: absolute; left: 0; }
.featured-posts .carousel ul li .socials .addthis_toolbox > a.addthis_button_facebook { background-position: 0 -56px; }
.featured-posts .carousel ul li .socials .addthis_toolbox > a.addthis_button_tweet { background-position: 0 -28px; }
.featured-posts .carousel ul li .socials .addthis_toolbox > a.addthis_button_pinterest_pinit { background-position: 0 -84px; }
.featured-posts .carousel ul li .socials .comment:hover { background-position: right 0; }
.featured-posts .carousel ul li .socials .addthis_toolbox > a.addthis_button_facebook:hover { background-position: right -56px; }
.featured-posts .carousel ul li .socials .addthis_toolbox > a.addthis_button_tweet:hover { background-position: right -28px; }
.featured-posts .carousel ul li .socials .addthis_toolbox > a.addthis_button_pinterest_pinit:hover { background-position: right -84px; }

.featured-posts .carousel-nav { width: 192px; }
.featured-posts .carousel-nav ul { height: 512px; }
.featured-posts .carousel-nav ul li { height: 33.33%; overflow:hidden; }
.featured-posts .carousel-nav ul li a { font-family: 'ScotchModern', serif; font-size: 24px; line-height: 29px; color: #ccc; display: block; padding-top: 20px; border-top: 1px solid #ccc; }
.featured-posts .carousel-nav ul li a {
	-webkit-transition: color .3s; 
	-moz-transition: color .3s; 
	-ms-transition: color .3s; 
	-o-transition: color .3s; 
	transition: color .3s; 
}
.featured-posts .carousel-nav ul li a small { font-size: 13px; font-weight: bold; line-height: 17px; text-transform: uppercase; font-family: 'FuturaWebfont', Arial, Helvetica, sans-serif; display: block; padding-bottom: 5px; }
.featured-posts .carousel-nav ul li.selected a { color: #000; padding-top: 15px; border-top: 4px solid #ff717e; }

.article { padding-bottom: 28px; }

.article-image { width: 315px; position: relative; }
.article-image img { width: 100%; height: auto; display: block; }
.article-image .date { width: 0; height: 0; display: block; border-left: 120px solid #000; border-bottom: 120px outset transparent; position: absolute; top: -10px; left: -10px; }
.article-image .date .overlay { width: 0; height: 0; display: block; border-left: 120px solid #fff; border-bottom: 120px outset transparent; position: absolute; top: -1px; left: -121px; }
.article-image .date .overlay em { font-family: 'ScotchModern-Italic', serif; font-size: 14px; line-height: 17px; color: #000; text-transform: uppercase; text-align: center; width: 100px; position: absolute; top: 20px; left: 0; margin-left: -130px; }
.article-image .date .overlay em strong { font-size: 28px; line-height: 28px; font-weight: normal; display: block; }

.article-content { width: 300px; position: relative; padding-bottom: 41px; }
.article-content h5 { padding-bottom: 5px; font-weight: normal; }
.article-content h5 a { color: #000; }
.article-content h5 a:hover { color: #ccc; }
.article-content h2 { font-family: 'ScotchModern', serif; font-weight: normal; font-size: 26px; line-height: 30px; text-transform: none; padding-bottom: 5px; }
.article-content h2 a { color: #000; }
.article-content h2 a:hover { color: #ff717e; }
.article-content p { padding-bottom: 15px; }
.article-content a.more { font-size: 13px; line-height: 17px; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; }
.article-content a.more span { font-size: 15px; position: relative; top: -1px; }
.post-content em { font-family: 'ScotchModern-Italic', serif; }

.article-author { height: 30px; padding-top: 11px; border-top: 1px solid #000; position: absolute; bottom: 0; left: 0; right: 0; }
.article-author > a { width: 185px; float: left; display: inline; padding-left: 36px; position: relative; color: #000; }
.article-author > a img { width: 30px; height: 30px; display: block; position: absolute; top: 0; left: 0; z-index: 1; }
.article-author > a .overlay { width: 30px; height: 30px; display: block; background: url(images/pinky.png); position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; filter:alpha(opacity=0);}
.article-author > a strong { font-size: 13px; line-height: 14px; text-transform: uppercase; display: block; }
.article-author > a span { font-size: 11px; line-height: 13px; }
.article-author > a em { font-family: 'ScotchModern-Italic', serif; font-size: 16px; line-height: 16px; display: block; }
.article-author > a:hover { color: #ccc; }
.article-author > a:hover .overlay { opacity: 1; filter:alpha(opacity=100); }

.article-author .socials { width: 75px; float: right; display: inline; }
.article-author .socials a.comment { width: 12px; height: 12px; float: left; display: inline; background: url(images/socials03.png) no-repeat 0 0; }
.article-author .socials a.comment:hover { background-position: 0 bottom; }
.article-author .socials .links { overflow: hidden; }
.article-author .socials .links > a { height: 12px; float: left; display: inline; overflow: hidden; background-image: url(images/socials03.png); background-repeat: no-repeat; margin: 0 0 0 7px; position: relative; }
.article-author .socials .links > a > :first-child { opacity: 0; filter:alpha(opacity=0); }
.article-author .socials .links > a .fb-like { position: absolute; left: 0; }
.article-author .socials .links > a.facebook { width: 6px; background-position: -61px 0; }
.article-author .socials .links > a.twitter { width: 13px; background-position: -21px 0; }
.article-author .socials .links > a.pinterest { width: 10px; background-position: -42px 0; }
.article-author .socials .links > a.facebook:hover { background-position: -61px bottom; }
.article-author .socials .links > a.twitter:hover { background-position: -21px bottom; }
.article-author .socials .links > a.pinterest:hover { background-position: -42px bottom; }
.article-author .socials .addthis_toolbox { overflow: hidden; }
.article-author .socials .addthis_toolbox > a { height: 12px; float: left; display: inline; overflow: hidden; background-image: url(images/socials03.png); background-repeat: no-repeat; margin: 0 0 0 7px; position: relative; }
.article-author .socials .addthis_toolbox > a > :first-child { opacity: 0; filter:alpha(opacity=0); }
.article-author .socials .addthis_toolbox > a .fb-like { position: absolute; left: 0; }
.article-author .socials .addthis_toolbox > a.addthis_button_facebook { width: 6px; background-position: -61px 0; }
.article-author .socials .addthis_toolbox > a.addthis_button_tweet { width: 13px; background-position: -21px 0; }
.article-author .socials .addthis_toolbox > a.addthis_button_pinterest_pinit { width: 10px; background-position: -42px 0; }
.article-author .socials .addthis_toolbox > a.addthis_button_facebook:hover { background-position: -61px bottom; }
.article-author .socials .addthis_toolbox > a.addthis_button_tweet:hover { background-position: -21px bottom; }
.article-author .socials .addthis_toolbox > a.addthis_button_pinterest_pinit:hover { background-position: -42px bottom; }

.search-container .article-image { width: 38%; }
.search-container .article-content { width: 59%; }
.search-container .article-content p { max-height: 25px; overflow: hidden; }

.twitter-feed { padding-bottom: 30px; }
.twitter-feed h2 { font-size: 22px; line-height: 24px; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; padding-left: 34px; background: url(images/icon-twitter.png) no-repeat 0 center; }
.twitter-feed h2 em { font-family: 'ScotchModern-Italic', serif; font-size: 20px; font-weight: normal; text-transform: none; }
.twitter-feed h2 iframe { float: right; }

.twitter-feed .carousel { border-top: 1px solid #000; border-bottom: 1px solid #000; position: relative; padding: 0 20px; }
.twitter-feed .carousel ul { list-style: none outside; display: none; }
.twitter-feed .carousel ul li { width: 230px; float: left; display: inline; }
.twitter-feed .carousel ul li .slide { padding: 30px 25px; }
.twitter-feed .carousel ul li .slide p a { color: #000; }
.twitter-feed .carousel ul li .slide p a:hover { color: #ff717f; }
.twitter-feed .carousel ul li .slide .article-author { position: static; padding: 0 0 14px 0; border: 0; height: auto; }
.twitter-feed .carousel ul li .slide .article-author a { float: none; display: block; }

.twitter-feed .carousel .prev,
.twitter-feed .carousel .next { font-size: 18px; line-height: 24px; position: absolute; top: 50%; margin-top: -12px; color: #000; }
.twitter-feed .carousel .prev { left: 5px; }
.twitter-feed .carousel .next { right: 5px; }
.twitter-feed .carousel .prev:hover,
.twitter-feed .carousel .next:hover { color: #ff717e; }

.featured-video { border-top: 5px solid #000; border-bottom: 1px solid #000; }
.featured-video a { height: 168px; display: block; position: relative; }
.featured-video a img { width: 100%; height: 100%; display: block; }
.featured-video a .overlay { background: url(images/whitey.png); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.featured-video a .overlay .play-button { width: 60px; height: 60px; border: 2px solid #000; border-radius: 70px; position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -32px; }
.featured-video a .overlay .play-button i { width: 0; height: 0; display: block; border-left: 23px solid #000; border-top: 15px outset transparent; border-bottom: 15px outset transparent; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -7px; }
.featured-video a:hover .overlay .play-button { border-color: #fff; }
.featured-video a:hover .overlay .play-button i { border-left-color: #fff; }

.recent-videos ul { list-style: none outside; }
.recent-videos ul li { border-bottom: 1px solid #000; }
.recent-videos ul li a { font-size: 11px; line-height: 14px; color: #000; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; padding: 11px 0 9px 16px; display: block; position: relative; word-wrap: break-word; }
.recent-videos ul li a span.arrow { width: 0; height: 0; display: block; border-left: 6px solid #000; border-top: 5px outset transparent; border-bottom: 5px outset transparent; position: absolute; top: 50%; left: 0; margin-top: -5px; }
.recent-videos ul li a:hover { color: #fff; background: #000; }
.recent-videos ul li a:hover .arrow { border-left-color: #fff; }
.recent-videos a.more { display: block; margin: 15px 0 0 0; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; padding-bottom: 15px; }

.pagination { border-top: 1px solid #000; padding: 30px 0; }
.pagination .next { float: right; }
.pagination .previous { float: left; }
.pagination span.current,
.pagination a { font-family: 'ScotchModern-Italic', serif; font-size: 27px; line-height: 32px; color: #000; text-transform: uppercase; float: right; }
.pagination a:hover { color: #ff717f; }

.pagination ul { list-style: none outside; font-family: 'ScotchModern-Italic', serif; font-size: 27px; line-height: 32px; color: #000; text-transform: uppercase; font-weight: normal; float:left; }
.pagination ul li { float: left; display: inline; padding: 0 12px 0 11px; }
.pagination ul li:first-child { padding-left: 0; }
.pagination ul + ul { padding-left: 13px;  }
.pagination ul li.current { font-size: 16px; color: #fff; text-align: center; font-style: normal; font-family: 'FuturaLTPro-Heavy', sans-serif; padding: 7px 11px; background: #000; }
.pagination ul li .current,
.pagination ul li a { padding: 7px 0; display: block; color: #000; }
.pagination ul li a:hover { color: #ff717f; }

.master-footer { background: #000; color: #fff; padding: 30px 0 130px; }

.master-footer .footer-top { padding-bottom: 35px; }

.master-footer .socials { padding-top: 2px; }
.master-footer .social-icon { width: auto; height: 19px; background-image: url(images/socials01.png); background-repeat: no-repeat; margin-right: 25px; overflow: auto; }

.master-footer .facebook-icon { width: 10px; background-position: 0 -21px; }
.master-footer .twitter-icon { width: 20px; background-position: -13px -21px; }
.master-footer .pinterest-icon { width: 16px; background-position: -36px -21px; }
.master-footer .instagram-icon { width: 18px; background-position: -55px -21px; }
.master-footer .googleplus-icon { width: 20px; background-position: -75px -21px; }

.master-footer .facebook-icon:hover { background-position: 0 bottom; }
.master-footer .twitter-icon:hover { background-position: -13px bottom; }
.master-footer .pinterest-icon:hover { background-position: -36px bottom; }
.master-footer .instagram-icon:hover { background-position: -55px bottom; }
.master-footer .googleplus-icon:hover { background-position: -75px bottom; }

.master-footer .search-box { width: 250px; margin: 0; }
.master-footer .search-box .field { color: #fff; border-bottom-color: #fff; width: 210px; }
.master-footer .search-box .field::-webkit-input-placeholder { color: #fff; }
.master-footer .search-box .field:-moz-placeholder { color: #fff; }
.master-footer .search-box .field::-moz-placeholder { color: #fff; }
.master-footer .search-box .field:-ms-input-placeholder { color: #fff; }

.master-footer .search-box .submit { background: url(images/icon-search.png) no-repeat center -22px; }
.master-footer .search-box .submit:hover { background-position: center -57px; }

.footer-nav { font-size: 15px; line-height: 20px; letter-spacing: 1px; color: #fff; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; background: url(images/logo03.png) no-repeat center center; padding: 24px 0 22px; margin-bottom: 20px; }
.footer-nav ul { list-style: none outside; }
.footer-nav ul li { float: left; display: inline; }
.footer-nav ul li a { color: #fff; text-align: center; display: block; }
.footer-nav ul li a:hover { color: #ff717e; }

.copyright { font-family: 'ScotchModern-italic', serif; font-size: 15px; line-height: 18px; text-align: center; }

.post { padding-bottom: 30px; }
.post h2 { font-family: 'ScotchModern', serif; line-height: 32px; font-weight: normal; text-transform: none; border-bottom: 1px solid #000; margin-bottom: 10px; }
.post h3 { font-family: 'ScotchModern', serif; font-size: 20px; line-height: 22px; text-transform: none; font-weight: normal; }
.post h3 em { padding-bottom: 20px; display: block; }
.post p { padding-bottom: 18px; position: relative; }
.post p .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 18px; display: none; background: rgba(255,255,255,.6); z-index: 2; }
.post p .pin-wrap { position:absolute; top: 0; left: 0; right:0; bottom: 0; }
.post p .pin-wrap a { width: 320px !important; height: 265px !important; background-size: 320px 265px!important; position: absolute !important; top: 50% !important; left: 50% !important; margin: -132px 0 0 -160px !important; display: none !important; background: url(images/pin_it.png) no-repeat 0 0 !important; z-index: 3 !important; }
.post p .pin-wrap a span { background: transparent; }
.post p:hover .pin-wrap a { display: block !important; }
.post p:hover .overlay { display: block !important; }
.post p:hover .pin-wrap { background: rgba(255,255,255,0.3);  }
.post .wp-caption,
.post img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.post img.alignleft { float: left; display: inline; margin: 0 20px 20px 0; }
.post img.alignright { float: right; display: inline; margin: 0 0 20px 20px; }
.post ul { list-style: disc outside; }
.post ol { list-style-position: outside; }
.post ol,
.post ul { margin: 0 0 20px 40px; }

.post-meta { padding-bottom: 15px; }

.post-author { min-height: 64px; width: 170px; padding-left: 70px; position: relative; }
.post-author img { width: 64px; height: 64px; display: block; position: absolute; top: 0; left: 0; }
.post-author p { font-size: 13px; line-height: 16px; color: #959595; font-family: 'FuturaLTPro-Heavy', sans-serif; padding-bottom: 15px; }
.post-author h5 { font-size: 13px; line-height: 17px; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; }
.post-author h5 a { color: #000; }
.post-author h5 a:hover { color: #ff717e; }
.post-author em { font-family: 'ScotchModern', serif; font-size: 16px; line-height: 18px; height:18px; overflow: hidden; white-space: nowrap; width: 200px; text-overflow: ellipsis; color: #000; display: block; font-style:italic; }

.post-social { width: 250px; text-align: right; }
.post-social p, .right.cf.comments { font-size: 13px; line-height: 17px; padding-bottom: 10px; font-family: 'FuturaLTPro-Heavy', sans-serif; text-transform: uppercase;}
.post-social .addthis_toolbox .addthis_button_email,
.post-social .addthis_toolbox .addthis_button_stumbleupon,
.post-social .addthis_toolbox .addthis_button_facebook { margin-top: 2px; }
.post-social .addthis_toolbox .addthis_button_pinterest_pinit { margin-right: 0; }
.post-social .addthis_toolbox .addthis_button_stumbleupon_badge { width:20px; }

.posts-pagination { padding: 14px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 44px; }
.posts-pagination a { font-family: 'ScotchModern-Italic', serif; font-size: 22px; line-height: 24px; color: #000; text-transform: uppercase; position: relative; max-width: 40%; }
.posts-pagination a:hover { color: #ff717e; }
.posts-pagination a.prev { float: left; padding-left: 28px; }
.posts-pagination a.next { float: right; padding-right: 28px; text-align:right; }
.posts-pagination a strong { font-family: 'FuturaWebfont', sans-serif; font-style: normal; display: block; }
.posts-pagination a .arrow { font-family: 'FuturaWebfont', sans-serif; font-size: 26px; line-height: 30px; font-style: normal; display: block; position: absolute; top: 50%; margin-top: -15px; }
.posts-pagination a.prev .arrow { left: 7px; }
.posts-pagination a.next .arrow { right: 7px; }

.related-posts { padding-bottom: 20px; }
.related-posts h3 { font-size: 16px; font-weight: normal; line-height: 20px; letter-spacing: 3px; text-align: center; padding-bottom: 5px; }
.related-posts ul { list-style: none outside; border-top: 5px solid #000; }
.related-posts ul li { width: 155px; float: left; display: inline; padding-left: 5px; }
.related-posts ul li:first-child { padding-left: 0; }
.related-posts ul li a { font-size: 11px; line-height: 13px; text-transform: uppercase; text-align: center; display: block; font-family: 'FuturaLTPro-Heavy', sans-serif; }
.related-posts ul li a img { width: 100%; height: auto; max-height:105px; display: block; margin-bottom: 5px; }
.related-posts .btn-all { background: #ff717e; width: 300px; display: block; margin: 24px auto 0; text-align: center; font-size: 14px; line-height: 42px; font-weight: 600; color: #fff; text-transform: uppercase; }
.related-posts .btn-all:hover { text-decoration: none; background: #000; }

#respond { padding-bottom: 52px; }
#respond h3 { font-family: 'ScotchModern-Italic', serif; color: #fff; line-height: 30px; background: #000; padding: 5px 15px; margin-bottom: 3px; font-weight: normal; font-size:24px; text-transform: uppercase; letter-spacing: 0; }
#respond h3 span { font-family: 'FuturaLTPro-Heavy', sans-serif; font-size: 16px; float: right; }
#respond h3 a:hover { color: #fff; }
#respond textarea,
#comments textarea { font-family:'FuturaWebFont', sans-serif; width: 613px; height: 92px; padding: 10px; border: 1px solid #c2c2c2; margin-bottom: 10px; resize: vertical; background: #fff; }
#respond textarea:disabled { background: #ebebeb; }
#respond .button,
#comments .button { height: 34px; display: block; margin-left: auto; }

#respond textarea,
#comments textarea::-webkit-input-placeholder { font-style: italic; font-family:'FuturaWebFont', sans-serif; }
#respond textarea,
#comments textarea:-moz-placeholder { font-style: italic; font-family:'FuturaWebFont', sans-serif; }
#respond textarea,
#comments textarea::-moz-placeholder { font-style: italic; font-family:'FuturaWebFont', sans-serif; }
#respond textarea,
#comments textarea:-ms-input-placeholder { font-style: italic; font-family:'FuturaWebFont', sans-serif; }


#respond .form-submit { height: 34px; }
#respond input[type=submit],
#respond input[type=submit] + a { float:left; }

#respond input[type=submit] + a { float:left; line-height:34px; margin: 0 0 0 20px; }

#comments h2 { font-family: 'ScotchModern-Italic', serif; text-transform:capitalize; font-weight: normal; border-bottom: 4px solid #000; }
#comments ol { list-style: none outside; }
#comments ol li { border-bottom: 1px solid #000; }
#comments ol li .comment-entry { padding: 15px 0 10px 80px; position: relative; min-height: 65px; }
#comments ol li.thread-odd { background: #f7f6f4; }
#comments ol li img { width: 65px; height: 65px; display: block; position: absolute; top: 15px; left: 0; }
#comments ol li .url a,
#comments ol li .url { font-family: 'FuturaLTPro-Heavy', sans-serif; font-size: 16px; line-height: 17px; color: #000; text-transform: uppercase; }
#comments ol li .comment-meta { font-size: 12px; line-height: 14px; color: #959595; text-transform: uppercase; margin-top: -2px; padding-bottom: 10px;}
#comments ol li .comment-meta a { color:#979797; }
#comments ol li p { font-size: 14px; line-height: 20px; color: #000; padding: 0; }
#comments ol li .reply { font-family: 'FuturaLTPro-Heavy', sans-serif; text-transform: uppercase; font-size: 13px; line-height: 27px;  }
#comments ol li ul { list-style: none outside; padding-left: 80px; background: #fff; border-top: 1px solid #000; }
#comments ol li ul li { border: 0; }
#comments form { padding-bottom: 20px; }
#comments ol li ul li textarea { width: 533px; }

.comments-pagination { text-align: right; padding: 0; border: 0; padding-top: 50px; }
/*.comments-pagination ul li { float: none; display: inline; padding: 0 3px; }*/
.comments-pagination span.current,
.comments-pagination a { display: inline-block; margin:0 5px; float:none; }

#respond.loggedin .button { display: block; }
#comments.loggedin .reply { display: inline; }

.shop-widget ul { border: 1px solid #000; border-top-width: 4px; list-style: none outside; }
.shop-widget ul li { padding: 10px; border-top: 1px solid #000; position: relative; *zoom: 1; }
.shop-widget ul li:after { content: ""; line-height: 0; display: table; clear: both; }
.shop-widget ul li img { width: 138px; height: auto; float: left; margin: 0 10px 10px 0; }
.shop-widget ul li h6 { padding-bottom: 5px; }
.shop-widget ul li p { line-height: 17px; padding-bottom: 5px; }
.shop-widget ul li strong { display: block; padding-bottom: 5px; }

.register-page { padding-bottom: 50px; }

.register-page .sidebar { width: 283px; color: #fff; text-align: center; padding: 37px 10px; background: #000; }
.register-page .sidebar h3 { font-family: 'ScotchModern-Italic', serif; font-weight: normal; font-size: 37px; line-height: 37px; padding: 0 0 22px; }
.register-page .sidebar h3 span { color: #ff717e; }
.register-page .sidebar h4 { font-size: 16px; line-height: 19px; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; letter-spacing: -1px; padding-bottom: 22px; }
.register-page .sidebar p { font-family: 'ScotchModern-Italic', serif; font-size: 20px; line-height: 24px; color: #fff; padding-bottom: 20px; }

.register-page .sidebar .bottom { padding-top: 22px; border-top: 1px solid #fff; margin-top: 59px; }
.register-page .sidebar .bottom p { font-size: 24px; line-height: 24px; margin: 0; padding: 0; }
.register-page .sidebar .bottom p a { color: #fff; font-size: 18px; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; font-style: normal; }
.register-page .sidebar .bottom p a:hover { text-decoration: none; color: #ff717e; }

.register-page .content { width: 628px; float: right; border-width: 6px 1px 1px; border-style: solid; border-color: #000; overflow: hidden; position: relative; }
.register-page .content.nofloat { float:none; width: auto; padding: 20px; }
.register-page .content h3 { font-size: 16px; line-height: 18px; font-weight: normal; text-transform: uppercase; margin: 0; letter-spacing: -1px; }
.register-page .content h5 { font-family: 'ScotchModern-Italic', serif; font-size: 16px; line-height: 18px; font-weight: normal; text-align: center; padding: 0 0 30px; text-transform: none; }
.register-page.fb-register .content h3 { text-align: center; padding: 16px 0 10px; }
.register-page .content .fields { width: 330px; float: left; padding: 16px 20px 26px; border-right: 1px solid #000; }
.register-page.fb-register .content .fields { border: 0 none; padding-top: 0; }
.register-page .content .fields h3 { padding: 0 0 16px; }
.register-page .content .row { width: 330px; padding: 0 0 5px; overflow: hidden; }
.register-page .content .reg_input_blocks { padding-bottom:5px; }
.register-page .content .reg_input_blocks label,
.register-page .content .row label { font-family: arial, sans-serif; display: block; font-size: 12px; line-height: 16px; color: #7d7d7d; font-weight: normal; }
.register-page .content .row label .optional { float: right; font-size: 10px; color: #c2c2c2; }
.register-page .content .row .error-msg { font-size: 11px; margin-left: 8px; color: #ed1c24; display: none; }
.register-page .content .error { clear: none; }
.register-page .content .error .error-msg { display: inline; }
.register-page .content .half { float: left; width: 158px; overflow: hidden; }
.register-page .content .half + .half { float: right; }
.register-page .content .half .field { width: 136px; }
.register-page .content .half .error-msg { margin: 0; }
.register-page .content .month { float: left; width: 46px; }
.register-page .content .day { float: left; width: 46px; margin-left: 5px; }
.register-page .content .month .field,
.register-page .content .day .field { width: 24px; text-align: center; }
.register-page .content .year { float: right; width: 56px; }
.register-page .content .year .field { width: 34px; text-align: center; }
.register-page .content.nofloat input[type='text'],
.register-page .content.nofloat select,
.register-page .content .field { display: block; background: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset; font-size: 13px; line-height: 16px; height: 16px; padding: 5px 10px; width: 308px; }
.register-page .content .error .field { border-color: #000; }
.register-page .content.nofloat select { padding: 0; height: auto; }
.register-page .content .button { font-size: 20px; line-height: 28px; padding: 10px 0; width: 100%; height: 48px; display: block; margin: 5px 0 10px; }
.register-page .content .facebook-login { float: right; width: 255px; text-align: center; padding: 16px 0 0; }
.register-page .content .facebook-login h3 { padding: 0 0 24px; }
.register-page .content .facebook-login .facebook-button { background: url(images/btn-fb.png); text-align: left; width: 209px; height: 38px; margin: 0 auto; display: block; }
.register-page .content .or { font-size: 14px; line-height: 30px; color: #fff; text-transform: uppercase; font-weight: 600; text-align: center; width: 29px; height: 29px; display: block; position: absolute; top: 11px; right: 242px; background: #000; border-radius: 30px; }
.register-page .content.nofloat input[type='text'] { width: 97%;  }
.register-page .fb-photo { float: left; padding: 0 15px 0 48px; }
.register-page .fb-photo img { display: block; }


.register-page { width: 100%; overflow: hidden; padding: 20px 0 40px; }
.register-page .black-sidebar { background: #000; float: left; width: 266px; padding: 40px 18px; text-align: center; color: #fff; }
.register-page .black-sidebar .bottom { margin: 60px 0 0; border-top: 1px solid #fff; padding: 20px 0 0; }

.reg-form { width: 100%; float: right; overflow: hidden; position: relative; }
.reg-form h3 { font-size: 16px; line-height: 18px; font-weight: normal; text-transform: uppercase; margin: 0; letter-spacing: -1px; }
.reg-form .fields-col h3 { padding: 0 0 16px; }
.reg-form .row { width: 330px; padding: 0 0 5px; overflow: hidden; }
.reg-form .row label { font-family: arial, sans-serif; display: block; font-size: 12px; line-height: 16px; color: #7d7d7d; }
.reg-form .row label .optional { float: right; font-size: 10px; color: #c2c2c2; }
.reg-form .row .error-msg { font-size: 11px; margin-left: 8px; color: #ed1c24; display: none; }
.reg-form .error { clear: none; }
.reg-form .error .error-msg { display: inline; }
.reg-form .row .half { float: left; width: 158px; overflow: hidden; }
.reg-form .row .half + .half { float: right; }
.reg-form .row .month { float: left; width: 46px; }
.reg-form .row .day { float: left; width: 46px; margin-left: 5px; }
.reg-form .row .month .field,
.reg-form .row .day .field { width: 24px; text-align: center; font-style: italic; }
.reg-form .row .year { float: right; width: 56px; }
.reg-form .row .year .field { width: 34px; text-align: center; font-style: italic; }
.reg-form .field { display: block; background: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset; font-size: 13px; line-height: 16px; height: 16px; padding: 5px 10px; width: 308px; }
.reg-form .half .field { width: 136px; }
.reg-form .half .error-msg { margin: 0; }
.reg-form .btn-submit { background: #ff717e; display: block; width: 330px; height: 48px; line-height: 38px; font-size: 20px; text-transform: uppercase; color: #fff; margin: 10px 0 15px; }
.reg-form .btn-submit:hover { background: #000; }
.reg-form .error .field { border-color: #000; }
.reg-form .fields-col { width: 330px; float: left; padding: 16px 20px 36px; border-right: 1px solid #000; }
.reg-form .fb-col { float: right; width: 255px; text-align: center; padding: 16px 0 0; }
.reg-form .fb-col h3 { padding: 0 0 12px; }
.reg-form .fb-col .btn-fb-reg { background: url(images/btn-fb-login.png); text-align: left; width: 209px; height: 38px; margin: 0 auto; display: block; font-size: 0; line-height: 0; text-indent: -9999px; }
.reg-form .or { background: url(images/login-or-circle.png); width: 30px; height: 29px; font-size: 0; line-height: 0; text-indent: -9999px; position: absolute; top: 11px; right: 242px; }

.fb-reg { padding: 16px 0 32px; width: 100%; overflow: hidden; }
.fb-reg h3 { text-align: center; padding: 0 0 10px; }
.fb-reg p { font-size: 16px; line-height: 18px; text-align: center; color: #000; padding: 0 0 32px; }
.fb-reg .avatar { float: left; margin: 0 0 0 50px; }
.fb-reg form { float: left; margin: 0 0 0 36px; }

.register-page .checklabel { display: block; font-size: 12px; line-height: 16px; padding: 6px 0 5px 38px; height: 100%; position: relative; color: #000; letter-spacing: -.8px; margin: 0 0 10px; }
.register-page .custom-checkbox { cursor: pointer; top: 0; left: 0; overflow: hidden;  }
.register-page .custom-checkbox .checkbox { width: 13px; height: 13px; position: absolute; top: 0; left: -50px; }
.register-page .custom-checkbox.checked { background-position: 0 0; }

.black-sidebar h3.sc { font-family: 'scotch_roman_mtitalic' !important; font-weight: normal; font-size: 37px; line-height: 37px; padding: 0 0 18px; }
.black-sidebar h3.sc span { color: #ff717e; }
.black-sidebar h4.fh { font-size: 16px; line-height: 19px; text-transform: uppercase; font-weight: normal; letter-spacing: -1px; }
.black-sidebar p.sc { font-family: 'scotch_roman_mtitalic' !important; color: #fff; }
.black-sidebar > p { font-size: 20px; line-height: 24px; padding: 0 0 18px; margin: 0; }
.black-sidebar .bottom p { font-size: 24px; line-height: 24px; margin: 0; padding: 0; }
.black-sidebar .bottom p a { color: #fff; font-size: 18px; text-transform: uppercase; }
.black-sidebar .bottom p a:hover { text-decoration: none; color: #ff717e; }

.fb-reg p.sc { font-family: 'scotch_roman_mtitalic' !important; }


.contact-us-holder { margin: 15px 0 0 0; }
.contact-us-holder textarea { padding: 10px 10px; width:100%; box-sizing: border-box; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset; border: 1px solid #CCCCCC;}



.edit-profile .global-form-error { color:#ff717f; }
.edit-profile .field,
.edit-profile .field-checkbox{ width:50%; margin: 0 auto; margin-bottom: 10px;  }
.edit-profile .field input { width:100%; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset; font-size: 13px; line-height: 16px; height: 16px; padding: 14px 10px; border: 1px solid #CCCCCC; box-sizing: border-box; }
.edit-profile .field label em { display:none; color:#ff717f; margin-left:5px; }
.edit-profile select { width:100%; padding:5px;  }
.edit-profile .field span { display:block; margin-top: 5px; }
.edit-profile .field input[type="submit"] { padding: 0; display: block; height: 40px; line-height: 40px; font-size: 20px; box-shadow: none; border:none; }
.edit-profile .heading-center { margin: 25px auto 15px auto; width:50%; }

.custom-form-element { font-size: 12px; line-height: 17px; color: #000; padding: 5px 0 5px 39px; display: block; position: relative; margin-bottom: 11px; }
.custom-form-element input { display: none; }
.custom-form-element .icon { width: 25px; height: 25px; display: block; background: #eee; border: 1px solid #ddd; position: absolute; top: 0; left: 0; }
.custom-form-element.checked .icon { background: #eee url(images/icon-tick.png) no-repeat center center; }

.login-form { width: 100%; overflow: hidden; position: relative; }
.login-form h3 { font-size: 16px; line-height: 18px; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; }
.login-form .fields-col { float: left; width: 330px; border-right: 1px solid #000; padding: 16px 20px 18px; overflow: hidden; }
.login-form .fields-col h3 { padding: 0 0 16px; }
.login-form .row { width: 330px; padding: 0 0 14px; }
.login-form .row label { display: block; font-size: 12px; line-height: 16px; color: #7d7d7d; }
.login-form .row .error-msg { font-size: 11px; margin-left: 8px; color: #ed1c24; display: none; }
.login-form .row.error .error-msg { display: inline; }
.login-form .field { display: block; background: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset; font-size: 13px; line-height: 16px; height: 16px; padding: 5px 10px; width: 308px; }
.login-form .btn-login { background: #ff717e; display: block; width: 330px; height: 48px; font-size: 20px; text-transform: uppercase; color: #fff; margin: 4px 0 18px; }
.login-form .btn-login:hover { background: #000; }
.login-form .error .field { border-color: #000; }
.login-form .forgot-link { float: none; margin: 0; padding: 0; font-size: 13px; line-height: 15px; text-transform: uppercase; color: #000; }
.login-form .forgot-link:hover { color: #ff717e; text-decoration: none; }
.login-form .fb-col { width: 255px; float: right; text-align: center; padding: 16px 0; }
.login-form .fb-col h3 { padding: 0 0 24px; }
.login-form .fb-col .btn-fb-login { background: url(images/btn-fb-login.png); text-align: left; width: 209px; height: 38px; margin: 0 auto; display: block; font-size: 0; line-height: 0; text-indent: -9999px; }
.login-form .or { background: url(images/login-or-circle.png); width: 30px; height: 29px; font-size: 0; line-height: 0; text-indent: -9999px; position: absolute; top: 11px; right: 242px; }

.bottom-bar { visibility:visible; background: url(images/bg-cta.png); width: 906px; padding: 26px 30px; position: fixed; bottom: 0; left: 50%; margin: 0 0 0 -483px; z-index: 50; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; overflow: hidden; }
.bottom-bar.hidden { padding-top: 0; padding-bottom: 0; height: 0; visibility: hidden; }
.bottom-bar h3 { font-size: 27px; line-height: 28px; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; letter-spacing: -1px; }
.bottom-bar h3 em { font-weight: normal; font-style: normal; font-family: 'ScotchModern-Italic', serif; letter-spacing: 0; font-size: 28px; display: block; }
.bottom-bar .btn-join { background: #ff717e; font-size: 20px; line-height: 48px; padding: 0 26px; color: #fff; text-transform: uppercase; margin: 3px 0 0; letter-spacing: -1px; }
.bottom-bar .close { background: url(images/icon-close01.png); width: 10px; height: 10px; position: absolute; top: 6px; right: 9px; }

.category-head { padding: 0 0 24px; }
.category-head h1,
.category-head h2 { font-family: 'ScotchModern-Italic'; font-weight: normal; font-size: 26px; line-height: 34px; border-bottom: 1px solid #000; text-transform: uppercase; }
.category-head h1 strong,
.category-head h2 strong { font-family: 'FuturaLTPro-Heavy', sans-serif; font-style: normal; font-size: 24px; margin-left: 3px; font-weight: 500; }
.category-head .tabs { font-size: 13px; line-height: 34px; font-weight: bold; text-transform: uppercase; list-style: none; }
.category-head .tabs li { float: left; }
.category-head .tabs li + li { margin-left: 2px; }
.category-head .tabs a { display: block; background: #000; padding: 0 12px; color: #fff; letter-spacing: -1px; }
.category-head .tabs a:hover,
.category-head .tabs .current a { text-decoration: none; background: #ff717e; }

.contributors-list { width: 660px; overflow: hidden; position: relative; margin: 0 0 20px -30px; }
.contributor { float: left; width: 300px; margin: 0 0 18px 30px; }
.contributor h4 { font-size: 16px; line-height: 28px; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
.contributor .entry { border-width: 6px 1px 1px; border-style: solid; border-color: #000; padding: 11px; overflow: hidden; min-height: 100px; position: relative; }
.contributor .entry img.center { margin: 0 auto; display: block; }
.contributor .entry img.left { margin: 0 11px 24px 0; }
.contributor .entry p { font-size: 13px; line-height: 17px; font-family: 'FuturaWebfont', arial, sans-serif; font-weight: normal; }
.contributor .entry a.more { font-size: 13px; line-height: 17px; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; height: 17px; position: absolute; bottom: 8px; right: 9px; }
.contributor .entry a.more span { font-size: 15px; position: relative; top: -1px; }
.sm { width: 190px; }

.contrib-detail { width: 100%; overflow: hidden; padding: 0 0 30px; }
.contrib-detail h4 { font-size: 16px; letter-spacing:-1px; line-height: 22px; text-transform: uppercase; font-weight: 600; }
.contrib-detail p { font-size: 16px; line-height: 22px; padding: 0 0 9px; }
.contrib-detail .entry { margin-left: 285px; }

.popup { background: #fff; border-width: 6px 1px 1px; border-style: solid; border-color: #000; }

.login-popup { width: 626px; position: relative; }
.login-popup .bottom { border-top: 1px solid #000; text-align: center; }
.login-popup .bottom p { font-size: 24px; line-height: 56px; font-weight: normal; font-family: 'ScotchModern-Italic', serif; }
.login-popup .bottom p a { font-style: normal; font-family: 'FuturaLTPro-Heavy', sans-serif; font-size: 18px; text-transform: uppercase; color: #000; letter-spacing: -1px; }
.login-popup .bottom p a:hover { color: #ff717e; }

.login-popup h3 { font-size: 16px; line-height: 18px; font-weight: normal; text-transform: uppercase; margin: 0; letter-spacing: -1px; }
.login-popup h5 { font-family: 'ScotchModern-Italic', serif; font-size: 16px; line-height: 18px; font-weight: normal; text-align: center; padding: 0 0 30px; text-transform: none; }
.login-popup .fields { width: 330px; float: left; padding: 16px 20px 26px; border-right: 1px solid #000; }
.login-popup .fields h3 { padding: 0 0 16px; }
.login-popup .row { width: 330px; padding: 0 0 5px; overflow: hidden; }
.login-popup .row label { font-family: arial, sans-serif; display: block; font-size: 12px; line-height: 16px; color: #7d7d7d; font-weight: normal; }
.login-popup .row label .optional { float: right; font-size: 10px; color: #c2c2c2; }
.login-popup .row .error-msg { font-size: 11px; margin-left: 8px; color: #ed1c24; display: none; }
.login-popup .error { clear: none; }
.login-popup .error .error-msg { display: inline; }
.login-popup .field { display: block; background: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset; font-size: 13px; line-height: 16px; height: 16px; padding: 5px 10px; width: 308px; }
.login-popup .error .field { border-color: #000; }
.login-popup .button { font-size: 20px; line-height: 28px; padding: 10px 0; width: 100%; height: 48px; display: block; margin: 5px 0 24px; }
.login-popup .facebook-login { float: right; width: 255px; text-align: center; padding: 16px 0 0; }
.login-popup .facebook-login h3 { padding: 0 0 24px; }
.login-popup .facebook-login .facebook-button { background: url(images/btn-fb.png); text-align: left; width: 209px; height: 38px; margin: 0 auto; display: block; }
.login-popup .or { font-size: 14px; line-height: 30px; color: #fff; text-transform: uppercase; font-weight: 600; text-align: center; width: 29px; height: 29px; display: block; position: absolute; top: 11px; right: 242px; background: #000; border-radius: 30px; }
.login-popup a.forgot-link { font-size: 13px; line-height: 17px; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; color: #000; }
.login-popup a.forgot-link span { font-size: 15px; position: relative; top: -1px; }
.login-popup a.forgot-link:hover { color: #ff717e; }

.forgot-popup { width: 626px; position: relative; }
.forgot-popup .bottom { border-top: 1px solid #000; text-align: center; }
.forgot-popup .bottom p { font-size: 24px; line-height: 56px; font-weight: normal; font-family: 'ScotchModern-Italic', serif; }
.forgot-popup .bottom p a { font-style: normal; font-family: 'FuturaLTPro-Heavy', sans-serif; font-size: 18px; text-transform: uppercase; color: #000; letter-spacing: -1px; }
.forgot-popup .bottom p a:hover { color: #ff717e; }

.forgot-popup h3 { font-size: 16px; line-height: 18px; font-weight: normal; text-transform: uppercase; text-align: center; margin: 0; letter-spacing: -1px; }
.forgot-popup h5 { font-family: 'ScotchModern-Italic', serif; font-size: 16px; line-height: 18px; font-weight: normal; text-align: center; padding: 0 0 10px; text-transform: none; }
.forgot-popup .fields { padding: 32px 20px 20px; }
.forgot-popup .fields h3 { padding: 0 0 16px; }
.forgot-popup .row { width: 330px; margin: 0 auto; padding: 0 0 20px; overflow: hidden; }
.forgot-popup .row label { font-family: arial, sans-serif; display: block; font-size: 12px; line-height: 16px; color: #7d7d7d; font-weight: normal; }
.forgot-popup .row label .optional { float: right; font-size: 10px; color: #c2c2c2; }
.forgot-popup .error-msg { font-size: 11px; visibility: hidden; color: #ed1c24; display: block; padding: 0 0 16px; text-align: center; font-family: arial, sans-serif; }
.forgot-popup .error { clear: none; }
.forgot-popup.error .error-msg { visibility: visible; }
.forgot-popup .field { display: block; background: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset; font-size: 13px; line-height: 16px; height: 16px; padding: 5px 10px; width: 308px; }
.forgot-popup.error .field { border-color: #000; }
.forgot-popup .button { font-size: 20px; line-height: 28px; padding: 10px 0; width: 330px; height: 48px; display: block; margin: 0 auto 24px; }

.forgot-success { width: 626px; position: relative; padding: 72px 0 62px; text-align: center; }
.forgot-success h3 { font-family: 'ScotchModern-Italic'; font-size: 28px; line-height: 37px; padding: 0 0 9px; font-weight: normal; text-align: center; text-transform: uppercase; }
.forgot-success h4 { font-weight: bold; font-size: 22px; line-height: 28px; padding: 0 0 29px; text-transform: uppercase; text-align: center; letter-spacing: -1px; word-spacing: -1px; }
.forgot-success a.go-back { font-size: 13px; line-height: 17px; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; }
.forgot-success a.go-back span { font-size: 15px; position: relative; top: -1px; }

.video-popup { background: transparent; border: 0 none; width: 850px; position: relative; }
.video-popup a:hover { text-decoration: none; }
.video-popup .video-box { width: 850px; height: 506px; overflow: hidden; background: #fff url(images/loader.gif) 50% no-repeat; margin: 0 0 9px; }
.video-popup .video-box iframe { display: block; width: 100%; height: 100%; }
.video-popup .thumbs-slider { width: 850px; height: 110px; padding: 12px 0; position: relative; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.video-popup .thumbs-slider .container { width: 810px; height: 110px; position: relative; overflow: hidden; margin: 0 auto; }
.video-popup .thumbs-slider li { margin: 0 7px; float: left; width: 192px; height: 110px; position: relative; overflow: hidden; background: #fff; -webkit-transition: background-color linear .3s; -moz-transition: background-color linear .3s; -ms-transition: background-color linear .3s; -o-transition: background-color linear .3s; transition: background-color linear .3s; }
.video-popup .thumbs-slider li:hover { background-color: #000; }
.video-popup .thumbs-slider a { overflow: hidden; }
.video-popup .thumbs-slider img { opacity: .3; filter:alpha(opacity=30); position: absolute; top: 0; left: 0; }
.video-popup .thumbs-slider .ico-play { background: url(images/ico-play.png); width: 58px; height: 57px; position: absolute; top: 50%; left: 50%; margin: -29px 0 0 -29px; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; }
.video-popup .thumbs-slider li:hover .ico-play { -webkit-transform: translate3d(0,88px,0); -moz-transform: translate3d(0,88px,0); -ms-transform: translate3d(0,88px,0); -o-transform: translate3d(0,88px,0); transform: translate3d(0,88px,0); }
.video-popup .thumbs-slider .overlay { position: absolute; top: 12px; left: 12px; right: 12px; height: 86px; font-size: 12px; line-height: 17px; color: #fff; font-family: 'FuturaLTPro-Heavy', sans-serif; text-transform: uppercase; -webkit-transform: translate3d(0,-110px,0); -moz-transform: translate3d(0,-110px,0); -ms-transform: translate3d(0,-110px,0); -o-transform: translate3d(0,-110px,0); transform: translate3d(0,-110px,0); -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; }
.video-popup .thumbs-slider .overlay .icon { background: url(images/ico-playing.png); width: 8px; height: 12px; display: inline-block; vertical-align: top; position: relative; top: 2px; }
.video-popup .thumbs-slider li:hover .overlay { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.video-popup .thumbs-slider .prev,
.video-popup .thumbs-slider .next { background-image: url(images/video-arrows.png); width: 16px; height: 110px; position: absolute; top: 12px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.video-popup .thumbs-slider .prev { background-position: 0 0; left: 0; }
.video-popup .thumbs-slider .prev:hover { background-position: 0 -110px; }
.video-popup .thumbs-slider .next { background-position: -16px 0; right: 0; }
.video-popup .thumbs-slider .next:hover { background-position: -16px -110px; }
.video-popup .video-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; font-size: 22px; line-height: 24px; height:24px; text-align: center; position: absolute; top: -28px; left: 24px; right: 24px; text-transform: uppercase; letter-spacing: 2px; }
.video-popup .view-all { font-size: 13px; line-height: 17px; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; color: #000; position: absolute; bottom: -24px; right: 0; }
.video-popup .view-all span { font-size: 15px; position: relative; top: -1px; }
.video-popup .view-all:hover { color: #ff717e; }

.no-csstransforms .video-popup .thumbs-slider li:hover .ico-play { margin-top: 80px; }
.no-csstransforms .video-popup .thumbs-slider .overlay { margin-top: -110px; }
.no-csstransforms .video-popup .thumbs-slider li:hover .overlay { margin-top: 0; }

.mobile, .menu-mobile, .logo-mobile { display: none; }

.page-template-template-password-php .forgot-popup,
.page-template-template-login-php .login-popup { margin: 20px auto 20px; }

.welcomepopup { position:absolute; top: 50px; right:0; z-index: 200; background: #000; background:rgba(0,0,0,0.75); }
.welcomepopup { line-height:26px; padding: 43px 0; text-align:center; width:265px; color: #fff; font-size:30px; }
.welcomepopup .close { position:absolute; top: 7px; right: 7px; width:13px; height: 13px; background:url(images/welcome-close.png); }
.welcomepopup strong { display:block; }
.welcomepopup em { display:block; font-style:normal; font-family:'ScotchModern-Italic', serif; font-size:29px; text-transform: uppercase; }

/*.widget.advertisement { overflow: hidden; }*/

.admin-bar.small-header .master-header { top: 28px; }

.mobile-only { visibility: hidden; display: none; }

@media screen and (min-width: 1024px) {
    .mobile-only { visibility: hidden; display: none; }

    .small-header .master-header { position: fixed; background: #fff; width: 100%; top: 0; left: 0; z-index: 50; }
	.small-header .top { padding-bottom: 0; }
	.small-header #navigation { width: 100%; }
	.small-header #navigation { border-top: 2px solid #000; }
	.small-header #navigation > ul { width: 960px; margin: 0 auto; }

    .footer-nav ul li { width: 16.66%; }

    .small-header .logo { display: none; }
	.small-header .logo-small { opacity: 1; filter:alpha(opacity=100); top: 9px; }

    /* in desktop view, these are shown in a carousel */
    .featured-posts + .article,
    .featured-posts + .article + .article,
    .featured-posts + .article + .article + .article { display:none; }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .mobile-only { visibility: hidden; display: none; }

    .featured-posts, .twitter-feed, .recent-videos, .no-tablet { display: none; }

	.main.cf:after { clear: none; display: none; content: none; }
	.main.cf .content { clear: left; }
	.main.cf .sidebar {  }

	.master-footer { clear: both; }

    #navigation { height:49px; }

	.small-header .master-header { position: fixed; background: #fff; width: 100%; top: 0; left: 0; z-index: 50; }
	.small-header .top { padding-bottom: 0; }
	.small-header #navigation { width: 100%; }
	.small-header #navigation { border-top: 2px solid #000; }
	.small-header #navigation > ul { width: 960px; margin: 0 auto; }

	.small-header .logo { display: none; }
	.small-header .logo-small { top: 9px; opacity: 1; filter:alpha(opacity=100); }
    /*.logo-small { width: 240px; height: 10px; background-size: 240px 15px; -webkit-background-size: 240px 10px; top: 15px; margin-left: -130px; margin-top: 5px; }*/


    .footer-nav ul li { width: 16.66%; }
    /*.master-footer { width:1024px;}*/


    /*.master-header { position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 99; }*/
	/*.master-container { padding-top: 302px; }*/

	/*.small-header .master-container { padding-top: 98px; }*/
}


@media only screen and ( max-width: 768px ) and ( min-width: 600px ) {
    .mobile-only { visibility: hidden; display: none; }

    .search-box { width:140px; }
    .search-box .field { width:100px;}
    .account {font-size:12px;}

    .small-header .master-header { position: fixed; background: #fff; width: 100%; top: 0; left: 0; z-index: 50; }
    .small-header .top { padding-bottom: 0; }
    .small-header #navigation { width: 100%; }
    .small-header #navigation { border-top: 2px solid #000; }
    .small-header #navigation > ul { width: 960px; margin: 0 auto; }
    .small-header .master-header .logo.notext { display: none;}

    .small-header .logo { display: none; }
    .small-header .logo-small { top: 9px; opacity: 1; filter:alpha(opacity=100); }

    /*.small-header .master-header .logo-small { opacity: 1; filter:alpha(opacity=100); margin-top: 0px; }*/

    .logo { width: 100%; height: 150px; background-size: 100% !important; -webkit-background-size: 100% !important; }
	/*.logo-small { width: 180px; height: 10px; background-size: 180px 10px; -webkit-background-size: 180px 10px; top: 15px; margin-left: -110px; margin-top: 5px; }*/
    .footer-nav ul li { width: 16.66%; }
    .footer-nav ul li a {font-size: 11px; }
	.footer-nav { background-size: 100%; -webkit-background-size: 100%; }

    #navigation > ul > li > ul > li:hover > .dropright {display:none;}

    .small-header #navigation > ul { width: auto; }
	.small-header #navigation > ul > li { }
    #navigation { width: 100%; }
	#navigation a { font-size: 10px; letter-spacing: 0.05em; }

	.article-image { width: 46%; margin: 0 5px; }
	.article-content { width: 46%; padding-bottom: 70px; margin: 0 10px; }

    .search-container .article-content { width: 55%; }
	
	.article-author { height: 52px; }
	.article-author > a,
	.article-author .socials { float: none; display: block; }
	.article-author > a { height: 30px; margin-bottom: 10px; }

    .right.cf.comments { font-size: 13px; line-height: 17px; padding-bottom: 25px; font-family: 'FuturaLTPro-Heavy', sans-serif; text-transform: uppercase;}
    .right.cf.comments span { display:block; }

    .master-footer .shell { padding: 0 20px; }

	.pagination ul { font-size: 20px; }
	.pagination ul li { padding: 0 8px; }

	.contrib-detail img { float: none; display: block; margin: 0 auto 10px; }
	.contrib-detail .entry { margin: 0 10px; }

	.related-posts ul { text-align: center; }
	.related-posts ul li { float: none; display: inline-block; }

	.contributors-list { width: auto; }

	.contributor { float: none; margin: 0 auto 18px; }

	.bottom-bar { width: auto; left: 0; right: 0; margin: 0; }
	.bottom-bar h3 { font-size: 20px; }
	.bottom-bar h3 em { font-size: 20px; }

    .post-social { float: left; text-align: left; }
	
	.posts-pagination { text-align: center; }
	.posts-pagination a.prev,
	.posts-pagination a.next { float: none; display: inline-block; text-align: left; }
	.posts-pagination a.next { margin: 10px 0 0 0; }

    .pagination span.current,
    .pagination a { font-size: 22px;  }


    #respond textarea,
	#comments textarea { width: 96%; float:right; }
    #respond h3 span { float: none; display: block; }

	/*.register-page .content,*/
	/*.register-page .sidebar { float: none; clear: none; display: block; margin: 0 auto 20px; }*/

    .register-page { padding-bottom: 50px; }

    .register-page .sidebar { width: 33%; color: #fff; text-align: center; padding: 37px 10px; background: #000; }
    .register-page .sidebar h3 { font-family: 'ScotchModern-Italic', serif; font-weight: normal; font-size: 23px; line-height: 29px; padding: 0 0 22px; }
    .register-page .sidebar h4 { font-size: 14px; line-height: 19px; text-transform: uppercase; font-family: 'FuturaLTPro-Heavy', sans-serif; letter-spacing: 0px; padding-bottom: 22px; }
    .register-page .sidebar p { font-family: 'ScotchModern-Italic', serif; font-size: 20px; line-height: 24px; color: #fff; padding-bottom: 20px; }

    .register-page .content { width: 62%; float: right; border-width: 6px 1px 1px; border-style: solid; border-color: #000; overflow: hidden; position: relative; }
    .register-page .content.nofloat { float:none; width: auto; padding: 20px; }
    .register-page .content h3 { font-size: 16px; line-height: 18px; font-weight: normal; text-transform: uppercase; margin: 0; letter-spacing: -1px; }
    .register-page .content h5 { font-family: 'ScotchModern-Italic', serif; font-size: 16px; line-height: 18px; font-weight: normal; text-align: center; padding: 0 0 30px; text-transform: none; }
    .register-page.fb-register .content h3 { text-align: center; padding: 16px 0 10px; }
    .register-page .content .fields { width: 42%; float: left; padding: 16px 20px 26px; border-right: 1px solid #000; }
    .register-page.fb-register .content .fields { border: 0 none; padding-top: 0; }
    .register-page .content .fields h3 { padding: 0 0 16px; }
    .register-page .content .row { width: 100%; padding: 0 0 5px; overflow: hidden; }
    .register-page .content .reg_input_blocks { padding-bottom:5px; }
    .register-page .content .half .field {width:100%;}

    .register-page .content .half { float: none; width: 100%; overflow: hidden; }

    .register-page .content .month .field,
    .register-page .content .day .field,
    .register-page .content .year .field { width: 100%; text-align: center; }

    .register-page .content .month,
    .register-page .content .day,
    .register-page .content .year { float: left; width: 33.3%; margin:0;}

    .register-page .content.nofloat input[type='text'],
    .register-page .content.nofloat select,
    .register-page .content .field { box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: block; background: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset; font-size: 13px; line-height: 16px; height: 16px; padding: 14px 10px; width: 100%; }
    .register-page .content .error .field { border-color: #000; }
    .register-page .content.nofloat select { padding: 0; height: auto; }
    .register-page .content .button { font-size: 20px; line-height: 28px; padding: 10px 0; width: 100%; height: 48px; display: block; margin: 5px 0 10px; }
    .register-page .content .facebook-login { float: right; width: 46%; text-align: center; padding: 16px 0 0; }
    .register-page .content .facebook-login img { width: 94%; }
    .register-page .content .facebook-login h3 { padding: 0 0 24px; }
    .register-page .content .facebook-login .facebook-button { background: url(images/btn-fb.png); text-align: left; width: 209px; height: 38px; margin: 0 auto; display: block; }
    .register-page .content .or { font-size: 14px; line-height: 30px; color: #fff; text-transform: uppercase; font-weight: 600; text-align: center; width: 29px; height: 29px; display: block; position: absolute; top: 11px; right: 45%; background: #000; border-radius: 30px; }
    .register-page .content.nofloat input[type='text'] { width: 97%;  }
    .register-page .fb-photo { float: left; padding: 0 5px 0 25px; width:28%; }
    .register-page .fb-photo img { display: block;  height: auto; width: 100%; }

    #regForm_edit .edit-profile { width:100%; }
    .edit-profile .field,
    .edit-profile .field-checkbox{ width:60%; margin: 0 auto; margin-bottom: 10px;  }
    /*.edit-profile .field input { width:100%; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset; font-size: 13px; line-height: 16px; height: 16px; padding: 5px 10px; border: 1px solid #CCCCCC; }*/
    .edit-profile select { width:100%; padding:5px;  }
    .edit-profile .field span { display:block; margin-top: 5px; }
    /*.edit-profile .field input[type="submit"] { padding: 0; display: block; height: 40px; line-height: 40px; font-size: 20px; box-shadow: none; border:none; }*/

    .master-container,
    master-footer,
    .shell { width: 100%; box-sizing: border-box; }

    .master-container { padding: 50px 10px 0 10px; }

    .content.left { margin: 0 10px 0 0; width:66%; }
    .sidebar.right { float: right; width: 32%; }

    .sidebar.right ul li.widget.subscribe .field.left { width:100%; margin: 0 auto 10px auto; box-sizing: border-box; padding: 16px 10px; }
    .sidebar.right ul li.widget.subscribe .submit { float:none; width:100%; margin: 0 auto; }
    .sidebar.right ul li.widget.subscribe h2 { font-size:18px; }
    .sidebar.right ul li.widget.subscribe .success-msg.visible { width: 86%; }

    .sidebar.right ul li { width:100%; box-sizing: border-box; }

    .sidebar.right ul li.latest-products .carousel a,
    .sidebar.right ul li.latest-products .carousel img { width:auto; height: auto; }
    .latest-products .carousel ul li > a .overlay strong { font-family: 'ScotchModern-Italic', serif; font-size: 40px; line-height: 55px; color: #fff; text-transform: uppercase; font-weight: normal; text-align: center; display: block; padding-top: 80px; }
    .latest-products .carousel ul li > a .overlay strong small { font-size: 34px; line-height: 48px; display: block; }


    .ad-holder img { width:100%; height:auto;  }
}

@media screen and ( max-width: 1024px ) {
	.featured-posts, .twitter-feed, .recent-videos, .no-tablet { display: none; }
    .top.cf + top.cf { border-top:2px solid black; }
}

@media only screen and ( max-width: 768px ) {
	.header-container { min-height: 0; }
	.bottom-bar { display: none !important; }
}

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

    .master-header, .mobile-only { visibility:hidden; display:none; }
    .show-nav .master-header, .mobile-only { visibility:visible; display:block; }
    .show-nav .master-container,
    .show-nav .master-footer,
    .show-nav .logo-mobile,
    .show-nav .menu-mobile { margin-left:260px; }


    /*.mobile-only { visibility: visible; display:block; }*/

    .master-header, .master-header .socials, .article-image .date, .article-content p, .article-content a.more, .article-author, .twitter-feed, .footer-nav,
    .pinterest-board, .recent-videos, .latest-products, .widget.banner, .featured-posts, .logo, .master-footer .search-box, .category-head .tabs,
    .related-posts, .logo-small { display: none; }

	.mobile, .widget.mobile, .logo-mobile, .menu-mobile { display: block; }

	.master-header { width: 270px; position: fixed; top: 0; left: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 80; }
	.show-nav .master-header { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
	.logo-mobile { background: #000 url(images/logo-mobile.png) 50% no-repeat; width: 100%; height: 50px; display: block; }

    /*.show-nav .master-container, .show-nav .master-footer, .show-nav .logo-mobile, .show-nav .menu-mobile { -webkit-transform: translate3d(270px,0,0); -moz-transform: translate3d(270px,0,0); -ms-transform: translate3d(270px,0,0); -o-transform: translate3d(270px,0,0); transform: translate3d(270px,0,0); -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -ms-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }*/

    .master-container, .master-footer { -webkit-transition: -webkit-transform linear .4s; -moz-transition: -moz-transform linear .4s; -ms-transition: -ms-transform linear .4s; -o-transition: -o-transform linear .4s; transition: transform linear .4s; }

	.logo-mobile { position: fixed; top: 0; left: 0; right: 0; z-index: 9; }

	.menu-mobile { background: url(images/ico-nav-mobile.png); width: 23px; height: 19px; position: fixed; top: 15px; left: 12px; z-index: 10; }

	.top { padding: 0; }

	.left, .right { float: none; display: block; }

	.search-box { width: 260px; height: 40px; padding: 5px; background: #fff; margin: 0; position: relative; }
	.search-box .field { border: 1px solid #000; color: #000; padding: 9px 22px; width: 214px; height: 20px; display: block; }
	.search-box .submit { height: 38px; position: absolute; top: 6px; right: 6px; background-position: 50% 11px; }
	.search-box .submit:hover { background-position: 50% -22px; }

	.account { padding: 0; }
	.account ul li,
	.account ul li.user-menu { height: auto; border: 0 none; float: none; display: block; background: #fff; padding: 0 0 1px; }
	.account ul li:first-child { border: 0 none; }
	.account ul li a,
	.account ul li a:hover,
	.account ul li.user-menu > a,
	.account ul li.user-menu:hover > a { display: block; background: #ff717f; font-size: 16px; letter-spacing: 1px; line-height: 25px; padding: 10px 28px; color: #fff; }
	.account ul ul { display: block; position: static; }

	#navigation { border: 0 none; font-size: 16px; font-weight:400; line-height: 25px; letter-spacing: 1px; font-family: 'FuturaLTPro-Heavy', sans-serif; text-transform: uppercase; width: 270px; text-align: left; }
	#navigation ul li { background: #fff; padding: 0 0 1px; float: none; display: block; width: 270px; }
	#navigation ul li a,
	#navigation ul li a:hover,
	#navigation ul ul li a,
	#navigation ul ul li a:hover,
	#navigation ul ul ul li a,
	#navigation ul ul ul li a:hover { display: block; float: none; background: #000; color: #fff; padding: 10px 28px; text-align: left; }
	#navigation ul ul,
	#navigation ul ul ul { display:none; /*visibility: visible; opacity: 1; width: auto; font-style: normal; font-family: 'FuturaLTPro-Heavy', sans-serif; text-transform: uppercase; position: static; display: block; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;*/ }
	#navigation ul li,
	#navigation ul ul li,
	#navigation ul ul ul li { padding: 1px 0 0; }
	#navigation ul ul .dropright { display: none !important; }

    #navigation ul li:hover > ul,
    #navigation ul li:hover > ul li { display:none; }


    #navigation-footer-mobile { border-top: 1px solid #FFF; font-size: 16px; line-height: 25px; letter-spacing: 1px; font-family: 'FuturaLTPro-Heavy', sans-serif; text-transform: uppercase; width: 270px; text-align: left; }
    #navigation-footer-mobile ul li { background: #fff; padding: 0 0 1px; float: none; display: block; width: 270px; }
    #navigation-footer-mobile ul li a,
    #navigation-footer-mobile ul li a:hover { display: block; float: none; background: #000; color: #fff; padding: 10px 28px; text-align: left; }

    .master-container ,
    .shell { width: 100%; box-sizing: border-box; }

	.master-container { padding: 50px 10px 0 10px; }

	.content { width: auto; }
	.sidebar { margin: 0 auto; padding: 0 0 10px; }
	.subscribe { width: 270px; margin: 0 auto; }
	.subscribe .field { float: left; }
	.subscribe .submit { float: right; }
	.widget + .widget { margin-top: 10px; }
	.twitter-feed + .main .article:first-child { border-top: 1px solid #000; }

	.pagination { border: 0 none; padding: 20px 10px; }
    .pagination span.current,
    .pagination a { font-size: 20px; color: #000; font-weight: normal; }


    .widget.banner a { height: auto; }
	.widget.banner img { width: 234px; height: auto; display: block; margin: 0 auto; }

	.widget.advertisement img { width: 300px; height: auto; display: block; padding-top: 7px; margin: 0 auto; }

	.article { padding: 10px 10px 10px 140px; position: relative; min-height: 130px; border-bottom: 1px solid #000; }
	.article .article-image { width: 120px; position: absolute; top: 10px; left: 10px; }
	.article .article-image img { width: 100%; height: auto; }
	.article-content { width: auto; }
	.article-content h2 { font-size: 21px; line-height: 25px; font-weight: normal; }
	.article-content h5 { font-size: 12px; line-height: 12px; font-weight: 600; }
	.post-content { padding: 0 10px; }

    /*.post-social,*/
    .post-author { width: 170px; float: left; margin: 0 0 10px 0; }
    /*.post-social { text-align: left; }*/

    .post-social { float:left; }

    .right.cf.comments { float: none; display: block; clear: both; margin: 10px 0 0 0; height: 17px;  }

    .article-author .socials .addthis_toolbox { width:350px; }
    .article-author .socials .addthis_toolbox > a.addthis_button_tweet { width:95px; }

	.master-footer { padding: 16px 0 52px; background: #000; }
	.master-footer .footer-top { background: url(images/logo-footer.png) 50% 100% no-repeat; padding: 0 0 44px; }
	.master-footer .socials { width: 188px; margin: 0 auto; overflow: hidden; }
	.master-footer .social-icon { float: left; }
	.master-footer .googleplus-icon { margin-right: 0; }

	.copyright { padding: 22px 10px 0; }
	.copyright p { font-weight: normal; }

    .register-page { padding: 24px 0 10px; }
	.register-page .content { float: none; width: 100%; border: 0 none; }
	.register-page .content .fields { padding: 0 20px 28px; float: none; width: 280px; border: 0 none; margin:0 auto; }
	.register-page .content .fields h3 { text-align: center; }
	.register-page .content .field { width: 258px; }
	.register-page .content .row { width: 280px; }
	.register-page .content .half { width: 134px; }
	.register-page .content .half .field { width: 110px; }
	.register-page .content .month { width: 42px; }
	.register-page .content .month .field { width: 20px; }
	.register-page .content .day { width: 42px; margin-left: 2px; }
	.register-page .content .day .field { width: 20px; }
	.register-page .content .year { width: 46px; }
	.register-page .content .year .field { width: 24px; }

	.register-page .content .facebook-login { width: auto; float: none; display: block; border-top: 1px solid #000; padding: 28px 20px; }
	.register-page .content .or { top: auto; bottom: 146px; left: 50%; right: auto; margin-left: -15px; }

	.register-page .sidebar { width: 320px; padding: 0; }
	.register-page .sidebar h3,
	.register-page .sidebar h4,
	.register-page .sidebar > p { display: none; }
	.register-page .sidebar .bottom { margin: 0; border: 0 none; padding: 10px; }
	.register-page .sidebar .bottom p { font-weight: normal; }

	.register-page .custom-form-element { padding-top: 0; padding-bottom: 0; }
	.custom-form-element .icon { top: 2px; }

	.register-page .fb-photo { float: none; width: 160px; margin: 0 auto; padding: 0 0 20px; }

    .pagination ul li { padding: 0 5px; }
    .pagination-current-box { clear:both; }

    #regForm_edit .edit-profile { width:100%; }
    .edit-profile .field,
    .edit-profile .field-checkbox{ width:75%; margin: 0 auto; margin-bottom: 10px;  }
    /*.edit-profile .field input { width:100%; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset; font-size: 13px; line-height: 16px; height: 16px; padding: 5px 10px; border: 1px solid #CCCCCC; }*/
    .edit-profile select { width:100%; padding:5px;  }
    .edit-profile .field span { display:block; margin-top: 5px; }
    /*.edit-profile .field input[type="submit"] { padding: 0; display: block; height: 40px; line-height: 40px; font-size: 20px; box-shadow: none; border:none; }*/


    .login-popup, .forgot-popup, .forgot-success { width: 316px; }
	.login-popup .fields { width: 280px; padding: 16px 18px 28px; border-width: 0 0 1px; border-style: solid; border-color: #000; float: none; }
	.login-popup .field { width: 258px; }
	.login-popup .facebook-login { float: none; width: auto; padding: 28px 20px; }
	.login-popup .row { width: 280px; }
	.login-popup .or { top: auto; bottom: 206px; left: 50%; margin-left: -15px; right: auto; }

	.forgot-popup .field { width: 258px; }
	.forgot-popup .row,
	.forgot-popup .button { width: 280px; }

	.category-head { padding: 10px 0; }

	.contrib-detail { padding: 0 0 10px; }
	.contrib-detail img { float: left; width: 120px; height: auto; margin: 0 10px; }
	.contrib-detail .entry { margin-left: 0; padding: 0 10px; }

	.contributors-list { width: auto; margin: 0; }
	.contributor { float: none; margin: 0 auto 20px; }
	.contributor .entry img.left { float: left; }

	#respond form,
	#comments form { padding: 0 10px; }
	#respond h3 span { float: none; display: block; }
	#respond textarea,
	#comments textarea { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }

	.post h2,
	.category-head h1,
	.category-head h2 { padding: 5px 10px; }
	.post iframe { max-width: 100%; height: auto; }


}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
	.logo { background-image:url(images/mdc_logo@2X.png); background-size: 969px 171px; -webkit-background-size: 969px 171px; }

	.search-box .submit,
	.search-box .submit:hover,
	.master-footer .search-box .submit { background-image:url(images/icon-search@2X.png); background-size:15px 80px; -webkit-background-size:15px 80px; }
	.twitter-feed h2 { background-image:url(images/icon-twitter@2X.png); background-size:23px 19px; -webkit-background-size:23px 19px; }
	.social-icon a.notext .icon,
	.master-footer .social-icon { background-image:url(images/socials01@2X.png);  background-size:96px 62px; -webkit-background-size:96px 62px; }
	.article-author .socials a.comment,
	.article-author .socials .links > a,
	.article-author .socials .addthis_toolbox > a { background-image:url(images/socials03@2X.png); background-size:67px 25px; -webkit-background-size:67px 25px; }
}

.searchform { line-height: 24px; text-transform: uppercase; height: 24px; }

.error404 .searchform input[type="text"] { width:50%; box-shadow: 1px 1px 3px rgba(0,0,0,.2) inset; }
.error404 .searchform input { height:20px; line-height: 20px; padding:5px; }

.error404 .searchform label { display: block; }
.error404 .searchform .searchsubmit { line-height: 31px; color: #fff; text-align: center; text-transform: uppercase; height: 34px; display: inline-block; background: #ff717e; padding: 1px 11px; border: 1px solid #ff717e; }
.error404 .searchform .searchsubmit:hover { color: #fff; background: #000; }

