/*
******************
COMMON
******************
*/

@font-face {
    font-family: "GalanoGrotesque-Light";
    src: url("../font/GalanoGrotesque-Light.woff2");
}
@font-face {
    font-family: "TiemposHeadlineWeb-Medium";
    src: url("../font/TiemposHeadlineWeb-Medium.woff2");
}

html,body{margin:0;padding:0;width:100%;height:100%;}
body{font-family:"GalanoGrotesque-Light", arial;}

h1, h2, h3, h4{margin:0;padding:0;text-align:left;font-weight:normal;}
h1{font-size:30px;font-weight:bold;line-height:35px;margin-bottom:20px;font-family:"TiemposHeadlineWeb-Medium", arial;}
h4{font-size:16px;font-weight:bold;line-height:22px;}
p{margin:20px 0;padding:0;}
p, ul, li{color:#000;font-size:16px;line-height:22px;}
a{color:#fc5047;}

/*
******************
HEADER
******************
*/
#header{background: #fcf7f7;padding:20px;max-width:1040px;margin:auto;position:relative;z-index:2;}
.logo{background:url(../img/logo.svg) 0 0 / auto 100% no-repeat;width:184px;height:40px;}

.site{padding:20px;max-width:1040px;margin:auto;background:#fcf7f7;}

/*
******************
COLS
******************
*/

.dtable{display:table;margin:auto;}
.dtd{display:table-cell;}
.dtd:first-child{padding-right:50px;}
.dtd:last-child{}

/*
******************
NAV
******************
*/

#nav{}
#nav .padd{padding-right:20px;border-right:1px solid #eee;}
#nav .item{display:block;text-decoration:none;color:#111;text-align:right;padding:10px 0;outline:0 none;}
#nav .item.selected{color:#fc5047;}

.nav_fixed #nav{position:fixed;top:0;}

#nav_btn{position:absolute;width:36px;height:60px;background:url(../img/nav_btn.png) center center no-repeat;top:0;left:0;display:none;}

#nav_c2 #nav{background:#eee;}
#nav_c2 #nav .padd{padding:20px;border:0 none;}
#nav_c2 #nav .item{text-align: left;}

/*
******************
CONTENT
******************
*/

#container{max-width:800px;}

pre{display:block;margin:0;padding:0;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}

.footer{color:#999;}
.apn_ad_slot{display:inline-block;}

/*
******************
BANNER
******************
*/

#left{margin-bottom:20px;font-size:0px;}
#left .apn_ad_slot{margin-right:20px;}
#left .apn_ad_slot:last-child{margin:0;}

/*
******************
BANNER 
:: INFINITE SCROLL
******************
*/

.tab{overflow: hidden;border: 1px solid #ccc;background-color: #f1f1f1;}
.tab button{background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;}
.tab button:hover{background-color: #ddd;}
.tab button.active{background-color: #ccc;}
.tabcontent{display: none;padding: 6px 12px;border: 1px solid #ccc;border-top: none;}
#scrolldiv{margin:20px 0;}

/*
******************
BANNER 
:: ROADBLOCK
******************
*/

.roadblock #apn_ad_slot_2{margin-bottom:20px;}

/*
******************
BANNER 
:: VIDEO
******************
*/

.video_ad_slot_block{margin-top:20px;}
.video_ad_slot{display:inline-block;}

/*
******************
RESPONSIVE
******************
*/

@media screen and (max-width: 700px){
    .dtd:first-child{display:none;}
    .logo{margin:auto;}
    #nav_btn{display: block;}
}