.normal {font-stretch: normal;}
h1.first {font-size:2.3em;}
.red {color:#c72026;}
.pat {position:relative;}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  /* Allows right click menu on the video */
 /* background: url("black-medium-checks.png") left top repeat;*/

 opacity: 0.8;
 background-image: url(../images/pattern.png)

}

.logo>a {font-size:2.3em; cursor:default; pointer-events: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;}
.logo span {float:right; position:relative; top:12px; right:2px}
.logo span a{margin-left:8px; font-size:1.3em;}
.logo span a:hover{
    opacity:.7;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;}

@media all and (max-width: 768px) {
.logo {padding-left:4%!important; padding-right:4%!important}
}

.pad25 {padding: 25px 0;}
.padb15 {padding-bottom:15px;}
.padt10 {padding-top: 10px;}

.mar30 {margin: 30px 0;}
.mar100_30 {margin: 100px 0 30px 0;}
@media all and (max-width: 768px) {.mar100_30 {margin-top: 30px;} }
.mar75 {margin: 75px 0;}
.mar80-65 {margin: 80px 0 65px 0;}
.mart15 {margin-top: 15px;}
.mart20 {margin-top: 20px;}
.marb30 {margin-bottom: 30px;}
.marb85 {margin-bottom: 85px;}

.antracyte{width:100%;background-color:#343c3f; }
.antracyte img {max-height:450px;}

h4.cont {border-bottom:4px double #343c3f; padding-bottom:16px; margin-bottom:2px; }
h4.cont span {margin-left: 20px; float:right; opacity:.6; font-size: 80%}
@media all and (max-width: 1000px) {h4.cont span {float:none;} }
p.cont {/*border-top:1px solid #343c3f;*/ padding-top:6px}

p span.red {color:#c72026}
.antracyte p {color:#fff; padding-top:25px; padding-bottom:10px; font-size: 1.2em;}
.border {border-top: 2px solid #343c3f; margin-bottom:2px}

.copy {position:relative; top:20px;}
a.m10 {font-size: 1.4em; position:relative; top:5px; left:10px}
a.m10:hover, a.holer:hover {
    opacity:.7;
    -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out; }
a.holer span {opacity:.7;}
.under:hover {text-decoration:underline;}

a.totop {font-size: 2em;}
a.totop:hover {opacity:.7;}

@media all and (max-width: 996px) {.col4 p {text-align:center;}}
@media only screen and (max-width:768px){.col6.space{margin-bottom:30px!important;}}

figcaption h3 {font-size: 1.2em;}

.resize {margin:0 1px 1px 0!important;}
.resize:last-child {margin-right:0!important}

/*.resize:hover:not(.vid) {
opacity:.8;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;}*/

.resize{
    height:300px;
    background-color:#343c3f;
    color:#fff!important;
    position:relative;
    }

.resize a{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.8em;
    line-height: 310px;
}

.resize a b{font-size: 125%;}

.resize a:hover {
background-color:#fff;
color:#343c3f!important;
border: 1px solid #343c3f;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

[class*="one"] {margin:0 0.7% 0 0; width:32.866666%;}
.five, .tho, .three, .four, .four_1, .four_2, .six, .eight {margin:0 0.7% 0 0;}
.five {width:39.3%;}
.tho {width:20%;}
.three {width:24.65%;}
.four {width:29.65%;}
.four_1 {width:34%; float:right;}
.four_2 {width:34%;}
.six {width:49.3%;}
.eight {width:64.6%;}
.eight_1 {width:64.6%; float:right;}

.va { display: flex; align-items: center; justify-content: center; }
.box {border: 1px solid #343c3f; text-align:center; margin-bottom:9px;}
.box.nb {border: 0;}
.box h4 {font-size:1.55em; padding:0 10px;}
.box.size82  {height:82px;}
.box.size220 {height:220px;}
.box.size219 {height:218px;}
.box.size110 {height:110px;}
.box.size120 {height:120px;}
.box.size190 {height:190px;}
.box.size191 {height:191px;}
.box.size311 {height:311px;}
.box.size309 {height:309px;}
.box.size129 {height:129px;}
.box.size195 {height:195px;}
.box.size196 {height:196px;}
.box.size248 {height:248px;}
.box.size165 {height:165px;}
.box.size150 {height:150px;}
.box.size280 {height:280px;}
.box.size136 {height:136px;}
@media only screen and (max-width:768px){.box{max-height:82px!important;}}

/* load-more */
div.more {display:none;}

#loadMore {
    padding: 10px 50px;
    text-align: center;
    background-color: #343c3f;
    opacity:.4;
    color: #fff;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    box-shadow: 0 1px 1px #ccc;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}
#loadMore:hover {background-color: #fff; color: #343c3f; opacity:1;}