/*
Text Domain: lotgrafix
Theme Name:  LOTGrafix
Theme URI:   http://lotgrafix.com/themes
Author:      Luis Trinidad
Author URI:  http://lotgrafix.com
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: Highly custom theme made for Wordpress.
Tags:		 custom-logo, custom-menu, editor-style, full-width-template, footer-widgets, featured-images, theme-options, right-sidebar, left-sidebar, one-column, two-columns, threaded-comments, blog, portfolio
*/


/* Theme Fonts */
@font-face{font-family:'Lao';src:url('./fonts/Lao.ttf')}
@font-face{font-family:Rock;src:url('./fonts/Rock.ttf')}
@font-face{font-family:Anton;src:url('./fonts/Anton.ttf')}
@font-face{font-family:Roman;src:url('./fonts/Roman.fon')}
@font-face{font-family:Modern;src:url('./fonts/Modern.fon')}
@font-face{font-family:Code;src:url('./fonts/Code-Bold.otf')}
@font-face{font-family:Denmark;src:url('./fonts/Denmark.ttf')}
@font-face{font-family:Ambient;src:url('./fonts/Ambient.ttf')}
@font-face{font-family:Squada;src:url('./fonts/SquadaOne.ttf')}
@font-face{font-family:Changa;src:url('./fonts/ChangaOne.ttf')}
@font-face{font-family:Oswald;src:url('./fonts/Oswald-Bold.ttf')}
@font-face{font-family:Digicity;src:url('./fonts/Digicity.ttf')}
@font-face{font-family:BebasKai;src:url('./fonts/BebasKai.otf')}
@font-face{font-family:Automaton;src:url('./fonts/Automaton.ttf')}
@font-face{font-family:Tourmaline;src:url('./fonts/Tourmaline-Bold.ttf')}
@font-face{font-family:CooperBlack;src:url('./fonts/CooperBlackStd.otf')}
@font-face{font-family:EurostileBold;src:url('./fonts/Eurostile-Bold.ttf')}
@font-face{font-family:EurostileNorm;src:url('./fonts/Eurostile.ttf')}
@font-face{font-family:NeutraText;src:url('./fonts/NeutraText-Book.otf')}
@font-face{font-family:TrajanPro-Bold;src:url('./fonts/TrajanPro-Bold.otf')}
@font-face{font-family:TrajanPro-Norm;src:url('./fonts/TrajanPro-Regular.otf')}

/* Cross Browsing Compatibility (Do Not Touch) */
[hidden]{display:none}
svg:not(:root){overflow:hidden}
embed,object,iframe{display:table;margin:0 auto;padding:0;max-width:100%}
audio:not([controls]){display:none;height:0}
audio,canvas,video{display:block;max-width:100%;height:auto;background-color:#000;box-shadow:0 0 50px #ccc}
audio{max-height:100%;max-width:100%;margin:auto;object-fit:contain;border-radius:50px;background-color:transparent;padding:0;width:220px;height:50px}
sub{bottom:-0.25em} sup{top:-0.5em} sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
img{-ms-interpolation-mode:bicubic;vertical-align:middle;width:auto;height:auto}
ins{float:inherit;display:block !important}
abbr,acronym{border-bottom:1px dotted;cursor:help}
legend{white-space:normal}
br{clear:both}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
button[disabled],input[disabled]{cursor:default}
button,select,input,textarea{vertical-align:baseline;text-transform:none;line-height:normal}
blockquote,q,code,kbd,pre,samp{hyphens:none;-ms-hyphens:none;-moz-hyphens:none;-webkit-hyphens:none}
address,dfn{font-style:italic}

/* Reset */
*{border-color:rgba(0,0,0,0.25);border-width:0;border-style:dotted;outline:0 none;margin:0 auto;padding:0;box-sizing:border-box;position:relative;align-items:center;align-self:center;align-content:center;font-size:inherit;-webkit-text-size-adjust:none !important}

/* Main */
html{background-color:#111;height:100%;font-size:100%;overflow-x:hidden;overflow-y:scroll;-webkit-font-smoothing:antialiased}
body{background-color:#111;height:100%;text-align:left;line-height:150%;color:#666;font-family:'Lao',Georgia,'Times New Roman','fontawesome'}
code{display:block;clear:both;background-color:#eee;border:1px solid #ddd;padding:10px;margin:5px auto}
hr{box-sizing:content-box;background-color:rgba(125,125,125,.25);margin:30px 0;height:0px;border-bottom-width:1px}
q{font-family:serif;font-style:italic;font-size:125%;color:#aaa}
blockquote{font-family:Oswald;quotes:"" "";content:"";text-align:center;font-size:200%;padding:20px 0;max-width:80%}
blockquote::before {margin-right:20px;content:"\275D";/* unicode icon for opening mark */}
blockquote::after {margin-left:20px;content:"\275E";/* unicode icon for closing mark */}

/* Fields */
fieldset{border-width:1px;padding:20px;box-shadow:0 0 20px #eee}
option{border-style:none;padding:1px 5px}
nav button{margin:5px}
select,input,textarea{padding:8px}
select{color:inherit;background-color:#fff;border-width:1px;margin-bottom:5px}
textarea,input[type="text"]{resize:vertical;width:100%}
textarea,input{color:#aaa;border-width:1px;background-color:#fff;border-radius:4px}
textarea{font-size:120%}
input[type="file"]{padding:0}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;height:18px;width:18px;margin:5px;border:0;background-color:transparent;cursor:pointer;vertical-align:sub}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input[type="search"]{-webkit-appearance:textfield}

/* Button Style */
input[type="button"],input[type="submit"],input[type="reset"],button,.btn,.page-numbers,div.tnp-field-button input.tnp-submit
{background-color:#0aa !important;padding:16px 32px;color:#fff;border-width:0 !important;box-shadow:none !important;
display:inline-block;border-radius:3px;background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0));font-weight:normal !important}

/* Button Hover/Focus */
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,button:hover,.btn:hover,.page-numbers:hover,div.tnp-field-button input.tnp-submit:hover{cursor:pointer;color:#fff !important;background-color:#099 !important}
input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus,button:focus,.btn:focus,.page-numbers:focus,div.tnp-field-button input.tnp-submit:focus{}

/* Input/Textarea Hover/Focus */
input:hover,input:focus,textarea:hover,textarea:focus{color:#000 !important;border-color:rgba(0,0,0,.25) !important}

/* Tables */
table{border-collapse:separate;border-spacing:1px;background-color:#bdf;width:100%;text-align:center}
table caption{letter-spacing:1px;padding:2px 4px;font-weight:bold}
table tbody{background-color:#fff}
table a{font-weight:bold}
table tbody a{color:#f00}
table tfoot a{color:#000}
table a:hover{color:#000}
table tr{}
table th{padding:2px 4px;color:#fff;background-color: #07a;}
table td{padding:2px 4px;text-align:center}
table tr td:first-of-type{}
tr:nth-child(odd){background-color:#fafafa}

/* ORDERED & UNORDERED LISTINGS */

/* Listing by Areas */
article ul, article ol		{margin:10px 0 20px 20px}
aside ul, aside ol			{margin-left:10px}

/* Listing Globals */
li							{list-style-type:none;counter-increment:all;padding:5px 0}
li:before					{position:relative;right:5px;color:#0dd !important} /* CHANGE COLOR HERE */
li.post						{list-style:none;text-align:left}
li.post:before				{content:none !important}
#child-page-list li:before	{content:none !important}

/* Listing Types */
ol, ul						{counter-reset:all; list-style:none}

/* Listing Icons */
ul > li:before				{content:'●'}										/* 1ST LEVEL UNORDERED LIST */
ul:first-child > li:before	{content:'»'}										/* 2ND LEVEL UNORDERED LIST */
li li ul > li:before		{content:'○' !important}							/* 3RD LEVEL UNORDERED LIST */

ol > li:before				{content:counter(all) ') '}							/* 1ST LEVEL ORDERED LIST */
ol:first-child > li:before	{content:counter(all) '. '}							/* 2ND LEVEL ORDERED LIST */
li li ol > li:before		{content:counter(all, lower-alpha) '. ' !important}	/* 3RD LEVEL ORDERED LIST */

li li li li:before			{content:'○' !important}							/* 4TH LEVEL TO INFINITE */

/***********************/

/* Text */
p{}
p:first-letter{}
small{}
cite{color:#000}
span{color:#000;text-transform:inherit;font-style:inherit}
mark{background:#000;color:#fff;padding:2px 4px}
label{padding-bottom:5px}
form p{padding-top:10px}

/* Links */
a{text-decoration:none;cursor:pointer;color:#000;opacity:1;border-bottom:1px solid transparent}
a.active{cursor:default;color:inherit}
a:hover{color:#f20}

/* Headings */
h1,h2,h3,h4,h5,h6{font-family:Oswald;font-weight:normal;color:#000}
h1{margin-bottom:20px;font-size:130%}
h2{margin-bottom:20px;font-size:160%}
h3{margin-bottom:20px;font-size:145%;text-align:center}
h4{margin-bottom:20px;font-size:115%;padding-bottom:10px;color:#fff;border-bottom:1px dotted #333}
h5{margin-bottom:10px;font-size:100%;text-align:center;font-family:inherit;font-size:initial;color: #555}
h6{margin-bottom:10px;font-size:100%;text-align:center;font-family:inherit;font-size:initial;color: #555}

/*************** Global Classes *****************/

/* Width */
.wf{width:100%;display:table}
.ws{width:100%;max-width:1440px;min-width:480px;padding-left:3vw;padding-right:3vw;display:table}

/* Alignment */
.flex{display:flex;height:min-content;min-width:max-content;min-height:100%}
.fa{font-weight:normal !important}
.fl{float:left;margin-right:10px;margin-left:0}
.fr{float:right;margin-left:10px;margin-right:0}
.alignleft{text-align:left;margin-left:0}
.alignright{text-align:right;margin-right:0}
.aligncenter{text-align:center;margin:auto}
.top{margin-top:30px}
.btm{margin-bottom:30px}
.index{z-index:100}

/* Effect */
.rotate{transform:rotate(0deg)}
.rotate:hover{transform:rotate(360deg)}
.transition,.page-numbers,ul,li,a,button,input,textarea{transition-duration:0.5s}

/* Pad */
.p-10{padding-top:10px;padding-bottom:10px}
.p-20{padding-top:20px;padding-bottom:20px}
.separator{padding-top:40px;padding-bottom:40px}

/* Radius */
.r-1 {border-radius:4px !important;-webkit-border-radius:4px !important;-moz-border-radius:4px !important;-ms-border-radius:4px !important;-o-border-radius:4px !important;-khtml-border-radius:4px !important}
.r-2 {border-radius:8px !important;-webkit-border-radius:8px !important;-moz-border-radius:8px !important;-ms-border-radius:8px !important;-o-border-radius:8px !important;-khtml-border-radius:8px !important}

/* Backgrounds */
.bg-1{background-image:linear-gradient(120deg,rgba(0,0,0,.1),transparent 40%,transparent 60%,transparent,rgba(0,0,0,.1) 100%)}
.bg-2{background-image:linear-gradient(transparent,black)}
.bg-3{background-image:linear-gradient(black, transparent, black)}
.bg-4{background-image:
	linear-gradient(
		-10deg,
		rgba(0,0,0,1),
		rgba(0,0,0,0),
		rgba(0,0,0,1)
	),
	repeating-linear-gradient(
		45deg,
		rgba(100,100,100,.05),
		rgba(100,100,100,.05) 1px,
		transparent 1px,
		transparent 10px
	),
	repeating-linear-gradient(
		-45deg,
		rgba(100,100,100,.05),
		rgba(100,100,100,.05) 1px,
		transparent 1px,
		transparent 10px
	)
}


/* Other */
img.logo{z-index:700;max-width:240px;max-height:80px}
span.fas:before,span.fas:after{}
.fa:before, .fas:before{padding-right:2px}
.fa:after, .fas:after{padding-left:2px}
.unlist li:before{content:none !important}
.hide{overflow:hidden}
.none{display:none}
.clear{clear:both}
.dt{display:table}



/************************* Theme Layout ***************************/


/******* Home Layout ********/

.home #main .widgets h1{color:#000;margin-bottom:40px}
.home #main .widgets .column{display:inline-block;vertical-align:top;text-align:center;margin:0;padding-left:1%;padding-right:1%;width:33%}
.home #main .widgets .widget{margin-bottom:40px;padding:40px 20px 20px;border-radius:20px;border:1px solid transparent}
.home #main .widgets .widget:last-of-type{margin-bottom:0}
.home #main .widgets .widget img{display:table;margin:auto;position:relative;border-radius:100px}
.home #main .widgets .widget h2{color:#000;margin-top:20px}
.home #main .widgets .widget:hover{border:1px solid #eee}
.home #main .widgets .widget:hover img{transform:rotate(360deg)}


/******* Header Layout ********/

/* Header */
#header{background-color:#111;line-height:normal;z-index:200}
#header .top-bar{background-color:#000;font-weight:bold;font-size:90%;color:#fff;z-index:999}
#header .mid-bar{background-color:unset}
#header .low-bar{background-color:#111;box-shadow:0 0 50px rgba(0,0,0,.1);z-index:200;border-bottom:2px solid #fff}
#header .top-bar .widget{margin:auto 5px}
#header .mid-bar .widget{}
#header .low-bar .widget{}

/* Header Menu (Scrolled) */
#header #fixed-bar{z-index:800;position:fixed;top:0;left:0;right:0;background-color:rgba(255,255,255,.98);box-shadow:0 0 50px rgb(0 0 0 / 50%)}
#header #fixed-bar img.logo{}
#header #fixed-bar #site-name{display:block}
#header #fixed-bar #site-name .site-title{margin:0}
#header #fixed-bar #site-name .site-desc{clear:both;font-size:small;display:block}

/* Header Menu (Unscrolled) */
#header #fixed-bar.unscroll{background-color:rgba(255,255,255,0.92)}
#header #fixed-bar.unscroll #site-name{}
#header #fixed-bar.unscroll #site-name .site-title{}
#header #fixed-bar.unscroll #site-name .site-desc{}

/* Slideshow */
.unscroll .slideshow #slide-quote{}
.home .slideshow{height:480px}
.home .slideshow #slide-quote h3{font-size:320%}

.slideshow{background-color:#fff;display:block;justify-content:center;max-width:100vw;transition-duration:1s;padding-top:0;height:320px}

.slideshow #slide-quote{z-index:10;height:100%;opacity:0;transition-duration:2s}
.slideshow #slide-quote .widget{max-width:80%;text-align:center;display:grid;height:100%}
.slideshow #slide-quote .textwidget{letter-spacing:5px;color:#fff;border-radius:0;padding:15px 30px;font-size:100%;display:table;background-color:rgba(0,0,0,.75)}
.slideshow #slide-quote h3{color:#fff;margin:0;text-shadow:0 0 50px #000, 0 0 100px #000}

.slideshow #slide-image{position:absolute;margin:auto;width:inherit;height:inherit;top:-100%;left:-100%;right:-100%;bottom:-100%}
.slideshow #slide-image{background-image:
	repeating-linear-gradient( 45deg, rgba(0,0,0,1) 1px, rgba(0,0,0,.5) 2px, rgba(0,0,0,.5) 3px, rgba(0,0,0,1) 4px, rgba(0,0,0,1) 5px),
	repeating-linear-gradient(135deg, rgba(0,0,0,1) 1px, rgba(0,0,0,.5) 2px, rgba(0,0,0,.5) 3px, rgba(0,0,0,1) 4px, rgba(0,0,0,1) 5px),
	linear-gradient(45deg, rgba(0,0,0,.5), rgba(0,0,0,0), rgba(0,0,0,.5))}
.slideshow #slide-image img{opacity:.75;width:100%}


/******* Main Areas Layout ********/

/* Body */
#body{background-color:#fafafa}
#body img.logo{border:none !important;box-shadow:none !important}
#body .sidebar li.post:last-of-type{padding-bottom:0;border-bottom:0}
#body .avatar:hover{border-color:rgba(0,0,0,.25)}
#body .page img{}
#body .single img{}
#body .boxset img{border:none}
#body .boxset{margin:0 4%;width:25%}
#body .boxset h2{background-image:linear-gradient(to right, #0a0, #070);background-color:#090;border-radius:0 100px;color:#fff;display:table;padding:10% 20%;text-align:center}
#body .boxset .textwidget{padding:10px}
#body .boxset .textwidget p{display:flex}
#body .boxset .icon{max-width:60px}
#body .boxset a {display:inherit;max-height:180px;overflow:hidden}

/* Content */
#content{max-width:960px}
#content article.hentry{border-bottom-width:1px;padding:30px 0;list-style-type:none}
#content article.hentry:first-of-type{padding-top:0}
#content article p{text-align:justify;font-family:inherit}
#content article p+p{padding-top:20px}
#content article a{color:#000}
#content article a:hover{border-color:#e00}
#content article a.post-more p{opacity:0;font-size:80%}
#content article li:hover a.post-more p{opacity:0.5}
#content article li a.post-more:hover p{opacity:1}

/* Sidebar */
.sidebar.fl{width:250px;border-width:0 1px 0 0;margin-right:30px;margin-left:0;padding-right:30px}
.sidebar.fr{width:250px;border-width:0 0 0 1px;margin-left:30px;margin-right:0;padding-left:30px}
.sidebar p{text-indent:0;padding-top:0;text-align:left}


/******* Footer Layout ********/

/* Footer */
#footer{background-color:#111;border-top:5px solid #abc}
#footer .widgets aside{vertical-align:top}
#footer h2{text-align:center}
#footer .widgets .widget:first-child > div{width:100%}
#footer .widgets li:before{content:'●';color:inherit}
#footer .credits{background-color:#eee;border-top:5px solid #abc;line-height:110%}
#footer .credits img.logo{}
#footer .credits #foot-info{font-size:80%}
#footer .credits .widget-title{display:block;margin-bottom:5px}
#footer .credits .copyright{font-size:initial;margin-left:10px}

/*************** Detailed Layout *****************/

/* Search Form */
.search-form {background-color:#fff;margin:2px auto;width:fit-content;border-width:1px}
.search-form div.hide{margin:0}
.search-form input[type="text"]{}
.search-form input[type="button"]{}
.search-form input[type="image"]{height:36px;margin:0;border-width:0;background:transparent}
.search-form input[type="text"]{height:36px;border:none}
.search-form .search-submit{margin:0;max-height:36px}

/* Post and Pages */
#posts{margin-right:0}
#posts img{background-color:#fff;border-radius:10px;margin:5px 10px 10px 0;padding:5px;clear:left;float:left}
#posts img.avatar{margin:0}

/* Page Style (Desktop) */
article .attachment-thumbnail.wp-post-image{border-radius:10px}
article img.mark-up{border:5px solid #fff;box-shadow:0 0 20px rgba(0,0,0,.25)}
article.hentry img.alignright{float:right;margin:5px 20px}
article.hentry img.alignleft{float:left;margin:5px 20px}

/* Post Style (Desktop) */
.post iframe{margin-bottom:20px}
.post-content{}
.post-title{}
.post-thumb{display:flex;background-color:#fff;width:150px;height:150px;box-shadow:5px 5px 25px rgb(0 0 0 / 10%)}
.post-thumb a{border-bottom-width:0}
.post-thumb.fl{margin-right:20px}
.post-thumb.fr{margin-left:20px}
.post-thumb img{}
.post-thumb img.avatar{}
.post-excerpt{}
.post-links .post-link button{padding:8px 32px}
.post-date{text-transform:capitalize;padding:0 5px}
.post-date span{color:#000}
.post-image{border-radius:3px}
.post-image.fl{margin:0 30px 20px 0;max-width:40%}
.post-image.fr{margin:0 0 20px 30px;max-width:40%}
.post-more{color:#ccc}
.wp-post-image{}

/* 2 Columns Page  */
#pagecol{}
#pagecol .leftcol{padding-right:7%;width:33%}
#pagecol.nocss{background-color:transparent;border-spacing:0}
#pagecol.nocss tbody{background-color:transparent;vertical-align:top}
#pagecol.nocss tr{background-color:transparent}

/* Contact Form Page */
#contactar{background-color:rgba(255,255,255,.99);padding:2%;top:100px;left:2%;right:2%;bottom:2%;width:96%;border-radius:10px;border-width:1px;z-index:100;text-align:left;position:fixed;display:none;overflow-y:auto}


/*************** Social Layout *****************/

/* Icons per area */
.top-bar .widget.icons a{width:auto;height:auto;padding:5px;color:#0dd;font-size:inherit}
.top-bar .widget.icons a:hover{}

.mid-bar .widget.icons a{font-size:120%}
.mid-bar .widget.icons a:hover{}

.low-bar .widget.icons a{color:#aaa;font-size:120%}
.low-bar .widget.icons a:hover{color:#fff}

.sidebar .widget.icons a{}
.sidebar .widget.icons a:hover{}

#content .widget.icons a{background-color:transparent;color:#000;font-size:140%;margin:auto 20px}
#content .widget.icons a:hover{}

#footer .widgets .widget.icons a{color:#fff}
#footer .widgets .widget.icons a:hover{}

#footer .credits .widget.icons a{}
#footer .credits .widget.icons a:hover{}

/* Icon Colors */
.widget.icons{text-align:center}
.widget.icons a{font-size:140%;color:#000;margin:auto 5px;border:none;display:inline-grid;text-align:center;max-height:40px;max-width:40px;height:10vw;width:10vw;border-radius:100%}
.widget.icons a:hover{}

.share.widget.icons{}
.share.widget.icons a{font-size:100%}
.share.widget.icons a.icon-wapp{font-size:110%}
.share.widget.icons a.icon-wapp{color:#fff;background-color:#4ca}
.share.widget.icons a.icon-fcbk{color:#fff;background-color:#3b5998}
.share.widget.icons a.icon-twit{color:#fff;background-color:#1da1f2}
.share.widget.icons a.icon-inst{color:#fff;background-color:#bb0055}
.share.widget.icons a.icon-link{color:#fff;background-color:#0073b1}
.share.widget.icons a.icon-pint{color:#fff;background-color:#e60023}
.share.widget.icons a.icon-tube{color:#fff;background-color:#ff0000}


/*************** Comments/Pagination Layout *****************/

/* Comments */
#comments #respond{padding:10px 0}
#commentform > div.hide{padding:0 !important;overflow-x:visible;overflow-y:hidden}
#commentform label[for="email"] span.color{top:6px;color:#aaa}
.commentlist {padding:10px 0}
.commentlist p{padding-top:10px;border-top-width:1px;text-indent:0;clear:both}
.commentlist img{float:left;margin-right:10px}
.commentlist br{display:none}
.commentlist ul{margin:0;padding:10px}
.commentlist ul li{list-style-type:none}
.commentlist > ul > li{margin:10px 0;padding:8px 16px}
.commentlist .comment-author{float:left;margin-right:20px}
.commentlist .comment-author img{display:none}
.commentlist .comment-author cite{color:#000}
.commentlist .comment-author span{display:none}
.commentlist .comment-metadata{float:left;z-index:10}
.commentlist .comment-metadata a{border:none;font-size:small;color:#ccc !important}
.commentlist a.comment-edit-link{font-size:x-small;margin-left:20px}
.commentlist a.comment-edit-link:hover{color:#e00}
.commentlist .reply{position:absolute;top:0;right:0}
.commentlist .reply a{font-family:arial;font-weight:bold;border:none}
.commentlist .reply a:hover span{color:inherit}
.commentlist ul.children{margin-top:10px;border-top-width:1px;padding:5px 0 5px 64px}
.commentlist ul.children .comment-meta a:first-of-type{display:none}

/* Pagination */
.page-numbers{margin:0 2px;color:#fff !important;padding:8px 16px}
.page-numbers.current{cursor:default;background-color:#099 !important}
.page-numbers.dots{cursor:default}
.page-numbers.next,.page-numbers.prev{padding:8px 16px !important}
.page-template .sidebar .textwidget{}


/*************** Special Layout *****************/

/* Modal Windows */
.modal-window{width:100%;height:100%;top:0;bottom:0;left:0;right:0;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.9);z-index:9999;overflow:auto;position:fixed;display:none}
.modal-window .modal-popup{width:600px;max-width:96%;padding:20px;border-radius:20px;background-color:#fff;box-shadow:0 0 50px rgba(0,0,0,.25);top:0;bottom:0;left:0;right:0;position:absolute;margin:auto;display:table}
.modal-window .modal-close{color:#fff;background-color:#e00;float:right;font-size:18px;font-weight:bold;text-align:center;height:20px;width:20px;border-radius:5px;right:20px;top:20px;z-index:1;position:absolute;cursor:pointer}
.modal-window .modal-frame{overflow-x:hidden;width:100%;height:100%}

/* Miscelaneous */
#cat-img{width:100%}
.widget:first-of-type{padding-left:0 !important}
.widget:last-of-type{padding-right:0 !important}
.widget form input[type="email"],.widget form button[type="submit"],.widget form select{min-width:100%;border-radius:3px}


/*************** Menu Layout *****************/

/* Global Layout */
.widget_nav_menu{letter-spacing:1px;margin-left:0;margin-right:0;z-index:100}
.widget_nav_menu .menu{}
.widget_nav_menu .menu > li{float:left;clear:right}
.widget_nav_menu .menu > li a{z-index:1}
.widget_nav_menu .menu li:before{content:none}
.widget_nav_menu .menu .sub-menu{position:absolute;overflow:hidden;width:max-content;opacity:0}
.widget_nav_menu .menu > li:hover .sub-menu{opacity:1}
.widget_nav_menu .sub-menu > li a{display:block;z-index:1}

/* Header Top-Bar Menu */
.top-bar .widget_nav_menu .menu{}
.top-bar .widget_nav_menu .menu > li{}
.top-bar .widget_nav_menu .menu > li:hover{}
.top-bar .widget_nav_menu .menu > li:hover a{}
.top-bar .widget_nav_menu .menu > li a{color:#777}
.top-bar .widget_nav_menu .menu > li a:hover{}
.top-bar .widget_nav_menu .menu > li.current-menu-item{}
.top-bar .widget_nav_menu .menu > li.current-menu-item a{}

/* Header Top-Bar Sub-Menu */
.top-bar .widget_nav_menu .sub-menu{}
.top-bar .widget_nav_menu .sub-menu > li{}
.top-bar .widget_nav_menu .sub-menu > li:hover{}
.top-bar .widget_nav_menu .sub-menu > li:hover a{}
.top-bar .widget_nav_menu .sub-menu > li a{}
.top-bar .widget_nav_menu .sub-menu > li a:hover{}
.top-bar .widget_nav_menu .sub-menu > li.current-menu-item{}
.top-bar .widget_nav_menu .sub-menu > li.current-menu-item a{}

/* Header Mid-Bar Menu */
.mid-bar .widget_nav_menu .menu{text-transform:uppercase;display:table;padding:0 15px}
.mid-bar .widget_nav_menu .menu > li{list-style:none;padding:0}
.mid-bar .widget_nav_menu .menu > li:hover{}
.mid-bar .widget_nav_menu .menu > li:hover a{}
.mid-bar .widget_nav_menu .menu > li a{padding:8px 16px;color:#000;border-bottom-width:0;font-size:80%;font-weight:bold;text-shadow:none}
.mid-bar .widget_nav_menu .menu > li a:hover{color:#0aa}
.mid-bar .widget_nav_menu .menu > li.current-menu-item{}
.mid-bar .widget_nav_menu .menu > li.current-menu-item a{color:#077}

/* Header Mid-Bar Sub-Menu */
.mid-bar .widget_nav_menu .sub-menu{background-color:rgba(255,255,255,0.95);padding:0;margin-top:5px}
.mid-bar .widget_nav_menu .sub-menu > li{}
.mid-bar .widget_nav_menu .sub-menu > li:hover{}
.mid-bar .widget_nav_menu .sub-menu > li:hover a{}
.mid-bar .widget_nav_menu .sub-menu > li a{text-transform:uppercase;padding:10px;color:#fff;font-size:80%}
.mid-bar .widget_nav_menu .sub-menu > li a:hover{}
.mid-bar .widget_nav_menu .sub-menu > li.current-menu-item{}
.mid-bar .widget_nav_menu .sub-menu > li.current-menu-item a{}

/* Header Low-Bar Menu */
.low-bar .widget_nav_menu .menu{text-transform:uppercase;display:table;padding:0 15px}
.low-bar .widget_nav_menu .menu > li{list-style:none;padding:0}
.low-bar .widget_nav_menu .menu > li:hover{}
.low-bar .widget_nav_menu .menu > li:hover a{}
.low-bar .widget_nav_menu .menu > li a{display:block;color:#fff;padding:15px;border-bottom-width:0;font-size:80%;text-shadow:none}
.low-bar .widget_nav_menu .menu > li a:hover{background-color: rgba(0,150,150,.5);color:#fff}
.low-bar .widget_nav_menu .menu > li.current-menu-item{}
.low-bar .widget_nav_menu .menu > li.current-menu-item > a{background-color: rgba(0,150,150,.25)}

/* Header Low-Bar Sub-Menu */
.low-bar .widget_nav_menu .sub-menu{top:0;left:0;padding-top:48px}
.low-bar .widget_nav_menu .sub-menu > li{background-color:#222;padding:0}
.low-bar .widget_nav_menu .sub-menu > li:hover{}
.low-bar .widget_nav_menu .sub-menu > li:hover a{}
.low-bar .widget_nav_menu .sub-menu > li a{padding:10px 20px;color:#aaa;}
.low-bar .widget_nav_menu .sub-menu > li a:hover{background-color:#000}
.low-bar .widget_nav_menu .sub-menu > li.current-menu-item{}
.low-bar .widget_nav_menu .sub-menu > li.current-menu-item a{}

/* Footer Widgets Menu */
#footer .widgets li{clear:both;display:table;width:100%}
#footer .widgets li:hover{}
#footer .widgets li:hover a{}
#footer .widgets li a{color:#fff}
#footer .widgets li a:hover{color:#dd9}
#footer .widgets li.current-menu-item{}
#footer .widgets li.current-menu-item a{}

/* Footer Credits Menu */
#footer .credits li{display:inline-block;padding:0 0 10px}
#footer .credits li:hover{}
#footer .credits li:hover a{}
#footer .credits li a{color:#000;padding-bottom:2px;margin-right:30px;font-weight:bold}
#footer .credits li a:hover{border-color:#0aa}
#footer .credits li.current-menu-item{}
#footer .credits li.current-menu-item a{}


/*************** Other Areas *****************/

/* Ecwid */
#ecwid_html .ec-store__content-wrapper *{max-width:100% !important}
#ecwid_html .home #static-ec-store{display:none !important;visibility:hidden !important}
#ecwid_body #dynamic-ec-store *,#ecwid_body #static-ec-store *{align-items:normal}
#ecwid_body .sidebar .ec-cart-widget{border-radius:4px;background-color:#0da;text-align:center;padding:10px 0 10px 0px;border-left:10px solid #0b9}
#ecwid_body .sidebar .ec-cart-widget .ec-minicart__subtotal{color:#fff !important}
#ecwid_body .product-details__gallery{}
#ecwid_body .product-details__sidebar{}
#ecwid_body .horizontal-menu{display:flex !important;background-color:#f20 !important;margin-top:20px !important;border:0 !important}
#ecwid_body .horizontal-menu .horizontal-menu-parent{margin:auto !important;width:auto}
#ecwid_body .horizontal-menu .horizontal-menu-parent li a span{font-size:125%;color:#fff}
#ecwid_body .horizontal-menu .horizontal-menu-parent li:hover a{}
#ecwid_body .horizontal-menu .horizontal-menu-parent li:hover a span{}
#ecwid_body .ecwid-pswp .pswp__button--arrow--left,
#ecwid_body .ecwid-pswp .pswp__button--arrow--right{top:0 !important;margin-top:45vh !important}
#ecwid_body .grid__products .grid-product__wrap-inner a.grid-product__title{margin-top:0 !important}
#ecwid_body .grid__products .grid-product__wrap-inner a.grid-product__title div.grid-product__title-inner{font-size:initial !important;background-color:#000 !important;color:#fff !important;padding:10px 0 !important}
#ecwid_body .grid__products .grid-product__wrap-inner div.grid-product__price div.grid-product__price-amount{color:#aaa;font-weight:normal !important}
#ecwid_body .grid__products .grid-product__wrap-inner div.grid-product__price-value.ec-price-item{background-color:#ddd !important;font-size:75% !important;padding:10px 20px !important;margin:-1px auto auto !important;border-radius:0 0 10px 10px}

#ecwid_body .ecwid-shopping-cart-categories{margin:0 0 30px}
#ecwid_body .ecwid-shopping-cart-categories > *{margin:0}

#ecwid_body .ecwid-shopping-cart-search{text-align:center;padding-bottom:20px}
#ecwid_body .ecwid-search-widget{border:none !important}
#ecwid_body .ecwid-search-widget input{padding:10px !important}
#ecwid_body .ecwid-search-widget button{}
#ecwid_body .ecwid-search-widget .ecwid-search-widget-icon{fill:#fff !important}

#ecwid_body a.form-control__button span{color:#fff}
#ecwid_body a.form-control__button{background-color:#3ac !important;border:0 !important}
#ecwid_body a.form-control__button:hover{background-color:#3bd !important;border:0 !important}
#ecwid_body .form-control__button.form-control__button--icon-prepend{background-color:#d03 !important}
#ecwid_body .form-control__button.form-control__button--icon-prepend:hover{background-color:#e04 !important}

.widget_ecwidlatestproducts .ecwid-productsList ul li{border-width:1px 0;border-color:transparent;padding:0 !important}
.widget_ecwidlatestproducts .ecwid-productsList ul li:hover{border-color:inherit}
.widget_ecwidlatestproducts .ecwid-productsList ul li:before{content:none !important}
.widget_ecwidlatestproducts .ecwid-productsList ul li a{background-color:transparent !important}
.widget_ecwidlatestproducts .ecwid-productsList ul li .ecwid-productsList-image{display:none}
.widget_ecwidlatestproducts .ecwid-productsList ul li .ecwid-productsList-name{text-align:right !important;font-weight:bold;color: #000 !important}
.widget_ecwidlatestproducts .ecwid-productsList ul li .ecwid-productsList-price{text-align:right !important;color:#f20 !important}
.widget_ecwidlatestproducts .ecwid-productsList ul li:hover .ecwid-productsList-name{color:#f20 !important}
.widget_ecwidlatestproducts .ecwid-productsList ul li:hover .ecwid-productsList-price{color:#000 !important}
.widget_ecwidlatestproducts .ecwid-productsList ul li:hover .ecwid-productsList-price:before{content:'desde '; color:#aaa}
.widget_ecwid_search{padding:2px 0}

div.ec-cart__sidebar-inner{top:0 !important}
div.ec-cart-item{margin-bottom:10px !important;padding-top:10px !important;border-top:1px solid #e7e7e7 !important}
div.ec-cart-item__wrap-primary{width:100%}
div.ec-cart-step__wrap div.ec-cart-step__body,
div.ec-cart-step__wrap div.ec-cart-step__next{width:100% !important}
div.ec-cart-step__wrap div.form-control__label{font-weight:normal !important}
span.option-surcharge{display:none}
button.form-control__button span{color:#fff}
button.form-control__button{background-color:#0c6 !important}
button.form-control__button:hover{background-color:#0d7 !important}

.form-control__text{min-width:60px !important;font-weight:bold}
.details-product-attribute{margin-bottom:10px !important}
.details-product-attribute span{color:#000}
.details-product-attribute span:first-of-type{font-weight:bold}
.ecwid-search-widget{overflow:hidden;border-radius:4px;border:1px solid #ddd !important}

/* WooCommerce */
form.woocommerce-product-search{display:none}
.woocommerce-page #content .woocommerce{background-color:#fff;border-width:1px;padding:20px;border-radius:3px}
.woocommerce-page #content .woocommerce .wc-tab{margin-bottom:0}
.woocommerce-page #content .woocommerce-loop-product__title{font-family:inherit;text-align:center;min-height:140px;padding:0;margin-bottom:50px}
.woocommerce-page .woocommerce ul.products li.product .onsale{margin:0 50px 0 0px;width:60px;height:60px}
.woocommerce-page .woocommerce ul.products li.product .button{position:absolute;width:100%;left:0;right:0;bottom:0;margin:auto}
.woocommerce-page .woocommerce ul.products li.product {overflow:hidden;text-align:center;border-width:1px;border-radius:10px;padding:10px;min-width:260px;width:23%;margin:0 1% 30px;clear:none;display:flex;}
.woocommerce-page .woocommerce li:before{content:none}
.woocommerce-page .woocommerce a.button,
.woocommerce-page .woocommerce button{font-weight:normal;color:#fff !important;background-color:#0d7 !important}
.woocommerce-page .woocommerce a.button:hover,
.woocommerce-page .woocommerce button:hover{background-color:#0c6 !important}
.woocommerce-page .woocommerce #coupon_code{min-width:160px}
.woocommerce-page .woocommerce .form-row-last{padding-top:3px !important}
.woocommerce-page .woocommerce .woocommerce-mini-cart__total{}
.woocommerce-page .woocommerce .woocommerce-mini-cart__buttons{}
.woocommerce-page .woocommerce .price{font-weight:bold !important;margin-bottom:0 !important;position:absolute;position:relative;bottom:40px}
.woocommerce-page .woocommerce p.price:before{content:'Desde '}
.woocommerce-page .woocommerce p.price .amount{font-size:125%}
.woocommerce-page .woocommerce span.price .amount{font-size:125%}
.woocommerce-page .woocommerce .woocommerce-Price-currencySymbol{font-size:60%;margin:0 5px;top:-5px}
.woocommerce-page .woocommerce form{margin-top:20px}
.woocommerce-page .woocommerce .product_meta,
.woocommerce-page .woocommerce .stock{display:none}
.woocommerce-page .woocommerce table.cart thead{background-color:#000}
.woocommerce-page .woocommerce table.cart thead th{color:#fff}
.woocommerce-page .sidebar .post-image,
.woocommerce-page .post-date,
#jp-relatedposts{display:none}

/* Other Plugins */
.wp-polls p > a{color:#fff;background-color:#e00;padding:4px 12px 0px;margin:5px;display:inline-block;font-size:80%;border-radius:4px}
.featherlight .featherlight-image{background-color:#fff}
.captainform_popup_box_form{width:100% !important}
.widget_sp_image{margin-top:40px}
.widget_sp_image img{transform:scale(0.9)}
.widget_sp_image img:hover{transform:scale(1)}
.tml-user-avatar img{float:left}
.tml .tml-error{background-color:#fff;box-shadow:none;margin:1em 0}
.eemail_textbox_class{max-width:85%}
.eemail_widget div{padding:0}
.eemail_widget{margin-bottom:0}
.wpcf7-form span.wpcf7-list-item{margin:0 20px 0 0}
.wpcf7-form .wpcf7 p{text-indent:0}
.wpcf7-form .wpcf7-response-output{transition-duration:0s}
.wpcf7-form .ajax-loader{float:right !important;background-color:transparent !important}
.wpcf7-form .wpcf7-width{width:282px}
.wpcf7-form .wpcf7-text{width:100%}
.wpcf7-form .wpcf7-submit{width:100%;border-radius:5px}
.slider-wrapper{padding:0 !important}
.nivo-caption{font-family:Oswald !important;padding:25px 0 100px !important;font-size:250%}
.tnp-widget-minimal input.tnp-submit{margin:10px auto 0 !important;border-radius:4px !important;background-color:#07a !important}
.tnp-field-email{margin:10px auto !important}
.tnp-field-email label{font-weight:bold;text-align:center}
.tnp-widget form{text-align:center}
.tnp-widget label{display:block}
.tnp-widget input{width:100%}
article#login{width:100% !important}

/* Wordpress Core */
.widget_akismet_widget .a-stats a{padding:10px 20px;background:#0aa !important;font-size:80%;border:none}
.comment-awaiting-moderation{clear:both;display:table;padding:10px;font-size:60%;line-height:150%;background-color:#fff;border-width:1px 1px 0;width:100%}
.konabody a{color:#fff !important;display:inline-table;font-weight:normal !important;margin-bottom:4px;padding:0 4px}
.konabody a:hover{color:inherit !important}
.konabody iframe,.konabody embed,.konabody object{margin-bottom:20px !important}
.mejs-container{display:block;overflow: hidden;min-width:300px !important;width:auto !important;clear:none !important;margin:20px 0}
.mejs-container .mejs-inner{height:40px}
.gallery-icon img{border:0 !important;padding:10px;max-width:50%}
.widget_archive label{display:none}
.attachment-medium{height:auto}
.tagcloud a{display:inline-block;padding:2px 4px}
.wp-caption{}
.wp-caption-text{}
.sticky{}
.screen-reader-text{}
.gallery-caption{}
.bypostauthor {}


/*************** Responsive Layout *****************/

	.res{} /* Responsive */
	.pads [class*="ws-"]{padding:20px 40px} /* Paddings */
	[class*="ws-"]{padding-left:0;padding-right:0;margin:0;display:inline-block}
	.ws-20{width:20%} /* 1 of 5 Column set */
	.ws-25{width:25%} /* 1 of 4 Column set */
	.ws-33{width:33%} /* 1 of 3 Column set */
	.ws-50{width:50%} /* 1 of 2 Column set */

@media all and (max-width:1280px) {
	html{font-size:120%}
	.res .ws-20{width:25%} /* 1 of 4 Column set */
	.res .ws-25{width:33%} /* 1 of 3 Column set */
	.res .ws-33{width:50%} /* 1 of 2 Column set */
	.res .ws-50{width:100%} /* 1 Column set */

}
@media all and (max-width:960px) {
	html{font-size:140%}
	.res .ws-20{width:33%} /* 1 of 3 Column set */
	.res .ws-25{width:50%} /* 1 of 2 Column set */
	.res .ws-33{width:100%} /* 1 Column set */

}
@media all and (max-width:720px) {
	html{font-size:160%}
	.res .ws-20{width:50%} /* 1 of 2 Column set */
	.res .ws-25{width:100%} /* 1 Column set */

}
@media all and (max-width:600px) {
	html{font-size:180%}
	.res .ws-20{width:100%} /* 1 Column set */

}


/*************** Mobile Structure *****************/

@media all and (max-width:1280px) {
	/* Header */
	#header .top-bar{padding:5px 0}
	#header img.logo{font-size:80%}
	#header.unscroll .widget_nav_menu ul.menu li a{color:#000;text-shadow:none}
	/* Sidebars */
	.sidebar.fr{float:left;clear:both;padding-right:30px;padding-left:0;margin-left:0;margin-right:30px;border-width:0 1px 0 0}
	/* Footer */
	#footer .widgets .widget-title{text-align:center}
	#footer .credits .section-A{display:table;width:100%}
	#footer .credits .section-B{clear:both}
	#footer .credits .section-B .dt{float:left;clear:none}
	#footer .credits .section-B .alignright{text-align:center;margin:auto}
}

@media all and (max-width:960px) and (orientation:landscape) { /* Header Bar fix for Horizontal Orientation */
	.post-thumb{display:none}
}

@media all and (max-width:960px) {
	/* Menu */
	#header .widget_nav_menu{}
	#header .widget_nav_menu ul{}
	#header .widget_nav_menu ul li{}
	#header .widget_nav_menu ul li a{font-size:200% !important;color:#000 !important}
	#header .widget_nav_menu:before{content:"≡";font-size:300%;line-height:50px;height:50px;border-radius:5px;display:inline-block;font-weight:bold;cursor:pointer}
	#header .widget_nav_menu:hover ul.menu, #header .widget_nav_menu:focus ul.menu{height:100vh;padding:15vh 5% 5% 5%}
	#header .widget_nav_menu .menu{z-index:200;background-color:#fff;top:0;bottom:0;left:0;width:100%;height:0;right:0;padding:0;font-size:75%;overflow:hidden;display:block;position:fixed}
	#header .widget_nav_menu .menu li:before{position:absolute;margin-left:-30px;margin-top:10px}
	#header .widget_nav_menu .menu li{width:100%;clear:both;text-align:left;text-indent:40px;padding:40px}
	#header .widget_nav_menu .menu li a{display:block;border-bottom:1px solid #eee;padding:10px 0;margin:0;z-index:999}
	#header .widget_nav_menu .menu .sub-menu{font-size:80%;width: 100%;position:inherit;overflow:visible;height:auto;opacity:1;background-color:transparent;padding-top:0}
	#header .widget_nav_menu .menu .sub-menu li{padding:20px 40px;background-color:transparent}
	#header .widget_nav_menu .menu .sub-menu li a{}

	/* Content */
	#content.padding:0;border:0}
	.follow-us a{width:60px;height:60px}
	/* Sidebars */
	.sidebar.fl{display:none;width:40%;border:none;clear:none;padding:0;margin:5%;float:left}
	.sidebar.fr{display:none;width:40%;border:none;clear:none;padding:0;margin:5%;float:right}
	/* Pages */
	.page #pagecol .leftcol{display:none}
	/* Plugins */
	#dynamic-ec-store *{max-width:100% !important;font-size:20px !important}
	#dynamic-ec-store{max-width:100% !important;margin-top:40px}
	.ec-cart__sidebar{width:40% !important}
	.ec-cart__body{width:60% !important}
	#ecwid_body .sidebar{display:none}
	.tnp-field-email{margin:40px}
	.tnp-email{}
	.tnp-widget input[type=submit],.tnp-widget label{font-size:inherit !important}
	.widget_newsletterwidget form input[type="checkbox"]{width:24px !important;height:24px !important}
	span.a2a_s__default{width:40px !important;height:40px !important}
	#ecwid_body .grid__products .grid-product__wrap-inner a.grid-product__title div.grid-product__title-inner{font-weight:bold}
}

@media all and (max-width:720px) and (orientation:landscape) {
	/* WooCommerce */
	.woocommerce-page .woocommerce ul.products li.product {min-width:29%;width:29%;margin:0 2% 30px}
	.woocommerce-page #content .woocommerce-loop-product__title{min-height:200px;padding:0;margin-bottom:50px}
}

@media all and (max-width:720px) {
	/* WooCommerce */
	.woocommerce-page .woocommerce ul.products li.product {width:46%;margin:0 2% 30px}
	.woocommerce-page #content .woocommerce-loop-product__title{min-height:180px;padding:0;margin-bottom:60px}
}