/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
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, div.header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {  margin: 0;  padding: 0; border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, div.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;}

/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, div.header, hgroup, menu, nav, section, dialog, img {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}

/* BASE */
html {height: 100%; font-size: 100%; overflow-y: auto; -webkit-text-size-adjust: 100%} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {margin: 0; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility} /* Improve default text rendering, handling of kerning pairs and ligatures */

/**************************************************GENERAL***********************************************/
html, body
{
    height: 100%; 
    max-width: 100%;
    min-width: 300px; 
}

body
{
    /*display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;*/

    background-attachment: fixed;
    background-position: center center;
    background-repeat: repeat, no-repeat;
    background-size: 6px auto, cover;
    width: 100%;
    background-attachment: fixed;

}

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

}

img.bkg,
img.featured-image
{
    display: none;
}

a, p, em, label, input, textarea, ol, ul
{
    font-family: 'Open Sans', sans-serif;
    color: #D0D0D0;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.25em;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a
{
    color: #FFFFFF;
} 

.alignleft
{
    text-align: left;
}

.aligncenter
{
    text-align: center;
}

.alignright
{
    text-align: right;
}

img.alignleft
{
    float: left;
    margin: 0 1vw 0 0;   
}

img.aligncenter
{
    margin: auto;
}

img.alignright
{
    float: right;
    margin: 0 0 0 1vw;
}

a.read-more span,
#header h1 a span,
a[rel="nav"],
a[rel="nav"] span,
ul.sharer li a span
{
    -ms-transition: -ms-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -moz-transition: -moz-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -o-transition: -o-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.scan
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    float: left;
    z-index: 2;
    background-image: url(https://www.tytoneves.com.br/wp-content/themes/mosaiko-v1/images/pattern-0.png);
}

#wrapper
{
    display: block;
    float: left;
    clear: both;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
}

a.nextstep, a.prevstep
{
    background-color: #AA0000;
    cursor: pointer;
    display: block;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    overflow: hidden;
    position: fixed;
    width: 50px;
    z-index: 999;
}

a.nextstep
{
    bottom: 10px;
}

a.prevstep
{
    top: 10px;
}

a.nextstep span, a.prevstep span
{
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background-image: url("../images/sprite-1.png");
    background-position: center -27%;
    background-repeat: no-repeat;
    background-size: 60%;
}

a.nextstep span
{
    background-position: center 127%;
}

a.nextstep span.step2, a.prevstep:hover span.step1,
ul.sharer li a span.step2
{
    -ms-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate3d(0px, -100%, 0px);
    -webkit-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0);
}

a.prevstep span.step2, a.nextstep:hover span.step1,
ul.sharer li a:hover span.step1
{
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0px, 100%, 0px);
    -o-transform: translate3d(0px, 100%, 0px);
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0);
}

a.nextstep:hover span.step2, a.prevstep:hover span.step2,
ul.sharer li a span.step1, ul.sharer li a:hover span.step2
{
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0px, 0, 0px);
    -o-transform: translate3d(0px, 0, 0px);
    -webkit-transform: translate3d(0px, 0, 0px);
    transform: translate3d(0px, 0, 0);
}

a.overhide.nextstep
{
    -ms-transform: translate3d(0, 150%, 0);
    -moz-transform: translate3d(0px, 150%, 0px);
    -o-transform: translate3d(0px, 150%, 0px);
    -webkit-transform: translate3d(0px, 150%, 0px);
    transform: translate3d(0vw, 150%, 0);    
}

a.overhide.prevstep
{
    -ms-transform: translate3d(0, -150%, 0);
    -moz-transform: translate3d(0px, -150%, 0px);
    -o-transform: translate3d(0px, -150%, 0px);
    -webkit-transform: translate3d(0px, -150%, 0px);
    transform: translate3d(0vw, -150%, 0);    
}

/**************************************************HEADER***********************************************/
#header
{
    position: fixed;
    width: auto;
    z-index: 1000;
    top: 70px;
    display: block;
    float: left;
    clear: both;
}

#header.relative
{
    position: relative;
    top: 50px;
}

#header .main-menu
{
    display: block;
    float: left;
    clear: both;
    position: relative;
}

#header .detail
{
    background-color: #AA0000;
    background-image: url("../images/eagle.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90% auto;
    display: block;
    height: 100%;
    left: 50px;
    position: absolute;
    width: 160px;
    z-index: 3;   
}

#header h1
{
    background-color: rgba(0, 0, 0, 0.55);
    clear: both;
    display: block;
    float: left;
    overflow: hidden;
    padding: 0.25em 1em 0 220px;
    position: relative;
    width: auto;
}

#header h1 a
{
    display: block;
    font-family: 'TGE', sans-serif;
    font-size: 70px;
    font-weight: bold;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    z-index: 0;
}


/**************************************************MENU***********************************************/
.menu-menu-principal-container
{
    display: block;
    float: left;
    clear: both;
}

.menu-wp
{
    background-color: rgba(0, 0, 0, 0.85);
    padding: 0 0.5em 0 222px;
}

.menu-wp li
{    
    display: inline-block;
    text-align: center;
    width: auto;    
}

.menu-wp li a
{
    color: #FFFFFF;
    display: block;
    font-family: 'TGE', sans-serif;
    font-size: 21px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 0.25em 0.25em 0.15em;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}

.menu-wp li:hover
{
    background-color: #AA0000;   
}

.menu-wp li.current_page_item, .menu-wp li.current_page_item:hover
{
    background-color: #AA0000;        
}

.menu-wp  li.current_page_item a, .menu-wp  li.current_page_item:hover a
{
    cursor: default;   
}

/**************************************************HOME***********************************************/
section
{
    display: block;
    float: left;
    clear: both;
    width: 100%;
    min-height: 100%; 
    position: relative;   
}

article
{
    display: block;
    float: left;
    clear: both;
    width: 100%;
    height: 100vh;/**/
    max-height: 100% !important;
    background-repeat: repeat-y;
    background-size: cover;
    background-position: center top;
    position: relative;
}

.post-date
{
    display: block;
    font-family: 'TGE', sans-serif;
    height: auto;
    position: absolute;
    right: 0;
    top: 70px;
    width: auto;
    z-index: 3;
}

.post-date span
{
    clear: both;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 100px;
    font-weight: bold;
    line-height: 85px;
    margin-right: 50px;
    padding: 0 0;
    text-transform: uppercase;
}

.post-categories
{
    clear: both;
    display: block;
    font-family: 'TGE', sans-serif;
    font-size: 17px;
    height: auto;
    letter-spacing: 0vw;    
    right: 0;
    width: auto;
    z-index: 3;   
}

.post-categories li
{
    clear: both;
    display: block;
    float: right;
    text-align: right;
    width: auto;
}

.post-categories li a
{
    clear: both;
    color: rgba(255, 255, 255, 0.66);
    display: block;
    float: right;
    font-family: 'TGE', sans-serif;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: -5px 50px 0 0;
    padding: 0.25em 0 0.25em 0.25em;
    text-align: right;
    text-transform: uppercase;
    width: auto;
}

.post-categories li a:hover
{
    color: rgba(255, 255, 255, 1);    
}

.post-infos
{
    bottom: 70px;
    display: block;
    float: right;
    height: auto;
    position: absolute;
    right: 0;
    width: 45%;
    z-index: 3;
}

.post-infos h1, .page-infos h1
{
    background-color: rgba(0, 0, 0, 0.55);
    clear: both;
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: 'TGE', sans-serif;
    font-size: 45px;
    font-weight: bold;
    padding: 0.25em 200px 0.25em 0.25em;
    text-align: right;
    text-transform: uppercase;
    width: auto;
}

.post-infos p, .page-content p
{
    background-color: rgba(0, 0, 0, 0.85);
    clear: both;
    color: #999;
    display: block;
    float: right;
    ***font-family: 'Open Sans', sans-serif;
    ***font-size: 16px;
    ***font-weight: 400;
    padding: 0.5em 200px 0.5em 0.5em;
    text-align: right;
}

.post-infos p.description span
{
    display: inline-block;
}

a.read-more
{
    background-color: #AA0000;
    color: #FFFFFF;
    display: block;
    font-family: 'TGE', sans-serif;
    font-size: 20px;
    height: 100%;
    line-height: 20px;
    margin: 0 50px 0 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    width: 135px;
}

a.read-more span
{
    background-image: url("../images/arrow-next.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17% auto;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%; 
}

a.read-more span.step0
{
    background-image: none;
    bottom: 3px;
    font-size: 28px;
    height: auto;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    -ms-transform: translate3d(0px, 40px, 0px);
    -moz-transform: translate3d(0px, 40px, 0px);
    -o-transform: translate3d(0px, 40px, 0px);
    -webkit-transform: translate3d(0px, 40px, 0px);
    transform: translate3d(0px, 40px, 0px); 
}

a.read-more span.step2
{    
    left: -100%;   
}

a.read-more:hover span.step1, a.read-more:hover span.step2
{
    -ms-transform: translate3d(100%, 0px, 0px);
    -moz-transform: translate3d(100%, 0px, 0px);
    -o-transform: translate3d(100%, 0px, 0px);
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
}

a.read-more:hover span.step0
{
    -ms-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);             
}

/**************************************************SHARE BOX***********************************************/
#sharebox
{
    clear: both;
    display: block;
    float: left;
    margin: 10px 0 0 220px;
    position: relative;
    width: auto;
}

ul.sharer
{
    display: block;
    clear: both;
    float: left;
    width: auto;
    height: 32px;
}

ul.sharer li
{
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.55);
    overflow: hidden;
}

ul.sharer li a
{
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    overflow: hidden;
    position: absolute;
    margin: 0;
    padding: 0;
}

ul.sharer li a span
{
    background-image: url("../images/sprite-share.png");
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    height: 32px;
    opacity: 1;
    position: absolute;
    width: 32px;
}

ul.sharer li a span.bg
{
    opacity: 0;
    background-image: none;
    -webkit-transition-duration:    0.8s;
    -moz-transition-duration:       0.8s;
    -ms-transition-duration:        0.8s;
    -o-transition-duration:         0.8s;
    transition-duration:            0.8s;
    -webkit-transition-property:    opacity;
    -moz-transition-property:       opacity;
    -ms-transition-property:        opacity;
    -o-transition-property:         opacity;
    transition-property:            opacity;
}

ul.sharer li a:hover span.bg
{
    opacity: 1;   
}

#facebook_share span.bg
{
    background-color: #325295;
}

#twitter_share span.bg
{
    background-color: #39a9e0;
}

#google_share span.bg
{
    background-color: #d24b3a;
}

#pinterest_share span.bg
{
    background-color: #c71920;
}

#tumblr_share span.bg
{
    background-color: #002058;
}

#email_share span.bg
{
    background-color: #555555;
}

#twitter_share span
{
    background-position: center -32px;
}

#google_share span
{
    background-position: center -64px;
}

#pinterest_share span
{
    background-position: center -96px;
}

#tumblr_share span
{
    background-position: center -128px;
}

#email_share span
{
    background-position: center -160px;
}

/**************************************************SEARCH BOX***********************************************/
.searchbox
{
    background-color: rgba(0, 0, 0, 0.55);
    bottom: 0;
    clear: both;
    display: block;
    float: left;
    margin: 10px 0 0 50px;
    overflow: hidden;
    position: absolute;
    width: 160px;
}

.searchbox form
{
    display: block;
    float: left;
    clear: both;
    position: relative;
}

.searchbox form div input[type='text']
{
    background-color: rgba(255, 255, 255, 0);
    border: medium none;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'TGE', sans-serif;
    font-size: 21px;
    font-weight: normal;
    height: 32px;
    letter-spacing: 1px;
    padding: 0 3px;
    text-transform: uppercase;
    width: 122px;
}

.searchbox a
{
    background-image: url("../images/search-icon.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50% auto;
    display: block;
    float: right;
    height: 32px;
    width: 32px;
}

/**************************************************PAGE***********************************************/
article.page
{
    clear: both;
    display: block;
    float: right;
    position: relative;
    width: 100%;
    z-index: 3;
    margin-top: 10px;
    height: auto !important;
}

article.page .page-box
{
    clear: both;
    display: block;
    float: right;
    margin: 10px 2.5% 2.5% 0;
    position: relative;
    width: 47.5%;
}

article.page .page-infos, article.page .page-content
{
    max-width: 95%;
    display: block;
    float: right;
    clear: both;
}

article.page .page-infos h1 
{
    background-color: #AA0000;
    padding: 0.25em;
}

article.page .page-content
{
    background-color: rgba(0, 0, 0, 0.85);
    padding: 2.5%;
    width: 95%;   
}

.page-content h1, h2, h3, h4, h5
{
    font-family: 'TGE', sans-serif;
    color: #FFFFFF !important;
    text-align: left;
    text-transform: uppercase;
}

.page-content h1
{
    font-size: 36px;
    line-height: 36px;
}

.page-content h2
{
    font-size: 30px;
    line-height: 30px;
}

.page-content h3
{
    font-size: 24px;
    line-height: 24px;
}

.page-content h4, .page-content h5
{
    font-size: 18px;
    line-height: 18px;
}

article.page .page-content p
{
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    text-align: left;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 2.5% 0;
}

article.page .page-content p img
{
    max-width: 100%;
    height: auto;
}

.page-content ol ol, .page-content ul ul, .page-content ol ul, .page-content ul ol
{
  padding: 0 0 0 21px;
  margin: 0;
  font-size: 0.9em;
  opacity: 0.6;
}

.page-content ol
{
  list-style: decimal inside;
  line-height: 1.6em;
  margin: 0 0 21px 0;
}

.page-content ul
{
  list-style: disc inside;
  line-height: 1.6em;
  margin: 0 0 0.5em 0;
}

.page-content a
{
    text-decoration: underline;
    color: #AA0000 !important
}

.page-content a:hover
{
    text-decoration: underline;
    color: #FF0000 !important
}

.page-content blockquote, .page-content blockquote p
{
    clear: both;
    display: block;
    font-size: 36px;
    font-weight: 300;
    max-width: 80%;
    padding: 0 10%;
    text-align: center !important;
    float: left;
    line-height: 1.25em;
    font-style: italic;
    width: 100%;
}

.page-content blockquote p
{
    max-width: 100%;
    padding: 0;    
}

.page-content strong, .page-content strong em, .page-content strong a
{
    font-weight: 700 !important;
    color: inherit;
}

.page-content em, .page-content em strong
{
    font-style: italic !important;
    color: inherit;
}

/**************************************************PAGE: PORTFOLIO MODEL***********************************/
.portfolio article.page .page-box
{
    margin: 0 2.5% 2.5% 2.5%;
    width: 95%;
    overflow: hidden;
}

/*
.portfolio article.page .page-content
{
    padding: 0.5%;
    width: 100%;
    max-width: 100%;
}
*/

.portfolio article.page .page-content
{
    padding: 0.5%;
    width: 99%;
    max-width: 99%;
}

/*
.mansory 
{
    overflow: hidden;
    width: auto;
}
*/

.mansory 
{
    overflow: hidden;
    width: 100.2%;
}

/*
.isotope-item
{
    width: 19.8%;
    margin: 0 0 0.2% 0;
}

.isotope-item.isotope-col4
{
    width: 24.75%;
    margin: 0 0 0.2% 0;
}

.isotope-item.isotope-col3
{
    width: 33%;
    margin: 0 0 0.2% 0;
}

.isotope-item.isotope-col2
{
    width: 49.5%;
    margin: 0 0 0.2% 0;
}
*/

.isotope-item
{
    width: 100%;
    margin: 0 0 0% 0;
}

.isotope-col5 .isotope-item
{
    width: 19.75%;
    margin: 0 0 0.2% 0;
}

.isotope-col4 .isotope-item
{
    width: 24.5%;
    margin: 0 0 0.2% 0;
}

.isotope-col3 .isotope-item
{
    width: 32.5%;
    margin: 0 0 0.2% 0;
}

.isotope-col2 .isotope-item
{
    width: 48%;
    margin: 0 0 0.2% 0;
}


/*
@media only screen and (min-width: 300px) {
    .isotope-item
    {
        width: 49.8%;
        margin: 0 0 0.2% 0;
    }
}

@media only screen and (min-width: 600px) {
    .isotope-item
    {
        width: 33.13%;
        margin: 0 0 0.2% 0;
    }
}

@media only screen and (min-width: 900px) {
    .isotope-item
    {
        width: 24.8%;
        margin: 0 0 0.2% 0;
    }
}

@media only screen and (min-width: 1200px){
    .isotope-item
    {
        width: 19.8%;
        margin: 0 0 0.2% 0;
    }
}
*/

.isotope-item img
{
    width: 100% !important;
    height: auto;
}

.mansory a
{
    float: left;
    background: #17A781;
    height: auto;
    display: block;
}

.isotope .isotope-item
{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-property: 0.8s;
    -o-transition-property: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

.preloading
{
    display: none;
}

.showloader .preloading
{
    position: relative;
    display: block;
    text-align: center;
}

.preloading img, .preloading h3
{
    display: inline;
    margin: auto;
    width: auto;
}

.mansory
{
    opacity: 1;
}

.showloader .mansory
{
    opacity: 0;
} 

/************************************************** POSTS *************************************************/
.page-comments
{
    background-color: rgba(0, 0, 0, 0.85);
    clear: both;
    display: block;
    float: left;
    margin-top: 20px;
    padding: 2.5%;
    width: 95%;
}

article.page .post-date-left
{
    left: 50px;
    top: 70px;
    display: block;
    font-family: 'TGE', sans-serif;
    height: auto;
    position: absolute;
    width: auto;
    z-index: 3;
}

article.page .post-date-left span
{
    clear: both;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 100px;
    font-weight: bold;
    line-height: 85px;
    margin-right: 50px;
    padding: 0 0;
    text-transform: uppercase;
}

.post-categories-left
{
    clear: both;
    display: block;
    font-family: 'TGE',sans-serif;
    font-size: 17px;
    height: auto;
    letter-spacing: 0px;
    left: 0;
    width: auto;
    z-index: 3;
}

.post-categories-left li
{
    clear: both;
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.post-categories-left li a
{
    clear: both;
    color: rgba(255, 255, 255, 0.66);
    display: block;
    float: left;
    font-family: 'TGE', sans-serif;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: -5px 0 0 -0.25em;
    padding: 0.25em 0 0.25em 0.25em;
    text-align: left;
    text-transform: uppercase;
    width: auto;
}

.post-categories-left li a:hover
{
    color: rgba(255, 255, 255, 1);    
}

/**************************************************SEARCH RESULTS***********************************************/
section.nobg article.page .page-content
{
    background-color: rgba(0, 0, 0, 0);
    padding: 2.5% 0 0 0;
    overflow: hidden;
    float: left;
    width: 110% !important; 
    max-width: 110% !important;   
}

.search-entry
{
    background-color: rgba(0, 0, 0, 0.85);
    color: #FFFFFF;
    display: inline-block;
    height: auto;
    margin: 0 2.5% 2.5% 0;
    vertical-align: top;
    width: 20.68%;
}

.search-entry .imgbox
{
    height: auto;
    position: relative;
    width: 100%;
    display: block;
    float: left;
    clear: both;
}

.search-entry .eagle
{
    display: block;
    width: 100%;
    height: 160px;
    opacity: 0.5;
    z-index: 0;
    background-image: url("../images/eagle.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 80%;
}

.search-entry .imgbox .scan
{
    display: none;
}

.search-entry .imgbox .imghover
{
    height: auto;
    position: relative;
    width: 100%;
    z-index: 1;
}

.search-entry .post-date
{
    height: 100%;
    top: 0;
    z-index: 3;
    width: 100%;
}

.search-entry .post-date
{
    height: 100%;
    top: 0;
    z-index: 3;
}

.search-entry .post-date .post-categories
{
    margin: 10px 0 0;
    position: absolute;
}

.search-entry .post-date .post-categories li
{
    clear: both;
    display: inline;
    float: right;   
}

.search-entry .post-date .post-categories li a
{
    background-color: #AA0000;
    clear: both;
    color: #FFFFFF !important;
    display: block;
    float: right;
    font-family: 'TGE',sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1em;
    margin: 0;
    padding: 0.2em 0.20em 0.1em 0.20em;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

.search-entry .post-date .search-date
{
    position: absolute;
    right: 0;
    bottom: 6px;
    display: block;
}

.search-entry .post-date .search-date span
{
    clear: both;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 40px;
    font-weight: bold;
    line-height: 35px;
    margin-right: 10px;
    padding: 0;
    text-transform: uppercase;
}

section.nobg article.page .noresults
{
    display: block;
    float: right;
    clear: both;
    max-width: 45%;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 2.5% 2.5%;
    width: auto;
}

section.nobg article.page .noresults h1, section.nobg article.page .noresults p
{
    text-align: right;
}

.search-entry .imgbox, .search-entry .databox
{
    display: block;
    float: left;
    clear: both;
}

.search-entry .databox .leftside
{
    margin: 2.5%;
    width: 95%;
    display: block;
    float: left;
}

.page-content .search-entry .databox .leftside p a
{
    text-decoration: none;
    display: inline-block;
}


/**************************************************NAVIGATION***********************************************/
.navigation, #mobilemenu, #mobilemenu.showmenu
{
    display: none;
}

/**************************************************INFINITE PRELOADER**************************************/
#infinitePreloader
{
    z-index: 10000;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: #AA0000;
    text-align: center;
    display: block;
    padding: 70px 0;
    margin: 0 0 -340px 0;
       
}

#infinitePreloader img, #infinitePreloader h3
{
    display: inline;
    margin: auto;
    width: auto;
    font-size: 24px;
}

#infinitePreloader.showloader
{    
    margin: 0;
}


/**************************************************FOOTER**************************************/
footer
{
    display: block;
    width: 100%;
    float: left;
    clear: both;
    height: auto;
}

footer p, footer a, footer em, footer label, footer input
{
    font-size: 14px;
    line-height: 1.3em;
}

footer h2, footer div.block0 h1 a
{
    font-family: 'TGE',sans-serif;
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 1em;
    margin: 0;
}

footer div.midblock
{
    display: table;
    margin: auto;
    position: relative;
    width: 100%;
}

footer div.block1, footer div.block2
{
    display: inline-block;
    margin: 20px;
    vertical-align: top;
    width: auto;
    max-width: 320px;
}

footer div.fooblock
{
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 1.5em 0;
}

.wpcf7
{
    padding-top: 0.1em;
}


article.page .page-content div.fooblock p
{
    margin: 0 !important
}

article.page .page-content div.fooblock p a
{
    text-decoration: none;
}

article.page .page-content .wpcf7 p{
    display: block;
    float: left;
    clear: both;
    margin: 0 0 2px 0;
    line-height: 24px;
}

.wpcf7 p span
{
    display: block;
    float: left;
    width: 100%;
    line-height: 24px;
}

.ginput_container input, .wpcf7 p span.wpcf7-form-control-wrap input, .wpcf7 p span.wpcf7-form-control-wrap textarea
{
    background-color: rgba(255, 255, 255, 0.25);
    border: 0 none;
    color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    padding: 0 2%;
    width: 96%;
}

.wpcf7 p span.wpcf7-form-control-wrap textarea
{
    display: block;
    height: 96px;
    margin: 0;
}

.wpcf7 input[type="submit"]
{
    display: none;
}

.wpcf7 a#btsubmit, .gform_button
{
    background-color: #AA0000;
    background-size: 33.333% auto;
    clear: both;
    color: #FFFFFF !important;
    display: block;
    float: right;
    font-family: "TGE",arial;
    font-size: 21px;
    font-weight: bold;
    height: auto;
    letter-spacing: 1px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    border: 0 none;
}

.wpcf7 span.wpcf7-not-valid-tip-no-ajax
{
    display: none;
}

.ginput_container input, .wpcf7 p span.wpcf7-form-control-wrap input.wpcf7-not-valid, .wpcf7 p span.wpcf7-form-control-wrap textarea.wpcf7-not-valid
{
    background-color: rgba(255, 255, 255, 0.5);
}

.wpcf7-response-output
{
    background-color: rgba(255, 255, 255, 0.5);
    clear: both;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-style: italic;
    line-height: 20px;
    margin-top: 1px;
    padding: 2%;
    width: 96%;
}

.wpcf7-response-output.wpcf7-display-none
{
    display: none;
}


.page-content iframe {
    max-width: 100% !important;
}

.wp-caption, .wp-caption a, .wp-caption a img, .wp-caption img
{
    display: block;
    clear: both;
    max-width: 100% !important;
    height: auto;
}



/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/* DESIGN RESPONSIVO */
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
#mobilemenu,
.searchbox,
#sharebox,
.menu-wp,
.menu-wp li,
#header,
#header .detail,
#header h1,
#header h1 a,
.post-infos h1,
.page-infos h1,
article.page .page-box,
article.page .post-date-left,
#infinitePreloader,
#infinitePreloader.showloader,
footer,
footer.showloader
{
    -ms-transition: -ms-all 750ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -moz-transition: -moz-all 750ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -o-transition: -o-all 750ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -webkit-transition: -webkit-all 750ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    transition: all 750ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.temporaria
{
    display: none;
    float: left;
    position: fixed;
    z-index: 10000;
    width: auto;
    height: auto;
    background: #ff6600;
    font-size: 12px;
    color: #000;
    font-family: Arial;
    font-weight: bold;
    bottom: 10px;
    padding: 6px;
    line-height: 1.25em;
}

.temporaria span{
    color: #FFFFFF
}


/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/* MOBILE PORTRAIT */
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
@media only screen and (min-width: 299px) and (max-width: 439px) {

#temp60-479{
    display: block;
}

/****************** HOME ******************/
/*|||||||||| SHORT DESC BOTTOMLEFT ||||||||*/
.post-infos h1, .page-infos h1
{
    font-size: 23px;
    font-weight: normal;
    letter-spacing: 0.01em;
    padding: 0.15em 70px 0.15em 0.15em;
}

.post-infos
{
    bottom: 5px;
    width: 95%;
}

.post-infos p, .page-content p
{
    padding: 0.25em 70px 0.25em 0.25em;
}

a, p, em, label, input, textarea, ol, ul
{
    font-size: 11px;
}

a.read-more
{
    margin: 0 5px 0 0;
    width: 60px;
}

a.read-more span.step0
{
    font-size: 21px;
    line-height: 21px;
}

/*|||||||||| DATA TOPLEFT ||||||||*/
.post-date
{
    top: 5px;
    display: none;
}

.post-date span
{
    font-size: 50px;
    line-height: 43px;
    margin-right: 10px;
}

.post-categories li a
{
    font-size: 18px;
    letter-spacing: 1px;
    margin: -5px 10px 0 0;
}

/*|||||||||| NAV TOPBOTTOM ||||||||*/
a.nextstep, a.prevstep
{
    height: 26px;
    margin-left: -13px;
    width: 26px;
    display: none;
}

a.nextstep
{
    bottom: 5px;
}

a.prevstep
{
    top: 5px;
}

/*|||||||||| NAV HEADER ||||||||*/
#header
{
    top: 5px;
}

#header.relative
{
    position: relative;
    top: 5px;
}

#header .detail
{
    left: 5px;
    width: 60px;
}

#header h1
{
    line-height: 54px;
    min-height: 54px;
    padding: 0 0.5em 0 70px;
}

#header h1 a
{
    font-size: 34px;
    line-height: 54px;
    min-height: 54px;
}

.searchbox form div input[type="text"]
{
    font-size: 19px;
    height: 27px;
    width: 135px;
}

#sharebox
{
    margin: 5px 0 0 175px;
    width: 81px;
}

ul.sharer
{
    height: 27px;
}

.searchbox a
{
    background-size: 58% auto;
}

.searchbox a,
ul.sharer li, 
ul.sharer li a,
ul.sharer li a span
{
    height: 27px;
    width: 27px;
}

#twitter_share span { background-position: center -27px; }
#google_share span{ background-position: center -54px; }
#pinterest_share span{ background-position: center -81px; }
#tumblr_share span{ background-position: center -108px; }
#email_share span{ background-position: center -135px; }

/*|||||||||| NAV HEADER MOBILE HIDDEN ||||||||*/
.menu-menu-principal-container
{
    clear: both;
    display: none;
    float: left;
    left: 5px;
    position: absolute;
    top: 87px;
    width: 173px;
}

.menu-menu-principal-container.showmenu
{
    display: block;
}

.menu-wp {
    display: block;
    float: left;
    padding: 5px;
    width: 163px;
}

.menu-wp li
{
    clear: both;
    display: block;
    float: left;
    text-align: center;
    width: 100%;
    padding: 0;
}

.menu-wp li a
{
    font-size: 18px;
    padding: 0.1em 0.2em;
}

#mobilemenu
{
    background-color: rgba(0, 0, 0, 0.55);
    background-image: url("../images/menu-mobile.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% auto;
    display: block;
    float: left;
    height: 100%;
    margin: 0 3px;
    min-height: 54px;
    width: 42px;
}

#mobilemenu:hover
{
   background-color: rgba(170, 0, 0, 1); 
}

.searchbox
{
    clear: both;
    margin: 3px 0 0 5px;
    position: relative;
    width: 173px;
}

#sharebox
{
    clear: none;
    margin: 0;
}

/*|||||||||| PAGE ARTICLE ||||||||*/
article.page .page-box
{
    clear: both;
    display: block;
    float: right;
    margin: 0 1.75% 1.75% 0;
    position: relative;
    width: 96.5%;
}

article.page .post-date-left
{
    display: none;
}

.page-content blockquote, .page-content blockquote p
{
    font-size: 17px;
}

/*|||||||||| SEARCH ENTRY ||||||||*/
.search-entry
{
    width: 100%;
    margin: 0 0 2.5% 0
}


}/*END QUERY*/




/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/* MOBILE LANDSCAPE */
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
@media only screen and (min-width: 440px) and (max-width: 599px) {

#temp480-599{
    display: block;
}

/****************** HOME ******************/
/*|||||||||| SHORT DESC BOTTOMLEFT ||||||||*/
.post-infos h1, .page-infos h1
{
    font-size: 23px;
    font-weight: normal;
    letter-spacing: 0.01em;
    padding: 0.15em 78px 0.15em 0.15em;
}

.post-infos
{
    bottom: 5px;
    width: 95%;
}

.post-infos p, .page-content p
{
    padding: 0.25em 78px 0.25em 0.25em;
}

a, p, em, label, input, textarea, ol, ul
{
    font-size: 11px;
}

a.read-more
{
    margin: 0 10px 0 0;
    width: 60px;
}

a.read-more span.step0
{
    font-size: 21px;
    line-height: 21px;
}

/*|||||||||| DATA TOPLEFT ||||||||*/
.post-date
{
    top: 5px;
    display: none;
}

.post-date span
{
    font-size: 50px;
    line-height: 43px;
    margin-right: 10px;
}

.post-categories li a
{
    font-size: 18px;
    letter-spacing: 1px;
    margin: -5px 10px 0 0;
}

/*|||||||||| NAV TOPBOTTOM ||||||||*/
a.nextstep, a.prevstep
{
    height: 26px;
    margin-left: -13px;
    width: 26px;
    display: none;
}

a.nextstep
{
    bottom: 5px;
}

a.prevstep
{
    top: 5px;
}

/*|||||||||| NAV HEADER ||||||||*/
#header
{
    top: 5px;
}

#header.relative
{
    position: relative;
    top: 5px;
}

#header .detail
{
    left: 10px;
    width: 70px;
}

#header h1
{
    line-height: 57px;
    min-height: 57px;
    padding: 0 0.5em 0 90px;
}

#header h1 a
{
    font-size: 40px;
    line-height: 57px;
    min-height: 57px;
}

.searchbox
{
    margin: 5px 0 0 10px;
    width: 162px;
}

.searchbox form div input[type="text"]
{
    font-size: 19px;
    height: 27px;
    width: 124px;
}

#sharebox
{
    margin: 5px 0 0 175px;
}

ul.sharer
{
    height: 27px;
}

.searchbox a
{
    background-size: 58% auto;
}

.searchbox a,
ul.sharer li, 
ul.sharer li a,
ul.sharer li a span
{
    height: 27px;
    width: 27px;
}

#twitter_share span { background-position: center -27px; }
#google_share span{ background-position: center -54px; }
#pinterest_share span{ background-position: center -81px; }
#tumblr_share span{ background-position: center -108px; }
#email_share span{ background-position: center -135px; }


/*|||||||||| NAV HEADER MOBILE HIDDEN ||||||||*/
.menu-menu-principal-container
{
    clear: both;
    display: none;
    float: left;
    left: 10px;
    position: absolute;
    top: 60px;
    width: auto;
}

.menu-menu-principal-container.showmenu
{
    display: block;
}

.menu-wp {
    display: block;
    float: left;
    padding: 0.5em;
}

.menu-wp li
{
    clear: both;
    display: block;
    float: left;
    text-align: center;
    width: 100%;
    padding: 0;
}

.menu-wp li a
{
    font-size: 18px;
    padding: 0.1em 0.2em;
}

#mobilemenu
{
    background-color: rgba(0, 0, 0, 0.55);
    background-image: url("../images/menu-mobile.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50% auto;
    display: block;
    float: left;
    height: 100%;
    margin: 0 3px;
    min-height: 57px;
    width: 50px;
}

#mobilemenu:hover
{
   background-color: rgba(170, 0, 0, 1); 
}

.searchbox
{
    clear: none;
    margin: 3px 0 0;
    position: relative;
}

#sharebox
{
    clear: none;
    margin: 0;
}

/*|||||||||| PAGE ARTICLE ||||||||*/
article.page .page-box
{
    clear: both;
    display: block;
    float: right;
    margin: 5px 2.5% 2.5% 0;
    position: relative;
    width: 67.5%;
}

article.page .post-date-left
{
    left: 5px;
    top: 45px;
}

.page-content blockquote, .page-content blockquote p
{
    font-size: 20px;
}

/*|||||||||| SEARCH ENTRY ||||||||*/
.search-entry
{
    width: 43.75%;
}


}/*END QUERY*/




/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/* SMALL TABLET */
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
@media only screen and (min-width: 600px) and (max-width: 767px) {

#temp600-767{
    display: block;
}

/****************** HOME ******************/
/*|||||||||| SHORT DESC BOTTOMLEFT ||||||||*/
.post-infos h1, .page-infos h1
{
    font-size: 27px;
    letter-spacing: 0.01em;
    padding: 0.25em 98px 0.25em 0.25em;
}

.post-infos
{
    bottom: 10px;
    width: 95%;
}

.post-infos p, .page-content p
{
    padding: 0.5em 98px 0.5em 0.5em;
}

a, p, em, label, input, textarea, ol, ul
{
    font-size: 12px;
}

a.read-more
{
    margin: 0 10px 0 0;
    width: 80px;
}

a.read-more span.step0
{
    font-size: 23px;
    line-height: 23px;
}

/*|||||||||| DATA TOPLEFT ||||||||*/
.post-date
{
    top: 10px;
}

.post-date span
{
    font-size: 50px;
    line-height: 43px;
    margin-right: 10px;
}

.post-categories li a
{
    font-size: 18px;
    letter-spacing: 1px;
    margin: -5px 10px 0 0;
}

/*|||||||||| NAV TOPBOTTOM ||||||||*/
a.nextstep, a.prevstep
{
    height: 26px;
    margin-left: -13px;
    width: 26px;
    display: none;
}

a.nextstep
{
    bottom: 10px;
}

a.prevstep
{
    top: 10px;
}

/*|||||||||| NAV HEADER ||||||||*/
#header
{
    top: 10px;
}

#header.relative
{
    position: relative;
    top: 10px;
}

#header .detail
{
    left: 10px;
    width: 110px;
}

#header h1
{
    padding: 0.15em 0.5em 0 130px;
}

.menu-wp
{
    padding: 0 0.5em 0 126px;
}

#header h1 a
{
    font-size: 50px;
}

.menu-wp li a
{
    font-size: 19px;
    padding: 0.15em 0.2em;
}

.searchbox
{
    margin: 5px 0 0 10px;
}

.searchbox form div input[type="text"]
{
    font-size: 19px;
    height: 27px;
}

#sharebox
{
    margin: 5px 0 0 175px;
}

ul.sharer
{
    height: 27px;
}

.searchbox a
{
    background-size: 58% auto;
}

.searchbox a,
ul.sharer li, 
ul.sharer li a,
ul.sharer li a span
{
    height: 27px;
    width: 27px;
}

#twitter_share span { background-position: center -27px; }
#google_share span{ background-position: center -54px; }
#pinterest_share span{ background-position: center -81px; }
#tumblr_share span{ background-position: center -108px; }
#email_share span{ background-position: center -135px; }


/*|||||||||| PAGE ARTICLE ||||||||*/
article.page .page-box
{
    clear: both;
    display: block;
    float: right;
    margin: 5px 2.5% 2.5% 0;
    position: relative;
    width: 67.5%;
}

article.page .post-date-left
{
    left: 10px;
    top: 45px;
}

.page-content blockquote, .page-content blockquote p
{
    font-size: 24px;
}

/*|||||||||| SEARCH ENTRY ||||||||*/
.search-entry
{
    width: 43.75%;
}


}/*END QUERY*/




/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/* TABLET/NETBOOK */
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 1023px) {

#temp768-1023{
    display: block;
}

/****************** HOME ******************/
/*|||||||||| SHORT DESC BOTTOMLEFT ||||||||*/
.post-infos h1, .page-infos h1
{
    font-size: 27px;
    letter-spacing: 0.01em;
    padding: 0.25em 98px 0.25em 0.25em;
}

.post-infos
{
    bottom: 10px;
    width: 47%;
}

.post-infos p, .page-content p
{
    padding: 0.5em 98px 0.5em 0.5em;
}

a, p, em, label, input, textarea, ol, ul
{
    font-size: 12px;
}

a.read-more
{
    margin: 0 10px 0 0;
    width: 80px;
}

a.read-more span.step0
{
    font-size: 23px;
    line-height: 23px;
}

/*|||||||||| DATA TOPLEFT ||||||||*/
.post-date
{
    top: 10px;
}

.post-date span
{
    font-size: 50px;
    line-height: 43px;
    margin-right: 10px;
}

.post-categories li a
{
    font-size: 18px;
    letter-spacing: 1px;
    margin: -5px 10px 0 0;
}

/*|||||||||| NAV TOPBOTTOM ||||||||*/
a.nextstep, a.prevstep
{
    height: 26px;
    margin-left: -13px;
    width: 26px;
}

a.nextstep
{
    bottom: 10px;
}

a.prevstep
{
    top: 10px;
}

/*|||||||||| NAV HEADER ||||||||*/
#header
{
    top: 10px;
}

#header.relative
{
    position: relative;
    top: 10px;
}

#header .detail
{
    left: 10px;
    width: 110px;
}

#header h1
{
    padding: 0.15em 0.5em 0 130px;
}

.menu-wp
{
    padding: 0 0.5em 0 126px;
}

#header h1 a
{
    font-size: 50px;
}

.menu-wp li a
{
    font-size: 19px;
    padding: 0.15em 0.2em;
}

.searchbox
{
    margin: 5px 0 0 10px;
}

.searchbox form div input[type="text"]
{
    font-size: 19px;
    height: 27px;
}

#sharebox
{
    margin: 5px 0 0 175px;
}

ul.sharer
{
    height: 27px;
}

.searchbox a
{
    background-size: 58% auto;
}

.searchbox a,
ul.sharer li, 
ul.sharer li a,
ul.sharer li a span
{
    height: 27px;
    width: 27px;
}

#twitter_share span { background-position: center -27px; }
#google_share span{ background-position: center -54px; }
#pinterest_share span{ background-position: center -81px; }
#tumblr_share span{ background-position: center -108px; }
#email_share span{ background-position: center -135px; }


/*|||||||||| PAGE ARTICLE ||||||||*/
article.page .page-box
{
    clear: both;
    display: block;
    float: right;
    margin: 10px 2.5% 2.5% 0;
    position: relative;
    width: 67.5%;
}

article.page .post-date-left
{
    left: 10px;
    top: 45px;
}

.page-content blockquote, .page-content blockquote p
{
    font-size: 30px;
}

/*|||||||||| SEARCH ENTRY ||||||||*/
.search-entry
{
    width: 28.3%;
}


}/*END QUERY*/




/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/* NORMAL DESKTOPS */
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
@media only screen and (min-width: 1024px) and (max-width: 1280px) {

#temp1024-1280{
    display: block;
}

/****************** HOME ******************/
/*|||||||||| SHORT DESC BOTTOMLEFT ||||||||*/
.post-infos h1, .page-infos h1
{
    font-size: 32px;
    padding: 0.25em 128px 0.25em 0.25em;
}

.post-infos
{
    bottom: 44px;
    width: 50%;
}

.post-infos p, .page-content p
{
    padding: 0.5em 128px 0.5em 0.5em;
}

a, p, em, label, input, textarea, ol, ul
{
    font-size: 13px;
}

a.read-more
{
    margin: 0 20px 0 0;
    width: 100px;
}

a.read-more span.step0
{
    font-size: 23px;
    line-height: 23px;
}

/*|||||||||| DATA TOPLEFT ||||||||*/
.post-date
{
    top: 44px;
}

.post-date span
{
    font-size: 70px;
    line-height: 60px;
    margin-right: 20px;
}

.post-categories li a
{
    font-size: 20px;
    letter-spacing: 1px;
    margin: -5px 20px 0 0;
}

/*|||||||||| NAV TOPBOTTOM ||||||||*/
a.nextstep, a.prevstep
{
    height: 34px;
    margin-left: -17px;
    width: 34px;
}

a.nextstep
{
    bottom: 5px;
}

a.prevstep
{
    top: 5px;
}

/*|||||||||| NAV HEADER ||||||||*/
#header {
    top: 44px;
}

#header.relative
{
    position: relative;
    top: 20px;
}

#header .detail
{
    left: 20px;
    width: 120px;
}

#header h1
{
    padding: 0.25em 1em 0 150px;
}

.menu-wp
{
    padding: 0 0.5em 0 146px;
}

#header h1 a
{
    font-size: 50px;
}

.menu-wp li a
{
    font-size: 19px;
}

.searchbox
{
    margin: 7px 0 0 20px;
}

.searchbox form div input[type="text"]
{
    font-size: 19px;
    height: 30px;
}

#sharebox
{
    margin: 7px 0 0 187px;
}

ul.sharer
{
    height: 30px;
}

.searchbox a
{
    background-size: 58% auto;
}

.searchbox a,
ul.sharer li, 
ul.sharer li a,
ul.sharer li a span
{
    height: 30px;
    width: 30px;
}

#twitter_share span { background-position: center -30px; }
#google_share span{ background-position: center -60px; }
#pinterest_share span{ background-position: center -90px; }
#tumblr_share span{ background-position: center -120px; }
#email_share span{ background-position: center -150px; }

/*|||||||||| PAGE ARTICLE ||||||||*/
article.page .page-box
{
    clear: both;
    display: block;
    float: right;
    margin: 10px 2.5% 2.5% 0;
    position: relative;
    width: 47.5%;
}

article.page .post-date-left
{
    left: 20px;
    top: 50px;
}

.page-content blockquote, .page-content blockquote p
{
    font-size: 32px;
}
 

}/*END QUERY*/



/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/* MEDIUM DESKTOPS */
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
@media only screen and (min-width: 1281px) and (max-width: 1440px) {

#temp1281-1440{
    display: block;
}

/****************** HOME ******************/
.post-infos h1, .page-infos h1
{
    font-size: 38px;
    padding: 0.25em 200px 0.25em 0.25em;
}

.post-infos
{
    width: 50%;
}

}/*END QUERY*/


article.comment-body {
    height: auto !important;
    padding-bottom: 1em;
} 

.comment-author.vcard, .comment-metadata time {
    font-size: .8em;
    font-style: italic;
    color: rgba(255,255,255,.5);
}

.comment-author.vcard a.url {
    font-size: 1em;
    font-style: italic;
    color: rgba(255,255,255,.5);
}

a.comment-reply-link {
    color: #AA0000;
    font-size: .8em;
    padding: .2em 0;
}

.comments-area .thread-odd {    
    text-align: right;
}

.comments-area .thread-odd img.avatar {
    float: right;
    margin: 0 0 10px 10px;
    
}

.comments-area .thread-even {
    text-align: left;
}

.comments-area .thread-even img.avatar {
    float: left;
    margin: 0 10px 10px 0;
}

.comments-area .thread-even, .comments-area .thread-odd {
    width: 100%;
    display: block;
    float: left;
    clear: both;
    position: relative;
    margin-top: 2em;
}

.comments-area .thread-even:after, .comments-area .thread-odd:after {
    display: block;
    content: " ";
    width: 120px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -60px;
    background-color: rgba(255,255,255,.25);
}

h2.comments-title, h3.comment-reply-title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 1em;
}

h3.comment-reply-title {
    margin-bottom: .5em;
}

.comment-form > p {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 .5em;
    box-sizing: border-box;
}

.comment-form > p > label {
    display: block;
    width: 90px;
    float: left;
    clear: none;
    text-align: right;
    padding-right: 5px;
    box-sizing: border-box;
}

.comment-form > p > input[type="text"],
.comment-form > p > input[type="email"],
.comment-form > p > input[type="url"],
.comment-form > p > textarea {
    background-color: rgba(255, 255, 255, 0.25);
    border: 0 none;
    color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    padding: 0 2%;
    width: calc(100% - 90px) !important;    
    box-sizing: border-box;
}

.comment-form > p > textarea {
    height: inherit;
}

.comment-form > p.comment-notes {
    font-size: .8em;
    font-style: italic;
    margin-bottom: 2em;
}

.comment-form > p > input[type="submit"] {
    background-color: #AA0000;
    clear: both;
    color: #FFFFFF !important;
    display: block;
    float: right;
    font-family: "TGE",arial;
    font-size: 21px;
    font-weight: bold;
    height: auto;
    letter-spacing: 1px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    border: 0 none;
    cursor: pointer;
}