@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,500&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
no-space[class*="span"]{margin-left:0}

:root {
	--color-one: #F85623;
	--color-two: #FFF;
	--color-three: #C83613;
	--color-btn: linear-gradient(#F85623, #C83613);
	--dark-one: #151515;
	--dark-two: #0F0F0F;
}
.noMarginLeft{margin-left:0!important}

body{background:var(--dark-one);color:var(--color-two);border:0;font-family:'DM Sans',sans-serif;font-size:13pt;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}
img{max-width:100%}
a{color:#666;transition:all 0.3s}
a:visited{text-decoration:none!important;color:#999!important}
a:hover { color: var(--color-one) !important }
b,strong{font-weight:600}
small{font-size:80%}
hr{height:1px;border:none;background-color:#302b23}
a:hover{text-decoration:none !important}
h1{font-family:'Cormorant Garamond',serif;color:var(--color-one);font-size:24pt;font-weight:300;text-transform:uppercase;}
h2{font-family:'Cormorant Garamond',serif;color:var(--color-one);font-size:18pt;font-weight:300;text-transform:uppercase}
h3{font-family:'DM Sans',serif;font-size:15px;line-height:15px}
h4{font-family:'DM Sans',serif;font-size:14px;line-height:14px;text-transform:uppercase}
h5{font-family:'DM Sans',serif;font-size:13px;line-height:13px}
h6{font-family:'DM Sans',serif;font-size:13px;line-height:12px}
select{border: none !important; background:t ransparent !important}
.btn-mini{font-size:8pt;padding:0 1em}
.alert{border: none; background: transparent !important}
.lang-overlay{position:absolute;top:0;left:0;width:100%;text-align:center;background:rgba(255,255,255,0.75);border-bottom:1px solid var(--color-one)}
.nav-overlay{position:absolute;top:40%;left:0;width:100%;padding:1em 0;text-align:center;background:rgba(255,255,255,0.75);border-bottom:1px solid var(--color-one);border-top:1px solid var(--color-one)}
.nav-overlay ul li{font-size:.95em;font-weight:600;padding:0.75em 0}
.nav-overlay ul li > a:hover{border-bottom:6px solid var(--color-one)}
.menu.transparent{background:transparent}
ul.menu,ul.nav-menu{list-style-type:none;padding:0;margin:0}
ul.menu li,ul.nav-menu li{font-family:'Raleway', serif;display:inline-block;text-transform:uppercase;margin-right:1em}
dt{text-transform:uppercase;color:var(--color-three) !important}
.logo{margin:1em 0}
.container{background:transparent}
.content{padding:0.5em 0}
.gray{margin-left:0.5em}
panel{border:none}
.panel:hover{box-shadow:0 0 24px #c8c8c8}
.panel-footer{position:relative;min-height:3em;background-color:#fff}
.autore{text-transform:uppercase;color:#888;font-size:75%}
.masonry-frame{background:#fbfbfb}
.masonry-frame .panel{background:#fff}
.panel_comment{cursor:default;margin-top:1.75em}
.panel.panel-comment:hover{box-shadow:none!important}
.panel-body img{position:relative;display:inline-block !important;margin:0 auto}
input,textarea{margin-top:0.25em}
input[type=submit]{margin-top:1em;margin-bottom:1em}
input[type=text],input[type=email],input[type=password],select{width:100%; -webkit-appearance:none !important; -moz-appearance:none !important; -ms-appearance:none !important; -o-appearance:none !important; appearance:none !important;  background:transparent !important; color:#B8B8B8 !important; outline:none; box-shadow:none; border-radius:0; border:none; border-bottom:solid 1px #B8B8B8 !important; border-radius:0; padding:.5em 0.75em; text-align:left;}
select {text-transform:uppercase;}
textarea {border:none!important; border-bottom:solid 1px #B8B8B8 !important; color:#B8B8B8 !important; background-color:transparent!important; height: 16rem !important; resize:none; font-size:1em; overflow:auto; padding:.5em 0.75em; outline:none!important; width:100%;}
input:focus {outline:none; box-shadow:none; border:none; border-bottom:solid 1px #B8B8B8;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#B8B8B8; text-transform:uppercase; text-align:left;}
input:-moz-placeholder,textarea::-moz-placeholder {color:#B8B8B8; text-transform:uppercase; text-align:left;}
input:-ms-input-placeholder,textarea::-ms-input-placeholder { color:#B8B8B8; text-transform:uppercase; text-align:left;}
button,input[type=submit],.btn-warning,button.btn-warning,a.btn-warning {width:100%; color:#FFF; background:var(--color-btn); outline:none; box-shadow:none; border-radius:0; border:none; padding:.5em 0.75em; text-align:center; text-transform:uppercase; margin-bottom:2em; transition: all 0.5s}
.btn, input[type=submit], div.alert{text-transform:uppercase; letter-spacing: 3px}
.btn:hover, a .btn-warning:hover{color:var(--color-two)!important;background:var(--color-three)!important; transition: all 0.5s}
textarea{resize:vertical}
form{padding:0}
body {
	border-top: 1px solid var(--dark-two);
  border-bottom: 1px solid var(--dark-two);
    --s: 60px;
    --c1: #151515;
    --c2: #0f0f0f;
    --_g:radial-gradient(#0000 60%,var(--c1) 61% 63%,#0000 64% 77%,var(--c1) 78% 80%,#0000 81%);
    --_c:,#0000 75%,var(--c2) 0;
    background:
        conic-gradient(at 12% 20% var(--_c)) calc(var(--s)* .44) calc(.9*var(--s)),
        conic-gradient(at 12% 20% var(--_c)) calc(var(--s)*-.06) calc(.4*var(--s)),
        conic-gradient(at 20% 12% var(--_c)) calc(.9*var(--s)) calc(var(--s)* .44),
        conic-gradient(at 20% 12% var(--_c)) calc(.4*var(--s)) calc(var(--s)*-.06),
        var(--_g),var(--_g) calc(var(--s)/2) calc(var(--s)/2) var(--c2) !important;
    background-size: var(--s) var(--s) !important;.header-main{padding:0.5em 0;margin:0 0 0.1em 0;line-height:2em}
}
.header-top { padding: 2rem 0; }
.header-bottom { padding: 4rem 0; }
.header-main a:hover{color:var(--color-two)}
.header-logo img{margin:0.25em 0;max-height:6em}
#site_small_logo{display:inline;margin:0.25em;max-height:60px}
.carousel-control{top:50%!important;color:#ddd!important;text-shadow:none}
.btn-badge:hover,a > .btn.btn-warning:hover{color:#fff!important}
label{display:block;margin-top:1.5em;color:#ddd;font-weight:300;font-size:90%;text-transform:uppercase}
label.error{color:var(--color-three);margin-top:0;margin-bottom:1em}
div.tags{display:block;text-align:left;padding-top:1.5em;padding-bottom:1em}
div.tags>a{display:inline-block;padding:0.25em 1em;margin-right:0.25em;margin-bottom:0.25em;border-radius:0.25em;background:#f0ad4e;border:1px solid #eea236;color:#fff!important;font-size:95%}
div.tags>a:hover{background:#ed9c28;border:1px solid #d58512}
.icon-container{padding:0.25em 0}
.icon-container img{max-height:8em;display:inline-block;margin:0.1em 0.1em 0.1em 0}
.link-container{padding:0.25em 0}
.link-container a{margin:0.25em 0.25em 0.25em 0;color:#fff!important}
blockquote{color:#999;font-size:1.2em;margin-top:1em;padding-left:6em;text-align:right; border-left:20px solid #eaa236}
button.slick-prev, button.slick-next {background-color:#EAA236}
.grid-2,.grid-3,.grid-4{margin-top:1em !important}

.checkbox, .radio {
  margin: 1rem;
}
.checkbox input[type="checkbox"], .radio input[type="radio"]  {
  position: absolute;
  opacity: 0;
}
.checkbox input[type="checkbox"] + .checkbox-label:before, .radio input[type="radio"] + .radio-label:before  {
  content: '';
  background: #000000;
  border-radius: 100%;
  border: 1px solid var(--color-two);
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: 0em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.checkbox input[type="checkbox"]:checked + .checkbox-label:before, .radio input[type="radio"]:checked + .radio-label:before {
  background-color: var(--color-one);
  box-shadow: inset 0 0 0 4px #000000;
}
.checkbox input[type="checkbox"]:focus + .checkbox-label:before, .radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color:var(--color-two);
}
.checkbox input[type="checkbox"]:disabled + .checkbox-label:before, .radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #000000;
  border-color: var(--color-two);
  background: #151515;
}
.checkbox input[type="checkbox"] + .checkbox-label:empty:before, .radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}

@media screen and (max-width:991px){
	.header-logo img{max-height:5em}
	panel.blog-panel{max-width:70%;margin:1em auto;}
}

@media screen and (max-width:767px){
	.header-logo img{max-height:4em}
	panel.blog-panel{max-width:70%;margin:1em auto;}
}