/* This has been modified and customized by @hannonhill. */
/* This has been modified and customized by Johnson & Wales Sep 2019. */
/*VARIABLES*/
 :root {
	 --blue-1: #4277BB;
	 --blue-2: #3870B6;
	 --blue-3: #2665A1;
	 --blue-4: #004A91;
	 --gold: #FDB604;
	 --facebook: #3b5998;
	 --twitter: #1da1f2;
	 --instagram: #405de6;
	 --youtube: #ff0000;
	 --sub-bar-height: 43px;
}
 html{
	 font-size:16px;
}
 body{
	 /* font-family:open_sans,sans-serif; */
	 font-size:16px;
	 color:#505050;
	 font-weight:400;
	 overflow-x:hidden 
}
 h1,h2,h3,h4,h5,h6{
	 /* font-family:montserrat,sans-serif; */
	 color:#11151c;
	 font-weight:700;
	 margin:0 0 15px 
}
 h1{
	 font-size:32.437px 
}
 h2{
	 font-size:25.629px 
}
 h3{
	 font-size:20.25px 
}
 h4{
	 font-size:16px 
}
 h5{
}
 p{
	 margin:0 0 20px 
}
 a{
	 color:#11151c;
	 -webkit-transition:.2s color;
	 transition:.2s color 
}
 p a {
	 color:var(--blue-4);
}
p a:not(.button--link, .button, .footer__disclaimer a) {
	text-decoration: underline;
}
 p a:not(.button--link, .button, .footer__disclaimer a):hover, p a:focus {
	 text-decoration:underline;
	 outline: 2 px dotted;
	 /* border-bottom:2px dotted; not sure why we are using 2 underline effects here. Removing this one -mm 1/12/2021 */
}
 a:hover,a:focus{
	 text-decoration:none;
}
 button a {
	 color: #fff;
}
 button a:hover,button a:focus{
	 text-decoration:none;
}
 ul, ol, .section ul.noliststyle, .section ol.noliststyle{
	 margin: 0;
	 padding: 0;
	 list-style: none;
}
 .section ul{
	 margin: 0 0 2rem 0;
	 padding: 0 0 0 1.5rem;
	 list-style: disc;
}
 .section ol{
	 margin: 0 0 2rem 0;
	 padding: 0 0 0 1.5rem;
	 list-style: decimal;
}
 .section ul.post-meta, .section ol.post-meta{
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 margin-bottom: 10px;
}
 ul.list-style,ol.list-style{
	 padding-left:15px;
	 margin-bottom:10px 
}
 ul.list-style{
	 list-style-type:disc 
}
 ol.list-style{
	 list-style-type:decimal 
}
 img{
	 max-width:100%;
	 height:auto;
}
 .footer__logo, a.footer__logo:hover{
	 color:#ffffff;
}
 .footer__social a{
	 color: #ffffff;
}
 blockquote.blockquote{
	 padding:30px;
	 margin:0 0 20px;
	 border:2px solid #e8eaed 
}
 blockquote.blockquote:before{
	 content:"\f10d";
	 font-family:fontAwesome;
	 width:70px;
	 height:70px;
	 line-height:70px;
	 text-align:center;
	 border-radius:50%;
	 font-size:30px;
	 background:#fff;
	 border:2px solid #e8eaed;
	 float:left;
	 margin-right:10px 
}
 blockquote.blockquote .blockquote-footer{
	 color:#97989b 
}
 figure{
	 margin-bottom:20px 
}
 figure>img{
	 width:100% 
}
 figure.pull-right{
	 margin-left:15px 
}
 figure.pull-left{
	 margin-right:15px 
}
 figure>figcaption{
	 font-size:12px;
	 text-align:center;
	 margin-top:10px;
	 font-style:italic;
}
 .container{
	 padding-left: 15px;
	 padding-right: 15px;
	 margin-left: auto;
	 margin-right: auto;
	 padding-top: 0px;
	 padding-bottom: 0px;
	 margin-bottom: 0px;
}
 .section{
	 padding-top: 30px;
	 margin-top: 0px;
	 margin-bottom: 0px;
}
 .section-row{
	 margin-bottom:30px 
}
 .section-title{
	 position:relative;
	 margin-bottom:20px 
}
 .section-title .title{
	 position:relative;
	 display:inline-block;
	 background-color:#fff;
	 font-size:16px;
	 text-transform:uppercase;
	 margin-top:0;
	 margin-bottom:0;
	 padding-right:10px;
	 z-index:20 
}
 .section-title:after{
	 content:"";
	 display:inline-block;
	 height:2px;
	 background-color:#e8eaed;
	 position:absolute;
	 left:0;
	 right:0;
	 top:10px;
	 z-index:10 
}
 .input{
	 width:100%;
	 height:40px;
	 padding:0 15px;
	 background-color:#fff;
	 border-radius:2px;
	 border:2px solid #e8eaed 
}
 textarea.input{
	 padding:15px;
	 height:90px 
}
 .primary-button,.secondary-button{
	 display:inline-block;
	 padding:10px 40px;
	 border-radius:2px;
	 border:none;
	 font-weight:700;
	 font-size:14px;
	 text-transform:uppercase;
	 -webkit-transition:.2s all;
	 transition:.2s all 
}

/* blogs caption per #361696 */
.blogs-caption {
	 font-family:montserrat,sans-serif;
	 color:#11151c;
	 font-weight:700;
	 font-size: 75%;
	 margin:0 0 15px;
}

@media (prefers-reduced-motion) {
  .primary-button,.secondary-button{
 	 -webkit-transition:.9s all;
 	 transition:.9s all 
 }
}
 .primary-button {
	 background-color:var(--blue-3);
	 color:#fff;
	 -webkit-box-shadow:0 0 0 2px var(--blue-3) inset;
	 box-shadow:0 0 0 2px var(--blue-3) inset 
}
 .secondary-button {
	 background-color:var(--blue-4);
	 color:#fff;
	 -webkit-box-shadow:0 0 0 2px var(--blue-4) inset;
	 box-shadow:0 0 0 2px var(--blue-4) inset 
}
 .primary-button:hover,.primary-button:focus{
	 background-color:transparent;
	 text-decoration:none;
	 color:var(--blue-3) 
}
 .secondary-button a:hover, .secondary-button a:focus, .secondary-button:hover,.secondary-button:focus{
	 background-color:transparent;
	 text-decoration:none;
	 color: var(--blue-4) 
}
 .social-facebook{
	 background:#225b99!important 
}
 .social-twitter{
	 background:#00adf2!important 
}
 .social-pinterest-p{
	 background:#cc2127!important 
}
 .social-instagram{
	 background:#d341b2!important 
}
 .social-linkedin{
	 background:#0077B5!important 
}
 .social-rss{
	 background:#f26522!important 
}
 .social-youtube{
	 background:#CC181E!important 
}
 #nav{
	 border-bottom:1px solid #e8eaed 
}
 #nav:after{
	 content:"";
	 position:fixed;
	 left:0;
	 right:0;
	 bottom:0;
	 top:0;
	 background-color:rgba(0,0,0,.5);
	 z-index:90;
	 opacity:0;
	 visibility:hidden;
	 -webkit-transition:.2s all;
	 transition:.2s all 
}
@media (prefers-reduced-motion) {
  #nav:after{
 	 -webkit-transition:.9s all;
 	 transition:.9s all 
 }
}
 #nav.shadow-active:after{
	 opacity:1;
	 visibility:visible 
}
 #nav-top{
	 text-align:center 
}
 #nav-top>.container{
	 position:relative 
}
 #nav-bottom{
	 border-top:1px solid #e8eaed 
}
 .nav-social{
	 float:left;
	 padding:10px 0 
}
 .nav-social li{
	 display:inline-block 
}
 .nav-social li a{
	 display:block;
	 padding:15px;
	 line-height:20px 
}
 .nav-logo{
	 position:absolute;
	 left:50%;
	 -webkit-transform:translateX(-50%);
	 -ms-transform:translateX(-50%);
	 transform:translateX(-50%) 
}
 .nav-logo .logo{
	 display:inline-block;
	 line-height:70px;
	 height:70px 
}
 .nav-logo .logo>img{
	 width:100%;
	 max-height:70px 
}
 .nav-btns{
	 float:right;
	 padding:10px 0 
}
 .nav-btns>button{
	 width:50px;
	 height:50px;
	 line-height:50px;
	 text-align:center;
	 border:none;
	 background:0 0 
}
 #nav-search{
	 position:fixed;
	 left:50%;
	 -webkit-transform:translate(-50%,10px);
	 -ms-transform:translate(-50%,10px);
	 transform:translate(-50%,10px);
	 opacity:0;
	 visibility:hidden;
	 max-width:960px;
	 width:100%;
	 padding:60px 5%;
	 background:#1b1c1e;
	 z-index:999;
	 -webkit-transition:.2s all;
	 transition:.2s all 
}
@media (prefers-reduced-motion) {
  #nav-search{
 	 -webkit-transition:.9s all;
 	 transition:.9s all 
 }
}
 #nav-search.active{
	 opacity:1;
	 visibility:visible;
	 -webkit-transform:translate(-50%,0px);
	 -ms-transform:translate(-50%,0px);
	 transform:translate(-50%,0px) 
}
 #nav-search form .input{
	 height:80px;
	 background:0 0;
	 border:2px solid #323335;
	 color:#fff;
	 font-size:24px;
	 font-weight:700;
	 padding:15px 25px 
}
 .nav-menu{
	 position:relative;
	 text-align:center;
	 float:none 
}
 .nav-menu>li{
	 float:none;
	 display:inline-block 
}
 .nav-menu>li>a{
	 display:block;
	 padding:25px 15px;
	 line-height:20px;
	 font-weight:700;
	 text-transform:uppercase 
}
 .nav-menu li.has-dropdown{
	 position:relative 
}
 .nav-menu li.has-dropdown>a:after{
	 font-family:fontawesome;
	 content:"\f0d7";
	 margin-left:5px 
}
 .nav-menu li.has-dropdown>.dropdown{
	 position:absolute;
	 left:0;
	 width:200px;
	 text-align:left;
	 z-index:60;
	 -webkit-transform:translateY(10px);
	 -ms-transform:translateY(10px);
	 transform:translateY(10px);
	 opacity:0;
	 visibility:hidden;
	 -webkit-transition:.2s all;
	 transition:.2s all 
}
@media (prefers-reduced-motion) {
  .nav-menu li.has-dropdown>.dropdown{
 	 -webkit-transition:.9s all;
 	 transition:.9s all 
 }
}
 .nav-menu li.has-dropdown:hover>.dropdown{
	 -webkit-transform:translateY(0px);
	 -ms-transform:translateY(0px);
	 transform:translateY(0px);
	 opacity:1;
	 visibility:visible 
}
 .nav-menu li.has-dropdown>.dropdown .dropdown-body{
	 background-color:#fff;
	 -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);
	 box-shadow:0 0 10px 0 rgba(0,0,0,.1);
}
 .dropdown .dropdown-list li{
	 border-bottom:1px solid #e8eaed 
}
 .dropdown .dropdown-list li a{
	 display:block;
	 padding:10px;
	 line-height:20px 
}
 .dropdown .dropdown-heading{
	 text-transform:uppercase;
	 font-size:14px;
	 margin-top:0;
	 margin-bottom:10px;
	 line-height:30px 
}
 .nav-menu li.has-dropdown.megamenu{
	 position:static 
}
 .nav-menu li.has-dropdown.megamenu>.dropdown{
	 width:100% 
}
 .nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-body{
	 padding:30px 
}
 .nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-list{
	 margin-bottom:30px 
}
 .nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-list li a{
	 padding-left:0;
	 padding-right:0 
}
 .nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-content{
	 z-index:70;
	 position:relative;
	 margin-left:-30px 
}
 .nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav{
	 background-color:#1b1c1e;
	 -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.1);
	 box-shadow:0 0 2px 0 rgba(0,0,0,.1);
	 position:relative;
	 z-index:60 
}
 .nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li{
	 border-bottom:1px solid #323335 
}
 .nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li a{
	 display:block;
	 padding:15px;
	 color:#fff;
	 font-weight:700;
	 font-size:12px;
	 text-transform:uppercase 
}
 .nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li.active a{
	 color:#fff 
}
 #nav-aside{
	 position:fixed;
	 right:0;
	 top:0;
	 bottom:0;
	 background-color:#1b1c1e;
	 max-width:360px;
	 width:100%;
	 padding:80px 20px;
	 overflow-y:scroll;
	 z-index:99;
	 -webkit-transform:translateX(100%);
	 -ms-transform:translateX(100%);
	 transform:translateX(100%);
	 -webkit-transition:.4s all cubic-bezier(.77,0,.18,1);
	 transition:.4s all cubic-bezier(.77,0,.18,1) 
}
@media (prefers-reduced-motion) {
  #nav-aside{
 	 -webkit-transition:.9s all cubic-bezier(.77,0,.18,1);
 	 transition:.9s all cubic-bezier(.77,0,.18,1) 
 }
}
 #nav-aside.active{
	 -webkit-transform:translateX(0%);
	 -ms-transform:translateX(0%);
	 transform:translateX(0%) 
}
 .nav-aside-menu li a{
	 display:block;
	 padding:15px 0;
	 color:#fff;
	 border-bottom:1px solid #323335 
}
 .nav-aside-menu li.has-dropdown>a{
	 cursor:pointer 
}
 .nav-aside-menu li.has-dropdown>a:after{
	 font-family:fontawesome;
	 content:"\f0d7";
	 float:right 
}
 .nav-aside-menu li.has-dropdown>.dropdown{
	 display:none;
	 margin-left:30px;
	 border-left:1px solid #323335 
}
 .nav-aside-menu li.has-dropdown.active>.dropdown{
	 display:block 
}
 .nav-aside-menu li.has-dropdown>.dropdown a{
	 padding:15px 
}
 .nav-close{
	 width:50px;
	 height:50px;
	 position:absolute;
	 top:10px;
	 right:15px;
	 background-color:transparent;
	 border:none 
}
 .nav-close span{
	 display:block;
	 position:absolute;
	 top:50%;
	 left:50%;
	 -webkit-transform:translateX(-50%);
	 -ms-transform:translateX(-50%);
	 transform:translateX(-50%) 
}
 .nav-close span:before,.nav-close span:after{
	 content:"";
	 display:block;
	 width:30px;
	 background-color:#fff;
	 height:2px 
}
 .nav-close span:before{
	 -webkit-transform:translateY(0px) rotate(-135deg);
	 -ms-transform:translateY(0px) rotate(-135deg);
	 transform:translateY(0px) rotate(-135deg) 
}
 .nav-close span:after{
	 -webkit-transform:translateY(-2px) rotate(135deg);
	 -ms-transform:translateY(-2px) rotate(135deg);
	 transform:translateY(-2px) rotate(135deg) 
}
 .page-header{
	 position:relative;
	 margin:0;
	 padding-top:120px;
	 padding-bottom:80px;
	 background-color:#1b1c1e;
	 border:none;
}
 .breadcrumb {
	 background-color: #f5f5f5;
	 margin-bottom: 0;
}
 .breadcrumb ol {
	 border-radius:0;
	 padding:0;
}
.breadcrumb>.active {
 color:#505050;
}
 #post-header{
	 padding-top:240px;
	 padding-bottom:80px 
}
 .page-header-bg {
	 background: no-repeat center top;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}
 .page-header .page-header-bg{
	 position:absolute;
	 top:0;
	 left:0;
	 right:0;
	 bottom:0 
}
 .page-header .page-header-bg:after{
	 content:"";
	 position:absolute;
	 left:0;
	 right:0;
	 top:0;
	 bottom:0;
	 background:-webkit-gradient(linear,left top,left bottom,from(rgba(27,28,30,0)),color-stop(90%,rgba(27,28,30,0.8)));
	 background:linear-gradient(180deg,rgba(27,28,30,0) 0%,rgba(27,28,30,0.8) 90%) 
}
 .page-header h1{
	 font-size:41.053px;
	 color:#fff 
}
 .page-header p.lead{
	 font-size:20.25px;
	 color:#fff 
}
 .post{
	 position:relative;
	 margin-bottom:30px 
}
 .post .post-body{
	 position:relative;
	 margin:-50px 0 0 3%;
	 padding:5%;
	 background:#fff;
	 z-index:10 
}
 .post .post-img{
	 display:block;
	 overflow:hidden;
	 position:relative;
}
 .post.post-widget .post-img>img{
	 height:100%;
	 object-fit:cover;
	 position:absolute;
	 margin-right:auto;
	 margin-left:auto;
}
 .post-img>img{
	 width:100%;
	 -webkit-transition:1.6s -webkit-transform;
	 transition:1.6s -webkit-transform;
	 transition:1.6s transform;
	 transition:1.6s transform,1.6s -webkit-transform;
	 height: 220px;
	 object-fit: cover 
}
.hot-post-left .post-img>img {
	height: 447px;
}
@media (prefers-reduced-motion) {
 .post-img>img{
 	 -webkit-transition:3.6s -webkit-transform;
 	 transition:3.6s -webkit-transform;
 	 transition:3.6s transform;
 	 transition:3.6s transform,3.6s -webkit-transform 
 }
}
.post-thumb:hover {
	cursor: pointer;
}
 .post-thumb:hover>.post-img img, .post-img img:hover{
	 -webkit-transform:scale(1.2);
	 -ms-transform:scale(1.2);
	 transform:scale(1.2);
}
 .post .post-title{
	 font-size:18px 
}
 .post .post-title.title-sm{
	 font-size:16px 
}
 .post .post-title.title-lg{
	 font-size:25.629px 
}
.post-title a:hover {
	text-decoration: underline;
}
 .post .post-category{
	 margin-bottom:10px 
}
 .post-category span, .post-category a{
	 color:var(--blue-4);
	 /* font-weight:700; font weight not allowed according to ada */
	 font-size:12px;
	 text-transform:uppercase 
}
 .hot-post .post-category span, #post-header .post-category span {
	 color: #FFFFFF;
}
 .post-category span:after, .post-category a:after{
	 content:',';
	 display:inline-block 
}
 .post-category span:last-child:after, .post-category a:last-child:after{
	 display:none 
}
 ul.post-meta{
	 margin-bottom:5px 
}
 .post .post-meta{
	 margin-bottom:10px 
}
 .post-meta li{
	 display:inline-block;
	 color:#505050;
	 font-size:12px;
	 text-transform:uppercase 
}
 .post-meta li a{
	 color:#97989b;
	 font-weight:700 
}
 .post-meta li:after{
	 content:'•';
	 display:inline-block;
	 padding-left:5px;
	 padding-right:5px 
}
 .post-meta li:last-child:after{
	 display:none 
}
 .hot-post{
	 padding:0 15px 
}
 .hot-post .hot-post-left{
	 padding-right:0;
	 padding-left:0 
}
 .hot-post .hot-post-right{
	 padding-right:0;
	 padding-left:5px 
}
 .hot-post .post{
	 margin-bottom:7px 
}
 .hot-post{
	 margin-bottom:25px 
}
 .post.post-thumb .post-img:after{
	 content:"";
	 position:absolute;
	 left:0;
	 right:0;
	 top:0;
	 bottom:0;
	 background:-webkit-gradient(linear,left top,left bottom,from(rgba(27,28,30,0)),color-stop(90%,rgba(27,28,30,0.8)));
	 background:linear-gradient(180deg,rgba(27,28,30,0) 0%,rgba(27,28,30,0.8) 90%) 
}
 .post.post-thumb .post-body{
	 position:absolute;
	 margin:0;
	 padding:0 5%;
	 z-index:20;
	 bottom:5%;
	 background-color:transparent 
}
 .post.post-thumb .post-title a{
	 color:#fff 
}
 .post.post-thumb .post-meta li{
	 color:#fff 
}
 .post.post-thumb .post-meta li a{
	 color:#fff 
}
 .post.post-sm .post-body{
	 margin:15px 0 0;
	 background:0 0;
	 padding:0 
}
 .post.post-widget:after{
	 content:"";
	 display:table;
	 clear:both 
}
 .post.post-widget .post-img{
	 float:left;
	 height:87px;
	 width:130px 
}
 .post.post-widget .post-body{
	 position:relative;
	 background:0 0;
	 margin:0 0 0 150px;
	 padding:0 
}
 .post.post-widget .post-title{
	 font-size:16px;
	 margin-bottom:0 
}
 .post.post-row:after{
	 content:'';
	 display:table;
	 clear:both 
}
 .post.post-row .post-img{
	 width:40%;
	 float:left 
}
 .post.post-row .post-body{
	 margin:0 0 0 calc(40% + 30px);
	 padding:0 
}
 .page-header .post-category{
	 margin-bottom:10px 
}
 .page-header .post-meta li{
	 color:#fff 
}
 .page-header .post-meta li a{
	 color:#fff 
}
 .post-share a{
	 display:inline-block;
	 padding:5px 15px;
	 border-radius:5px;
	 color:#fff;
	 background-color:#97989b;
	 margin-right:4px;
	 margin-bottom:6px;
	 -webkit-transition:.2s opacity;
	 transition:.2s opacity 
}
 .post-share a:hover{
	 opacity:.9 
}
 .post-share a i{
	 width:20px;
	 text-align:center 
}
 .post-share a span{
	 padding-left:10px;
	 border-left:2px solid rgba(255,255,255,.1);
	 text-transform:uppercase;
	 font-size:12px;
	 font-weight:700;
	 margin-left:10px 
}
 .post-content .post-attachement.pull-left{
	 margin-right:15px 
}
 .post-content .post-attachement.pull-right{
	 margin-left:15px 
}
 .post-tags ul li{
	 display:inline-block;
	 text-transform:uppercase;
	 font-size:12px;
	 font-weight:700 
}
 .post-tags ul li:first-child{
	 font-weight:400 
}
 .post-tags ul li:after{
	 content:',';
	 display:inline-block 
}
 .post-tags ul li:first-child:after{
	 display:none 
}
 .post-tags ul li:last-child:after{
	 display:none 
}
 .post-nav:after{
	 content:"";
	 display:table;
	 clear:both 
}
 .post-nav .post-title{
	 font-size:14px;
	 margin:0 
}
 .post-nav .prev-post{
	 float:left;
	 width:50%;
	 padding-right:15px 
}
 .post-nav .next-post{
	 float:right;
	 width:50%;
	 text-align:right;
	 padding-left:15px 
}
 .post-nav .post-img{
	 display:block;
	 width:100px;
	 overflow:hidden 
}
 .post-nav .prev-post .post-img{
	 float:left;
	 margin-right:15px 
}
 .post-nav .next-post .post-img{
	 float:right;
	 margin-left:15px 
}
 .post-nav .next-post span,.post-nav .prev-post span{
	 font-weight:700;
	 color:#97989b;
	 text-transform:uppercase;
	 font-size:12px 
}
 .post-nav .next-post:after,.post-nav .prev-post:after{
	 content:'';
	 display:table;
	 clear:both 
}
 .author.media .media-left{
	 position:relative;
	 padding-right:30px 
}
 .author .author-img{
	 width:100px;
	 border-radius:50%;
	 margin-bottom:15px 
}
 .author .author-social li{
	 display:inline-block;
	 margin-right:10px 
}
 .author .author-social li a{
	 display:block 
}
 .page-header .author .author-social li a{
	 color:#fff 
}
 .post-comments .media{
	 margin-top:30px 
}
 .post-comments .media:nth-child(1){
	 margin-top:0 
}
 .post-comments .media .media-left{
	 position:relative;
	 padding-right:15px 
}
 .post-comments .media .media-left .media-object{
	 width:50px;
	 border-radius:50%;
	 position:relative;
	 z-index:20 
}
 .post-comments .media .media-left:after{
	 content:'';
	 position:absolute;
	 left:calc(50% - 9px);
	 top:80px;
	 bottom:15px;
	 width:1px;
	 background-color:#e8eaed 
}
 .post-comments .media .media-heading h4{
	 display:inline-block;
	 font-size:14px;
	 text-transform:uppercase 
}
 .post-comments .media .media-heading .time{
	 color:#97989b;
	 margin-left:10px;
	 font-size:12px 
}
 .post-comments .media .reply{
	 text-transform:uppercase;
	 display:inline-block;
	 padding:5px 13px;
	 font-size:12px;
	 font-weight:700;
	 color:#fff;
	 background-color:#323335;
	 border-radius:2px;
	 -webkit-transition:.2s opacity;
	 transition:.2s opacity 
}
 .post-comments .media .reply:hover{
	 opacity:.9 
}
 .aside-widget{
	 margin-bottom:30px 
}
 .social-widget ul{
	 overflow:auto 
}
 .social-widget ul li{
	 float:left;
	 width:33.33% 
}
 .social-widget ul li a{
	 display:block;
	 text-align:center;
	 padding:30px 15px;
	 color:#fff;
	 -webkit-transition:.2s opacity;
	 transition:.2s opacity 
}
 .social-widget ul li a:hover{
	 opacity:.9 
}
 .social-widget ul li a span{
	 font-weight:700;
	 font-size:14px 
}
 .social-widget ul li a i{
	 display:block;
	 font-size:30px;
}
 .newsletter-widget{
	 position:relative;
	 padding:0 30px 30px;
	 border-left:2px dashed #e8eaed;
	 border-right:2px dashed #e8eaed;
}
 .aside-widget:last-child .newsletter-widget{
	 border-bottom:2px dashed #e8eaed 
}
 .newsletter-widget p{
	 min-height: 68px;
	 max-height: 159px;
	 position:relative;
}
 .newsletter-widget span {
	 display: block;
	 margin-bottom: 5px;
}
 .newsletter-widget .input{
	 margin-bottom:15px 
}
 .newsletter-widget:after{
	 content:"\f003";
	 font-family:FontAwesome;
	 position:absolute;
	 bottom:-25px;
	 right:27px;
	 font-size:160px;
	 color:#e8eaed;
	 -webkit-transform:rotate(13deg);
	 -ms-transform:rotate(13deg);
	 transform:rotate(13deg);
	 z-index:-1;
}
 .footer-widget .newsletter-widget{
	 padding:0;
	 border:none 
}
 .footer-widget .newsletter-widget:after{
	 color:#323335 
}
 .category-widget ul li{
	 padding:15px 0;
	 border-bottom:1px solid #e8eaed 
}
 .category-widget ul li a{
	 display:block;
	 text-transform:uppercase;
	 /*! font-weight:700 use strong for ada purposes */ 
	 font-size: 14px;
}
 .category-widget ul li a span{
	 float:right;
	 font-size:14px;
	 color:#505050;
	 margin-left:15px 
}
 .footer-widget .category-widget ul li{
	 border-color:#323335 
}
 .tags-widget ul li{
	 display:inline-block;
	 margin-right:4px;
	 margin-bottom:6px 
}
 .tags-widget ul li a{
	 text-transform:uppercase;
	 display:block;
	 padding:10px 15px;
	 font-size:12px;
	 font-weight:700;
	 color:#97989b;
	 background-color:#323335;
	 border-radius:2px;
	 -webkit-transition:.2s all;
	 transition:.2s all 
}
@media (prefers-reduced-motion) {
 .tags-widget ul li a{
 	 -webkit-transition:.9s all;
 	 transition:.9s all 
 }
}
 .tags-widget ul li a:hover,.tags-widget ul li a:focus{
	 color:#fff!important;
}
 .galery-widget ul{
	 margin:-2px 
}
 .galery-widget ul li{
	 display:inline-block;
	 width:33.33%;
	 padding:2px;
	 margin-right:-4px 
}
 .galery-widget ul li a{
	 display:block;
	 overflow:hidden 
}
 .galery-widget ul li a img{
	 width:100%;
	 -webkit-transition:1.6s -webkit-transform;
	 transition:1.6s -webkit-transform;
	 transition:1.6s transform;
	 transition:1.6s transform,1.6s -webkit-transform 
}
@media (prefers-reduced-motion) {
  .galery-widget ul li a img{
 	 -webkit-transition:3.6s -webkit-transform;
 	 transition:3.6s -webkit-transform;
 	 transition:3.6s transform;
 	 transition:3.6s transform,3.6s -webkit-transform 
 }
}
 .galery-widget ul li a:hover img{
	 -webkit-transform:scale(1.2);
	 -ms-transform:scale(1.2);
	 transform:scale(1.2) 
}
 #footer{
	 margin-top:40px;
	 padding-top:80px;
	 padding-bottom:40px;
	 background-color:#1b1c1e 
}
 #footer{
	 color:#97989b 
}
 #footer a{
	 color:#97989b 
}
 .footer-widget {
	 margin-bottom: 30px;
	 min-height: 100px;
	 margin-right: auto;
	 margin-left: auto;
	 width: 400px;
}
 .footer-widget .footer-title{
	 color:#fff;
	 font-size:14px;
	 text-transform:uppercase 
}
 .footer-widget .footer-logo {
	 width: 90%;
	 margin-left: auto;
	 margin-right: auto;
}
 .footer-logo, .footer-copyright {
	 margin-bottom:20px 
}
 .footer-logo .logo {
	 display:inline-block;
	 line-height:70px;
	 height:70px;
	 width:300px;
}
 .footer-logo .logo img {
	 width:100%;
}
 .footer-bottom{
	 margin-top:30px;
	 padding-top:30px;
	 border-top:1px solid #323335 
}
 .footer-nav{
	 text-align:right 
}
 .footer-nav li{
	 display:inline-block;
	 margin-right:10px 
}
 .contact li{
	 position:relative;
	 margin-bottom:20px;
	 padding-left:55px;
	 padding-top:5px;
	 min-height:40px 
}
 .contact li i{
	 position:absolute;
	 left:0;
	 top:0;
	 width:40px;
	 text-align:center;
	 height:40px;
	 background:#fff;
	 border:1px solid #e8eaed;
	 line-height:40px;
	 border-radius:50% 
}
 .footer-widget .contact li i{
	 color:#97989b;
	 background-color:#353535;
	 border:none 
}
 .contact-social {
	 margin-right: auto;
	 margin-left: auto;
	 width: 200px;
}
 .contact-social li{
	 display:inline-block;
	 margin-right:3px;
	 margin-bottom:6px 
}
 .contact-social li a{
	 display:block;
	 width:40px;
	 height:40px;
	 line-height:40px;
	 font-size:14px;
	 text-align:center;
	 border-radius:50%;
	 color:#fff!important;
	 -webkit-transition:.2s opacity;
	 transition:.2s opacity 
}
 .contact-social li a:hover{
	 opacity:.9 
}
 @media only screen and (min-width:1199px) {
}
 @media only screen and (min-width:992px) and (max-width:1198px) {
}
 @media only screen and (min-width:991px) {
}
 @media only screen and (max-width:991px){
	 #nav-bottom{
		 display:none 
	}
	 .nav-social{
		 display:none 
	}
	 .nav-logo{
		 position:static;
		 -webkit-transform:none;
		 -ms-transform:none;
		 transform:none;
		 left:0;
		 display:inline-block;
		 float:left 
	}
	 .footer-nav{
		 text-align:left;
		 margin-bottom:30px 
	}
}
 @media only screen and (max-width:767px){
	 .page-header h1{
		 font-size:32.437px 
	}
	 .post-nav .prev-post{
		 float:none;
		 width:100%;
		 margin-bottom:15px;
		 padding-right:0 
	}
	 .post-nav .prev-post:last-child{
		 margin-bottom:0 
	}
	 .post-nav .next-post{
		 float:none;
		 width:100% 
	}
	 .post-nav .next-post{
		 float:none;
		 width:100%;
		 padding-left:0;
		 text-align:left 
	}
	 .post-nav .next-post .post-img{
		 margin-right:15px;
		 float:left;
		 margin-left:0 
	}
}
/*̽»¨ÊÓƵ HEADER*/
 header {
	 display: block;
}
 .pre-header {
	 background: var(--blue-4);
	 height: var(--sub-bar-height);
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 z-index: 99;
}
 .pre-header--menu {
	 display: flex;
	 flex-flow: row wrap;
	 float: right;
}
 .pre-header--menu::after {
	 display: block;
	 clear: both;
	 content: '';
}
 .pre-header--menu li:not(:last-child) {
	 margin-right: 2px;
}
 .pre-header-mobile {
	 display: none;
}
 .menu--link {
	 background: var(--blue-1);
	 color: #FFFFFF;
	 display: block;
	 font-weight: 700;
	 padding: 10px 20px;
}
 .menu--link:hover {
	 background: var(--blue-2);
}
 .menu--link:hover,.menu--link:active, .menu--link:visited {
	 color: #FFFFFF;
}
 .menu--link.gold {
	 color: #000000;
	 background: var(--gold);
}
 .menu--link.gold:hover {
	 background: var(--gold);
}
 .menu--link.gold:hover,.menu--link.gold:active, .menu--link.gold:visited {
	 color: #000000;
}
 nav {
	 background: var(--blue-3);
}
 .nav--large {
	 display: flex;
	 flex-flow: row nowrap;
	 justify-content: space-between;
	 margin-top: var(--sub-bar-height);
	 padding: 15px 40px;
}
 .nav--small {
	 height: 0;
	 overflow: hidden;
	 transition: all .3s;
}
@media (prefers-reduced-motion) {
  .nav--small {
 	 transition: all .9s;
 }
}
 .nav--logo svg {
	 fill: #FFFFFF;
	 height: 100px;
	 width: 200px;
}
 .nav--link-container {
	 display: flex;
	 flex-flow: row wrap;
}
 .nav--item {
	 border: 5px solid var(--blue-3);
	 color: #FFFFFF;
	 display: flex;
	 flex-direction: column;
	 font-size: 20px;
	 font-weight: 700;
	 justify-content: center;
	 padding: 0 10px;
}
 .nav--item:hover {
	 border-bottom: 5px solid #FFFFFF;
	 color: #FFFFFF;
}
/* ̽»¨ÊÓƵ Magazine */
 .magazine-header-text {
	 color: white;
	 position: absolute;
	 z-index: 1;
	 top: 15px;
	 left: 30px;
	 font-size: 3.5rem;
	 text-shadow: 0px 0px 15px black;
}
@media only screen and (max-width: 500px) {
	.magazine-header-text {
		font-size: 2rem;
		top: 4px;
		left: 22px;
	}
}
/*̽»¨ÊÓƵ FOOTER*/
 footer{
}
 .footer--main-container {
	 background: var(--blue-3);
	 color: #FFFFFF;
	 fill: #FFFFFF;
	 padding: 20px 0;
}
 .sub-container {
	 margin: auto;
	 width: 80%;
}
 .footer--main-container .sub-container {
	 display: flex;
	 justify-content: space-between;
}
 .footer--logo {
	 width: 50%;
}
 .footer--logo svg {
	 fill: #FFFFFF;
	 height: 75px;
}
 .footer--links {
	 display: flex;
	 justify-content: space-between;
}
 .footer--links-col:not(:last-child) {
	 margin-right: 30px;
}
 .footer--links li {
	 padding: 10px 0;
}
 .footer--main-container .footer--links a {
	 background-image: url('data:image/svg+xml;
	 charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%201%201%22%3E%0A%20%3Cg%3E%0A%20%20%3Crect%20height%3D%221%22%20width%3D%221%22%20y%3D%220%22%20x%3D%220%22%20fill%3D%22%23fff%22%20opacity%3D%220.25%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');
	 background-position: 0 95%;
	 background-repeat: repeat-x;
	 background-size: 1px 1px;
	 color: #fff;
}
 .footer--main-container .footer--links a:hover {
	 background-image: url('data:image/svg+xml;
	 charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%201%201%22%3E%0A%20%3Cg%3E%0A%20%20%3Crect%20height%3D%221%22%20width%3D%221%22%20y%3D%220%22%20x%3D%220%22%20fill%3D%22%23fff%22%20opacity%3D%221%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');
}
 .footer--main-container p:last-child {
	 margin-bottom: 0;
}
 .footer--post-bar {
	 background: var(--blue-1);
	 color: #FFFFFF;
	 padding: 0 40px;
}
 .footer--post-bar .sub-container {
	 display: flex;
	 flex-flow: row wrap;
	 justify-content: space-between;
}
 .footer--post-bar .copyright {
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
}
 .footer--social {
	 display: flex;
	 flex-flow: row nowrap;
}
 .footer--social li {
	 display: flex;
	 flex-direction: column;
	 height: 40px;
	 justify-content: center;
	 padding: 0 5px;
}
 .footer--social li:hover {
	 background: #FFFFFF;
}
 .footer--social a, .footer--social svg {
	 height: 24px;
	 width: 24px;
}
 .footer--social svg {
	 fill: #FFFFFF;
}
 .footer--social li:hover .facebook{
	 fill: var(--facebook);
}
 .footer--social li:hover .twitter{
	 fill: var(--twitter);
}
 .footer--social li:hover .instagram{
	 fill: var(--instagram);
}
 .footer--social li:hover .youtube{
	 fill: var(--youtube);
}
 @media screen and (max-width: 768px) {
	 .sub-container {
		 width: 90%;
	}
	 .footer--logo {
		 width: 100%;
	}
}
 @media screen and (max-width: 720px) {
	 .nav--small.reveal {
		 height: 343px;
	}
	 .pre-header {
		 height: 100px;
		 padding: 10px 0;
		 position: static;
	}
	 .pre-header-mobile {
		 display: flex;
		 justify-content: space-around;
		 fill: #FFFFFF;
	}
	 .header--mobile-logo svg {
		 height: 75px;
		 width: 200px;
	}
	 .header--mobile-trigger {
		 cursor: pointer;
		 display: flex;
		 flex-direction: column;
		 justify-content: center;
	}
	 .header--mobile-trigger svg {
		 height: 40px;
		 width: 40px;
	}
	 .nav--large, .pre-header--menu {
		 display: none;
	}
	 .footer--main-container .sub-container {
		 flex-wrap: wrap;
	}
	 .footer--post-bar .sub-container {
		 flex-wrap: wrap;
	}
	 .footer--logo a {
		 display: block;
		 margin: auto;
		 text-align: center;
	}
	 .footer--links {
		 margin-top: 20px;
	}
	 .footer--post-bar .sub-container {
		 text-align: center;
	}
	 .copyright {
		 width: 100%;
	}
	 .footer--social {
		 justify-content: center;
		 margin: auto;
		 width: 70%;
	}
}