/************************************************************************************/
/* Html 
/************************************************************************************/
@-ms-viewport {width:device-width;}
html {box-sizing:border-box; -ms-overflow-style:scrollbar; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-x:hidden; height:100vh;}
*, *::before, *::after {box-sizing:inherit;}
body {font-family: 'GothamPro'; height:100vh; font-weight:normal; padding:0; color:#424242; font-size:18px; margin:0; line-height:1.2em; background:#F2F2F2;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
.stack {position:relative; display:inline-block; height:1.2em; line-height:1em; vertical-align:middle;}
.img-thumbnail {padding:18px; line-height:1.42857143; background-color:#fff; border:1px solid #ccc;}
.img-thumbnail-a {padding:3px; line-height:1.42857143; background-color:#fff; border:1px solid #ccc;}
ul {margin-top:0; margin-bottom:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
a img {border:none; outline:0;}
.img-responsive {display:block; max-width:100%; height:auto;}
.img-rounded {border-radius:12px;}
.img-rounded-a {border-radius:8px;}
* {outline: 0 !important;}
a:hover {transition:.5s;}
/************************************************************************************/
/* Grid 
/************************************************************************************/
.row {margin-right:0; margin-left:0; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.container-full {margin-left:auto; margin-right:auto; padding:0;width:100%;}
.container-full {}
.container-small {padding:0 20px; margin-left:auto; margin-right:auto;}
.flex-container {position:absolute; top:calc(50% - 100px); width:100%; left:0; text-align:left;}
.fl-center {width:100%; flex: 1 0 auto; display: flex; align-items: center; justify-content: space-between;}
.pad-l {padding-left:200px;}
.pad-r {padding-right:200px;}
.cont-pad-l {padding-left:200px;}
.cont-pad-r {padding-right:130px;}
.pad-r-menu {margin-right:200px;}
.cont-pad-ls {padding-left:130px;}
.cont-pad-rs {padding-right:200px;}
.flex-container-a {height:100vh; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-container-b {display: flex; align-items: center; justify-content: center; flex-direction: column;}
/************************************************************************************/
/* Typo
/************************************************************************************/
.wrap {display:flex; flex-direction:column; height:100vh;}
p {padding-bottom:25px;}
.text-center {text-align:center;}

ul.navi li {padding:5px 0;}
ul.navi a {margin:0; font-size:17px; color:#fff; text-decoration:none;}
ul.navi a:hover {color:#fff; text-decoration:none;}
.hvr-underline-from-center {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden;}
.hvr-underline-from-center:before {content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background: #66CE9D; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {left: 0; right: 0;}
.date span {color:#66CE9D;}

/*.breads {margin:20px 0 17px 0;}*/
.breads i {font-size:20px; color:#424242; margin-right:15px; width:22px;}
.breads ul {list-style:none;}
.breads ul li {display:block; text-decoration:none; font-weight: 600; padding:3px 0;}
.logo-pd{position: fixed; top:0; right:100px;}
/************************************************************************************/
/* Footer 
/************************************************************************************/
.block-silver-a {background:#424242;}
