/* Object */
#loader{ width:70px; height:70px; background: url(../img/loader.gif) center center; background-size:cover; position:absolute; top:35%; left:50%; margin-left:-35px; }

.flex{　display:-webkit-flex;　display:-moz-flex;　display:-ms-flex;　display:-o-flex;　display:flex; }
.flex-item{ display:flex; }
.flex-container{ width:100%; }

/*
 * theme
 * #e60012 - Red
 * #0400ff - Blue
 * #4e06f2 - Violet
 * #fa243c - Beni
 * #0b9e43 - Salem
 * #dd04d1 - Fuchsia
 * #f57900 - Mikan
 * #2294b1 - Bondi
 *
 */
.theme-light{ background:#fff; }
.theme-red .local-headline .title .main-title,
.theme-red .local-headline .title .main-title a,
.theme-red .local-headline .title .sub-title,
.theme-red .pagination>.active>a,
.theme-red .pagination>.active>a:focus,
.theme-red .pagination>.active>a:hover,
.theme-red .pagination>.active>span,
.theme-red .pagination>.active>span:focus,
.theme-red .pagination>.active>span:hover{ color:#e60012; }
.theme-red .local-headline .title .main-title:before,
.theme-red .pagination>.active>a,
.theme-red .pagination>.active>a:focus,
.theme-red .pagination>.active>a:hover,
.theme-red .pagination>.active>span,
.theme-red .pagination>.active>span:focus,
.theme-red .pagination>.active>span:hover{ border-color:#e60012; }
.theme-red .btn,
.theme-red .arrow{ background:#e60012; color:#fff; }
.theme-red .btn:hover,
.theme-red .btn:active,
.theme-red .btn:focus{ background:#e60012; }
.theme-blue .local-headline .title .main-title,
.theme-blue .local-headline .title .main-title a,
.theme-blue .local-headline .title .sub-title,
.theme-blue .pagination>.active>a,
.theme-blue .pagination>.active>a:focus,
.theme-blue .pagination>.active>a:hover,
.theme-blue .pagination>.active>span,
.theme-blue .pagination>.active>span:focus,
.theme-blue .pagination>.active>span:hover{ color:#0400ff; }
.theme-blue .local-headline .title .main-title:before,
.theme-blue .pagination>.active>a,
.theme-blue .pagination>.active>a:focus,
.theme-blue .pagination>.active>a:hover,
.theme-blue .pagination>.active>span,
.theme-blue .pagination>.active>span:focus,
.theme-blue .pagination>.active>span:hover{ border-color:#0400ff; }
.theme-blue .btn,
.theme-blue .arrow{ background:#0400ff; color:#fff; }
.theme-blue .btn:hover,
.theme-blue .btn:active,
.theme-blue .btn:focus{ background:#0400ff; }
.theme-violet .local-headline .title .main-title,
.theme-violet .local-headline .title .main-title a,
.theme-violet .local-headline .title .sub-title,
.theme-violet .pagination>.active>a,
.theme-violet .pagination>.active>a:focus,
.theme-violet .pagination>.active>a:hover,
.theme-violet .pagination>.active>span,
.theme-violet .pagination>.active>span:focus,
.theme-violet .pagination>.active>span:hover{ color:#4e06f2; }
.theme-violet .local-headline .title .main-title:before,
.theme-violet .pagination>.active>a,
.theme-violet .pagination>.active>a:focus,
.theme-violet .pagination>.active>a:hover,
.theme-violet .pagination>.active>span,
.theme-violet .pagination>.active>span:focus,
.theme-violet .pagination>.active>span:hover{ border-color:#4e06f2; }
.theme-violet .btn,
.theme-violet .arrow{ background:#4e06f2; color:#fff; }
.theme-violet .btn:hover,
.theme-violet .btn:active,
.theme-violet .btn:focus{ background:#4405d6; }
.theme-beni .local-headline .title .main-title,
.theme-beni .local-headline .title .main-title a,
.theme-beni .local-headline .title .sub-title,
.theme-beni .pagination>.active>a,
.theme-beni .pagination>.active>a:focus,
.theme-beni .pagination>.active>a:hover,
.theme-beni .pagination>.active>span,
.theme-beni .pagination>.active>span:focus,
.theme-beni .pagination>.active>span:hover{ color:#fa243c; }
.theme-beni .local-headline .title .main-title:before,
.theme-beni .pagination>.active>a,
.theme-beni .pagination>.active>a:focus,
.theme-beni .pagination>.active>a:hover,
.theme-beni .pagination>.active>span,
.theme-beni .pagination>.active>span:focus,
.theme-beni .pagination>.active>span:hover{ border-color:#fa243c; }
.theme-beni .btn,
.theme-beni .arrow{ background:#fa243c; color:#fff; }
.theme-beni .btn:hover,
.theme-beni .btn:active,
.theme-beni .btn:focus{ background:#fa243c; }
.theme-salem .local-headline .title .main-title,
.theme-salem .local-headline .title .main-title a,
.theme-salem .local-headline .title .sub-title,
.theme-salem .pagination>.active>a,
.theme-salem .pagination>.active>a:focus,
.theme-salem .pagination>.active>a:hover,
.theme-salem .pagination>.active>span,
.theme-salem .pagination>.active>span:focus,
.theme-salem .pagination>.active>span:hover{ color:#0b9e43; }
.theme-salem .local-headline .title .main-title:before,
.theme-salem .pagination>.active>a,
.theme-salem .pagination>.active>a:focus,
.theme-salem .pagination>.active>a:hover,
.theme-salem .pagination>.active>span,
.theme-salem .pagination>.active>span:focus,
.theme-salem .pagination>.active>span:hover{ border-color:#0b9e43; }
.theme-salem .btn,
.theme-salem .arrow{ background:#0b9e43; color:#fff; }
.theme-salem .btn:hover,
.theme-salem .btn:active,
.theme-salem .btn:focus{ background:#0b9e43; }
.theme-fuchsia .local-headline .title .main-title,
.theme-fuchsia .local-headline .title .main-title a,
.theme-fuchsia .local-headline .title .sub-title,
.theme-fuchsia .pagination>.active>a,
.theme-fuchsia .pagination>.active>a:focus,
.theme-fuchsia .pagination>.active>a:hover,
.theme-fuchsia .pagination>.active>span,
.theme-fuchsia .pagination>.active>span:focus,
.theme-fuchsia .pagination>.active>span:hover{ color:#dd04d1; }
.theme-fuchsia .local-headline .title .main-title:before,
.theme-fuchsia .pagination>.active>a,
.theme-fuchsia .pagination>.active>a:focus,
.theme-fuchsia .pagination>.active>a:hover,
.theme-fuchsia .pagination>.active>span,
.theme-fuchsia .pagination>.active>span:focus,
.theme-fuchsia .pagination>.active>span:hover{ border-color:#dd04d1; }
.theme-fuchsia .btn,
.theme-fuchsia .arrow{ background:#dd04d1; color:#fff; }
.theme-fuchsia .btn:hover,
.theme-fuchsia .btn:active,
.theme-fuchsia .btn:focus{ background:#dd04d1; }
.theme-mikan .local-headline .title .main-title,
.theme-mikan .local-headline .title .main-title a,
.theme-mikan .local-headline .title .sub-title,
.theme-mikan .pagination>.active>a,
.theme-mikan .pagination>.active>a:focus,
.theme-mikan .pagination>.active>a:hover,
.theme-mikan .pagination>.active>span,
.theme-mikan .pagination>.active>span:focus,
.theme-mikan .pagination>.active>span:hover{ color:#f57900; }
.theme-mikan .local-headline .title .main-title:before,
.theme-mikan .pagination>.active>a,
.theme-mikan .pagination>.active>a:focus,
.theme-mikan .pagination>.active>a:hover,
.theme-mikan .pagination>.active>span,
.theme-mikan .pagination>.active>span:focus,
.theme-mikan .pagination>.active>span:hover{ border-color:#f57900; }
.theme-mikan .btn,
.theme-mikan .arrow{ background:#f57900; color:#fff; }
.theme-mikan .btn:hover,
.theme-mikan .btn:active,
.theme-mikan .btn:focus{ background:#f57900; }
.theme-bondi .local-headline .title .main-title,
.theme-bondi .local-headline .title .main-title a,
.theme-bondi .local-headline .title .sub-title,
.theme-bondi .pagination>.active>a,
.theme-bondi .pagination>.active>a:focus,
.theme-bondi .pagination>.active>a:hover,
.theme-bondi .pagination>.active>span,
.theme-bondi .pagination>.active>span:focus,
.theme-bondi .pagination>.active>span:hover{ color:#2294b1; }
.theme-bondi .local-headline .title .main-title:before,
.theme-bondi .pagination>.active>a,
.theme-bondi .pagination>.active>a:focus,
.theme-bondi .pagination>.active>a:hover,
.theme-bondi .pagination>.active>span,
.theme-bondi .pagination>.active>span:focus,
.theme-bondi .pagination>.active>span:hover{ border-color:#2294b1; }
.theme-bondi .btn,
.theme-bondi .arrow{ background:#2294b1; color:#fff; }
.theme-bondi .btn:hover,
.theme-bondi .btn:active,
.theme-bondi .btn:focus{ background:#2294b1; }

/* headline */
.local-headline{ margin-bottom:24px; position:relative; }
.local-headline .title{ display:flex; justify-content:space-between; align-items:center; width:100%; }
.local-headline .title .main-title{ font-size:2.214em; font-weight:700; }
.local-headline .title .main-title a{ text-decoration:none; }
.local-headline .title .sub-title{ font-size:1.286em; color:#aaa; font-weight:600; text-transform:uppercase; }

/* nav */
.localheader{ padding:0; background:#fff; border:none; z-index:90; border-bottom:1px solid #e5e6e7; }
.localheader .container{ height:60px; }
.localheader .navbar-nav li a{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.localheader .navbar-right .dropdown-menu{ right:15px; }
.localheader .dropdown-header{ font-size:0.857em; }
.localheader .dropdown-header,
.localheader .dropdown-menu>li>a{ padding:5px 15px; }
.localheader .dropdown-menu>.active>a,
.localheader .dropdown-menu>.active>a:focus,
.localheader .dropdown-menu>.active>a:hover { background-color:#0088cc; }
.localheader .dropdown-toggle.btn-default{ background:transparent; border:1px solid #ccc; padding:8px 10px 6px; margin:15px 15px 0; font-size:0.929em; line-height:1; border-radius:3px; font-weight:300; }
ul.nav-fluid{ height:48px; margin:0 -15px; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify:distribute-all-lines; }
ul.nav-fluid:after { content:''; width:100%; display:inline-block; font-size:0; line-height:0; }
ul.nav-fluid li{ display:inline-block; text-align:center; vertical-align:middle; }
ul.nav-fluid li a{ position:relative; display:block; padding-left:15px; padding-right:15px; text-decoration:none; }
.fixed-local-nav{ position:fixed !important; top:0; }
.local-nav{ position:absolute; width:100%; background-color:transparent; z-index:100; height:60px; z-index:999; padding-top:12px; padding-bottom:12px; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255,255,255,0.7); -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); -webkit-transition-property: background-color, -webkit-backdrop-filter; transition-property: background-color, -webkit-backdrop-filter; transition-property: background-color, backdrop-filter; transition-property: background-color, backdrop-filter, -webkit-backdrop-filter; }
.local-nav .local-nav-container{ height:100%; }
.local-nav .local-nav-row{ height:100%; margin-left:-12px; margin-right:-12px; display:-webkit-flex; display:flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;  }
.local-nav .ln-fill{ -webkit-box-flex:3; -webkit-flex:3; -ms-flex:3; flex:3;  }
.local-nav .ln-left{ -webkit-box-ordinal-group:1; -webkit-order:1; -ms-flex-order:1; order:1; -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; }
.local-nav .ln-center{ -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-box-ordinal-group:2; -webkit-order:2; -ms-flex-order:2; order:2; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; }
.local-nav .ln-right{ -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-ordinal-group:2; -webkit-order:3; -ms-flex-order:3; order:3; -webkit-box-flex:2; -webkit-flex:2; -ms-flex:2; flex:2; }
.local-nav .ln-item-wrap{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; }
.local-nav .ln-item{ height:100%; padding:0 12px; text-align:center; vertical-align:middle; display: -webkit-box; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; }
.local-nav .ln-item-link{ height:100%; position:relative; display:block; -webkit-transition:all .5s; transition:all .5s; display: -webkit-box; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; text-transform:uppercase; }
.local-nav .ln-item.active .ln-item-link{ color:#000; }
.local-nav .ln-item.active .ln-item-link:hover,
.local-nav .ln-item.active .ln-item-link:focus,
.local-nav .ln-item.active .ln-item-link:active{ color:#08c; }
.local-nav a:hover,
.local-nav .ln-item-link:hover,
.local-nav .ln-item-link:focus,
.local-nav .ln-item-link:active{ text-decoration:none; color:#06c; }
.local-nav .ln-item-link-hover{ opacity:.5; }
.local-nav .ln-title{ font-size:1.286em; font-weight:500; color:#222; }
.local-nav .ln-title i{ font-size:120%; }
.local-nav .ln-item-link{ font-size:0.857em; color:#555; }
.local-nav .ln-item-link.btn{ height:24px; font-size:0.714em; padding-left:12px; padding-right:12px; color:#fff; }
.local-nav .dropdown-category .fa{ margin-left:3px; }
.local-nav .btn{ -webkit-border-radius:50px; border-radius:50px; font-weight:700; }

/* sub-nav */
.sub-nav{ border-bottom:1px solid rgba(0,0,0,.07); background:#fff; }
.sub-nav .active-bar{ height:1px; position:absolute; bottom:-1px; left:0; background:#000}
.sub-nav .container{ position:relative; }
.sub-nav .btn-cta{ font-size:0.857em; padding:6px 12px; }
.fixed-sub-nav{ position:fixed; top:0; left:0; right:0; z-index:100; }

/* sub-nav pill-nav */
.sub-nav .pill-nav{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; text-align:center; width:100%; margin-left:-24px; }
.sub-nav .pill-nav li{ padding:0 24px; position:relative; }
.sub-nav .pill-nav li:not(:first-child):before{ background-color:#e9eaed; content:''; height:14px; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:1px; }
.sub-nav .pill-nav li a{ text-decoration:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; color:#686868; cursor:pointer; display:inline-block; line-height:1.2; padding:24px 0; position:relative; font-size:0.857em; }
/* sub-nav tab-nav */
.sub-nav .tab-nav{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; text-align:center; width:100%; background:#eee; z-index:10; position:relative; overflow:hidden; }
.sub-nav .tab-nav li{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; border-color:#e9eaed; border-style:solid; border-width:0 0 1px; color:#686868; position:relative; font-weight:300; font-size:1em; width:50%; transition:all .35s ease; }
.sub-nav .tab-nav li a{ text-decoration:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; color:#686868; cursor:pointer; display:block; line-height:1; position:relative; padding: 40px 20px 30px; width:100%; }
.sub-nav .tab-nav li  a:before{ background:#000; height:1px; bottom:-1px; }
.sub-nav .tab-nav li.active a{ background:#fff; }
.sub-nav .tab-nav li.active a:before{ right:0; left:0; bottom:-1px; background:#fff; }

/* sub-nav list-nav */
.sub-nav .list-nav{ text-align:center; margin-top:-1px; display:flex; -webkit-justify-content:center; justify-content:center; width:100%; top:0; left:0; z-index:9; background:transparent; }
.sub-nav .list-nav li a { position:relative; display:block; color:#aaa; padding:18px 12px; z-index:2; font-size:0.857em; }
.sub-nav .list-nav li a:hover,
.sub-nav .list-nav li a:focus,
.sub-nav .list-nav li a:active{ text-decoration:none; color:#16afba; }
.sub-nav .list-nav li.active a{ color:#16afba; font-weight:bold; }
.sub-nav .list-nav li.active a:before{ left:0; right:0; }
.sub-nav .list-nav li a:before,
.sub-nav .list-nav li.active a:before{ height:2px; bottom:-1px; }
.fixed-sub-nav .list-nav{ border-bottom:none; background:rgba(255,255,255,.9); }

/* tiles */
.tiles .row{ margin-left:-18px; margin-right:-18px; }
.tiles .tile-item{ margin:18px 0; padding:0 18px; display:block; }
.tiles .tile-item:hover{ text-decoration:none; }
.tiles .tile{ height:100%; -webkit-border-radius:7px; border-radius:7px; overflow:hidden; padding-bottom:12px; position:relative; background:#fff; }
.tiles .tile__media{ border:none; padding:0; margin-bottom:0; -webkit-border-radius:0; border-radius:0; background:#fff; }
.tiles .tile__media,
.tiles .tile__media p{ -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.tiles .tile__media .image{ display:block; overflow:hidden; position:relative; }
.tiles .tile__media .image:before{ content:""; display:block; padding-top:56%; }
.tiles .tile__media .image img{ position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width:auto; height:100%; }
.tiles .tile__description{ padding:18px 24px; }
.tiles .tile__description .entry-info{ position:absolute; bottom:6px; }
.tiles .tile__description .category{ color:#999; font-size:0.714em; font-weight:700; }
.tiles .tile__description .title{ font-weight:700; color:#111; }
.tiles .tile__description .entry-date{ font-size:0.929em; font-weight:700; color:#aaa; }
.tiles .col-hotspot .tile__description .title{ font-size:1.571em; }
.tiles .tile__description .arrow{ position:absolute; right:0; bottom:8px; -webkit-border-radius:50%; border-radius:50%; font-size:0.6em; width:13px; height:13px; top:auto; line-height:1; }
.tiles .tile__description .arrow:after{ font-family:'FontAwesome'; content:"\f105"; color:#fff; font-size:1.286em; line-height:1; position:relative; left:5px; top:2px; font-weight:bold; }

/* list */
.lists{ margin-top:-18px; }
.lists .list-item{ padding:24px 0; display:block; }
.lists .list-item:hover{ text-decoration:none; }
.lists .list{ position:relative; }
.lists .list__description{ display:flex; justify-content:space-between; }
.lists .list__description .entry-info{ width:140px; color:#888; }
.lists .list__description .entry-info,
.lists .list__description .title{ font-size:1.143em; font-weight:700; line-height:1.4; }
.lists .list__description .title{ flex-grow:2; color:#111; }
.lists .list__description .arrow{ -webkit-border-radius:50%; border-radius:50%; font-size:0.6em; width:13px; height:13px; line-height:1; position:relative; top:4px; }
.lists .list__description .arrow:after{ font-family:'FontAwesome'; content:"\f105"; color:#fff; font-size:1.286em; line-height:1; position:relative; left:5px; top:2px; font-weight:bold; }

.entries .content-title{ margin-bottom:36px; }
.entries .entry-item .entry{ display:block; margin-bottom:48px; }
.entries .entry-item .entry:hover,
.entries .entry-item .entry:focus,
.entries .entry-item .entry:active{ text-decoration:none; }
.entries .entry-item .entry:hover .fa,
.entries .entry-item .entry:focus .fa,
.entries .entry-item .entry:active .fa{ color:#000; -webkit-transition-duration:1.5s;transition-duration:1.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out }
.entries .entry-item .entry:hover .posted-on,
.entries .entry-item .entry:focus .posted-on,
.entries .entry-item .entry:active .posted-on{ color:#000; -webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out }
.entries .entry-item .entry:before{ height:2px; background:#000; }
.entries .entry-item .entry:after{ content:''; position:absolute; height:2px; bottom:0; left:0; right:0; z-index:-3; background:rgba(0,0,0,.1); }
.entries .entry-thumbnail{ display:block; overflow:hidden; position:relative; margin-bottom:12px; }
.entries .entry-thumbnail:before{ content:""; display:block; padding-top:56%; }
.entries .entry-thumbnail img{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:100%; }
.entries .entry-content .category-title{ font-size:0.714em; font-weight:700; color:#999; margin-bottom:3px; }
.entries .entry-content .cat-next{ color:#f57900; }
.entries .entry-content .cat-tech{ color:#e60012; }
.entries .entry-content .cat-design{ color:#2294b1; }
.entries .entry-content .cat-marketing{ color:#0400ff; }
.entries .entry-content .cat-news{ color:#4e06f2; }
.entries .entry-content .cat-press{ color:#dd04d1; }
.entries .entry-content .cat-lifehack{ color:#0b9e43; }
.entries .entry-content .entry-title{ color:#111; margin-bottom:24px; font-size:1.286em; line-height:1.35; }
.entries .entry-content .entry-title a{ color:#333; }
.entries .entry-content .entry-title a:hover{ color:#06c; }
.entries .entry-content .posted-on{ color:#aaa; font-weight:700; font-size:0.857em; margin-bottom:6px; }
.entries .entry-content .fa{ font-weight:700; color:#ccc; line-height:1; font-size:1.143em; }

/*
 * theme
 * #e60012 - Red
 * #0400ff - Blue
 * #4e06f2 - Violet
 * #fa243c - Beni
 * #0b9e43 - Salem
 * #dd04d1 - Fuchsia
 * #f57900 - Mikan
 * #2294b1 - Bondi
 *
 */

/* hamburger */
.menu-wrapper{ position:relative; cursor:pointer; }
.menu-wrapper:hover{ text-decoration:none; }
.menu-wrapper span{ display:inline-block; padding-left:12px; color:#333; }
.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before { width:18px; height:2px; background:#333; }
.hamburger-menu:after,
.hamburger-menu:before{ content:''; position:absolute; left:0; }
.hamburger-menu { position:relative; transform:translateY(12px); transition:all 0ms 300ms; }
.hamburger-menu.open{ background:rgba(255,255,255,0); }
.hamburger-menu:before { bottom:-6px; transition:bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
.hamburger-menu:after { top:-6px; transition:top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
.hamburger-menu.open:after { top: 0; transform: rotate(45deg); transition:top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }
.hamburger-menu.open:before { bottom: 0; transform: rotate(-45deg); transition:bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }


/* archive */
.archive-category{ padding-top:36px; }
.archive-category .container{ border-bottom:1px solid #d5d6d7; }
.archive-category ul{ text-align:center; margin-top:-1px; display:flex; -webkit-justify-content: center; justify-content:center; }
.archive-category li{ margin-top:-1px; }
.archive-category li a{ position:relative; display:block; color:#aaa; padding:18px 12px; z-index:2; }
.archive-category li a:hover,
.archive-category li a:focus,
.archive-category li a:active{ text-decoration:none; color:#06c; }
.archive-category li a:before,
.archive-category li.active a:before{ height:1px; bottom:-1px; }
.archive-category li.active a{ color:#000; }
.archive-category li.active a:before{ left:0; right:0; background:#000; }

/* button */
.btn{ font-weight:700; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -webkit-border-radius:0; border-radius:8px; padding:12px 24px; border:none; color:#fff; white-space: normal;}
.btn:hover,
.btn:focus,
.btn:active{ outline:0 !important; }
.btn:active{ box-shadow:none; }
a.btn-lg{ padding:18px 36px; font-size:1em; }
a.btn-sm{ padding:6px 20px; }
a.btn-xs{ padding:2px 7px; }
.btn-default{ background-color:#ecf0f1; color:#333; }
.btn-default:hover,
.btn-default:focus,
.btn-default:active{ background-color:#bdc3c7; }
.btn-primary{ background-color:#13afbb; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{ background-color:#0a8892; }
.btn-success{ background-color:#00B900; }
.btn-success:hover,
.btn-success:focus,
.btn-success:active{ background-color:#009300; }
.btn-warning{ background-color:#ffb400; }
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active{ background-color:#eca700; }
.btn-danger{ background-color:#16afba; }
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active{ background-color:#e24300; }
.btn-info{ background-color:#0cc7e9; }
.btn-info:hover,
.btn-info:focus,
.btn-info:active{ background-color:#03b6d7; }
.btn-link{ color:#06c; }
.btn-link:hover{ color:#06c; }
.btn-default-link{ background:transparent; border:none; color:#333; padding:0; }
.btn-default-link:hover,
.btn-default-link:focus,
.btn-default-link:active{ background:transparent; border:none; color:#16afba; padding:0; }
.btn-ghost{ background:transparent; border:2px solid #fff; color:#fff; font-weight:400; }
.btn-ghost:hover,
.btn-ghost:focus,
.btn-ghost:active{ background:transparent; border:2px solid #ccc; color:#ccc; }
.btn-default-ghost{ background:transparent; border:2px solid #16afba; color:#16afba; }
.btn-default-ghost:hover,
.btn-default-ghost:focus,
.btn-default-ghost:active{ background:transparent; border:2px solid #888; color:#888; }
.btn-primary-ghost{ background:transparent; border:2px solid #06c; color:#06c; }
.btn-primary-ghost:hover,
.btn-primary-ghost:focus,
.btn-primary-ghost:active{ background:transparent; border:2px solid #00679a; color:#00679a; }
.btn-primary-ghost .ghost-arrow{ width:10px; height:5px; position:relative; top:-2px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); }
.btn-danger-ghost{ background:transparent; border:2px solid #16afba; color:#16afba; }
.btn-danger-ghost:hover,
.btn-danger-ghost:focus,
.btn-danger-ghost:active{ background:transparent; border:2px solid #e24300; color:#e24300; }
.btn-radius{ -webkit-border-radius:50px; border-radius:50px; }
.btn .caret{ margin-left:7px; }
.btn-cta{ background-color:#1e9bda; border-color:#137ec6; border-top-color:#1992da; border-bottom-color:#0d6ab2; }
.btn-cta:hover{ background:-webkit-linear-gradient(#3caee7, #06c); background:linear-gradient(#3caee7, #06c); -webkit-box-shadow:0 2px 6px 2px rgba(0,0,0,.25); box-shadow:0 2px 6px 2px rgba(0,0,0,.25); }
.btn-cta:active{ background-color:#1e9bda; background:-webkit-linear-gradient(#3caee7, #06c); background:linear-gradient(#3caee7, #06c); border-color:#137ec6; border-top-color:#1992da; border-bottom-color:#0d6ab2; box-shadow:inset 0 1px 9px 0 rgba(0,0,0,.6); text-shadow:none; }
.btn-ripple{ overflow:hidden; position:relative; }
.btn-ripple-effect{ width:300px; height:300px; position:absolute; border-radius:100%; pointer-events:none; transform:scale(0); opacity:0; background:rgba(255,255,255,.7); }
.btn-ripple-effect.btn-ripple-show{ animation:ripple 0.75s ease-out; }
.btn i{ font-weight:700; margin-left:3px; }

/* form */
.form-group label{ font-weight:500; }

/* pagination */
.pagination{ width:100%; text-align:center; display:block; border-radius:0; }
.pagination>li{ display:inline-block; padding:0 3px; }
.pagination>li>a,
.pagination>li>span { display:block; float:none; padding:12px; margin-left:0; color:#16afba; background-color:transparent; border:none; overflow:inherit; font-weight:700; font-size:1.143em; border:1px solid #16afba; }
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{ z-index:2; color:#fff; cursor: default;  border:1px solid #16afba; background:#16afba; }
.pagination>li:first-child>a,
.pagination>li:first-child>span{ border-top-left-radius:0; border-bottom-left-radius:0; }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius:0; border-bottom-right-radius:0; }
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{ background:#16afba; color:#fff; border-color:#16afba; }
.pagination>li>span.current{ background-color:#16afba; color:#fff; }
.nav-links{ width:100%; display:flex; align-items:center; justify-content:center; white-space:nowrap; }
.nav-links a,
.nav-links span{ padding:8px 12px; margin:0 3px; border-radius:4px; }
.nav-links a:hover,
.nav-links a:active,
.nav-links a:focus{ background:#e7e7e7; text-decoration:none; }
.nav-links span.current{ background-color:#16afba; color:#fff; font-weight:bold; }

/* pager */
.pager li a{ border:none; color:#333; padding:0; }
.pager li a:hover,
.pager li a:active,
.pager li a:focus{ background-color:transparent; color:#16afba; }

/* tag */
.tags ul{display:block; margin-bottom:0; }
.tags ul li{ margin:0 0 6px 0; display:inline-block; font-size:1em; }
.tags ul li a,
.tags ul li span{ display:block; border:1px solid #ddd; padding:7px 10px 5px; line-height:110%; color:#777; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:all .2s; -moz-transition:all .2s; transition:all .2s; font-size:0.857em; }
.tags ul li a:hover,
.tags ul li span:hover{ cursor:pointer; border-color:#000; color:#000; text-decoration:none; }

/* list */
.list li{ list-style:disc; margin-left:18px; }
.panel-group{ padding:0; margin:0;  -webkit-border-radius:0; border-radius:0; }
.panel-group .panel+.panel{ margin-top:0; }
.panel-group .panel{ border-radius:0; border:none; -webkit-box-shadow:none; box-shadow:none; background:transparent; background:transparent;  border-bottom:1px solid rgba(0,0,0,.07); }
.panel-group .panel:last-child{ border-bottom:none; }
.panel-default>.panel-heading{ color:inherit; background-color:transparent; border:none; padding:0; }
.panel-default .panel-title{ font-size:0.857em; font-weight:400; }
.panel-default .panel-title a{ padding:12px 0; }
.panel-default .panel-title a:after{ font-family:'FontAwesome'; content:"\f105"; color:inherit; font-size:1.286em; }
.panel-default a{ display:block; position:relative; }
.panel-default ul li a{ font-size:0.857em; }
.panel-collapse>.panel-body{ border-top:none !important; padding-top:0; }
.accordion-toggle a:hover{ text-decoration:none; }
.accordion-toggle a:after{ content:'\f068' !important; }
.accordion-toggle a.collapsed:after{ content:"\2b" !important; }


/**************
 * Responsive *
 **************/
/* 1025 - 1280 */
@media only screen and (min-width:1025px) and (max-width:1280px) {}

/* iPad 3, 4, Air, mini Retina 768 - 1024 [portrait&landscape] */
@media only screen and (min-width:768px) and (max-width:1024px) {
.tiles .portfolio-list .row{ margin-top:34px; }
.localheader{ height:55px; }
.localheader .navbar-right{ float:right; }
.localheader .dropdown-toggle.btn-default{ font-size:1em; margin-top:10px; }
.localheader .navbar-right .dropdown-menu{ top:35px; right:15px; }
.local-nav .local-nav-row{ margin-left:-18px; margin-right:-18px; }
.local-nav .ln-right li:not(:last-child){ display:none; }
.local-headline .view-archive{ font-size:0.857em; }
.breadcrumb{ margin-left:-20px; }
.breadcrumb>li { padding:18px 20px; }
.breadcrumb>li+li:before{ height:57px; }
.breadcrumb>li>a{ max-width:180px; }
.pagination{ width:100%; font-size:1em; }
.pagination>li>a,
.pagination>li>span { padding:15px 10px; font-size:0.929em; }
.archive-category li a{ padding:6px; }
.tags{ font-size:0.857em; }
.fixed-sub-nav{ left:0; right:0; }
.sub-nav .list-nav{ display:block; white-space:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; display:block; }
.sub-nav .list-nav li{ display:inline-block; width:auto; }
.sub-nav .list-nav li a{ height:auto; padding:18px; font-size:0.857em; }
.sub-nav .list-nav li a:before,
.sub-nav .list-nav li.active a:before{ bottom:0; }
.sub-nav .pill-nav li:first-child{ padding-left:24px !important; }
.sub-nav .pill-nav li a{ padding-top:18px; padding-bottom:18px; }
}

 /* 320 - 768 */
@media only screen and (min-width:320px) and (max-width:767px) {
.localheader{ height:48px; }
.localheader .breadcrumb{ display:none; }
.localheader .navbar-right{ text-align:center; }
.localheader .dropdown-toggle.btn-default{ border:none; font-size:1em; margin-top:4px; }
.localheader .navbar-right .dropdown-menu{ top:35px; left:15px; right:15px; }
.local-nav{ height:48px; }
.local-nav .local-nav-row{ margin-left:0; margin-right:0; }
.local-nav .local-nav-container{ padding-left:0; padding-right:0; }
.local-nav .ln-title{ font-size:1.143em; }
.local-nav .ln-left{ -webkit-box-flex:5; -webkit-flex:5; -ms-flex:5; flex:5; }
.local-nav .ln-right li:not(:last-child){ display:none; }
.pagination{ width:100%; font-size:1em; }
.pagination>li>a,
.pagination>li>span { padding:15px 10px; font-size:0.929em; }
.browser .toolbar .browser-input { display:none; }
.browser .toolbar .browser-btn-close{ left:10px; }
.browser .toolbar .browser-btn-minimum{ left:35px; }
.browser .toolbar .browser-btn-fullscreen{ left:60px; }
.archive-category{ overflow:hidden; }
.archive-category .container{ padding:0; border:none; }
.archive-category ul{ white-space:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; display:block; }
.archive-category li{ display:inline-block; }
.archive-category li.active a{ border-bottom:1px solid #000; }
.archive-category li a{ padding:12px 6px; border-bottom:1px solid #d5d6d7 }
.tags{ font-size:0.857em; }
.fixed-sub-nav{ top:0; left:0; right:0; }
.sub-nav .list-nav{ display:block; white-space:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; display:block; }
.sub-nav .list-nav li{ display:inline-block; width:auto; }
.sub-nav .list-nav li a{ height:auto; padding:12px 0; margin:0 12px; font-size:0.857em; }
.sub-nav .list-nav li a:before,
.sub-nav .list-nav li.active a:before{ bottom:0; }
.entries .entry-item .entry,
.entries .entry-content .entry-title{ height:auto !important; }
.entries .entry-content .entry-title{ font-size:1.286em; margin-bottom:12px; }
.category-list .category a{ padding:24px; }
.category-list .category i{ width:48px; height:48px; }
}