html {font-size:62.5%; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
/* cyrillic-ext */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jvvKsNNC_nps.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jvvKsPdC_nps.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jvvKsNtC_nps.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jvvKsN9C_nps.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jvvKsOdC_.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jWfWsNNC_nps.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jWfWsPdC_nps.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jWfWsNtC_nps.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jWfWsN9C_nps.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jWfWsOdC_.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jF_WsNNC_nps.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jF_WsPdC_nps.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jF_WsNtC_nps.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jF_WsN9C_nps.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Exo-2';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/exo2/v9/7cH1v4okm5zmbvwkAx_sfcEuiD8jF_WsOdC_.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body { margin:0; padding:0; border: 0; background : #f2f2f0; color: #024; font-size: 1.3rem; font-family: Exo-2, Arial, 'Open Sans', Sans-Serif; letter-spacing:0.05rem; min-width:320px;}
a, a:link, a:visited {color:#222; text-decoration:none; outline:none;}
a:hover {color:#000; text-decoration:none;}
a img {border:none;}
.material_block {background: #fff; border-radius: 0px; display: inline-block;}
.article_block_container { position: relative; width:100%; padding-bottom:64%; background-repeat: no-repeat; background-position: center center;
background-size: cover; -o-background-size: cover;-moz-background-size: cover;-webkit-background-size:cover; border:1px solid #eee;}
.block_image_href {position:absolute; top:0; left:0;}
.block_image_href, .block_image_href a {width:100%; height:100%; display: block;}
.data_category {margin-top:20px; display:inline-block; color:#fff!important; padding:0px 16px; font-size:2.0rem; line-height:3.0rem; border-radius:4px; font-family: Exo-2, sans-serif;}
.item_body H3 {font-weight:normal;}
.block_category {margin-top:20px; display:inline-block; color:#fff!important; padding:0px 12px; font-size:1.6rem; line-height:2.8rem; border-radius:4px; font-family: Exo-2, sans-serif;}
.footer_category {margin-top:4px; display:inline-block; padding:2px 12px; color: #444!important; font-weight: bold!important; font-size:1.6rem!important; line-height:3.2rem; font-family: Exo-2;}
.footer_category:hover {color: #444!important;}
.b-360 {background: #8a1d4e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVQYV2NkQAL////3ZYTxwRxGxs1gARgHxGZE5oAEAPN3D0+qHY7KAAAAAElFTkSuQmCC);}
.b-news {background: #1C967E url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVQYV2NkQAL////3ZYTxwRxGxs1gARgHxGZE5oAEAPN3D0+qHY7KAAAAAElFTkSuQmCC);}
.b-startups {background: #34AEDB url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVQYV2NkQAL////3ZYTxwRxGxs1gARgHxGZE5oAEAPN3D0+qHY7KAAAAAElFTkSuQmCC);}
.b-guides {background: #EDBB34 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVQYV2NkQAL////3ZYTxwRxGxs1gARgHxGZE5oAEAPN3D0+qHY7KAAAAAElFTkSuQmCC);}
.b-organizations {background: #1A5B84 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVQYV2NkQAL////3ZYTxwRxGxs1gARgHxGZE5oAEAPN3D0+qHY7KAAAAAElFTkSuQmCC);}
.b-offline {background: #C14747 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVQYV2NkQAL////3ZYTxwRxGxs1gARgHxGZE5oAEAPN3D0+qHY7KAAAAAElFTkSuQmCC);}
.b-blog {background: #1A5B84 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVQYV2NkQAL////3ZYTxwRxGxs1gARgHxGZE5oAEAPN3D0+qHY7KAAAAAElFTkSuQmCC);}
.banner_block { background: #fff;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
}
.article_body_blog p img {width:100%;}
#content {margin: 0 auto; display: inline-block; float: none; position: relative; width: 100%;}
.grid { width:100%; padding: 0px; margin: 0 auto; position: relative; display: block;}
.grid-sizer {width: 1px;}
.grid:after {content: ''; display: block; clear: both;}
.grid-item img {border-radius: 4px 4px 0 0;}
.item_body {width:100%; display:block; padding:0px; position: relative;}
.item-cam {top:-40px; left:12px; position:absolute; background:#000099; border-radius:4px;padding:6px 8px;color:#fff;opacity:0.8;}
.item-title {width:100%; text-align:left; margin-top:15px; display: block;}
.item-title a {font-size:1.9rem; color:#222; font-weight:bold;}
.item-title a:hover {font-size:1.9rem; color:#000000; font-weight:bold;}
.item-tags {width:100%; text-align:left; padding:20px 0 0 0; display: block;}
.item-tags a {font-size:1.1rem; color:#777; font-weight: normal; display:inline-block; padding:4px 8px; background:#f3f3f3; border-radius:4px; margin:6px 2px; border:1px solid #ccc;}
.item-tags a:hover {background:#ececec;color:#333;}
.item-summary {width:100%; display:block; text-align:left; padding:10px 0 0 0; text-transform: capitalize;}
.item-summary a {font-size:1.1rem; color:#777; font-weight: normal; display:inline-block; }
.item-summary a:hover {color:#333;}
.date { padding:20px 0 0 0; color: #777;}
.slider_article_title, .slider_article_title_short, .slider_article_title_medium {text-align:left; color:#fff; display:table-cell; vertical-align:middle; overflow:hidden; font-weight:bold; text-shadow: 0px 1px 1px #00000070;}
.slider_article_title a, .slider_article_title_short a, .slider_article_title_medium a {color:#fff; font-weight: bold; font-family: Exo-2;}
.slider_article_title a:hover, .slider_article_title_short a:hover, .slider_article_title_medium a:hover {color:#fff; font-weight: bold; text-decoration: none;}
.slider_category_title {text-align:center; color:#fff; display:table-cell; vertical-align:middle; overflow:hidden; font-weight:normal; text-shadow: 0px 1px 1px #000;}
.slider_category_title div a {color:#fff; font-weight:normal; font-family: 'Teko', sans-serif; text-transform:uppercase;}
.article_body {display:block; text-align:left;}
.article_body p {text-align:left!important;}
.article_body_blog {margin:50px 0 0; width:100%; display:block; text-align:left;}
.article_body_blog p {text-align:left!important;}
.article_info {margin:35px 0; color: #777; max-width:800px; width:100%; display:block; text-align:left;}
.article_info a {color:#339; font-weight: bold;}
.footer {max-width: 960px; width: 100%; min-width: 280px; margin: 0 auto;}
.slider_timeline a {font-family:AM-tahoma; text-transform: capitalize; font-weight: bold;}
.paraxify {background-attachment: fixed; background-position: center center; background-size: cover;}
.blur-background { position:absolute; top:0px; left:0; width:100%; height:100%; display:block; background-repeat: no-repeat; background-position: center center; background-size: cover; -o-background-size: cover;-moz-background-size: cover;-webkit-background-size:cover;}
.pattern-background { position:absolute; top:0; left:0; width:100%; height:100%; display:block; opacity: 0.5; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQYV2NkQAX/GZH4/xkYGBhhAmAOSBJEwDkgAQCCrgQEjpMcPgAAAABJRU5ErkJggg==);}
#slider_block_article {width: 100%; overflow: hidden; display: block; position: relative;}
/******************** 1 1600 & UP ********************/
@media screen and (min-width: 1621px) {
#container {width:100%; height:100%; margin: 0 auto; position: relative; display: block;}
#content_main { margin: 0 auto; width:1600px!important; padding:20px; display: block;}
#content_article { margin: 0 auto; margin-top: -50px; max-width: 1000px!important; padding-bottom:50px;}
.grid-item {width: 25%; padding:20px;}
.article_block {padding:40px;}
#player-position {bottom:20px!important}
#player-position span {width: 24px!important; height: 24px!important; margin:0 8px!important;}
#slider_block {height:600px; margin-top:80px;}
#slider_block_article {height:100px; margin-top:80px; overflow:hidden;}
.slider-headlines-img-container {padding-bottom:600px;}
.slider_title {position:absolute; width:100%; bottom:60px; left:0; height:30px;z-index:9;}
.slider_title span {display:block;text-align:center;padding:0 20%;color:#fff;font-weight:normal;font-size:1.3rem; height:30px;}
.slider_timeline {position:absolute; top:271px; left:0;z-index:999; width:100%; text-align: center;}
.slider_timeline div {padding:0 0 10px 0; border-bottom:2px solid #fff; margin:0 15px; position:relative; display:inline-block;}
.slider_timeline a {color: #fff; font-size:3.6rem;}
.slider_timeline div span {position: absolute; bottom: 0px; left: calc(50% - 8px); width: 12px; height: 12px; border-style: solid; border-width: 0 8px 8px; border-color: transparent transparent #fff; z-index:15;}
.slider_category a {color: #fff; font-size:14rem;}
.slider_category {position:absolute; top:247px!important;}
.sy-pager {margin:-48px 0 0 0!important;}
.sy-pager li {width: 20px; height: 20px; margin: 0px 6px;}
.blur-background {filter: blur(3px) grayscale(0); -webkit-filter: blur(3px) grayscale(0); -moz-filter: blur(3px) grayscale(0); -ms-filter: blur(3px) grayscale(0); -o-filter: blur(3px) grayscale(0)}
.stam1 {background-attachment: fixed; background-image:url(../img/stam1.jpg);}
.stam2 {background-attachment: fixed; background-image:url(../img/stam2.jpg);}
.stam3 {background-attachment: fixed; background-image:url(../img/stam3.jpg);}
.stam4 {background-attachment: fixed; background-image:url(../img/stam4.jpg);}
.stam5 {background-attachment: fixed; background-image:url(../img/stam5.jpg);}
.slider_article_title_container { max-width: 1000px; margin: 0px auto; height:240px; margin-top:175px; position:relative; overflow: hidden; display:block;}
.slider_article_title_container section { width: 100%; margin: 0px; height:240px; display:table; padding:0 50px;}
.slider_article_title {font-size: 4.0rem; line-height: 4.8rem;}
.slider_article_title_short {font-size:8.0rem; line-height: 9.6rem;}
.slider_article_title_medium {font-size:6.0rem; line-height: 7.2rem;}
.slider_category_title {font-size:20rem; line-height: 20rem;}
.article_page {padding:50px;}
.footer {padding:30px; font-size:1.3rem;}
.footer a {font-size:1.3rem;}
.top_row {height: 80px;}
#top_menu, {height: 80px; width: 80px;}
#top_menu i { font-size:3.0rem; line-height: 8.0rem; width: 80px; height: 80px;}
#top_menu_close {height: 80px; width: 100%;}
#top_menu_close i { font-size:3.0rem; line-height: 8.0rem; margin:0px 12px; height: 80px; float:left;}
#top_menu_close > i {margin-right:25px;}
#top_menu_close div {margin-left:13px;}
#top_bread {display: block;}
#top_bread2 {display: none;}
.bread_min { float: left; width: 100%; margin: 10px 0 0 0; display: block; color: #000b24; font-weight: normal; font-size: 2.0rem; line-height: 3.8rem; letter-spacing: 0.05rem;}
.bread_min a { color: #000b24; font-weight: normal; font-size: 2.0rem; line-height: 3.8rem; display: block; letter-spacing: 0.05rem;}
#top_logo {height: 80px; width: 220px;}
#top_nav {margin:0 auto; width: 580px; height: 80px;}
#top_search {height: 80px; width: 80px;}
#top_search i, #top_more i { font-size:3.0rem; width: 80px; line-height:8.0rem;}
#top_banner {padding: 20px 0px;}
#search_holder {width: 100%; height: 80px;}
#search_close {width: 80px; height: 80px;}
#search_close i, .schb i {width: 80px; line-height: 8.0rem; font-size: 3.0rem;}
.header_search {height: 80px;}
.search_input{ height: 80px; width: 100%; font-size: 3.2rem!important; line-height: 6.0rem;}
.s_input { height: 80px; width: 100%; padding:0px 80px; font-size: 3.2rem!important; line-height: 6.0rem; display: inline-block; position: absolute; top:0; left:0;}
.schb input { width: 80px!important; height: 80px!important;}
.schb { width: 80px; height: 80px!important;}
.article_body {margin:40px 0 0 0; width:100%;}
.article_single_title {font-size: 4.8rem; line-height: 6.0rem; padding: 50px 0px 0px 0px; text-align: left; font-weight: bold;}
.article_data {margin:50px 0 0 0; width:100%;}
.article_data a {display: inline-block; font-size: 2.1rem; line-height: 3.8rem; color:#fff; padding:0px 12px; border-radius:4px;}
.article_data span {color: #999; display: inline-block; font-size: 2.1rem; line-height: 3.8rem; padding:0 0 0 10px;}
.article_body p, .article_body_blog p {margin:0; padding:0 0 20px 0px;}.article_body, .article_body_blog {font-size:1.7rem; line-height: 2.2rem;}
.article_info {font-size:2.4rem;}
.plugin_image_holder {margin: 50px 0 0;}
h1.page_title {font-size:3.6rem; line-height: 4.4rem; font-weight:bold; float: left; width: 100%; margin:30px 0px 40px 0px;}
h2.article_title {font-size:2.0rem; width: 95%; line-height: 2.8rem; font-weight:normal; margin-bottom: 15px;}
.artag a, .artag a i {font-size: 1.5rem; line-height:2.8rem; padding: 0;}
#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 40px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px;}
}
/******************** 2 1280 & UP ********************/
@media screen and (min-width: 1301px) and (max-width: 1620px) {
#container {width:100%; margin: 0 auto; position: relative; display: block;}
#content_main { margin: 0 auto; width:100%; padding:10px;}
#content_article { margin: 0 auto; margin-top: -50px; max-width: 1000px!important; padding-bottom:50px;}
.grid-item {max-width: 33%; padding:20px;}
.article_block {padding:30px;}
#player-position {bottom:20px!important}
#player-position span {width: 24px!important; height: 24px!important; margin:0 8px!important;}
#slider_block {height:500px; margin-top:80px;}
#slider_block_article {height:100px; margin-top:80px; overflow:hidden;}
.slider_title {position:absolute; width:100%; bottom:60px; left:0; height:30px;z-index:9;}
.slider_title span {display:block;text-align:center;padding:0 20%;color:#fff;font-weight:normal;font-size:1.3rem; height:30px;}
.slider_timeline {position:absolute; top:221px; left:0;z-index:999; width:100%; text-align: center;}
.slider_timeline div {padding:0 0 10px 0; border-bottom:2px solid #fff; margin:0 15px; position:relative; display:inline-block;}
.slider_timeline a {color: #fff; font-size:3.6rem; }
.slider_timeline div span {position: absolute; bottom: 0px; left: calc(50% - 8px); width: 12px; height: 12px; border-style: solid; border-width: 0 8px 8px; border-color: transparent transparent #fff; z-index:15;}
.slider_category a {color: #fff; font-size:7.2rem;}
.slider_category {position:absolute; top:205px!important;}
.slider-headlines-img-container {height:500px;}
.sy-pager {margin:-48px 0 0 0!important;}
.sy-pager li { width: 20px; height: 20px; margin: 0px 6px;}
.blur-background {filter: blur(3px) grayscale(0); -webkit-filter: blur(3px) grayscale(0); -moz-filter: blur(3px) grayscale(0); -ms-filter: blur(3px) grayscale(0); -o-filter: blur(3px) grayscale(0)}
.stam1 {background-attachment: fixed; background-image:url(../img/stam1.jpg);}
.stam2 {background-attachment: fixed; background-image:url(../img/stam2.jpg);}
.stam3 {background-attachment: fixed; background-image:url(../img/stam3.jpg);}
.stam4 {background-attachment: fixed; background-image:url(../img/stam4.jpg);}
.stam5 {background-attachment: fixed; background-image:url(../img/stam5.jpg);}
.slider_article_title_container { max-width: 1000px; margin: 0px auto; height:200px; margin-top:125px; position:relative; overflow: hidden; display:block;}
.slider_article_title_container section{ width: 100%; margin: 0px; height:200px; display:table; padding:0 50px;}
.slider_article_title {font-size: 4.0rem; line-height: 4.8rem;}
.slider_article_title_short {font-size:8.0rem; line-height: 9.6rem;}
.slider_article_title_medium {font-size:6.0rem; line-height: 7.2rem;}
.slider_category_title {font-size:20rem; line-height: 20rem;}
.article_page {padding:50px;}
.footer {padding:30px; font-size:1.3rem;}
.footer a {font-size:1.3rem;}
.top_row {height: 80px;}
#top_menu, {height: 80px; width: 80px;}
#top_menu i { font-size:3.0rem; line-height: 8.0rem; width: 80px; height: 80px;}
#top_menu_close {height: 80px; width: 100%;}
#top_menu_close i { font-size:3.0rem; line-height: 8.0rem; margin:0px 12px; height: 80px; float:left;}
#top_menu_close > i {margin-right:25px;}
#top_menu_close div {margin-left:13px;}
#top_bread {display: block;}
#top_bread2 {display: none;}
.bread_min { float: left; width: 100%; margin: 10px 0 0 0; display: block; color: #000b24; font-weight: normal; font-size: 2.0rem; line-height: 3.8rem; letter-spacing: 0.05rem;}
.bread_min a { color: #000b24; font-weight: normal; font-size: 2.0rem; line-height: 3.8rem; display: block; letter-spacing: 0.05rem;}
#top_logo {height: 80px; width: 220px;}
#top_nav {margin:0 auto;}
#top_search {height: 80px; width: 80px;}
#top_search i, #top_more i { font-size:3.0rem; width: 80px; line-height:8.0rem;}
#top_banner {padding: 20px 0px;}
#search_holder {width: 100%; height: 80px;}
#search_close {width: 80px; height: 80px;}
#search_close i, .schb i {width: 80px; line-height: 8.0rem; font-size: 3.0rem;}
.header_search {height: 80px;}
.search_input{ height: 80px; width: 100%; font-size: 3.2rem!important; line-height: 6.0rem;}
.s_input { height: 80px; width: 100%; padding:0px 80px; font-size: 3.2rem!important; line-height: 6.0rem; display: inline-block; position: absolute; top:0; left:0;}
.schb input { width: 80px!important; height: 80px!important;}
.schb { width: 80px; height: 80px!important;}
.article_body {margin:40px 0 5px 0; width:100%;}
.article_single_title {font-size: 4.8rem; line-height: 6.0rem; padding: 50px 0px 0px 0px; text-align: left; font-weight: bold;}
.article_data {margin:50px 0 0 0; width:100%;}
.article_data a {display: inline-block; font-size: 2.5rem; line-height: 3.8rem; color:#fff; padding:0px 12px; border-radius:4px; font-family: 'Teko',sans-serif; text-transform:uppercase;}
.article_data span {color: #999; display: inline-block; font-size: 2.1rem; line-height: 3.8rem; padding:0 0 0 10px;}
.article_body p, .article_body_blog p {margin:0; padding:0 0 20px 0px; text-align:left;}
.article_body, .article_body_blog {font-size:1.7rem; line-height: 2.2rem;}
.article_info {font-size:2.4rem;}
.plugin_image_holder {margin: 25px 0px;}
h1.page_title {font-size:3.6rem; line-height: 4.4rem; font-weight:bold; float: left; width: 100%; margin:30px 0px 40px 0px;}
h2.article_title {font-size:2.0rem; width: 95%; line-height: 2.8rem; font-weight:normal; margin-bottom: 15px;}
.artag a, .artag a i {font-size: 1.5rem; line-height:2.7rem; padding: 0;}
#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 40px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px;}
}
/******************** 3 FROM 960 TO 1280 ********************/
@media screen and (min-width: 981px) and (max-width: 1300px) {
#container {width:100%; margin: 0 auto; position: relative; display: block;}
#content_main { margin: 0 auto; width:100%; padding:10px;}
#content_article { margin: 0 auto; margin-top: -50px; max-width: 1000px!important; padding:0px 50px 50px;}
.grid-item {max-width: 33%; padding:20px;}
.article_block {padding:30px;}
#player-position {bottom:20px!important}
#player-position span {width: 24px!important; height: 24px!important; margin:0 8px!important;}
#slider_block {height:400px; margin-top:80px;}
#slider_block_article {height:100px; margin-top:80px; overflow:hidden;}
.slider_title {position:absolute; width:100%; bottom:60px; left:0; height:30px;z-index:9;}
.slider_title span {display:block;text-align:center;padding:0 20%;color:#fff;font-weight:normal;font-size:1.3rem; height:30px;}
.slider_timeline {position:absolute; top:165px; left:0;z-index:999; width:100%; text-align: center;}
.slider_timeline div {padding:0 0 10px 0; border-bottom:2px solid #fff; margin:0 15px; position:relative; display:inline-block;}
.slider_timeline a {color: #fff; font-size:3.6rem; }
.slider_timeline div span {position: absolute; bottom: 0px; left: calc(50% - 8px); width: 12px; height: 12px; border-style: solid; border-width: 0 8px 8px; border-color: transparent transparent #fff; z-index:15;}
.slider_category a {color: #fff; font-size:6.4rem;}
.slider_category {position:absolute; top:160px!important;}
.slider-headlines-img-container {height:400px;}
.sy-pager {margin:-48px 0 0 0!important;}
.sy-pager li { width: 20px; height: 20px; margin: 0px 6px;}
.blur-background {filter: blur(3px) grayscale(0); -webkit-filter: blur(3px) grayscale(0); -moz-filter: blur(3px) grayscale(0); -ms-filter: blur(3px) grayscale(0); -o-filter: blur(3px) grayscale(0)}
.stam1 {background-attachment: fixed; background-image:url(../img/stam1.jpg);}
.stam2 {background-attachment: fixed; background-image:url(../img/stam2.jpg);}
.stam3 {background-attachment: fixed; background-image:url(../img/stam3.jpg);}
.stam4 {background-attachment: fixed; background-image:url(../img/stam4.jpg);}
.stam5 {background-attachment: fixed; background-image:url(../img/stam5.jpg);}
.slider_article_title_container { width: calc(100% - 100px); max-width:900px; margin: 0px auto; height:160px; margin-top:95px; position:relative; overflow: hidden; display:block;}
.slider_article_title_container section{ width: 100%; margin: 0px; height:160px; display:table; padding:0 50px;}
.slider_article_title {font-size:3.2rem; line-height: 4.0rem;}
.slider_article_title_short {font-size:6.4rem; line-height: 8.0rem;}
.slider_article_title_medium {font-size:4.8rem; line-height: 6.0rem;}
.slider_category_title {font-size:16rem; line-height: 16rem;}
.article_page {padding:50px;}
.footer {padding:20px; font-size:1.2rem;}
.footer a {font-size:1.2rem;}
.top_row {height: 80px;}
#top_bread {display: none;}
#top_bread2 {margin-bottom: 30px; padding: 0px 0px 10px 0px; width: 100%; border-bottom: 1px dotted #024; display: inline-block;}
#top_bread2 .bread_head { float: left; width: 100%; display: block; color: #024; font-weight: normal; font-size: 2.2rem;}
#top_bread2 .bread_head a { color: #024; font-weight: normal; font-size: 2.2rem; display: block;}
#top_bread2 .bread_head a span { color: #024; font-size: 2.2rem; line-height: 3.0rem; font-weight: normal; }
.bread_min { float: left; width: 100%; display: block; color: #024; font-weight: normal; font-size: 2.2rem;}
.bread_min a { color: #024; font-weight: normal; font-size: 2.2rem; display: block;}
.article_page #top_bread2 {padding: 0px 0px 15px 0px; width: 100%; display: inline-block; margin:0; border:0;}
#top_menu, {height: 80px; width: 80px;}
#top_menu i { font-size:3.0rem; line-height: 8.0rem; width: 80px; height: 80px;}
#top_menu_close {height: 80px; width: 100%;}
#top_menu_close i { font-size:3.0rem; line-height: 8.0rem; margin:0px 12px; height: 80px; float:left;}
#top_menu_close > i {margin-right:25px;}
#top_menu_close div {margin-left:13px;}
#top_logo {height: 80px; width: 220px;}
#top_nav {margin:0 auto;}
#top_search {height: 80px; width: 80px;}
#top_search i, #top_more i { font-size:3.0rem; width: 80px; line-height:8.0rem;}
#top_banner {padding: 15px 0px; max-width: 950px;}
#search_holder {width: 100%; height: 80px;}
#search_close {width: 80px; height: 80px;}
#search_close i, .schb i {width: 80px; line-height: 8.0rem; font-size: 3.0rem;}
.header_search {height: 80px;}
.search_input{ height: 80px; width: 100%; font-size: 3.2rem!important; line-height: 6.0rem;}
.s_input { height: 80px; width: 100%; padding:0px 80px; font-size: 3.2rem!important; line-height: 6.0rem; display: inline-block; position: absolute; top:0; left:0;}
.schb input { width: 80px!important; height: 80px!important;}
.schb { width: 80px; height: 80px!important;}
.article_body {margin:40px 0 5px 0; width:100%;}
.article_single_title {font-size: 4.8rem; line-height: 6.0rem; padding: 50px 0px 0px 0px; text-align: left; font-weight: bold;}
.article_data {margin:50px 0 0 0; width:100%;}
.article_data a {display: inline-block; font-size: 2.5rem; line-height: 3.8rem; color:#fff; padding:0px 12px; border-radius:4px; font-family: 'Teko',sans-serif; text-transform:uppercase;}
.article_data span {color: #999; display: inline-block; font-size: 2.1rem; line-height: 3.8rem; padding:0 0 0 10px;}
.article_body p, .article_body_blog p {margin:0; padding:0 0 20px 0px; text-align:left;}
.article_body, .article_body_blog {font-size:1.7rem; line-height: 2.2rem;}
.article_info {font-size:2.4rem;}
.plugin_image_holder {margin: 25px 0px;}
h1.page_title {font-size:3.0rem; line-height: 3.6rem; font-weight:normal; float: left; width: 100%; margin:30px 0px 40px 0px;}h2.article_title {font-size:2.0rem; width: 95%; line-height: 2.8rem; font-weight:normal; margin-bottom: 15px;}
.artag a, .artag a i {font-size: 1.5rem; line-height:2.7rem;}
#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px;}
}
/******************** 4 FROM 640 TO 960 ********************/
@media screen and (min-width: 661px) and (max-width: 980px) {
#container {width:100%; margin: 0 auto; position: relative; display: block;}
#content_main { margin: 0 auto; margin-top: 0px; width:100%; padding:10px;}
#content_article { margin: 0 auto; margin-top: -36px; padding:0px 36px 36px;}
.grid-item {max-width: 50%; padding:20px;}
.article_block {padding:30px;}
#player-position {bottom:15px!important}
#player-position span {width: 18px!important; height: 18px!important; margin:0 6px!important;}
#slider_block {height:300px; margin-top:56px;}
#slider_block_article {height:72px; margin-top:56px; overflow:hidden;}
.slider_title {position:absolute; width:100%; bottom:60px; left:0; height:30px;z-index:9;}
.slider_title span {display:block;text-align:center;padding:0 20%;color:#fff;font-weight:normal;font-size:1.3rem; height:30px;}
.slider_timeline {position:absolute; top:calc(50% - 23px); left:0;z-index:999; width:100%; text-align: center;}
.slider_timeline div {padding:0 0 10px 0; border-bottom:1px solid #fff; margin:0 15px; position:relative; display:inline-block;}
.slider_timeline a {color: #fff; font-size:1.8rem; }
.slider_timeline div span {position: absolute; bottom: 0px; left: calc(50% - 6px); width: 8px; height: 8px; border-style: solid; border-width: 0 6px 6px; border-color: transparent transparent #fff; z-index:15;}
.slider_category a {color: #fff; font-size:5.2rem;}
.slider_category {position:absolute; top:118px!important;}
.slider-headlines-img-container {height:300px;}
.sy-pager {margin:-48px 0 0 0!important;}
.sy-pager li { width: 20px; height: 20px; margin: 0px 6px;}
.blur-background {filter: blur(3px) grayscale(0); -webkit-filter: blur(3px) grayscale(0); -moz-filter: blur(3px) grayscale(0); -ms-filter: blur(3px) grayscale(0); -o-filter: blur(3px) grayscale(0)}
.stam1 {background-attachment: fixed; background-image:url(../img/stam1.jpg);}
.stam2 {background-attachment: fixed; background-image:url(../img/stam2.jpg);}
.stam3 {background-attachment: fixed; background-image:url(../img/stam3.jpg);}
.stam4 {background-attachment: fixed; background-image:url(../img/stam4.jpg);}
.stam5 {background-attachment: fixed; background-image:url(../img/stam5.jpg);}
.slider_article_title_container { max-width: 960px; margin: 0px auto; height:150px; margin-top:57px; position:relative; overflow: hidden; display:block;}
.slider_article_title_container section{ width: 100%; margin: 0px auto; height:150px; display:table; padding:0 36px;}
.slider_article_title {width:100%; font-size:2.8rem; line-height: 3.0rem; padding:0 36px;}
.slider_article_title_short {font-size:5.6rem; line-height: 6.0rem; padding:0 36px;}
.slider_article_title_medium {font-size:4.2rem; line-height: 4.5rem; padding:0 36px;}
.slider_category_title {width: 100%; font-size:12rem; line-height: 12rem; padding:0 36px;}
.article_page {padding:36px;}
.footer {padding:10px; font-size:1.1rem;}
.footer a {font-size:1.1rem;}
.top_row {height: 56px;}
#top_menu, #top_menu_close {height: 56px; width: 56px;}
#top_menu i, #top_social_close i { font-size:2.4rem; line-height: 5.6rem; width: 56px;}
#top_menu_close {height: 56px; width: 100%;}
#top_menu_close i { font-size:2.4rem; line-height: 5.6rem; margin:0px 12px 0px 6px; height: 56px; float:left;}
#top_menu_close > i {margin-right:15px;}
#top_menu_close div {margin-left:15px;}
#top_bread {display: none;}
#top_bread2 {display: block;}
#top_bread2 {margin-bottom: 30px; padding: 0px 0px 10px 0px; width: 100%; border-bottom: 1px dotted #024; display: inline-block;}
#top_bread2 .bread_head { float: left; width: 100%; display: block; color: #024; font-weight: normal; font-size: 2.2rem;}
#top_bread2 .bread_head a { color: #024; font-weight: normal; font-size: 2.2rem; display: block;}
#top_bread2 .bread_head a span { color: #024; font-size: 2.2rem; line-height: 3.0rem; font-weight: normal; }
.bread_min { float: left; width: 100%; display: block; color: #024; font-weight: normal; font-size: 2.2rem;}
.bread_min a { color: #024; font-weight: normal; font-size: 2.2rem; display: block;}
.article_page #top_bread2 {padding: 0px 0px 15px 0px; width: 100%; display: inline-block; margin:0; border:0;}
#top_logo {height: 56px; width: 154px;}
#top_nav {display:none;}
#top_search {height: 56px; width: 56px;}
#top_search i { font-size:2.4rem; width: 56px; line-height:5.6rem;}
#top_banner {padding: 15px 0px; max-width: 720px;}
#search_holder { width: 100%; height: 56px;}
#search_close {width: 56px; height: 56px;}
#search_close i, .schb i {width: 56px; line-height: 5.6rem; font-size: 2.4rem;}
.header_search {height: 56px;}
.search_input{ height: 56px; width:100%; font-size: 1.8rem!important; line-height: 3.2rem;}
.s_input { height: 56px; width:100%; padding:0px 56px; font-size: 1.8rem!important; line-height: 3.2rem; display: inline-block; position: absolute; top:0; left:0;}
.schb input { width: 56px!important; height: 56px!important;}
.schb { width: 56px; height: 56px!important;}
.article_body {margin:36px 0 0 0; width:100%;}
.article_single_title {font-size: 3.6rem; line-height: 4.2rem; padding: 36px 0px 0px 0px; text-align: left; font-weight: bold;}
.article_data {margin:42px 0 0 0; width:100%;}
.article_data a {display: inline-block; font-size: 2.1rem; line-height: 3.1rem; color:#fff; padding:0px 12px; border-radius:4px; font-family: 'Teko',sans-serif; text-transform:uppercase;}
.article_data span {color: #999; display: inline-block; font-size: 1.7rem; line-height: 3.1rem; padding:0 0 0 7px;}
.article_body p, .article_body_blog p {margin:0; padding:0 0 20px 0px; text-align:left;}
.article_body, .article_body_blog {font-size:1.5rem; letter-spacing:0.05rem; line-height: 2.0rem;}
.article_info {font-size:2.0rem;}
.plugin_image_holder {margin: 0px;}
h1.page_title {font-size:3.0rem; line-height: 3.6rem; font-weight:normal; float: left; width: 100%; margin:20px 0px 30px 0px;}h2.article_title {font-size:1.8rem; width: 95%; line-height: 2.4rem; font-weight:normal; margin-bottom: 10px;}
.artag a, .artag a i {font-size: 1.5rem; line-height:2.7rem;}
#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 20px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px;}
}
/******************** 5 UNDER 640 ********************/
@media screen and (max-width: 661px) {
#container {width:100%; margin: 0 auto; position: relative; display: block;}
#content_main { margin: 0 auto; margin-top: 0px; width:100%!important; padding-bottom:20px;}
#content_article { margin: 0 auto; margin-top: -20px; padding:0 20px; padding-bottom:20px;}
.grid-item {max-width: 100%; padding:20px 20px 0 20px;}
.article_block {padding:20px;}
#player-position {bottom:10px!important}
#player-position span {width: 12px!important; height: 12px!important; margin:0 4px!important;}
#slider_block {height:200px; margin-top:56px;}
#slider_block_article {height:40px; margin-top:56px; overflow:hidden;}
.slider_title {position:absolute; width:100%; bottom:16px; left:0; height:30px;z-index:9;}
.slider_title span {display:block;text-align:center;padding:0 5%;color:#fff;font-weight:normal;font-size:0.7rem; line-height:2.1rem;}
.slider_timeline {position:absolute; top:90px; left:0;z-index:999; width:100%; text-align: center;}
.slider_timeline div {padding:0 0 10px 0; border-bottom:1px solid #fff; margin:0 5px; position:relative; display:inline-block;}
.slider_timeline a {color: #fff; font-size:1.2rem; }
.slider_timeline div span {position: absolute; bottom: 0px; left: calc(50% - 4px); width: 8px; height: 8px; border-style: solid; border-width: 0 4px 4px; border-color: transparent transparent #fff; z-index:15;}
.slider_category a {color: #fff; font-size:2.4rem;}
.slider_category {position:absolute; top:80px!important;}
.slider-headlines-img-container {height:200px;}
.sy-pager {margin:-24px 0 0 0!important;}
.sy-pager li { width: 12px; height: 12px; margin: 0px 6px;}
.blur-background {filter: blur(0px) grayscale(0)!important;}
.stam1 {background-attachment: fixed; background-color:#357e8e; background-image:url(../img/stam7.jpg); background-size:cover!important; background-position: top center;}
.stam2 {background-attachment: fixed; background-color:#2d887b; background-image:url(../img/stam7.jpg); background-size:cover!important; background-position: top center;}
.stam3 {background-attachment: fixed; background-color:#357e8e; background-image:url(../img/stam7.jpg); background-size:cover!important; background-position: top center;}
.stam4 {background-attachment: fixed; background-color:#2d887b; background-image:url(../img/stam7.jpg); background-size:cover!important; background-position: top center;}
.stam5 {background-attachment: fixed; background-color:#357e8e; background-image:url(../img/stam7.jpg); background-size:cover!important; background-position: top center;}
.slider_article_title_container { max-width: 960px; margin: 0px auto; height:108px; margin-top:40px; position:relative; overflow: hidden; display:block;}
.slider_article_title_container section{ width: 100%; margin: 0px auto; height:108px; display:table; padding:0 40px;}
.slider_article_title {font-size:1.6rem; width:100%; line-height: 1.8rem; font-family:montarm!important; text-shadow: none!important;}
.slider_article_title_short {font-size:3.6rem; line-height: 4.0rem; width:100%;}
.slider_article_title_medium {font-size:2.4rem; line-height: 3.0rem; width:100%;}
.slider_category_title {font-size:5.2rem; width:100%; line-height: 5.2rem;}
.article_page {padding:20px;}
.footer {padding:10px; font-size:1.0rem;}
.footer a {font-size:1.0rem;}
.top_row {height: 56px;}
#top_menu, #top_menu_close {height: 56px; width: 56px;}
#top_menu i, #top_social_close i { font-size:2.4rem; line-height: 5.6rem; width: 56px;}
#top_menu_close {height: 56px; width: 100%;}
#top_menu_close i { font-size:2.4rem; line-height: 5.6rem; margin:0px 12px 0px 6px; height: 56px; float:left;}
#top_menu_close > i {margin-right:15px;}
#top_menu_close div {margin-left:15px;}
#social_inner {top: 71px;}
#top_bread {display: none;}
#top_bread2 {display: block;}
#top_bread2 {margin-bottom: 30px; padding: 0px 0px 10px 0px; width: 100%; border-bottom: 1px dotted #024; display: inline-block;}
#top_bread2 .bread_head { float: left; width: 100%; display: block; color: #024; font-weight: normal; font-size: 2.2rem;}
#top_bread2 .bread_head a { color: #024; font-weight: normal; font-size: 2.2rem; line-height: 3.0rem; display: block;}
#top_bread2 .bread_head a span { color: #024; font-size: 2.2rem; font-weight: normal; }
.bread_min { float: left; width: 100%; display: block; color: #024; font-weight: normal; font-size: 2.2rem;}
.bread_min a { color: #024; font-weight: normal; font-size: 2.2rem; display: block;}
.article_page #top_bread2 {padding: 0px 0px 15px 0px; width: 100%; display: inline-block; margin:0; border:0;}
#top_logo {height: 56px; width: 154px;}
#top_nav {display:none;}
#top_search {height: 56px; width: 56px;}
#top_more {height: 56px; width: 56px;}
#top_search i, #top_more i { font-size:2.4rem; width: 56px; line-height:5.6rem;}
#top_banner {padding: 10px 0px; max-width: 520px;}
#search_holder { width: 100%; height: 56px;}
.header_search {height: 56px;}
.search_input{ height: 56px; width:100%; font-size: 1.8rem!important; line-height: 3.2rem;}
.s_input { height: 56px; width:100%; padding:0px 56px; font-size: 1.8rem!important; line-height: 3.2rem; display: inline-block; position: absolute; top:0; left:0;}
.schb input { width: 56px!important; height: 56px!important;}
.schb { width: 56px; height: 56px!important;}
#search_close {width: 56px; height: 56px;}
#search_close i, .schb i {width: 56px; line-height: 5.6rem; font-size: 2.4rem;}
.article_body {margin:20px 0 0 0; width:100%;}
.article_single_title {font-size: 2.6rem; line-height: 3.2rem; padding: 24px 0px 0px 0px; text-align: left; font-weight: bold;}
.article_data {margin:28px 0 0 0; width:100%;}
.article_data a {display: inline-block; font-size: 1.9rem; line-height: 2.9rem; color:#fff; padding:0px 12px; border-radius:4px; font-family: 'Teko',sans-serif; text-transform:uppercase;}
.article_data span {color: #999; display: inline-block; font-size: 1.5rem; line-height: 2.9rem; padding:0 0 0 4px;}
.article_body p, .article_body_blog p {margin:0; padding:0 0 10px 0px; text-align:left;}
.article_body, .article_body_blog {font-size:1.3rem; letter-spacing:0.05rem; line-height: 2.1rem;}
.article_info {font-size:1.6rem;}
h1.page_title {font-size:2.4rem; line-height: 3.0rem; font-weight:normal; float: left; width: 100%; margin:15px 0px 25px 0px;}
h2.article_title {font-size:1.8rem; width: 95%; line-height: 2.4rem; font-weight:normal; margin-bottom: 10px;}
.artag a, .artag a i {font-size: 1.3rem; line-height:2.1rem;}
#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 20px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px;}
}
/******************** FINE ********************/