@charset "utf-8";
*{padding:0; margin:0; list-style:none; border:none}
body { font-family: 'Crimson Text', serif; color:#333333; background:#fff;}
img {border:0 none;}
video, embed, object, .videocontent, iframe {width:100% !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; clear:both; vertical-align:baseline;}
a {color:#000; text-decoration:none;}
a:hover {color:#0044b6; -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; transition:all 0.2s ease-in-out;}

::-moz-selection { background:#032d73; color:#ffffff}
::selection { background:#032d73;  color:#ffffff}

.innerwrap {width:1130px; margin:0 auto; position:relative; clear:both;}
.footer, .video, .comment {clear:both; margin-top:25px; float:left; width:100%;}

.contents {float:left; width:100%;margin-top: 50px;}
.main { float:left; width:705px;}
.side { float:right; width:400px; margin-top: 20px;}
.side2 { float:right; width:368px; border:#dfdfdf 1px solid; margin-top: 20px; padding:15px;}

.fl { float:left}
.fr { float:right}
.clr { clear:both; line-height:0; height:0; display:block;}
.blue_label { background:#032d73; font-size:11px; color:#ffffff; font-family:'Montserrat', sans-serif; line-height:27px; display:inline-block; padding:0 10px;}

.art-ttl { font-weight:normal}
.art-img img {width: 100%; height:auto;}
.f-blue { color:#0a53cd;}
.art-smr { font-size:14px; color:#838383; line-height:16px; }

/*ad unit reset*/
.adunit_leaderboard { padding:10px 0 !important;}
#adunit_article_center_middle1_computer { margin-top:10px}
.article_share_rail { float:left;}

/*header*/
.header { background:#0c0c0c; height:50px; float:left; width:100%; position: fixed; z-index: 9999;}
.header .innerwrap { position:relative}
.header .logo-hngn { position:absolute; top:0; left:0; background:#032d73; height:46px; width:180px; z-index:101; text-align:center; padding-top:10px}
.nav { position:absolute; top:0; left:190px; z-index:100; }
.nav a { display:inline-block; margin-left:12px; padding:0 5px; line-height:50px; font-family:'Montserrat', sans-serif; font-size:13px; text-transform:uppercase; color:#bfbfbf;}
.nav a:hover { color:#ffffff}
.header .ic_menu, .header .ic_search { position:absolute; cursor:pointer; display:inline-block}
.header .ic_menu.icon-x { width:20px; height:20px; background:url(../images/icon2016.png) -79px 0 no-repeat;}
.header .ic_menu.icon-align-justify {width:20px; height:20px; background:url(../images/icon2016.png) 0 0 no-repeat;}
.header .ic_menu:hover, .header .ic_search:hover { color:#ffffff}
.header .ic_menu { top:11px; right:90px; z-index:101; font-size:25px;}
.header .ic_search { top:12px; right:50px; z-index:101; font-size:22px;width:20px; height:20px; background:url(../images/icon2016.png) -44px 0 no-repeat;}
.header .form_search { position:absolute; right:80px; top:7px; background:#ffffff; line-height:26px; width:300px; z-index:200; font-size:15px; padding:4px 8px; color:#a9a9a9}

/*menu icon opened*/
.menu_box { position:fixed; top:50px; background:#020918; width:100%; float:left;    z-index: 1000;    padding: 2% 0;}
.menu_box .bt_socials { float:left; width:20%; margin:20px 0 0 0;}
.menu_box .bt_socials .button { vertical-align:top; display:inline-block; width:38px; height:38px; border-radius:38px; border:#8a8d94 1px solid; text-align:center; line-height:43px; margin-right:7px;}
.menu_box .bt_socials .button .icon-facebook {background:url(../images/icon2016.png) 0 -25px no-repeat; width:11px; height:30px;display: inline-block;}
.menu_box .bt_socials .button .icon-twitter {background:url(../images/icon2016.png) -30px -35px no-repeat; width:19px; height:16px;display: inline-block;}
.menu_box .bt_socials .button .icon-gplus {background:url(../images/icon2016.png) -71px -25px no-repeat; width:21px; height:28px;display: inline-block;}
.menu_box .bt_socials .button.fb:hover {background:#3b5998;border:#3b5998 1px solid;}
.menu_box .bt_socials .button.tw:hover {background:#4099FF;border:#4099FF 1px solid;}
.menu_box .bt_socials .button.gg:hover {background:#d34836;border:#d34836 1px solid;}
.menu_box .li_categories { float:right; width:80%;}
.menu_box .li_categories ul { float:left; width:25%;}
.menu_box .li_categories ul li { padding: 0 0 7px 10px; background:url(../images/dot_wh.gif) 0 7px no-repeat; padding: 0 0 7px 10px; font-size:12px; text-transform:uppercase; font-family:'Montserrat', sans-serif; }
.menu_box .li_categories ul li a { color:#bfbfbf;} .menu_box .li_categories ul li a:hover { color:#ffffff}

/*feature*/
.feature { background:#f4f4f4; clear:both; float:left; width:100%; padding:18px 0 10px 0}
.feature .item { float:left; width:32.5%; margin-right:1.2%}
.feature .item:last-child { margin-right:0;}
.feature .item .art-img { float:left; width:25%; margin-right:12px}
.feature .item:hover .art-img img {box-shadow:2px 2px 2px #888888;}
.feature .item .art-ttl { font-size:15px; line-height:18px;}

/*article*/
h1 {font-size:50px; line-height:48px; color:#000000; clear:both; padding-top:15px;}
article p { font-size:20px; line-height:28px; color:#141414; margin-bottom:25px;}
article p, article p span { font-family: 'Crimson Text', serif !important;}
article p a { color:#1b6aee}
article p a:hover { background:#1b6aee; color:#ffffff}
article figure {width:100%; float:left; text-align:center; margin-bottom:22px; color:#818181; font-family:'Montserrat', sans-serif; text-align:center; font-size:10px; line-height:15px;}
article figure .art-img { width:100%; margin:0 auto; display:inline-block;}article .info { float:left; width:100%; border-bottom:#e4e4e4 1px solid; padding:15px 0 10px 0; margin-bottom:10px;font-family:'Montserrat', sans-serif; position:relative }
article figure .art-img img { width:auto}

article .info .reporter-name {font-size:14px; display:inline-block; padding-right:10px; letter-spacing:1px}
article .info .posted-date {font-size:11px; color:#828282; display:inline-block; letter-spacing:1px}
article .copyright { font-size:11px; font-family:Arial, Helvetica, sans-serif;}

article ul { padding:0 0 15px 0; margin:0 0 0 50px; clear:both;}
article ul li { padding:0 0 10px 0; list-style-type:square; font-size:20px; line-height:28px;}

/*comment*/
.bt_comment { float:right; background:#032d73; color:#ffffff; height:43px; font-size:16px; font-family:'Montserrat', sans-serif; cursor:pointer; line-height:43px; display:inline-block; margin-top:25px; padding:0 40px 0 20px; position:relative;}
.bt_comment .arrow { font-size:20px; position:absolute; top:2px; right:10px; z-index:100}
.bt_comment:hover { background:#333333;}

/*newsletter*/
.newsletter { clear:both; float:left; width:99.7%; padding:4% 0; vertical-align:top; border:#000000 1px solid; background:#ffffff; text-align:center; font-family:'Montserrat', sans-serif; font-size:20px; color:#000000; margin:25px 0 15px 0}
.newsletter input { display:inline-block; height:42px;}
.newsletter .form { width:283px; background:url(../images/newsletter.gif) 0 0 no-repeat; margin:10px 10px 0 0; text-indent:53px; color:#a3a3a3; font-size:15px}
.newsletter .bt { line-height:42px; width:205px; background:#333333; color:#e5e5e5; font-size:14px; margin:10px 0 0 0; cursor:pointer; letter-spacing:0.5px}
.newsletter .description {display:block; font-size:11px; color:#888888; padding:10px 0 0 0}

/*editor's picks*/
.r-con-01 { clear:both; width:100%; float:left;}
.r-con-01 .sec-ttl {font-family:'Montserrat', sans-serif; font-size:20px; color:#000000; letter-spacing:2px; text-transform:uppercase; border-top:#000000 3px solid; line-height:50px; text-indent:15px;}
.r-con-01 .item { width:100%;}
.r-con-01 .item:hover .art-img {box-shadow:2px 2px 2px #888888;}
.r-con-01 .item .hd { padding:10px 0 20px 2px}
.r-con-01 .item .hd .category { font-family:'Montserrat', sans-serif; font-size:11px; color:#1b6aee; text-transform:uppercase}
.r-con-01 .item .hd .art-ttl { font-size:18px; line-height:22px;}

/*latest*/
.latest { margin-top:25px; float:left; width:100%;}
.latest ul { overflow:hidden; width:100%;}
.latest ul li { float:left; width:366px;}
.latest ul li .photo { padding:13px 13px 10px 13px; position:relative}
.latest ul li .photo.bg_slideshow { background:url(../images/bg_slideshows.gif) right top no-repeat}
.latest ul li .photo.bg_video { background:url(../images/bg_video.gif) center 11px no-repeat}
.latest ul li .category { font-size:11px; margin:0 0 0 14px; text-transform:uppercase; font-family:'Montserrat', sans-serif;}
.latest ul li .art-ttl { font-size:18px; margin:0 0 0 14px}
.latest ul li .date { font-size:11px; color:#ababab; margin:10px 0 0 14px; font-family:'Montserrat', sans-serif;}
.latest ul li .photo .icon_slideshow { position:absolute; left:13px; top:135px; background:#020918 url(../images/ic_slideshows.png) 9px 13px no-repeat; z-index:100; width:48px; height:48px;}
.latest ul li a:hover .photo .icon_slideshow {background:#032d73 url(../images/ic_slideshows.png) 9px 13px no-repeat;}
.latest ul li .photo .icon_video { position:absolute; left:13px; top:135px; background:#020918 url(../images/ic_video.png) 9px 15px no-repeat; z-index:100; width:48px; height:48px;}
.latest ul li a:hover .photo .icon_video {background:#032d73 url(../images/ic_video.png) 9px 15px no-repeat;}
.loading { width:100%; float:left; text-align:center; margin:10px 0}

.latest .list .category { color:#1b6aee; font-size:11px; text-transform:uppercase; font-family:'Montserrat', sans-serif;}


/*art_social*/
.art_social_v {width:125px; position:absolute; left:-60px; top:200px;}
.art_social_v li { display:block; width:21px; height:22px; padding:7px 7px 7px 7px;}
.art_social_v li:hover, .art_social_h li:hover { background:#e0ebfe;}
.art_social_v li a i, .art_social_h li a i { display:inline-block; width:21px}
.art_social_v li a i.icon-facebook, .art_social_h li a i.icon-facebook {background:url(../images/social-ic-blc.png) 0 0 no-repeat; height:22px;}
.art_social_v li a i.icon-twitter, .art_social_h li a i.icon-twitter {background:url(../images/social-ic-blc.png) 0 -40px no-repeat; height:22px;}
.art_social_v li a i.icon-gplus, .art_social_h li a i.icon-gplus {background:url(../images/social-ic-blc.png) 0 -78px no-repeat; height:22px;}
.art_social_v li a i.icon-linkedin, .art_social_h li a i.icon-linkedin {background:url(../images/social-ic-blc.png) 0 -118px no-repeat; height:22px;}
.art_social_v li a i.icon-social-reddit, .art_social_h li a i.icon-social-reddit {background:url(../images/social-ic-blc.png) 0 -157px no-repeat; height:22px;}
.art_social_v li a i.icon-mail, .art_social_h li a i.icon-mail {background:url(../images/social-ic-blc.png) 0 -194px no-repeat; height:22px;}
.art_social_h {width:auto; position:absolute; right:0px; top:10px}
.art_social_h li { display:inline-block; width:21px; height:22px; padding:7px 7px 7px 7px;}

/*sponsor*/
.sp_rightrail { float:left; width:100%; margin-bottom:20px;}
.sp_rightrail img { float:left; margin-right:13px;}
.sp_rightrail .art-ttl { font-size:18px; line-height:22px; padding-top:10px;}
.sp_rightrail .art-smr { padding-top:5px;}

/*footer*/
.footer {background:#0c0c0c; height:40px; float:left; width:100%; text-align:center; font-family:'Montserrat', sans-serif; font-size:11px; text-transform:uppercase; color:#bfbfbf; line-height:40px; margin-top:25px;}

/*affiliate*/
.affi_box {margin:0 0 20px 0}
.affi_click {background:#032d73; width:130px; height:35px; line-height:35px; font-family:'Montserrat', sans-serif; text-align:center; font-weight:bold; display:inline-block; padding:0 10px; text-transform:uppercase; font-size:15px;}
.affi_click a {color:#ffffff !important; text-decoration:none !important;} 
.affi_click:hover {background:#0c0c0c;}