/* 
Theme Name: FluffnStuff
Theme URI:http://artataq.de/
Author:AQ
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* =Reset CSS
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{border:0; font-size:100%; font:inherit;  margin:0; padding:0; vertical-align:baseline}

/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
table{border-collapse:collapse; border-spacing:0}
button, input, select, textarea{font-size:100%; overflow:visible; margin:0; vertical-align:baseline; width:auto}
textarea{overflow:auto; vertical-align:text-top}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html *{ -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale}

/* =Base
-------------------------------------------------------------- */
html{overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body{font-weight:400; color:#383331; font-family: 'Raleway', Arial, Helvetica,sans-serif; background:#f5f5f5}

/* =Typography
-------------------------------------------------------------- */
p {word-wrap:break-word}
i, em, dfn, cite{font-style:italic}
tt, var, pre, kbd, samp, code{font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace !important; font-style:normal}
b, strong{font-weight:600;}
pre{ -moz-box-sizing:border-box;  -moz-border-radius:2px; -moz-box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,0.2); -webkit-border-radius:2px; -webkit-box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,0.2);  -webkit-box-sizing:border-box; box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,0.2);  box-sizing:border-box; background:#f4f4f4; border:1px solid #aaa; border-bottom-color:#ccc; border-radius:2px;  height:auto; margin:0; outline:none; padding:6px 10px; vertical-align:middle;  width:100%}
del{color:#555; text-decoration:line-through}
ins, dfn{border-bottom:1px solid #ccc}
sup, sub, small{font-size:85%}
abbr, acronym{font-size:85%; letter-spacing:.1em; text-transform:uppercase}
a abbr, a acronym{border:none}
dfn[title], abbr[title], acronym[title]{border-bottom:1px solid #ccc; cursor:help}
sup{vertical-align:super}
sub{vertical-align:sub}
.ellipsis{font-size:14px; margin-right:5px}
.form-allowed-tags{display:none}
br{clear:both}
hr{border: 1px dashed #EFEDDF;clear:both}

@font-face{font-family:"Flaticon"; src:url("fonts/flaticon.eot"); src:url("fonts/flaticon.eot#iefix") format("embedded-opentype"),url("fonts/flaticon.woff") format("woff"),url("fonts/flaticon.ttf") format("truetype"),url("fonts/flaticon.svg") format("svg"); font-weight:normal; font-style:normal}
.flaticon {display: inline-block; font: normal normal normal 14px/1 Flaticon;  font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;}
[class^="flaticon-"]:before, [class*="flaticon-"]:before, [class^="flaticon-"]:after, [class*="flaticon-"]:after{ font-family:Flaticon; font-size:2em; font-style:normal;}
.flaticon-dog38:before{content:"\e001"}
.flaticon-dog65:before{content:"\e002"}
.flaticon-dog67:before{content:"\e003"}
.flaticon-dog7:before{content:"\e004"}
.flaticon-food26:before{content:"\e005"}
.flaticon-pet20:before{content:"\e006"}
.flaticon-pet21:before{content:"\e007"}
.flaticon-suit2:before{content:"\e008"}
.flaticon-thumb18:before{content:"\e009"}
.flaticon-turkey9:before{content:"\e00a"}
.flaticon-vacation:before{content:"\e00b"}

/* =Links
-------------------------------------------------------------- */
a{color:#F15932; text-decoration:none; outline:none}
a:hover{color:#F58C75; text-decoration:none}
::selection{background:#efefef; text-shadow:none}

/* =Forms
-------------------------------------------------------------- */
label{display:inline-block; font-weight:600; padding:2px 5px 2px 0px; min-width: 25%; }
legend{padding:2px 5px}
fieldset{border:1px solid #ccc; margin:0 0 1.5em; padding:1em 2em}
input, select, area, textarea, input[type="text"], input[type="password"]{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#fff; border:1px solid #e9e9e9; margin:0; outline:none; padding:6px 8px; vertical-align:middle; width:auto}
select{height:auto;}
input, select{cursor:pointer}
area:focus, input:focus, textarea:focus{background:#fff}
input[type='text'], input[type='password']{cursor:text}

/* =IE Forms (Modernizr)
-------------------------------------------------------------- */
.ie7 area, .ie7 select, .ie7 textarea, .ie7 input[type="text"], .ie7 input[type="password"]{ width:200px}
.ie8 img{ height:auto;  width:auto\9}

/* =Buttons
-------------------------------------------------------------- */
button, a.button, input[type='reset'], input[type='button'], input[type='submit'],input[type='submit'].wpcf7-submit{color: #fff; background:#F58C76; border: 1px solid #E0DED0; font-size:15px; font-weight:600; padding: 15px 15px; -moz-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; -ms-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; -o-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-transform: uppercase;font-family: 'Raleway', sans-serif;letter-spacing:.05em}
button:hover, a.button:hover, input[type='reset']:hover, input[type='button']:hover, input[type='submit']:hover,input[type='submit'].wpcf7-submit:hover {background: #F15932; border-color: #F15932;}

/* =IE6 Notice
-------------------------------------------------------------- */
.msie-box{background-color:#f9edbe; border:1px solid #f0c36d; color:#212121; display:block; margin:0 auto; padding:10px; position:absolute; top:60px; text-align:center; width:100%}
.msie-box a{color:#212121}

/* =Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{font-weight:400; word-wrap:break-word;}
h1{color: #53341F; font-size:1.4em; margin:1em 0 .5em; font-family: 'Boogaloo', cursive;}
h2{color:#53341F; font-size: 1.3em; margin:1.07em 0 .535em;}
h3, .single .entry-content h2{color:#6C5A50; font-size:1.2em; margin:14px 0 10px; line-height:1.6;font-family: 'Boogaloo', cursive;}
h4{font-size:1.3em; margin:1em 0 .615em}
h5{font-size:.9em; margin:.7em 0 .6em}
h6{font-size:.7em; margin:.6em 0 .5em}
h1.post-title {margin: 10px 0 0px; font-weight: 500; text-transform: uppercase;}
.single h1.post-title {margin: 20px 0 15px; float:left; width:100%;line-height: 1.2;}
.archive h1.post-title {margin:30px 15px 10px}
article h2 {padding: 20px 0px 0px; text-transform: uppercase; margin:0; font-size: 1.01em; text-align: center;}
article h2 a{color: #3A2B21;font-weight: 600;}
.search h1{padding: 0px 0 15px;}
.search h1 span{color:#777}

/* =Margins & Paddings
-------------------------------------------------------------- */
p, dl, pre, form, table, address, blockquote{margin:15px 0 10px}
caption{padding-bottom:.8em}
blockquote {display: block; padding: 0px 0px 5px 20px; font-size:.95em}
blockquote:before {content: "\f10e";display: inline-block; font: normal normal normal 25px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float:left;margin: 0 0 0 -37px;}
blockquote p{margin: 7px 0 5px}
.category-you-have-been-punned blockquote {margin: -10px 15px 30px 15px; padding:5px 20px 5px 50px; background-color: #6C5A50; color:#fff;letter-spacing: .03em;}
.category-you-have-been-punned blockquote p{font-weight:600; margin:0}
.category-you-have-been-punned .wp-caption p.wp-caption-text{font-size: 16px;}
fieldset{margin:1.6em 0; padding:0 1em 1em}
legend{padding-left:.8em; padding-right:.8em}
legend+*{margin-top:1em}
option{padding:0 .4em}
dt{margin-bottom:.4em; margin-top:.8em;font-weight:400}
table {width:100%}
table, thead, tbody, th, td, tr{display:block}
thead tr{position:absolute; top:-9999px; left:-9999px}
td{position:relative; white-space:normal; text-align:left}
td:before{position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight:bold} 
td:before{content:attr(data-title)}

@media (max-width:768px) {
blockquote:before {font: normal normal normal 20px/1 FontAwesome; margin: 0 0 0 -27px;}
.archive h1.post-title {margin:0px 0px 20px}
}

@media (min-width:768px) {
h1{font-size:1.7em;}
h2{font-size:1.5em;}
h3,.single .entry-content h2{font-size:1.6em;}
blockquote {padding: 10px 15px 5px 35px;}
.category-you-have-been-punned blockquote {margin: -10px 0px 40px 0px; padding:5px 20px 5px 50px;}
table{display:table;table-layout: fixed;}
tbody{display: table-row-group;}
thead {display: table-header-group;}
th, td{padding:.5em; vertical-align:top}
tr{display: table-row;}
th{display: table-cell;}
td{display: table-cell;}
}

/* =Lists
-------------------------------------------------------------- */
ul{list-style-type:none; margin-left:2.7em}
ul ul{list-style-type:square}
ul ul ul{list-style-type:circle}
ol{list-style-position:outside; list-style-type:decimal; margin-left:3em;}
ol ol, ul ol{margin-left:2.5em;}
form div{margin-bottom:.1em}
embed, object, video{max-width:100%}

/* =Content
-------------------------------------------------------------- */
.container.single-article{margin: 30px auto 0}
.container {padding-right:15px; padding-left:15px; margin: 0 auto}
.row {margin-right:-15px; margin-left:-15px}
.col-sm-1,.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-10,.col-sm-11,.col-sm-12 {position: relative; min-height: 1px; padding-left: 15px;
padding-right: 15px;}

@media (min-width:768px){ .container{ width:750px} }
@media (min-width:992px){ .container{ width:970px} }
@media (min-width:1200px){ .container{ width:1170px} }

@media (min-width:768px){ 
.col-sm-1,.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-10,.col-sm-11,.col-sm-12 {float:left;}
.align{float:none; margin: 0 auto}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
}
.no-pad{padding-right:0; padding-left:0;}
.pad, #breadcrumbs.pad{padding-right:15px; padding-left:15px;}
.main-content {margin:58px 0 20px; padding:0 0 20px;}
.page .main-content{width:100%; float:left;}
.attachment .main-content{float:left}

@media (max-width:991px){
.main-content {margin:0px 0 0px;}
.site{padding: 30px 15px 0}
.col-sm-8.main-content, .single .col-sm-8 {width:100%}
.col-sm-12.no-pad.all{padding:0 15px}
}

@media (min-width:992px){
.container.single-article{margin: 0px auto;}
.container.single-article .col-sm-8{margin: 0px auto; width:100%; max-width:670px}
}

/* =Header
-------------------------------------------------------------- */
#header{margin: 0 auto; padding:0; position: fixed; width: 100%; z-index: 999; top:0;border-bottom: 0px solid #F68C76;background:#fafafa}
.slogan, .logo, .logo-heart{display:none}
.logo-small{display:block;position:fixed; right:0; margin: 6px 15px 0 0;z-index: 9}
#header-menu{width:100%;z-index: 999999;}

@media screen and (min-width: 992px) {
header{height:72px}
.logo-small{display:none}
.logo{display:block; margin:-3px 0 0; display:block}
.site-header{position:relative;}
#header{position:relative;top:0;left: auto; right: auto; bottom: auto; border:none; -webkit-transform: translateZ(0);z-index:9999;background:none}
.home #header{background:#fff;}
#header-menu{display:block; padding:0; position: relative; right: 0; top:0px; width: auto; float:right; margin:5px 0 0;}
#business{float:left; padding: 10px 0 10px 0}
.logo-heart{display:none}
.home-btn{display:none}
}

#nav{outline:none; font-family: 'Raleway', Arial, Helvetica,sans-serif;}
#header-menu #nav.fixed{left:0; right:0; position:fixed; z-index:999}
#nav >a{display:none}
#nav li{position:relative; list-style-type: none;text-align: center;}
#nav li a{color:#53341F; display:block;}
#nav .menu-item-has-children >a:after, #nav .page_item_has_children >a:after{width:0; height:0; border:0.35em solid transparent; border-bottom:none; border-top-color:#53341F; content:''; vertical-align:middle; display:inline-block; position:relative; right:-0.19em;}
#nav >ul{margin: 0 auto; width: 100%; list-style-type: none; float: left;}
#nav >ul >li{height:100%; float:left}
#nav >ul >li >a{height:100%; font-size:1.3em; line-height:3em; text-align:right; font-weight:300; padding: 0 0 0 19px; white-space: nowrap; text-transform:lowercase; outline:none; -webkit-transform: translateZ(0px);}
#nav >ul >li:not(:last-child ) >a{}
#nav >ul >li:hover >a, #nav >ul:not(:hover ) >li.active >a{}
#nav li ul{background-color:#fff; text-transform: lowercase; border-top: none; display:none; position:absolute; top:100%; margin:0; width: 200px; z-index:5}
#nav li ul li{width:100%}
#nav li:hover ul{display:block; left:0; right:0}
#nav li:not(:first-child ):hover ul{left:-1px}
#nav li ul a{font-size:16px; padding:1em; font-family: 'Raleway', Arial, Helvetica,sans-serif; font-weight:400; text-align: left;}
#nav li ul li a:hover, #nav li ul:not(:hover) li.active a{color:#907E72}
#nav li .current_page_item > a, #nav li .current_page_ancestor > a, #nav li .current-menu-item > a, #nav li .current-menu-ancestor > a {}
#nav .current_page_item > a, #nav .current_page_ancestor > a, #nav .current-menu-item > a,#nav .current-menu-ancestor > a {color:#F15932;}
#nav .current_page_item.menu-item-has-children >a:after, #nav .current_page_item.page_item_has_children >a:after, #nav .current-menu-parent >a:after {border-top-color:#F2013F;}
.menu-item-3007 a{font-weight:500}

@media only screen and (max-width:991px) {
html{font-size:90%;}
header+* {margin-top:60px!important}
.site-header{padding:0;position: relative;width: 100%;} 
#nav{top:auto; left:auto; width: 100%;}
#nav >a{width:58px; height:58px;text-align:left; text-indent:-9999px; background-color:#fafafa; position:relative; margin-bottom: 0px}
#nav >a:before, #nav >a:after{position:absolute; border:2px solid #52321C; top:32%; left:20%; right:20%; content:''}
#nav >a:after{top:60%}
#nav:not(:target ) >a:first-of-type, #nav:target >a:last-of-type{display:block}
#nav >ul{height:auto; display:none; position:absolute; left:0; right:0}
#nav:target >ul{display:block; max-height: 320px; overflow: auto;border-bottom: 1px solid #D0CECE;position:relative}
#nav >ul >li{width:100%; float:none}
#nav li ul a{border:0; border-top: 1px solid #F7EBE9; padding: 1.5em 0 1.5em 3em; font-weight: 600;}
#nav >ul >li >a{height:auto; text-align:left; padding:0 1.5em; position:relative; width:100%; background:#fff; line-height:3.5em;font-weight:600; font-size:1.1em}
#nav >ul >li>a{border-left:none; border-top: 1px solid #F7EBE9; letter-spacing: 1px}
#nav li ul{position:static; padding:0; width:auto;border-bottom:1px solid #efefef}
}

.catsmenu {display:none}
@media only screen and (min-width:992px){
.catsmenu {display:none;margin:0; float: left; width: 100%;  background: #efefef;z-index:99; position:relative;}
#menu-cats {text-align: left; padding: 12px 0px; margin: 0;}
#menu-cats li{padding:7px 0 5px; font-size:1.1em; display: inline; margin: 0 0 0 15px;}
#menu-cats li li{list-style: none;border-bottom:none;padding:4px;font-size: 1em; }
#menu-cats li ul.sub-menu { margin: 10px 0 0 10px;}
#menu-cats li a:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin: 0 5px 0 0; content: "\f1b0"; font-size: 13px; color: #C7C5B8;}
#menu-cats .current_page_item.menu-item-has-children li a:before {content: "\f096";font-size: 12px; color: #DAD9D9;}
#menu-cats .current_page_item a:before{content: "\f046";font-size: 16px; color:#79858B}
#menu-cats li a {color:#797765; font-weight: 500; cursive; letter-spacing: 1px; font-size: 15px;}
#menu-cats li.current-menu-item a{color:#F15932}
#menu-cats li a:hover {color:#6B594D}
#menu-cats .current_page_item a:before, #menu-cats .current_page_item.menu-item-has-children li a:before, #menu-cats li.current-post-ancestor a:before, #menu-cats li.current-menu-item a:before{color: #F15932;}
#menu-cats .current_page_item.menu-item-has-children li a{font-weight:400}
}

@media screen and (max-width: 1200px) {
#nav >ul >li >a{font-size:1.1em}
#menu-cats li{margin:0 0 0 9px}
}

@media (min-width:768px){
#sidebar #menu-cats {width: 94%; background:none; padding:0}
#sidebar #menu-cats li a:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin: 0 8px 0 0; content: "\f1b0"; font-size: 13px; color: #9E8C82;}
#sidebar li{display:block}
}

/* =Home
-------------------------------------------------------------- */
.fluffstuff{position: relative; height: 100%; width: 100%;background:#fff}
.fluffstuff #christmas-intro{top: 0px; width: 100%;height: 650px; position: relative; background-image: url(http://www.puchic.com/pics/santa-deer-xmas-16.png); background-position: 50% 20%; background-repeat: no-repeat; margin-bottom: -30%;}

#snow {background-color:transparent; background-image: url('http://designshack.net/tutorialexamples/letitsnow/snow.png'),url('http://designshack.net/tutorialexamples/letitsnow/snow3.png'),url('http://designshack.net/tutorialexamples/letitsnow/snow2.png'); -webkit-animation:snows 20s linear infinite; -moz-animation:snows 20s linear infinite; -ms-animation:snows 20s linear infinite; animation:snows 20s linear infinite; height: 100%;}

@-webkit-keyframes snows{0% {background-position:0px 0px,0px 0px,0px 0px}
    50%{background-color:transparent}
    100%{ background-position:500px 1000px,400px 400px,300px 300px;background-color:transparent}
}
@keyframes snows{0% {background-position:0px 0px,0px 0px,0px 0px}
    50%{background-color:transparent}
    100%{ background-position:500px 1000px,400px 400px,300px 300px;background-color:transparent}
}
@-ms-keyframes snows{0%{background-position:0px 0px,0px 0px,0px 0px}
    100%{background-position:500px 1000px,400px 400px,300px 300px}
}

.fluffstuff #biz-intro{padding: 0; background: #eee;position: relative;top: 48px; width: 100%;height: 650px;}
.fluffstuff .buzz-cats {position: relative;min-height: 100%; width: 100%; z-index: 888;margin-top: 5%;}    
.fluffstuff #biz-content {position: relative; width: 100%; z-index: 1000;}

.about-dogs{background-color: #f1f1f1; width: 100%; padding: 20px 0; display:none}
.about-dogs h1, .dhd-dogs {font-size:1.2em; text-shadow: 0 1px 3px rgba(239, 229, 229, 0.3);letter-spacing: .04em; padding: 0px 15px; margin:0; text-align:center;text-transform:uppercase;}

#biz-intro {background:#fff; margin:0 auto}
#biz-content{line-height: 2.2; letter-spacing: .02em;}
.buzz{background: #fff;}
.biz-content{background: #F9F5F5; padding: 40px 0px; text-align: center;font-weight:300; border-bottom: 1px solid #F0EBEB;margin: 0}
.buzz-cats{background:#F5F3F3; border-top: 0px solid #53341F;}
.biz-content .col-sm-10{float: none; margin: 0 auto;}
.biz-content h2{font-family: 'Boogaloo', cursive; font-size:2em; margin: 0; line-height: 2;letter-spacing: .01em;text-transform: uppercase;}
.home .textwidget{font-size: 1.3em; line-height: 1.5;text-align:left}

.dhd-preview{background:#fff; margin:0px auto;position: relative;padding: 30px 0; z-index:999}
.dhd-dogs a{color: #54331D; letter-spacing:-1px}
.dhd-dogs a span{color: #F2582B; font-weight: 800;}

.omd{width:200px;font-size:1.5em;font-family: 'Boogaloo', cursive;letter-spacing: 0px; color: #000; margin:20px 15px 0px; text-align:left; text-transform: uppercase; position: absolute; z-index: 2; background: #fff; text-align: center;}
.omd span.animated span, .omd a {color:#000;}

.homebar-articles h2 {font-family: 'Boogaloo', cursive;letter-spacing: -1px; font-weight: bold;font-size: 1.6em;text-align: center; margin: 0 0 30px}
.homebar-articles h3 {font-weight: 500;font-size: 1.3em;text-align: left;}
.homebar-articles .post-icon{width:1.5em; height:1.5em; text-align: center; border-radius: 50%; margin:0 10px 0 0;float:left;position: relative;}
.homebar-articles .fa{text-align:center; display:block; font-size:1em;}
.homebar-articles .fa:before{line-height: 1.5;}
.homebar-articles h4 {clear: both; text-align: left; line-height: 2.5;}
.homebar-articles h5 a{color:#555}
.homebar-articles h4 a span {position: relative; color:#fff}
.homebar-articles h5 {text-align: center; font-family: monospace; font-size:1.1em; height:30px}
.homebar-image img{border: 5px solid #FDFAFA; border-radius: 6px; box-shadow: 0 1px 2px #D0C7C7;}

.findout{margin: -5px 0% 0}
.packed{background-color:#53341F; position: absolute; width:100%; height:40px; left: 7%; margin: 7px 0 0; max-width:500px; width:100%; height:55px; left: 2%;}
a.mehr {font-family: 'Boogaloo', cursive; letter-spacing: 1px; position:relative; display: inline-block; top: 0; left: 12%; font-size: 2em; color: #fcfcfc;-webkit-transform: translateZ(100px);
-moz-transform: translateZ(100px);-ms-transform: translateZ(100px);-o-transform: translateZ(100px);transform: translateZ(100px);}
.animated05 {-webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.anim-right {-webkit-transform: perspective(200px) rotateY(-5deg) rotateX(-3deg) translateX(-5%) translateY(2%) translateZ(-20px) scale(1.1);
transform: perspective(200px) rotateY(-5deg) rotateX(-3deg) translateX(-5%) translateY(2%) translateZ(-20px) scale(1.1);}
.anim-left {-webkit-transform: perspective(200px) rotateY(9deg) rotateX(-3deg) translateX(6%) translateZ(-10px) scale(1.05);
transform: perspective(200px) rotateY(9deg) rotateX(-3deg) translateX(6%) translateZ(-10px) scale(1.05);}
.anim-cubic {-webkit-transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s; -moz-transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s; -ms-transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s; -o-transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s; transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s;}

@media only screen and (max-width:1024px){
.fluffstuff #christmas-intro{height: 650px; background-position: 50% 20%;background-size: cover; margin-bottom: -31%;}
}

@media only screen and (max-width:768px){
.about-dogs{line-height:1.8; padding: 5px 0;}
.about-dogs h1{width:100%}
.dhd-dogs{margin:0 0 20px}
.fluffstuff #biz-intro{display:none;}
.fluffstuff #christmas-intro{top: -5%;}
.fluffstuff .buzz-cats{margin-top: 4%;}
}

@media only screen and (max-width:736px){
.fluffstuff #christmas-intro{height: 250px;}
.fluffstuff .buzz-cats{margin-top: 20%; padding: 0}
}

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

.about-dogs h1, .dhd-dogs {font-size:1.8em;}
.about-dogs h1 span{color: #F58C76;font-weight:300;  background-image: -webkit-linear-gradient(92deg,#53341F,#735545); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue 60s infinite linear;}
.about-dogs br{clear:none; display: none;}
}

@media only screen and (min-width:992px){
.about-dogs h1, .dhd-dogs {font-size:2.3em;}
.fluffstuff #biz-intro{top:0}
.fluffstuff #christmas-intro{margin-bottom: -4%;}
.fluffstuff .buzz-cats {margin-top: 2%;}
.dhd-preview{padding: 60px 0}
}

@media only screen and (min-width:1224px){ 
.fluffstuff #biz-intro{top: 0;position: fixed}
.fluffstuff #christmas-intro{margin-bottom: -540px;}
.fluffstuff .buzz-cats {/*margin-top: 540px;*/}
}

@media only screen and (min-width:1300px){ 
.fluffstuff #christmas-intro{margin-bottom: -650px;}
.fluffstuff .buzz-cats { /* margin-top: 650px; */}
}

.photostack{background:#E8E8E8; position:relative; text-align:center; overflow:hidden}
.js .photostack{height:750px}
.photostack-start{cursor:pointer}

/* The size of this wrapper can be smaller if the items should not be scattered across the whole container */ 
.photostack >div{width:100%; height:100%; margin:0 auto}
.photostack figure{width:320px; height:360px; position:relative; display:inline-block; background:#fff; padding:15px; text-align:center; margin:5px}
.js .photostack figure{position:absolute; display:block; margin:0}
.photostack figcaption {margin:20px 0 0 0; color:#6C5A50; font-size:16px}
.photostack figcaption a{color:#C2BAB5}
.photostack-img{outline:none; display:block; width:240px; height:240px; background:#f9f9f9}
.photostack-back{display:none; position:absolute; width:100%; height:100%; top:0; left:0; background:#fff; font-family:"Give You Glory",cursive; color:#a7a0a2; padding:50px 40px; text-align:left; font-size:22px; line-height:1.25; z-index:1}
.photostack-back p{margin:0}
.photostack-back p span{text-decoration:line-through}

/* Navigation dots */
.photostack nav{position:absolute; width:100%; bottom:30px; z-index:90; text-align:center; left:0; -webkit-transition:opacity 0.3s; transition:opacity 0.3s}
.photostack-start nav{opacity:0}
.photostack nav span{position:relative; display:inline-block; margin:0 5px; width:30px; height:30px; cursor:pointer; background:#D3D2D2; border-radius:50%; text-align:center; -webkit-transition:-webkit-transform 0.6s ease-in-out,background 0.3s; transition:transform 0.6s ease-in-out,background 0.3s; -webkit-transform:scale(0.48); transform:scale(0.48)}
.photostack nav span:last-child{margin-right:0}
.photostack nav span::after{content:"\e600"; font-family:'icons'; font-size:80%; speak:none; display:inline-block; vertical-align:top; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:30px; color:#fff; opacity:0; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.photostack nav span.current{background:#B6B6B6; -webkit-transform:scale(1); transform:scale(1)}
.photostack nav span.current.flip{-webkit-transform:scale(1) rotateY(-180deg) translateZ(-1px); transform:scale(1) rotateY(-180deg) translateZ(-1px); background:#555}
.photostack nav span.flippable::after{opacity:1; -webkit-transition-delay:0.4s; transition-delay:0.4s}

/* Overlays */
/* Initial overlay on photostack container */
.js .photostack::before{content:''; position:absolute; width:100%; height:100%; background:rgba(250,250,250,0.5); top:0; left:0; z-index:100; -webkit-transition:opacity 0.3s,visibility 0s 0.3s; transition:opacity 0.3s,visibility 0s 0.3s}
.js .photostack-start::before{-webkit-transition:opacity 0.3s; transition:opacity 0.3s}

/* Button on photostack container */
.js .photostack::after{content:'Click Here'; font-weight:400; position:absolute; border:3px solid #897062; text-align:center; white-space:nowrap; left:50%; top:50%; -webkit-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%); padding:10px 20px; color:#897062; text-transform:uppercase; letter-spacing:1px; cursor:pointer; z-index:101;background: rgba(255, 255, 255, 0.85);}
.js .photostack::before, .js .photostack::after{opacity:0; visibility:hidden}
.js .photostack-start::before, .js .photostack-start:hover::after, .touch .photostack-start::after{opacity:1; visibility:visible}

/* Overlay on figure - Hide on current*/
.photostack figure::after{content:''; position:absolute; width:100%; height:100%; top:0; left:0; visibility:visible; opacity:1; background:rgba(0,0,0,0.05); -webkit-transition:opacity 0.6s; transition:opacity 0.6s}
figure.photostack-current::after{-webkit-transition:opacity 0.6s,visibility 0s 0.6s; transition:opacity 0.6s,visibility 0s 0.6s; opacity:0; visibility:hidden}

/* Special classes for transitions and perspective */
.photostack-transition figure{-webkit-transition:-webkit-transform 0.6s ease-in-out; transition:transform 0.6s ease-in-out}
.photostack-perspective{-webkit-perspective:1800px; perspective:1800px}
.photostack-perspective >div, .photostack-perspective figure{-webkit-transform-style:preserve-3d; transform-style:preserve-3d}
.photostack-perspective figure, .photostack-perspective figure div{-webkit-backface-visibility:hidden; backface-visibility:hidden}
.photostack-perspective figure.photostack-flip{-webkit-transform-origin:0% 50%; transform-origin:0% 50%}
.csstransformspreserve3d figure.photostack-flip .photostack-back{-webkit-transform:rotateY(180deg); transform:rotateY(180deg); display:block}
.no-csstransformspreserve3d figure.photostack-showback .photostack-back{display:block}

/* The no-JS fallback look does not need to be boring; ) */
.no-js .photostack figure{box-shadow:-2px 2px 0 rgba(0,0,0,0.05)}
.no-js .photostack figure::after{display:none}
.no-js .photostack figure:nth-child(3n){-webkit-transform:translateX(-10%) rotate(5deg); transform:translateX(-10%) rotate(5deg)}
.no-js .photostack figure:nth-child(3n-2){-webkit-transform:translateY(10%) rotate(-3deg); transform:translateY(10%) rotate(-3deg)}

/* Since we don't have back sides for the first photo stack, we don't want the current dot to become too big */
#photostack-1 nav span.current{background:#B6B6B6; -webkit-transform:scale(0.61); transform:scale(0.61)}

/* =Post + Page
-------------------------------------------------------------- */
.post-entry {line-height: 2;font-size:16px; background:#fff}
.page .post-entry {padding: 0;background:none}
.entry-content{clear:both;}
.post-cat, .post-tag{width:100%; margin: 5px 0 0; text-transform: lowercase;float:left;color:#fff}
.post-tag{clear:both; margin: 5px 0 10px;}
.post-cat a{color:#52321C; background:#f5f5f5; padding: 0px 5px; float:left;font-size:13px;letter-spacing: 1px;margin:0 5px 0 15px;}
.single .post-cat a{padding:0 4px;margin:0 5px 0 0}
.post-tag a{color:#52321C; background:#f5f5f5; padding:0 4px; float:left;font-size:13px;letter-spacing: 1px;margin:0px 5px 15px 0;}

.single .post-cat .fa, .single .post-tag .fa{color:#DAD9D1; float:left; text-align:left;font-size: 2em; margin: -13px 6px 0;}
.post-icon{color: #F15932;position: absolute; top: 0; right: 2px;}
.post-icon .flaticon{font-size:2.5em}
.post-edit-link{clear:both; display:block; font-size:12px; margin:15px; float:left}
.post-search-terms{clear:both}
.comments-link{font-size:12px}
.extra{background:#52321C;text-align: center; font-size: 1em; text-transform: uppercase; color: #fff; font-weight: 500; margin: 0 0 20px; float:left;max-width: 670px; width:100%; padding: 20px 10px; letter-spacing: 0.05em;}
.fluffstufftag{background:#F58B75;}
.fluffstufftag a{color:#52321C; font-weight:600}
.extra a:hover{color: #fff; border-bottom: 3px solid #efefef;}
.page-image {padding:0}
.post-thumb img{float:left; margin:7px 20px 5px 0 !important}
.attachment-entry{clear:both; text-align:center}
.post-image.content-type {margin: 10px auto 10px}
.mejs-controls .mejs-time-rail .mejs-time-current {background: #F58B75 !important;}
.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls{background: #53331D !important; outline: none;}
.speaker{background:#f5f5f5; margin: 10px auto 10px; float: none; width: 200px; height: 200px; padding: 1px; border-radius: 50%;-webkit-border-radius:50%; -moz-border-radius: 50%;}
.dream-team td{text-align:center}
.dream-team td .speaker{text-align:center; float:none}

.single .main-content {max-width:670px; float:left; margin-bottom:0;padding:0}
.single .main-content .post-entry, .single .main-content .post-image{float:left; max-width:670px}
.post-image img{width:100%}

@media (max-width:992px){
.single .main-content {margin-top: 40px;}
}

/* =DHD
-------------------------------------------------------------- */
.single-idog, .page-template-dhd{background:#fff}
.synopsis{background:#f5f5f5; padding:20px 0}
.page .synopsis .page .post-entry{float:none; }
.sitcom-intro{margin: 40px 0; text-align:center}
.fspresents {text-transform: lowercase; font-size: 4em; font-family: 'Boogaloo', cursive;}
.presents{font-family: 'Six Caps', sans-serif;font-size: 2.2em;}
.dhd{font-weight: 400;text-transform: uppercase; font-size: 7em; line-height: .85;}
.dhd span{color:#F05731; font-weight: 700;font-size: 1.15em;}
.season{text-transform: uppercase; font-size: 2.25em; font-weight: 700; margin: 20px 0 0;}
.season span{color:#F05731;}
.single-idog .ssba, .page-template-dhd .ssba{float:none}
.single-idog .ssba div, .page-template-dhd .ssba div{text-align:center !important}
.sitcom-credits, .sitcom-credits h3{font-family: 'Six Caps', sans-serif;font-size: 2em; text-align:center; background: #F5F5F5;}
.sitcom-credits span, .sitcom-credits a{margin: 0 3px;}
#rating-info{margin: 10px 0}

.single-idog .sitcom .container, .page-template-dhd .sitcom .container{width:100%}
.page-template-dhd .sitcom .container{max-width: 1400px;}
.single-idog #breadcrumbs, .page-template-dhd #breadcrumbs {display:none}
.single-idog .main-content, .page-template-dhd .main-content{position:relative; max-width:100%;  border: none; background: none; box-shadow: none;margin:0; padding:0}
.single-idog .post-entry{padding:0;}
.sitcom article h2{padding: 0px 0px 40px;margin: 0 0 20px; font-size:1.6em}
.page-template-dhd .sitcom article{clear:none; margin: 0 0 50px; padding:5px 8px}
.page-template-dhd .sitcom article h2{padding: 10px 0; margin: 10px auto 5px; width: 100%; background-color: #f5f5f5; max-width: 640px;}
.page-template-dhd .masonry-thumbnail{max-width: 640px;  margin: 0 auto;}
.sitcom article {padding: 0px; clear:both}
.sitcom .post-entry, .sitcom .entry-summary{padding: 0px 14px}
.single-idog h1.post-title{margin:0px 0 20px; font-size: 2.5em;}
.music{width:20%; margin: 15px auto;}
.page-template-dhd .mejs-container, .page-template-dhd .mejs-embed, .page-template-dhd .mejs-embed body, .page-template-dhd .mejs-container .mejs-controls {background: #CDC7C7 !important;}
.single-idog .mejs-container, .single-idog .mejs-embed, .single-idog .mejs-embed body, .single-idog .mejs-container .mejs-controls {background: #CDC7C7 !important;}
.sitcom-overview{padding:0; text-align:center}
.sitcom-overview .story {line-height: 1.5;}
.sitcom {background: #fff;  margin: 40px 0 0px;  padding: 20px 0 0px; }
.strip-number{color: #efefef; text-align: right;}
.strip-line{background-color:#321F12; position: absolute; width: 56%; bottom:120px; left: 5%; padding: 5px 4px 5px 20px; line-height: 1.5; font-size: 14px; font-family: Trebuchet MS; text-align: left; color:#fff; border-radius: 3px;}
.strip-line #div1 {margin: 14px 8px 10px -8px; padding: 0;}
.strip-line .mov, .nomov {margin: 5px 0 15px -8px;}
.strip-line .less.active{margin: 25px 8px 10px -8px;}

.strip-line:after{content: "''"; position: absolute; top: 0px; left: -15px; width: 30px; font-size: 2em; height: 25px; color:#fff;  text-align: right;}
.strip .wp-caption{padding:0px; border:none}
.strip .wp-caption p.wp-caption-text {min-height: 80px; font-family: Courier; font-size: 14px;word-spacing: -.2em; font-weight: bold;  padding: 5px 7px;}

@media (min-width:992px){
.strip{background:#321F12; padding:0 15px 20px; margin: 0 0 10%; font-size:14px; width:50%}
.strip:before { content: ""; left:0;
    background: -moz-linear-gradient(top, #321F12 8px, rgba(0, 0, 0, 0) 8px), -moz-linear-gradient(left, #321F12 8px, rgba(0, 0, 0, 0) 8px);
    background: -webkit-linear-gradient(top, #321F12 8px, rgba(0, 0, 0, 0) 8px), -webkit-linear-gradient(left, #321F12 8px, rgba(0, 0, 0, 0) 8px);
background-size: 16px 100%; background-repeat: repeat-x; height: 16px; width: 100%; display: block; position: absolute; top: -16px; opacity: 1;}
.strip:after {content: ""; left:0;
    background: -moz-linear-gradient(bottom, #321F12 8px, rgba(0, 0, 0, 0) 8px),-moz-linear-gradient(left, #321F12 8px, rgba(0, 0, 0, 0) 8px);
    background: -webkit-linear-gradient(bottom, #321F12 8px, rgba(0, 0, 0, 0) 8px),-webkit-linear-gradient(left, #321F12 8px, rgba(0, 0, 0, 0) 8px);
background-size: 16px 100%; background-repeat: repeat-x; height: 16px; width: 100%; display: block; position: absolute; bottom: -16px; opacity: 1;}
.strip-line{width:80%}
}

@media (min-width:992px){
.strip{padding:5px 15px 8px; margin: 0 0px 80px 0; font-size:14px; width:50%}
.strip-line{width:75%}
}

@media (min-width:1025px){
.strip-line{width:88%}
}

@media (min-width:1200px){
.strip{width:33.3%}
.strip-line{width:88%}
}

@media (min-width:1600px){
.strip-line{width:56%}
}

@media (max-width:1700px){
.strip .wp-caption p.wp-caption-text {min-height: 120px;}
.strip-line{bottom:160px;}
}
@media (max-width:991px){
.strip .wp-caption p.wp-caption-text,.strip-line {font-size: 16px;}
.page-template-dhd .col-sm-6{width:100%}
}
@media (max-width:991px){
.dhd{font-size:4em}
.season {font-size: 2em;}
.single-idog h1.post-title {font-size: 1.7em; margin: 20px auto}
.synopsis {padding:0}
.container.single-article{margin: 10px auto;}
.sitcom .post-entry, .sitcom .entry-summary{padding: 0px}
.sitcom article h2{padding: 0px 0px 10px; margin: 0px 0 20px;  font-size: 1.5em; font-weight:600}
.music {width: 50%;}
.sitcom{padding: 10px 10px; margin: 10px 0 20px}
.strip{background: #321F12; padding:0 15px 15px; margin: 0 auto 1px; width: 96%; float: none;}
.strip:before { content: ""; left:-16px;
    background: -moz-linear-gradient(top, #321F12 8px, rgba(0, 0, 0, 0) 8px), -moz-linear-gradient(left, #321F12 8px, rgba(0, 0, 0, 0) 8px);
    background: -webkit-linear-gradient(top, #321F12 8px, rgba(0, 0, 0, 0) 8px), -webkit-linear-gradient(left, #321F12 8px, rgba(0, 0, 0, 0) 8px);
background-size: 100% 16px; background-repeat: repeat-y; height: 100%; width: 16px; display: block; position: absolute; opacity: 1;}
.strip:after {content: ""; top:0;
    background: -moz-linear-gradient(top, #321F12 8px, rgba(0, 0, 0, 0) 8px),-moz-linear-gradient(right, #321F12 8px, rgba(0, 0, 0, 0) 8px);
    background: -webkit-linear-gradient(top, #321F12 8px, rgba(0, 0, 0, 0) 8px),-webkit-linear-gradient(right, #321F12 8px, rgba(0, 0, 0, 0) 8px);
background-size: 100% 16px; background-repeat: repeat-y; height: 100%; width: 16px; display: block; position: absolute; right: -16px; opacity:1;}
.strip-number {font-size: 11px; padding: 4px 0 0}
.strip-line{ width: 97%; bottom: 0; font-size: 15px; position: relative; left: 0;}
}

@media (max-width:540px){ .dhd{font-size:3em} }

/* DHD Episodes*/
.dhd-table{margin:1em auto; min-width:300px; color:#666; border-radius:.2em; overflow:hidden; float: none;}
.dhd-table a{font-weight:600;}
.dhd-table td{ display:block}
.dhd-table td:first-child{ padding-top:0}
.dhd-table td:last-child{ padding-bottom:.2em}
.dhd-table td:before{ content:attr(data-th) ""; font-weight:600; display:inline-block; width: 32%;}
.dhd-table th, .dhd-table td:before, .episode{color:#52321C;}
.dhd-table th, .dhd-table td{ text-align:left}
.dhd-table td:before{position:relative; top:0}
td.episode.new:before{ content:attr(data-th) "*";color: #008000;}

@media (min-width:992px){ 
.dhd-table th,.dhd-table td{ display:table-cell;}
.dhd-table th:first-child, .dhd-table td:first-child{ padding-left:0}
.dhd-table th:last-child, .dhd-table td:last-child{ padding-right:0}
.dhd-table td {font-size: 18px;}
.dhd-table .episode {width:100px}
}

/* Rating */
.rating{float:right; padding: 10px 15px 0; text-align: right; text-transform: lowercase;font-family: 'Boogaloo', cursive; font-size: 25px; display:none}
.rating-view.rating{float:right; padding: 10px 0px 0; text-align: right; text-transform: lowercase;font-family: 'Boogaloo', cursive; font-size: 15px}
[data-icon]:before{content:attr(data-icon)}
[data-icon]:before, .icon-gear:before, .icon-like:before, .icon-unlike:before{ display:inline-block;  font-family:"FontAwesome";  font-style:normal;  font-weight:normal;  font-variant:normal;  line-height:1;  text-decoration:inherit;  text-rendering:optimizeLegibility;  text-transform:none;  -moz-osx-font-smoothing:grayscale;  -webkit-font-smoothing:antialiased;  font-smoothing:antialiased}
.icon-like:before{content:"\f08a"}
.icon-unlike:before{content:"\f004"}
.icon-gear:before{content:"\f013"; -webkit-animation:spin 2s infinite linear; -moz-animation:spin 2s infinite linear; -o-animation:spin 2s infinite linear; animation:spin 2s infinite linear}

@-moz-keyframes spin{ 0%{-moz-transform:rotate(0deg)}
 100%{-moz-transform:rotate(359deg)}
}

@-webkit-keyframes spin{ 0%{-webkit-transform:rotate(0deg)}
 100%{-webkit-transform:rotate(359deg)}
}

@-o-keyframes spin{ 0%{-o-transform:rotate(0deg)}
 100%{-o-transform:rotate(359deg)}
}

@keyframes spin{ 0%{ -webkit-transform:rotate(0deg);  transform:rotate(0deg)}
 100%{ -webkit-transform:rotate(359deg);  transform:rotate(359deg)}
}

a.jm-post-like{font-weight:normal; display:inline-block; width:auto; -moz-transition:all 0.3s ease-out 0.2s; -webkit-transition:all 0.3s ease-out 0.2s; -o-transition:all 0.3s ease-out 0.2s}
a.jm-post-like.liked{color:#F0562F}
a.jm-post-like:hover, a.jm-post-like:active, a.jm-post-like:focus, a.liked:hover, a.liked:active, a.liked:focus{color:#53341F}

@media (max-width:991px){
.single .main-content{max-width:100%}
.single .main-content .post-entry, .single .main-content .post-image {max-width:100%}
.single .main-content .post-entry{padding:0 15px}
}

#author-meta{background:#efefef; margin: 0 0 25px;max-width: 670px;}
#author-meta .speaker{width:80px; height:80px; margin: 10px;}
.about-author{padding:10px 20px}
.about-author p{margin: 5px 0;}
.a-name{font-weight:600;font-size:1em; margin: 5px 0 5px; color: #918473;}
.a-bio{font-size:.9em;line-height: 1.5;}

/* Format Aside */
.format-aside .post-entry {padding:0 30px;font-size: 1.5em;}

/* Format Image */
.format-image .post-image {margin: 15px auto 0; float:none; padding: 0;position: relative;}
.single .format-image .post-image {margin: 20px auto -20px; float:none; padding: 0;position: relative;}
.single .format-image .post-image:before {content:''; position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; border: 11px solid #F4F7F7; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2),0 0 40px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2),0 0 40px rgba(0,0,0,0.1) inset; box-shadow: 0 1px 4px rgba(0,0,0,0.2),0 0 40px rgba(0,0,0,0.1) inset;}
.home .format-image .post-image:before, .page-template-blog .format-image .post-image:before, .archive .format-image .post-image:before{content:''; position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; border: 5px solid #fff;}
.format-image .post-image img{width: 100%;}
.format-image h1{text-align:center}

.mov, .nomov{width:100%; outline:none; cursor: pointer; margin: 5px 0 15px;}
.less.active .mov {display: none;}
.nomov {display: none;}
.less.active .nomov {display: block;}
.movie-name{display:none; background:#55331D; text-align:center;padding:10px; letter-spacing:1px; color:#fff !important}

/* Format Chat */
.format-chat .post-entry p.male-chat{ background: #fafafa; border-left: 7px solid #6A7474; margin-bottom: 2px; padding-left: 13px;}
.format-chat .post-entry p.female-chat{ background: #fcfcfc; border-left: 7px solid #D7425E; margin-bottom: 2px; padding-left: 13px;}
.format-chat .post-entry p:nth-child(odd) {}

/* Format Quote */
.single .format-quote .post-image img{padding: 10px 10px 0}
.single .format-quote blockquote{font-size:1.3em}

/* Sidebar */
.sidebar-articles{float:left; padding:20px 0 20px; width:100%}
.sidebar-articles .col-sm-12{margin:0 0 40px}
#sidebar h3 {font-family: 'Boogaloo', cursive;letter-spacing: 1px; font-size: 1.3em; text-transform: uppercase;color:#F15932;  margin: 0px 0 10px;}
#sidebar h3 a{color:#53341F}
#sidebar h4 {font-size: .9em; line-height: 1.5; text-transform: uppercase; margin:0; position: absolute; bottom: 0px; background: #f5f5f5; padding: 3px 15px 0;font-weight: 600;width:100%}
#sidebar h4 a{color:#53341F}
#sidebar h5 {font-size: .9em;line-height:1.5; text-transform:lowercase}
#sidebar .post-icon{width: 1.5em; height: 1.5em;float:left; margin: 0 5px 0 0;}
#sidebar .fa{text-align:center; display:block; font-size:1em}
#sidebar .fa:before{line-height: 1.5;}
.sidebar-image{float:none; margin: 5px auto;}
.sidebar-image img{border: 0px solid #DDDCDA;}

/* IG Author */
.ig-author .main-content{background:none; box-shadow:none; margin-top:20px; border:none; padding:0}
.ig-author .social-share{margin:20px 0 0}
.null-instagram-feed{padding:0}
.a-ig{text-align:center}
.instagram-pics{margin:10px auto; float:none; width:100%; display:block}
.instagram-pics li{position:relative}
.as{color: #553620; font-size:20px; line-height:1.3; min-height: 90px; margin:0; font-family: 'Boogaloo', cursive;}
.hideMe {display: none; position:relative}
.null-instagram-feed .clear a{float:right; font-weight:600}
.page .instagram-pics li{width:100%; float:left;}
.is-centred{ display:inline-block; vertical-align:middle;  position:absolute;  top:50%;  left:50%;  -webkit-transform:translateX(-50%) translateY(-50%);  -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%);  transform:translateX(-50%) translateY(-50%)}
.polaroid{background-color:white; letter-spacing:0.125em;  margin:1.25% 1.5% 1% 0; padding:0em; text-align:center; width:100%; display:inline-block; vertical-align:top;box-shadow: 1px 0px 2px #DFDBC1; -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s;}
.polaroid__link{display:block; position:relative}
.polaroid__likes{position: absolute; color: #D2CFBF; bottom: 9px; right: 7px; font-family: 'Boogaloo', cursive;}
.polaroid__likes .fa{color: #F15932}
.polaroid__link .polaroid__content, .polaroid__link .polaroid__content{ opacity:0}
.polaroid__link:hover .polaroid__content, .polaroid__link:focus .polaroid__content{ opacity:.5}
.polaroid__media{ width:100%;  vertical-align:bottom}
.polaroid__content{background-color:#dfc9a2;background-color:rgba(223,201,162,0.9); color:white; display:block; height:100%; width:100%; left:0; top:0; position:absolute; opacity:1; overflow:hidden;  -webkit-transition:all 0.4s ease-in-out;  -moz-transition:all 0.4s ease-in-out;  -ms-transition:all 0.4s ease-in-out;  -o-transition:all 0.4s ease-in-out;  transition:all 0.4s ease-in-out}
.polaroid__content:before{ content:'';  display:inline-block;  height:100%;  vertical-align:middle}
.polaroid__content p{ letter-spacing:0.125em; margin:0}
.polaroid__header{ background-color:white; margin:0; padding:1em 5px 0em; letter-spacing: -.01em; display:none}

/* Bags */
body.page-template-bags{background:#fff; color:#141212;}
body.page-template-bags .col-sm-12 .main-content, body.page-template-bags .col-sm-12 #sidebar {font-family: 'Special Elite',cursive; }
.page-template-bags #nav li a{color:#000}
.page.page-template-bags .main-content{border-top: 0px solid #000;box-shadow:none; width:100%; max-width:670px; padding:0 0 20px;}
.bags h1, .bags h2, .bags #sidebar h3, .bags #sidebar h4{color:#000; font-family: 'Special Elite',cursive;}
.bags h1{margin-top:20px}
.bags #sidebar h3{color:#fff}
.bags .sidebar-articles{border:none}
.bags #sidebar h4{  margin: 0 auto;  font-size: .88em;  text-transform: uppercase;  left: 0;right: 0;text-align: center;}
.page-template-bags.page .page .post-entry{font-size:17px; padding:0}
.bag-order{text-align: center; background:#000; color:#fff; padding: 10px 20px 0; text-transform: uppercase; letter-spacing: 2px; font-size: 2em;}
#sidebar .bag-order{text-align: center; padding: 10px 20px; text-transform: lowercase; letter-spacing: 1px; font-size: 1.2em; line-height: 1.5;}
.bags .bag-order a{color:#fff;}
.bags .bag-order a:hover{color:#F58C75;}

@media (max-width:992px){ 
#author-meta, .extra{max-width:100%; width:100%}
.sidebar-articles .col-sm-12.latest{width:50%; padding: 15px}
#sidebar h4{font-size: 16px; left:8px}
}

@media (max-width:768px){ 
.dream-team .col-sm-9{text-align:center}
.post-cat, .post-tag{float:none; padding:0px 0 30px; margin:0}
.post-tag{display:none}
.bags.container{margin-top:15px !important}
}

@media (max-width:736px){
#sidebar {display:none}
#author-meta{ padding: 10px 0;float:left}
#author-meta .speaker {float:left;}
.sidebar-articles .col-sm-12.latest{width:100%}
}

@media (min-width:768px){ 
.post-entry {padding: 0 20px;}
.page .post-entry {padding: 0;background:none}
.page .page .post-entry {padding: 0px 15px 0; float:left;}
.post-image.content-type {float:left; margin: 10px 20px 0 10px}
#sidebar {float:right; margin: 50px 0px 0 0; width:100%; padding: 10px 0;}
.sidebar-image{margin:0;}
.speaker{float: left; width: 150px; height: 150px;margin: 10px 20px 10px;}
.textwidget .speaker{ width: 175px; height: 175px;margin: 0px 20px 10px;}
.page .instagram-pics li{width:47%; float:left;}
}

@media (min-width:992px){
#sidebar {float:right; margin: 50px 0px 0 0; width:24%; padding: 10px 0;}
.single-idog #sidebar{margin:80px 0px 0;}
.page-template-bags #header{background:#fff}
.bags.container{margin-top:0px}
.page .instagram-pics li{width:47%;}
.page .instagram-pics li iframe{height: 100%; min-height: 490px;}
}

@media (min-width:1200px){ 
#sidebar {width:33%;}
.page .instagram-pics li{width:31%;}
}

/* =Calendar Puchi
-------------------------------------------------------------- */
.cal-outer{background-color: #fff; width:100%; padding:0px 0 50px;}
.cal-preview{margin: 15px auto 30px}
.cal-preview .col-sm-8 {background:none;padding: 0;}
.cal-preview .col-sm-3 {float:right; width:30%;line-height: 2;padding:0}
.cal-preview .col-sm-3 .col-sm-12 {background: #F5F3F3;padding: 14px 20px;text-align:center;}
.cal-preview .col-sm-3 h2, .cal-preview .col-sm-3 h3 {margin:5px 0;font-weight: 600;}
.cal-preview .col-sm-3 h2{text-transform:uppercase;letter-spacing: -.03em; font-size: 40px;}
.cal-preview .col-sm-3 p{font-weight:600;}
.home .cal-preview a{color:#961E3A;}
.cal-preview .col-sm-3 .col-sm-12.getit{background:#961E3A; text-transform: uppercase;padding: 40px 20px;color:#fff;}
.cal-preview .col-sm-3 h3{font-size: 26px;font-family: 'Raleway';color:#fff;}
.cal-sidebar {margin: 0 0 40px}

.page-id-2837 h1, .page-id-2837 h2{text-align:center}
.page-id-2837 .page-image {padding: 0; width:100%}
.page-id-2837 .post-entry {background:#fff}
.page-id-2837 .page-image img {width:100%}
.page-id-2837 form{margin:-13px auto 0}
.paypal {text-align:center}
.paypal input, .paypal input[type="hidden"]{border:none; background: none;padding:0}
.cal-left{background:#F5F3F3;padding: 20px; margin: 10px 0 20px;}
.cal-right{background:#F58B75; padding: 20px 0; margin: 10px 0 20px;}
.puchi-calendar{padding:15px}
.page .puchi-calendar .carousel {max-width:100%; margin: 20px 0 40px;}

@media (max-width:1200px){
.cal-outer{padding: 0px 0 50px;}
.page-id-2837 .post-entry {padding:15px}
.cal-preview .col-sm-8, .cal-preview .col-sm-3 {width:100%; padding:0; margin: 20px 0 0px}
}
@media (max-width:736px){
.cal-outer{padding: 0px 0 50px;}
.cal-preview{margin: 20px auto}
.cal-preview .col-sm-3 h2{font-size: 20px;}
.cal-preview .col-sm-3 h3 {font-size: 19px;}
}

/* =Blog
-------------------------------------------------------------- */
#masonry-loop{margin:6% auto 6%;}
.home #masonry-loop{margin:6% auto 6%;display:table}
.search #masonry-loop{margin:0% auto 4%;}
.masonry-entry{background:none; margin: 0 0 2%; border: 0px solid #f2f2f2;}
.dhd-preview article.masonry-entry h2 {padding: 10px 10px 0;}
article.masonry-entry h2{padding: 10px 0px 15px; font-size: .92em;}
.masonry-entry .post-icon{margin: -12.5% auto 0%;}
.masonry-details{max-width:100%; margin:0 auto 5%; line-height: 1.7; float: left; width: 100%; background: #fff; padding: 0 0 5px;}
.masonry-details p{margin: 10px 0 15px; width:auto; float: left; padding:0}
.masonry-details p.post-cat a{padding: 2px 10px;}
.masonry-details .entry-summary{font-size: 15px; min-height:80px; padding:0 5px; display:none}
.page-template-idog .masonry-details .entry-summary {min-height:85px}
.page-template-idog .blog-icon{  position: absolute; top: -19px; right: 0px; color: #F58B75;}
.page-template-idog .blog-icon .flaticon{font-size: 1.5em;}
.blog-icon{color: #DAD9D1; float:right}
.single .blog-icon{float:left}
.blog-icon .fa{font-size:1.8em}
.home .blog-icon .fa{text-align:left; display:block;margin: 5px 10px 0 0;}
.home .blog-icon .flaticon{text-align:left; display:block;margin: -11px 10px 0 0;}
.single .post .fa, .site .post .fa {text-align:left; display:block;margin: -17px 10px 0 0;}
.single .post .fa {margin: -12px 15px 0 0;}
.single .post .flaticon, .site .post .flaticon{text-align:left; display:block;margin: -8px 10px 12px 0;}
.single .post .flaticon{margin: -4px 10px 0 0;}
.single .fa:before, .site .fa:before, .home .blog-icon .flaticon {line-height: 1.8;}
.view {z-index: 9;cursor: default;overflow: hidden;text-align: center;position: relative;cursor:pointer}
.home .view{margin: 0 auto;}
.view img {display: block;position: relative; width:100%}
.view-big img {position: relative;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.view-big:hover > img {-webkit-transform: scale(1.1) rotate(0deg);-moz-transform: scale(1.1) rotate(0deg);-o-transform: scale(1.1) rotate(0deg);-ms-transform: scale(1.1) rotate(0deg);transform: scale(1.1) rotate(0deg);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);opacity: 0.9;}
#post-2754 .masonry-thumbnail img{padding: 0 0 35%; background: #B78971;}

.post-preview .masonry-entry {background: none;margin:0;border: 0px solid #f2f2f2;padding: 0 0 0 15px;}
.container.single-article .post-preview .col-sm-8 {margin: 0px 0 2%; width: 100%; max-width: 740px; padding: 0 10px 0 0;}
.container.single-article .post-preview .col-sm-8 img{width:100%}
.container.single-article .post-preview .masonry-entry.col-sm-5{width: 33.1%;float:right;padding: 0 0 0 15px; margin: 0 0 2.1%;}
article h2 {padding: 9px 0px 5px;}
.container.single-article .post-preview .col-sm-8 article h2 {font-size: 2em;padding: 0;}
.post-preview .masonry-details {position: relative; z-index: 22;background: #F5F5F5;margin: -40px auto 2px;}
.post-preview .col-sm-8 .masonry-details {margin: 0 auto 2px;}

/**** disabling Isotope CSS3 transitions ****/
.masonry-entry.no-transition, .masonry-entry.no-transition{ -webkit-transition-duration:0s;  -moz-transition-duration:0s;  -ms-transition-duration:0s;  -o-transition-duration:0s;  transition-duration:0s}

@media (max-width:1200px){ .masonry-entry{ width:50%;}}
@media (max-width:736px){
#masonry-loop{margin:3% auto 3%;}
.masonry-entry{ width:100%;}
.dhd-preview .masonry-entry{padding:0 15px}
}

/* XMAS */
.page-id-3029 {background-color:#C2E0F3; background-image: url('http://designshack.net/tutorialexamples/letitsnow/snow.png'),url('http://designshack.net/tutorialexamples/letitsnow/snow3.png'),url('http://designshack.net/tutorialexamples/letitsnow/snow2.png'); -webkit-animation:snow 20s linear infinite; -moz-animation:snow 20s linear infinite; -ms-animation:snow 20s linear infinite; animation:snow 20s linear infinite}

@-webkit-keyframes snow{0% {background-position:0px 0px,0px 0px,0px 0px}
    50%{background-color:#d1e7f5}
    100%{ background-position:500px 1000px,400px 400px,300px 300px;background-color:#C2E0F3}
}

@keyframes snow{
 0% {background-position:0px 0px,0px 0px,0px 0px}
 100%{ background-position:500px 1000px,400px 400px,300px 300px;background-color:#C2E0F3}
}

@-ms-keyframes snow{0%{background-position:0px 0px,0px 0px,0px 0px}
    100%{background-position:500px 1000px,400px 400px,300px 300px}
}
.page-id-3029 .main-content {background: none; margin: 30px auto 0}
.page-id-3029 .page .post-entry {float:none}
.page-id-3029 h1.mxmas{font-weight: 600;font-size: 4em;text-shadow: 0 1px 0 #1D86B8;text-align:center; color:#fff;text-transform: uppercase;letter-spacing: 2px;}
.page-id-3029 .social-icons li{background: #E53A3F;}
.page-id-3029 .fa-search:before{color: #E53A3F;}
.column-wrap{clear:both; padding:1em 1em 1em; width: 100%;margin: 0 auto 3%;text-align:center}
.snt{    margin: 0 auto -6.3%;
    z-index: 99;
    position: relative;}
.column{float:left; padding:15px; width:33.3%; position:relative; overflow: hidden; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.column-inner {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.column p{font-weight:300; font-size:2em; padding:0; margin:0; text-align:right; line-height:1.5}
.column a, .xmas-quote {color:#fff}

.xmas-quote{width: 100%; position: absolute; margin:0; padding: 10px 0 10px 10px; text-align: center; font-weight: 500;font-size: 15px; bottom: 0;background: #E53A3F}
.xmas .xmas-quote {color: #e53a3f !important;font-weight: bold; top:130px; right:0; margin: 0 auto; font-size: 20px}
a.calm img{margin: 0 auto;}

.caption {display: inline-block;position: relative;-moz-box-shadow: 1px 1px 5px #b7b7b7;-webkit-box-shadow: 1px 1px 5px #b7b7b7;box-shadow: 1px 1px 5px #b7b7b7;-khtml-border-radius: 3px;  -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.column:hover{-khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;pointer:cursor}
.caption img, .xmas-quote {display: block;}
.caption img{}
.caption-3{overflow:hidden;}
.caption-3 img, .xmas-quote{-webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out}
.caption-3:hover::after{-webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); transform:translateY(-100%)}
.caption-3:hover::before{-webkit-transform:translateY(100%); -moz-transform:translateY(100%); transform:translateY(100%)}
.caption-3::after, .caption-3::before{position:absolute; width:100%; height:50%; color:#fff; z-index:1; -webkit-transition:-webkit-transform 0.3s ease-in-out; -moz-transition:-moz-transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out; left:0; text-align:left}
.caption-3::after{content:attr(data-title); top:0; background:#e53a3f; font-size:40px; font-weight:300; padding:30px 0 0 15px; -webkit-transform:translateY(0%); -moz-transform:translateY(0%); transform:translateY(0%)}
.caption-3::before{content:attr(data-description); top:45%; height: 56%; background:#106949; font-size:14px; padding:0px; -webkit-transform:translateY(0%); -moz-transform:translateY(0%); transform:translateY(0%)}

@media (max-width:1200px){
.column{width:50%;}
.page-id-3029 .main-content {margin:0 0 20px;}
}
@media (max-width:768px){ 
.column{width:100%;}
}
@media (min-width:1800px){
.column{width:25%;}
}

/* =Slideshow
-------------------------------------------------------------- */
.slideshow .carousel {position:relative; margin: 0 auto 0px;width:100%}
.thumbnail >img, .thumbnail a >img, .carousel-inner >.item >img, .carousel-inner >.item >a >img{ display:block;  max-width:100%;  height:auto}
.carousel {position:relative; margin: 0 auto 20px;}
.page .carousel {margin: 20px auto 20px; max-width:640px; box-shadow: 2px 0 4px #DBD9D9}
.carousel-caption {z-index: 10;position: absolute; bottom: 10px; right: 20px; background: #efefef; padding: 2px 10px; display:none}
.postid-1405 .carousel-caption {color:#fff; background: #52321C;display:block;}
.carousel-inner > .item > img {position: absolute;top: 0;left: 0;min-width: 100%;}
.carousel-inner {position:relative; width:100%; overflow:hidden}
.carousel-inner >.item{ position:relative;  display:none;  -webkit-transition:.6s ease-in-out left;  transition:.6s ease-in-out left}
.carousel-inner >.item >img, .carousel-inner >.item >a >img{ line-height:1;position: relative;margin: 0 auto;}
.carousel-inner >.active, .carousel-inner >.next, .carousel-inner >.prev{ display:block}
.carousel-inner >.active{left:0}
.carousel-inner >.next, .carousel-inner >.prev{ position:absolute;  top:0;  width:100%}
.carousel-inner >.next{ left:100%}
.carousel-inner >.prev{ left:-100%}
.carousel-inner >.next.left, .carousel-inner >.prev.right{ left:0}
.carousel-inner >.active.left{ left:-100%}
.carousel-inner >.active.right{ left:100%}
.carousel-control {position:absolute; top:0; bottom:0; left:0; width:45%; font-size:14px; color:#b1b2b4; text-align:center; filter:alpha(opacity=50); opacity:.2}
.carousel-control.left {}
.carousel-control.right{ right:0;  left:auto;}
.carousel-control:hover, .carousel-control:focus{color:#53534a; text-decoration:none; filter:alpha(opacity=90); outline:none; opacity:.9}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-angle-right, .carousel-control .fa-angle-left {position:absolute; top:45%; z-index:5; display:inline-block}
.carousel-control .icon-prev, .carousel-control .fa-angle-left {left:0%}
.carousel-control .icon-next, .carousel-control .fa-angle-right{right:0%}
.carousel-control .icon-prev, .carousel-control .icon-next{width:20px; height:20px; margin-top:-10px; margin-left:-10px;}
.carousel-control .icon-prev:before{ content:'\2039'}
.carousel-control .icon-next:before{ content:'\203a'}
.carousel-indicators{position:absolute; bottom:-7%; left:0%; z-index:15; width:100%; padding-left:0; margin-left:0; text-align:center; list-style:none}
.carousel-indicators li{display:inline-block; width:15px; height:15px; margin: 0 4px; text-indent:-999px; cursor:pointer; background-color:#000 \9; background-color: rgba(230, 230, 231, .3); box-shadow: 0 0 0 2px rgba(202, 203, 205, .4); border:1px solid #fff;  border-radius:10px}
.carousel-indicators li:before{display:none}
.carousel-indicators .active{background-color: rgba(177, 178, 180, .4); box-shadow: 0 0 0 2px rgba(155, 156, 158, .3);}
.carousel-caption .btn{text-shadow:none}
.single .carousel-indicators, .page .carousel-indicators{display:none}
.slide-text{display:none}
#carousel-1405{margin:0 auto 50px}
.single .entry-content #carousel-1405 .carousel-indicators{display:block}


@media screen and (max-width:991px){
.slideshow .carousel {margin: 0 auto 30px;}
.carousel-indicators{bottom:-11%}
}

@media screen and (min-width:768px){
.page .carousel {margin: 0px auto 20px}
.slide-text{display:block}
.slide-text a{font-weight:400}
.carousel-control .fa-angle-right, .carousel-control .fa-angle-left, .carousel-control .icon-prev, .carousel-control .icon-next{width:40px; height:40px; margin-top:-15px !important; margin-left:-10px  !important; margin-right:-10px  !important; background: transparent; border-radius: 50%; line-height: 1.5; color: #A5A1A1; text-align: center !important;}

.single .post .carousel-control .fa.fa-angle-right, .single .post.carousel-control .fa.fa-angle-left, .single .post .carousel-control .icon-prev, .single .post .carousel-control .icon-next{width:40px; height:40px; margin-top:-15px; margin-left:-10px; margin-right:-10px; background: transparent; border-radius: 50%; line-height: 1.5; color: #A5A1A1;  text-align: center; margin: 0;}

#myCarousel .carousel-indicators{display:none}
#myCarousel:hover .carousel-indicators{display:block}
.carousel-indicators li{width:16px; height:16px;background-color: rgba(230, 230, 231, .3); box-shadow: 0 0 0 2px rgba(202, 203, 205, .4); border:0; margin: 0px 8px 0}
.carousel-indicators .active{background-color: rgba(177, 178, 180, .4); box-shadow: 0 0 0 2px rgba(155, 156, 158, .3);}
}

@media screen and (min-width:992px){
.page .carousel {margin: 20px 0 40px}
}

/* =Widgets
-------------------------------------------------------------- */
.ssba{float:left}
.share{padding: 0 0 10px; margin:0}
.share li{float:right; list-style-type:none; padding-left: 15px}
.share .fluid-width-video-wrapper {padding-top: 0 !important;}
.share .fluid-width-video-wrapper iframe{position:relative}
.twitter-share-button{margin: 0 10px 0 0;}
.twitter-share-button{margin: 0 10px 0 0;}
.widget_categories ul{margin:0}
.widget_categories{margin:0;}
.widget_categories .sub-menu:after{border-width: 0px;}
.widget_categories li{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); list-style-type:none; float:left; width:100%;text-transform: lowercase;}
.widget_categories a{border-bottom: 1px solid #fff; padding: 10px 15px 11px;line-height: inherit;background: #F3F4F5;font-weight: 400;float:left; width:100%; color: #999;}
.widget_categories a:hover {background: #f6f8fb;}
li.current-cat.cat-item a, li.current-cat.cat-item a:hover {background: #fbfbfb;}
.widget_categories .sub-menu{visibility: visible; position:relative; margin:0; padding:0}
.widget_categories li li a {height: inherit; line-height: inherit; padding:10px 15px 11px 30px;color: #928E8E;}
.widgets #s{width:80%}
.widgets .rss-date{line-height:18px; padding:6px 12px}
.widgets .rssSummary{padding:10px}
.widgets cite{font-style:normal; line-height:18px; padding:6px 12px}
.widgets .tagcloud, .widgets .textwidget {display:block; line-height:15pt; margin:0; word-wrap:break-word;}
.widgets .textwidget a{display:inline}
.widgets ul .children{border:none; margin:0; padding:0}
.widget_archive select, #cat{display:block; margin:0 15px 0 0}

/* =Search
-------------------------------------------------------------- */
.aq-search{display:none}

@media screen and (min-width: 992px) {
#searchform{margin:0;}
.fa-search:before {font-size: 1.8em;color: #F58C76;}
.aq-search{display:block; position:relative; float:right; width:34px; height:34px; margin:-5px 15px 0 0; z-index:99;}
.aq-search-input-wrap{position:absolute; right:34px; height:34px; width:0; overflow:hidden; -webkit-transition:width 200ms; -moz-transition:width 200ms; transition:width 200ms; top:0}
.aq-search.aq-search-open .aq-search-input-wrap{width:278px}
.aq-icon-search, input[type="submit"].aq-search-submit{width:34px; height:34px; display:block; position:absolute; right:0; top:0; line-height:42px; text-align:center; cursor:pointer}
.aq-icon-search{z-index:90}
.aq-search.aq-search-open .aq-icon-search{z-index:1; pointer-events:none}
input[type="submit"].aq-search-submit{background:transparent; color:transparent; box-shadow:none; border:none; padding:0; border-radius:0; outline:none; z-index:-1}
.aq-search.aq-search-open input[type="submit"].aq-search-submit{z-index:90}
input[type="text"].aq-search-input{border:none; outline:none; opacity:0; background:#fff; width:265px; height:34px; margin:0; padding:2px 7px;font-family: 'Raleway'; font-size:.9em}
.aq-search.aq-search-open input[type="text"].aq-search-input{opacity:1}
::-webkit-input-placeholder{color:#bbb}
:-moz-placeholder{color:#bbb}
::-moz-placeholder{color:#bbb}
:-ms-input-placeholder{color:#bbb}
}

/* =Footer
-------------------------------------------------------------- */
#footer{padding:30px 0 0; height:auto;}
#footer-wrapper{padding:0;}
#footer-wrapper .textwidget {display:block; line-height:14pt; margin:0; word-wrap:break-word;font-size:14px;}
#footer-wrapper p {margin:0 10px 0px; line-height:25px; font-weight: 300;}
#footer-wrapper p.cright {font-size: 14px; text-align:center; color: #9a9a9a;padding:0px 0; margin:-30px 0 20px; float:left}
#menu-footer{margin:0 auto; text-align:center}
#menu-footer li{display:inline-block; list-style-type:none; font-size:14px; margin: 0 auto; padding:6px 6px 0px}
#menu-footer a{font-size: 13px;padding:0; border:none;color: #8B8681;}
#footer .social-icons{margin:0px auto 20px; list-style:none; line-height:normal; text-align:center}
.social-icons li{font-size: 1.4em;  background: #F58C76; line-height: 2.1; width: 45px; height: 45px; text-align: center; border-radius: 35px; margin: 0 1%; display: inline-block;}
.social-icons li a{color:#fff}

@media only screen and (max-width:992px){
#footer-wrapper p.cright {margin: 10px auto; float:none}
.col-foot{width:100%}
#footer .social-icons{margin: 10px 0}
}

@media only screen and (min-width:992px){
#menu-footer{margin:0px auto; text-align:left; float:left}
#footer .social-icons{margin:-10px auto 30px;}
#menu-footer li{padding:0px 10px 0px 0}
}

/* =404 Page 
-------------------------------------------------------------- */
.title-404{color:#141313;margin:20px 0; padding:25px 15px 0;text-transform: uppercase;}
.error404 .post-entry {min-height: 360px; }
#post-0{margin-top:60px;  text-align: center;}
.post-0{padding:0px 15px 0; line-height:2;}
.post-0 p{width:80%; margin:20px auto 0}

/* =Navigation, Pagination, Breadcrumb
-------------------------------------------------------------- */
.navigation{display:block; font-size:13px; height:28px; line-height:28px; margin: 0 0 30px}
.navigation a{color:#aaa; padding:4px 10px}
.navigation a:hover{color:#111; text-decoration:none}
.navigation .previous{float:left}
.navigation .next{float:right;  padding: 1px 11px;}
.navigation .bracket{font-size:2.250em}
.attachment-navigation {margin: 20px}
.attachment-navigation .previous{float:left; width:50%;;padding: 1px 11px 0 0;}
.attachment-navigation .next{float:right; width:50%; padding: 1px 11px 0 0;}
.paging-navigation{font-family:sans-serif; padding:0 1em;float: left; width: 100%;}
.paging-navigation ul{list-style-type:none; margin:0; padding:0}
.paging-navigation li{display:inline}
.paging-navigation .next, .paging-navigation .prev{display:none}
a.page-numbers, span.page-numbers{color:#838080; background: #fff; padding: 7px 11px;}
a:hover.page-numbers{color:#000;}
.paging-navigation .current{font-weight:600; color:#f2efef; background: #F58C76;}
#breadcrumbs{font-size:13px; padding:0px 0px 10px; clear:both;font-weight: 300; margin: 0}
#breadcrumbs a{color:#aaa; font-weight:300}
.page #breadcrumbs{display:none}
.single #breadcrumbs{padding: 20px 0px;}

@media (max-width:992px){ 
#breadcrumbs{display:none}
}

/* =Comments
-------------------------------------------------------------- */
#commentform{margin:0}
.commentlist{border-bottom:1px dotted #eee; list-style:none; margin:15px 0; padding:0}
.commentlist ol{list-style:decimal}
.commentlist li{-webkit-border-radius:4px; -moz-border-radius:4px; background-color:#fff; border-radius:4px; margin:0}
.commentlist .bypostauthor .comment-body{background:#efefef; border: 1px solid #FFF;}
.commentlist li cite{color:#111; font-size:11px; font-style:normal; font-weight:400}
.commentlist li.alt{background:#f9f9f9}
.commentlist .children{list-style:none;padding:0; margin: 20px 0 0 30px;padding: 0; float: left; width: 97.2%;}
.commentlist .avatar{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; float:left; margin-right:10px; padding:0; vertical-align:middle}
.comment-author .fn{font-size:11px}
.comment-author .says{color:#999; font-size:11px;display:none}
.comment-body .comment-meta{color:#999; display:inline-block; margin:0; padding:0; text-align:left}
.comment-body .comment-meta a{font-size:11px}
.comment-body{clear:both; padding:10px;background: #f5f5f5;float: left; width: 100%;}
.comment-body p{clear:both; margin:0 0 10px 70px; font-size: 14px; font-style: italic; float:left; max-width: 90%;}
.pingback, .trackback{list-style:none; margin:20px 0}
.pingback cite, .trackback cite{font-style:normal}
#pings, #comments{text-align:left}
#respond{width: 100%;float:left;  background: #DAD9D1; padding:10px 20px}
#respond label{font-size:10px; display:none}
.comment-body .reply{margin:-25px 70px 0; float:right}
.comment-reply-link{float: right; text-transform: uppercase; font-size: 12px; background: #DAD9D1; padding: 10px; font-weight:600}
#cancel-comment-reply-link:before{content:"→"}
h3#reply-title{margin:0px 20px 10px 0; font-size: 24px; float:left;}
#comment{width:100%; height: 60px}
p.logged-in-as{font-size:12px; float:right; margin: 10px 20px 10px 0}
.comment-form-url input,  .comment-form-email input, .comment-form-author input, .comment-form-comment textarea{display:block}
.nocomments{color:#999; font-size:.9em; text-align:center}
.comment-notes{font-size:13px}

/* =Contact Form
-------------------------------------------------------------- */
.wpcf7{display:block;}
.wpcf7 label, .wpcf7-form input, .wpcf7-form textarea{width:100%; margin: 0 auto; float: none; padding:12px 15px}
.wpcf7 label{width:100%; color: #F58C76; text-align: center;text-transform: uppercase;  padding: 15px 0 0;}
.wpcf7 label.descr{width:100%; color: #969393; text-align: center;text-transform: lowercase;padding:0;  font-size: .9em; margin: -10px 0 0; float: left; font-weight:400}
.wpcf7-form input, .wpcf7-form textarea{width:100%; background: #fff; font-family: 'Raleway';}
input[type='file'].wpcf7-file{position:relative; width:100%; float:left;padding: 11px;color: #B6B6B6; font-size: 12px;}
.wpcf7 div{position:relative}
#uploadbrowsebutton{display:none}
input[type='file'].wpcf7-file:before{content:""; background:#E2E0D0;width: 113px;height: 42px;position: absolute;top: 0;}
.wpcf7 label.cptch{float:left; width:auto; margin: 0 0 25px;}
.wpcf7-form input.wpcf7-captchar{float:left; width:100px}
.wpcf7-captchac{float:left; margin: 15px;}
.wpcf7-checkbox{display: inline-block; padding: 12px 15px;}
.wpcf7-list-item input{width:auto !important;}
span.wpcf7-not-valid-tip-no-ajax{border:none; background-color:#fffd75; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; font-weight:normal; margin:5px 0 0 5px; display:inline; float:right}
.wpcf7-form .wpcf7-mail-sent-ok{border:none; background-color:#abf779; margin:10px 0px 10px; padding:10px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; font-size:15px}
.wpcf7-form .wpcf7-mail-sent-ng{border:none; background-color:#fcb3b8; margin:0; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5x}
.wpcf7-form span.wpcf7-not-valid-tip{border:none; padding:0 5px; font-size:14px;float:left}
.wpcf7-form .wpcf7-validation-errors{border:none; color: #f00;}
div.wpcf7-response-output{font-size:14px; margin:10px 0px 10px; padding:0 10px; background-color:#fcb3b8;}

@media screen and (min-width:768px){
#uploadbrowsebutton{display:block; width: auto;padding: 0; position: absolute; right: 0; top: 16px;color: #8B8484;cursor:pointer}
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone{margin:5px auto}
.textwidget img.alignnone{margin:0px auto; display:block}
.aligncenter, div.aligncenter{display:block; margin:5px auto}
.alignright{float:right; margin:5px 0 10px 20px}
.alignleft{float:left; margin:5px 20px 10px 0}
.aligncenter{display:block; margin:5px auto}
a img.alignright{float:right; margin:5px 0 10px 20px}
a img.alignnone{margin:5px 20px 10px 0}
a img.alignleft{float:left; margin:5px 20px 10px 0}
a img.aligncenter{display:block; margin-left:auto; margin-right:auto}
.wp-caption{background:#fff; border:1px solid #FAF7F7; max-width:100%; padding:0; text-align:center; margin: 5px auto 25px !important;}
.imgcpt .wp-caption {margin: 10px auto 20px;}
wp-caption.aligncenter{margin: 5px auto 20px;}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 25px 5px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none; height:auto; margin:0 auto; max-width:100%; padding:0; width:100%}
.wp-caption p.wp-caption-text{font-size:16px; margin:0; padding:10px 15px;  background: #F9F6F6; font-family: Courier; line-height: 1.5em;letter-spacing:-.01em}
.postid-3156 .wp-caption p.wp-caption-text{text-align:left}
img.wp-smiley{vertical-align:middle}
img {max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; display:block; margin:0px auto;}

/* =WordPress Gallery
-------------------------------------------------------------- */
.gallery{margin:0 auto 18px}
.gallery .gallery-item{float:left; margin-top:0; text-align:center; max-width:155px}
.gallery img{border:1px solid #ddd}
.gallery .gallery-caption{font-size:12px; margin:0 0 12px}
.gallery dl{margin:0}
.gallery br+br{display:none}
.attachment-gallery img{background:#fff; border:1px solid #f0f0f0; display:block; height:auto; margin:15px auto; max-width:96%; padding:5px; width:auto}
.gallery-meta .iso, .gallery-meta .camera, .gallery-meta .shutter, .gallery-meta .aperture, .gallery-meta .full-size,  .gallery-meta .focal-length{display:block}

/* =Alignments Extras
-------------------------------------------------------------- */
.left{float:left}
.right{float:right}
.center{text-align:center}

/* =Clearfix
-------------------------------------------------------------- */
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .group:before, .group:after, article:before, article:after, header-before, header:after, #header-before, #header:after {content: " "; display: table;}
.clearfix:after, .container:after, .container-fluid:after, .row:after, .group:after, article:after, header:after, #header:after, table:before {clear: both;}
.clearfix:after, .widget-wrapper:after {clear:both; content:'\0020'; display:block; height:0; max-height:0; overflow:hidden; visibility:hidden}
*html .clearfix, *html #container, *html .widget-wrapper{height:1%}
.clear{clear:both}

/* =Animation
-------------------------------------------------------------- */
.animated{-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
.hidden{opacity:0}
.visible{opacity:1}

@-webkit-keyframes bounceInUp{ 
 0%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
 0%{ opacity:0;  -webkit-transform:translate3d(0,3000px,0);  transform:translate3d(0,3000px,0)}
 60%{ opacity:1;  -webkit-transform:translate3d(0,-20px,0);  transform:translate3d(0,-20px,0)}
 75%{ -webkit-transform:translate3d(0,10px,0);  transform:translate3d(0,10px,0)}
 90%{ -webkit-transform:translate3d(0,-5px,0);  transform:translate3d(0,-5px,0)}
 100%{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}

@keyframes bounceInUp{
 0%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
 0%{ opacity:0;  -webkit-transform:translate3d(0,3000px,0);  transform:translate3d(0,3000px,0)}
 60%{ opacity:1;  -webkit-transform:translate3d(0,-20px,0);  transform:translate3d(0,-20px,0)}
 75%{ -webkit-transform:translate3d(0,10px,0);  transform:translate3d(0,10px,0)}
 90%{ -webkit-transform:translate3d(0,-5px,0);  transform:translate3d(0,-5px,0)}
 100%{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}
.bounceInUp {-webkit-animation-name: bounceInUp; animation-name: bounceInUp;}

@-webkit-keyframes bounceIn {
 0%,20%,40%,60%,80%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
 0%{ opacity:0;  -webkit-transform:scale3d(.3,.3,.3);  transform:scale3d(.3,.3,.3)}
 20%{ -webkit-transform:scale3d(1.1,1.1,1.1);  transform:scale3d(1.1,1.1,1.1)}
 40%{ -webkit-transform:scale3d(.9,.9,.9);  transform:scale3d(.9,.9,.9)}
 60%{ opacity:1;  -webkit-transform:scale3d(1.03,1.03,1.03);  transform:scale3d(1.03,1.03,1.03)}
 80%{ -webkit-transform:scale3d(.97,.97,.97);  transform:scale3d(.97,.97,.97)}
 100%{ opacity:1;  -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}
}

@keyframes bounceIn { 
 0%,20%,40%,60%,80%,100% {-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
 0%{ opacity:0;  -webkit-transform:scale3d(.3,.3,.3);  transform:scale3d(.3,.3,.3)}
 20%{ -webkit-transform:scale3d(1.1,1.1,1.1);  transform:scale3d(1.1,1.1,1.1)}
 40%{ -webkit-transform:scale3d(.9,.9,.9);  transform:scale3d(.9,.9,.9)}
 60%{ opacity:1;  -webkit-transform:scale3d(1.03,1.03,1.03);  transform:scale3d(1.03,1.03,1.03)}
 80%{ -webkit-transform:scale3d(.97,.97,.97);  transform:scale3d(.97,.97,.97)}
 100%{ opacity:1;  -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}
}

.bounceIn{ -webkit-animation-name:bounceIn;  animation-name:bounceIn;  -webkit-animation-duration:1s;  animation-duration:1s}

.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-2s { animation-delay: 2s; -webkit-animation-delay: 2s; }

@-webkit-keyframes fadeIn{ 0%{ opacity:0} 100%{ opacity:1} }
@keyframes fadeIn{  0%{ opacity:0} 100%{ opacity:1} }
.fadeIn{-webkit-animation-name:fadeIn;  animation-name:fadeIn}

@-webkit-keyframes fadeInDown{ 
0%{ opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px)}
100%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0)}
}

@keyframes fadeInDown{
0%{ opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px)}
100%{ opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
}
.fadeInDown{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown}

@-webkit-keyframes fadeInLeft{
0%{ opacity:0;  -webkit-transform:translateX(-20px); transform:translateX(-20px)}
100%{ opacity:1;  -webkit-transform:translateX(0); transform:translateX(0)}
}
@keyframes fadeInLeft{
0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px)}
100%{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0);  transform:translateX(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;  animation-name:fadeInLeft}

@-webkit-keyframes fadeInUp{
0% {opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px)}
100% {opacity:1; -webkit-transform:translateY(0);  transform:translateY(0)}
}
@keyframes fadeInUp{
0%{ opacity:0;  -webkit-transform:translateY(20px); -ms-transform:translateY(20px);  transform:translateY(20px)}
100%{ opacity:1;  -webkit-transform:translateY(0); -ms-transform:translateY(0);  transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp; animation-name:fadeInUp}


/* =Begin bidirectionality settings (do not change)
-------------------------------------------------------------- */
BDO[DIR="ltr"]{direction:ltr; unicode-bidi:bidi-override}
BDO[DIR="rtl"]{direction:rtl; unicode-bidi:bidi-override}
[DIR="ltr"]{ direction:ltr;  unicode-bidi:embed}
[DIR="rtl"]{ direction:rtl;  unicode-bidi:embed}

/* =Media Print
-------------------------------------------------------------- */
@media print{ 
h1{ page-break-before:always}
h1, h2, h3, h4, h5, h6{ page-break-after:avoid}
ul, ol, dl{ page-break-before:avoid}
}