/*
Theme Name: fundo_2016
Theme URI: http://wellthemes.com/
Author: WellThemes
Author URI: http://wellthemes.com/
Description: A Premium News and Magazine style Responsive WordPress Theme by WellThemes.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, black, gray, light, one-column, two-columns, right-sidebar, responsive-layout, custom-background, editor-style, featured-images, full-width-template, sticky-post, theme-options
Text Domain: wellthemes
*/

/*
Warning: Do not edit this file, it will be overwritten by the next theme update. If you want to customize the styles, create a child theme instead See: http://codex.wordpress.org/Child_Themes
*/

/* ========================= */
/* Table of contents
 * =========================
 * 1.  Base
 * 2.  Header
 * 3.  Navigation
 * 4.  Homepage
 * 5.  Content
 * 6.  Pages
 * 7.  Comments
 * 8.  Sidebars
 * 9.  Footer
 * 10. Media Queries
 * ========================= */

@import url(//fonts.googleapis.com/css?family=Raleway:700,800,900);
@import url(//fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url("css/reset.css"); 
@import url("css/common.css");
@import url("css/lightbox.css");  
@import url("css/menu.css"); 

/* ====================
 * 1. Base
 * ==================== */
#wpadminbar {
    display: none;
}

html {
    margin-top: 0 !important;
}
body {
    font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #1D1F22;
}

/*===[ Link styles ]===*/
a {
    text-decoration: none;
    color: #1D1F22;
    transition: all 0.2s ease 0s;
    outline: 0;
}

a:visited {
    color: #1D1F22;
}

a:hover {
    color: #5dada5;
}

:focus {
    outline: 0;
}

/*===[ Headings ]===*/
h1,h2,h3,h4,h5,h6 {
    line-height: 1.2;
    color: #1D1F22;
    font-weight: 700;   
}

h1 {
    font-size: 36px;
    font-weight: 800;   
    line-height: 1.1;   
}

h2 {
    font-size: 2.9em;    
    font-weight: 800;   
    line-height: 1.3;
}

h3{
    font-size: 1.7em;
    color: #5dada5;
    line-height: 1.2em;
    margin-bottom: .4em;
    margin-top: 2em;
}

h4 {    
    font-size: 1.375rem;
    line-height: 1.4em;
    margin-bottom: .6em;
    color: #51575F;
    margin-top: 2em;
}

h5 {    
    font-size: 1rem;    
    line-height: 1.4em;
    margin-bottom: 1em;
}

h6 {
    font-size: 13px;
    line-height: 1.16;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
}

/*===[ Layout ]===*/
#content-wrap {
    width: 1100px;
    margin: 0 auto; 
}

.inner-wrap {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}

/*.single .inner-wrap {
        width: 100%;
}*/

#main {
    overflow: hidden;
    clear: both;
    margin-top: 20px;
}

#content {
    width: 700px;
    float: left;
    margin-right: 30px;
    overflow: hidden;
}

#sidebar {
    width: 370px;
    float: left;
    overflow: hidden;
}

#content.full-content{
    width: 100%;    
    margin-right: 0;
}

.one-half {
    width: 345px;
    margin-right: 35px;
    float: left;
    overflow: hidden;
}

.col-last {
    margin-right: 0;
}

/*===[ Image sizes ]===*/
.wp-post-image{
    display: block;
}

.attachment-wt725_375{
    width: 725px;
    height: 375px;
}

.attachment-wt500_300{
    width: 500px;
    height: 300px;
}

.attachment-wt100_70 {
    width: 100px;
    height: 70px;
}

.thumb {
    position: relative;
}

/*===[ Search ]===*/
.search .search-wrap {
    background: #F9F9F9;
    box-shadow: inset 0 0 4px 1px #F2F2F2;
    padding-left: 10px;
    height: 36px;       
}

.search input[type="text"] {
    border: none;
    background: #F9F9F9;
}

.searchfield {
    padding: 2px 5px;
    margin-top: 6px;
    transition: all .5s ease;    
    box-sizing: border-box; 
    width: 190px;   
    position: relative;
    border: none;   
}

.search-submit{ 
    display: block;
    border: none;
    cursor: pointer;
    background: none;
    text-transform: uppercase;
    font-weight: 700;
    color: #CCCCCC;
    margin-top: 8px;
    float: left;
    margin-left: 5px;   
    transition: all 0.2s ease 0s;
}

.search-submit:hover {
    color: #1D1F22;
}

/*===[ Elements ]===*/
.main-color {
    color: #5dada5;
}

.main-color-bg {
    background: #5dada5;
}

.section {
    overflow: hidden;
    margin-bottom: 30px;
}

.section-wrap {
    overflow: hidden;
}

.float-L {
    float: left;
    margin-right: 0.2em;
}

/*===[ Overlay ]===*/
.overlay{
    background-color: #000000;
    position: relative;
}

.overlay .more {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
}

.overlay .more:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    border: 1px solid #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.7);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
    transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
}

.overlay .more a {
    color: #FFFFFF;
    color: rgba(255, 255, 255, 0.8);    
}

.overlay .more a:hover,
.overlay .more a:focus {
    color: #FFFFFF; 
}

.overlay .more i {
    font-size: 24px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s; 
    -webkit-transform: translate3d(-60px,60px,0);
    transform: translate3d(-60px,60px,0);
}

.overlay:hover .entry-cat {
    display: none;
}

.overlay:hover .wp-post-image{
    opacity: 0.7; 
     -webkit-filter: grayscale(100%); 
            filter: grayscale(100%);
}

.overlay:hover .more:before {
    opacity: 1;
    -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
    transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
}

.overlay:hover .more i:empty {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}

.overlay-compact .more:before {
    height: 50px;
    width: 50px;
}

.overlay-compact .more i {
    font-size: 22px;
}

/*===[ Rating]===*/
.entry-rating i {
    font-size: 15px;
    color: #5dada5;
    margin-left: 1px;
}

.ec-stars-outer {
  line-height: 1;
}

.entry-meta-wrap .ec-stars-wrapper a{
    line-height: 1;
}

.ec-stars-wrapper {
    font-size: 0;
    display: inline-block;
    position: relative;
}

.ec-stars-wrapper[data-tooltip]:hover:before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 95%;
    left: 50%;
    text-align: center;
    max-width: 130px;
    margin-left: -40px;
    margin-bottom: 5px;
    background: rgba(0,0,0,.8);
    color: white;
    font-size: 11px;    
    line-height: 1.2;
    padding: 5px 3px 7px;
    text-transform: none;
}

.ec-stars-wrapper a {
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    color: #5dada5;
    margin-right: 1px;
}

.entry-meta .ec-stars-wrapper a,
.ec-stars-wrapper:hover a,
.ec-stars-wrapper.is-voted a {
    color: #5dada5;
}

.ec-stars-wrapper > a:hover ~ a {
    color: #CCCCCC;
}

.ec-stars-wrapper a:active {
    color: #5dada5;
}

.ec-stars-overlay {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background-color: transparent;
    background-color: rgba(255,255,255,.9);
    zoom: 1;
    z-index: 2;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
}

.ec-stars-wrapper:hover .ec-stars-overlay {
    display: none;
}

.ec-stars-value {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
}
/*===[ Entry Meta ]===*/
.entry-meta {
    color: #AAAAAA;
    font-size: 13px;    
    overflow: hidden;
}

.entry-meta span i {
    color: #5dada5;
    font-size: 15px;
}

.entry-meta .comments {
    margin-left: 20px;
}

.entry-meta .date i {
    font-size: 14px;
    margin-right: 5px;
}

.entry-meta .entry-rating {
    float: right;
}

.entry-meta a {
    color: #AAAAAA;
    margin-right: 0.2em;
}

/*===[ Thumb Meta]===*/
.thumb .entry-cat {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 28px;
    overflow: hidden;
    margin-right: 5px;
    padding: 7px 8px 6px;
    float: left;    
}

.thumb .entry-cat h6 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;    
    float: left;
}

.thumb .entry-cat i {
    display: block;
    float: left;
    color: #FFFFFF;
    margin-right: 4px;
    line-height: 1;
}

.thumb .entry-cat a {
    color: #FFFFFF;
}

/*===[ Section Title ]===*/
.section-title {
    border-bottom: 2px solid #EEEEEE;
    margin-bottom: 20px;
    position: relative;
    clear: both;
}

.section-title .section-wrap {
    margin-bottom: 5px;
}

.section-title .section-wrap h3 {
    float: left;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 900;
}

.section-title .subtitle h6{
    color: #BBBBBB; 
    margin-top: 2px;    
    font-size: 14px;
}

.section-title .sep,.widget_popular_categories .section-title .sep {
    display: block !important;
    height: 2px !important;
    margin-top: 0 !important;
    margin-bottom: -2px !important;
    width: 60px !important;
}

.section-title .link {
    float: right;
    font-size: 21px;
    line-height: 1;
}

.full-section {
    clear: both;
    /*margin-top: 30px;*/
}

.full-section .section-title {
    text-align: center;
}

.full-section .section-title .section-wrap {
    margin-bottom: 15px;
}

.full-section .section-title .section-wrap h3 {
    float: none;
}

.full-section .section-title .subtitle h6 {
    font-size: 16px;
    margin-top: 5px;
    line-height: 1.25;
}

.full-section .section-title .sep {
    height: 3px;
    margin-bottom: -3px;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

/*===[ More Link ]===*/
.read-more {
    overflow: hidden;
}

.read-more .button {
    float: left;
}

.read-more i {
    display: block;
    float: right;
    margin-top: 4px;
    margin-left: 6px;
}


.read-more .more-link {
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out 0s;
    color: #5dada5;
    float: left;
}

.read-more .more-link:hover {
    color: #1D1F22;
}

.more-list {
    margin: 20px 0;
    clear: both;
}

.goog-text-highlight {
    padding: .1em;
    margin: 0 .2em;
    background-color: rgba(220, 89, 88, 0.19);
}

iframe {
    max-width: 100%;
}
/* ====================
 * 2. Header
 * ==================== */
/*Sticky Header*/
.header-default {
  background: #f9f9f9;
  transition: transform .3s ease-out;
  height: 60px;
}
.header-default .inner-header {
  overflow: hidden;
}
.header-scroll {
  background: #ffffff;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: none;
  z-index: 9999;
  margin: 0 !important;
  padding-left: 9px;
  border-top: 1px solid #ececec;
  position: fixed;
}
.header-scroll ul li {
  line-height: 2;
  width: 3.4em;
  height: 3.4em;
  margin: 9px 7px 9px 0;
  padding: 0;
  border-radius: 2px;
}
.header-scroll ul li a {
  color: #ffffff;
  text-decoration: none;
  line-height: 3.4em;
}
.single-entry-meta,
.entry-social-top {
    width: 1100px;
    margin: 0 auto 10px;
}
.entry-social-top {
    margin-bottom: 0;
}
.entry-social li.share-count {
    color: #bbbbbb;
    font-size: .695rem;
    font-family: Merriweather Sans,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    line-height: 1.4;
    text-align: right;
    float: right;
    width: 25%;
    padding: 0 1em 0 0 ;
}
.entry-social li.share-count .count {
    font-size: 1.375rem;
}

.entry-social li.share-count i {
    color: #999999;
    font-size: .525rem;
}
.header-scroll .inner-header .slide {
    background-color: #1c262f;
}
/*Sticky Header*/
/*
#header  {
    height: 50px;
    z-index: 100000;
    background: #ffffff;
    overflow: hidden;
    background-color: #ffffff;
}

#header .logo {
    max-width: 200px;   
    max-height: 40px;
    overflow: hidden;
    margin-left: 30px ;
    float: left;
    line-height: 80px;
}

#header .logo img {
    max-height: 40px;
    vertical-align: middle;
}

#header .search {
    width: 270px;
    margin-right: 30px;
    float: right;
    overflow: hidden;
}

#header .search-wrap {
    width: 260px;
    float: left;
    margin-top: 7px;
}

#header .searchfield {
    width: 230px;
}

#header .search-submit{ 
    margin-top: 15px;
}

*/

/* ====================
 * 3. Navigation
 * ==================== */
.menu-section {
    float: right;
    max-width: 650px;   
    margin-right: 10px;
}

#main-menu ul {
    list-style: none;
    margin: 0;
    z-index: 99;    
}

#main-menu > ul {
    float: right;
    margin-top: 7px;
}

#main-menu > ul > li{
    position: relative;
    float: left;
    margin-right: 8px;
}

#main-menu > ul > li > a {
    display: inline-block;
    text-align: center; 
    font-size: 14px;    
    font-weight: 700;
    transition: none;
    padding: 7px 10px;      
    text-transform: uppercase;  
    margin-bottom: 9px;
}

#main-menu > ul > li:hover a,
#main-menu > ul  > li.current-menu-item a{
    color: #FFFFFF; 
    background: #5dada5;        
}

#main-menu .more-items {
    position: relative;
}

#main-menu .more-items  i{
    font-size: 18px;
}

#main-menu .menu-item-split-wrapper > .sub-menu {
    position: absolute;
    right: 0;
    background: #FFFFFF;
}

#main-menu .more-items .sf-sub-indicator {
    display: none;
}

#main-menu .sf-sub-indicator {
    position: relative;
    font-size: 0;
    line-height: 5px;
}

#main-menu .sf-sub-indicator:before {
    content: "\f0d7";
    display: block;
    float: right;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 0;
    margin-left: 6px;
    margin-top: 5px;
    padding: 0;
    line-height: 12px;
}

#main-menu .sub-menu .sf-sub-indicator:before {
    content: "\f0da";
    margin-top: 1px;
}

#main-menu .menu-item-home > a:before {
    content: "\f015";
    font-family: FontAwesome;
    display: block;
    float: left;
    padding: 0;
    font-weight: 400;   
    margin-right: 5px;
    font-size: 18px;
    line-height: 1;
}
.fa-paper-plane:before {
    content: "\f06e" !important;
}
#main-menu > ul > li > ul {
    display: none;
    position: absolute;
    right: 0;
    background: #FFFFFF;
    z-index: 992;   
}

#main-menu ul li ul li {
    float: none;
    padding: 0;
    position: relative;
}

#main-menu ul li:hover ul li{
    border-bottom: none;
}

#main-menu .sub-menu{
    
    margin-top: 0;
    border: 1px solid #EEEEEE;
    border-top: none;
}

#main-menu .sub-menu li:last-child {
    margin-bottom: 0;
}

#main-menu .sub-menu li a {
    border-bottom: 1px solid #EEEEEE;
}

#main-menu .sub-menu li:last-child a {
    border-bottom: none;
}

#main-menu ul li ul li a, 
#main-menu ul li:hover ul li a, 
#main-menu ul li.over ul li a { 
    padding: 9px 12px;      
    display: block; 
    width: 142px;   
    text-align: left;   
    height: auto;           
    font-size: 13px;    
    font-weight: 700;
    text-transform: uppercase;  
    color: #333333; 
    background: #FFFFFF;
}

#main-menu ul li ul li:hover a, 
#main-menu ul li ul li.over a { 
    color: #FFFFFF;
    background: #5dada5;
}

#main-menu ul li ul li ul { 
    display: none;  
    position: absolute; 
    left: -168px;   
    top: -1px;  
    background: #FFFFFF;    
}

#main-menu ul li ul li ul.sub-menu {
    border-top: 1px solid #EEEEEE;
}

#main-menu ul li ul li:hover ul li a, 
#main-menu ul li ul li.over ul li a {   
    background: #FFFFFF;
    color: #000000; 
}

#main-menu ul li ul li ul li a:hover {
    background: #5dada5;
    color: #FFFFFF;
}
 
/* ====================
 * 4. Homepage
 * ==================== */
/*===[ Top Carousel ]===*/
.top-carousel {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.92);
    opacity: 1;
    position: relative;
    z-index: 10;
    height: 100px;
    padding: 0;
}

.top-carousel .tcarousel-wrap {
    display: none;
}

.top-carousel .tcarousel-wrap .title h5 {
   line-height: 1.5em;
   font-weight: normal;
}

.top-carousel .flex-viewport {
    width: 100%;
}

.top-carousel .slides {
    margin-top: 15px;
}   

.top-carousel .item-post {
    width: 400px;
    margin-right: 40px;
}

.top-carousel .thumb {
    width: 100px;
    margin-right: 25px;
    float: left;
    overflow: hidden;
}

.top-carousel h5 {
    font-size: 13px;
}

.top-carousel .flex-direction-nav a {
    position: static;
}

.top-carousel .flex-direction-nav li {
    position: absolute;
    width: 150px;
    height: 100px;
    z-index: 1; 
}

.top-carousel .flex-direction-nav .flex-nav-prev {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 20%, rgba(255, 255, 255, 0.15)) 70%;
    left: 0;
}

.top-carousel .flex-direction-nav .flex-nav-next {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.95) 20%, rgba(255, 255, 255, 0.15)) 70%;
    right: 0;
}

.top-carousel .flex-direction-nav a {
    border: none;
    color: #1D1F22; 
    height: 36px;
    width: 36px;
    margin-top: 30px;
}

.top-carousel .flex-direction-nav a:before {
    font-size: 32px;
    font-weight: 700;
    margin-top: 5px;
}

.top-carousel .flex-direction-nav .flex-nav-prev a{
    margin-left: 10px;
}

.top-carousel .flex-direction-nav .flex-nav-next a{
    float: right;
    margin-right: 10px;
}

/*===[ Slider Section ]===*/
.slider-section {
    clear: both;
}

.top-carousel + .slider-full {
    margin-top: -110px;
}

.slider-wrap {
    display: none;
    overflow: hidden;
    position: relative;
}

.slider-section ul,
.flex-direction-nav,
.flex-control-nav  {
    list-style: none;
    margin: 0;
    padding: 0; 
}

.slides li {
    position: relative; 
}

.slider-full .wp-post-image {
    width: 100%;
    height: 650px;
}

.flex-direction-nav a { 
    display: block; 
    overflow: hidden;   
    transition: all 0.3s ease 0s;
    width: 36px;
    height: 36px;
    line-height: 1; 
    text-align: center;
    color: #FFFFFF;
    font-size: 0;
    /*border: 2px solid rgba(255, 255, 255, 0.7);*/
    float: left;
    position: absolute; 
    z-index: 2;
}

.flex-direction-nav a.flex-prev {
    left: 20px;
}

.flex-direction-nav a.flex-next {
    right: 20px;
}

.flex-direction-nav a:hover{
    opacity: 0.8;
}

.flex-direction-nav a:before {
    font-family: FontAwesome;
    display: block;
    padding: 0;
    font-weight: 400;
    font-size: 24px;
    margin-top: 5px;
}

.flex-direction-nav a.flex-prev:before{ 
    content: "\f104";
}

.flex-direction-nav a.flex-next:before{ 
    content: "\f105";
}

.flex-direction-nav .flex-prev {    
    margin-right: 1px;
}

.slider-section .entry-meta a {
    color: #FFFFFF;
}

.slider-section .slider-main .entry-meta {
    margin-bottom: 10px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
}

.slider-section .slider-main .entry-meta i {
    font-size: 16px;
    margin-right: 2px;
    color: #FFFFFF;
}

.slider-section .title{
    margin-bottom: 10px;
    line-height: 1.3;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.slider-section .title h2 {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.9rem;
}

.slider-section .title h2 a {
    color: #FFFFFF;
}

.slider-section .slider-main .post-info .entry-excerpt {
    font-size: 18px;
    line-height: 1.2;
    color: #FFFFFF;
}

.slider-section .slider-main .read-more {
    overflow: hidden;
}

.slider-section .slider-main .read-more i {
    font-size: 17px;
    line-height: 1;
    margin-left: 4px;
}

/*===[ Full Slider ]===*/
.slider-full .inner-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px;
}

.slider-full .post-info{    
    width: 950px;
    float: left;
    overflow: hidden;
    color: #FFFFFF;
}

.slider-full .post-info .icon {
    float: left;
    width: 30px;
    margin-right: 10px; 
    font-size: 32px;
    line-height: 40px;
}

.slider-full .post-info .right {
    width: 950px;
    float: left;
    overflow: hidden;
}
.slider-full .flex-direction-nav a {    
    top: 55%;
}

.slider-full .flex-direction-nav a:hover{
    background: #FFFFFF;
    color: #1D1F22;
}

.slider-full .rating-info  {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 1;
    min-width: 300px;
    background: rgba(0, 0, 0, 0.7);
    height: 120px;
    padding: 0 30px;
    border-right: 10px solid #5dada5;
}

.slider-full .rating-info:before{
    width: 0; 
    height: 0; 
    border-bottom: 120px solid rgba(0, 0, 0, 0.7); 
    border-left: 40px solid transparent;
    position: absolute;
    content: '';
    left: -40px;
}

.slider-full .rating-info .rating-left {
    float: left;
    overflow: hidden;
    margin-top: 38px;
}

.slider-full .rating-info .rating { 
    color: #FFFFFF;
    float: right;
    margin-top: 5px;    
}

.slider-full .rating-info .text-top {
    
    text-transform: uppercase;
}

.slider-full .rating-info h3 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 900;
}

.slider-full .rating-info .text-bottom {    
    padding: 3px 0;
    text-transform: uppercase;
}

.slider-full .rating-info .text-bottom h6 {
    color: #888888;
}

.slider-full .rating-info .text-bottom .num {
    margin: 0 3px;
}

.slider-full .rating .score {
    display: block;
    float: left;
    font-size: 60px;
    font-weight: 700;
}

.slider-full .rating .total {
    display: block;
    float: left;
    font-size: 38px;
    font-weight: 700;
    margin-top: 70px;
    width: 28px;
    position: relative;
}

.slider-full .rating-info .total:before {
    position: absolute;
    content: '';
    top: -35px;
    right: 0;
    height: 66px;
    width: 0;
    border-left: 1px solid;
    -webkit-transform: skew(45deg); 
    transform: skew(-45deg);
    transform-origin: top left;
    -webkit-transform-origin: top left;
}

/*===[ Compact Slider ]===*/

.top-carousel + .slider-compact {
    margin-top: 0;
}

.slider-compact .slider-main {
    width: 725px;
    margin-right: 30px;
    overflow: hidden;
    float: left;
}

.slider-compact .slider-main .slides li {
       /*height: 375px;*/
}

.slider-compact .post-info {
    position: absolute;
    /*bottom: 15px;
    left: 20px;
    right: 20px;*/
}

.slider-compact .post-info .button {
    font-size: 14px;
    padding: 5px 10px;
}

.slider-compact .post-info .read-more i {
    font-size: 16px;
}

.slider-compact .slider-right { 
    width: 345px;
    float: left;
    overflow: hidden;
}

.slider-compact .slider-right .item-post {
    position: relative;
    height: 180px;
    overflow: hidden;
}

.slider-compact .slider-right .item-post:first-child {
    margin-bottom: 15px;
}

.slider-compact .slider-right .thumb {
    height: 180px;
    overflow: hidden;
}

.slider-compact .slider-right .wp-post-image {
    margin-top: -60px;
}

.slider-compact .post-info{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    padding: 10px 15px;
}

.slider-compact .slider-right .entry-meta {
    margin-bottom: 8px;
    color: #CCCCCC;
}

.slider-compact .slider-right .entry-meta a,
.slider-compact .slider-right .entry-meta i {
    color: #CCCCCC; 
}

.slider-compact .slider-right h5 {
    font-size: 15px;
}

.slider-compact .slider-right h5 a{
    color: #FFFFFF; 
}

.slider-compact .slider-right .item-post:hover .post-info {
    display: none;
}

.flex-control-nav { 
    position: absolute;
    bottom: 10px;
    right: 10px;    
    z-index: 2;
}

.flex-control-nav li {
    float: left;
    margin-left: 3px;
}

.flex-control-nav a {   
    display: block; 
    overflow: hidden;   
    line-height: 1; 
    text-align: center;
    color: #FFFFFF;
    font-size: 0;
    cursor: pointer;
}

.flex-control-nav a:before {
    font-family: FontAwesome;
    content: "\f10c";
    display: block;
    padding: 0;
    font-size: 13px;
    margin-top: 5px;
    margin-left: 5px;
}

.flex-control-nav a:hover:before,
.flex-control-nav a.flex-active:before {
    content: "\f111";
}

/*===[ Top Posts ]===*/
#top-posts .section-title {
    text-align: center;
    border-bottom: 3px solid #EEEEEE;
}

#top-posts .section-title .section-wrap {
    margin-bottom: 10px;
}

#top-posts .item-post {
    width: 345px;
    float: left;
    margin-right: 32px;
}

#top-posts .col-last {
    margin-right: 0;
}

#top-posts h3 {
    margin-top: 0;
    font-size: 1rem;
}

#top-posts .thumb {
    margin-bottom: .8em;
}

#top-posts .wp-post-image {
    height: 205px;
}

#top-posts .entry-meta {
    margin-bottom: 5px;
} 

#top-posts .entry-rating {
    float: right;
}

#top-posts p {
    margin-bottom: 20px;
}

.home h3 {
    margin-top: 0;
}

/*===[ Top Section 1 ]===*/
#top-section1 .main-post {
    width: 725px;
    float: left;
    margin-right: 30px;
    overflow: hidden;   
}

#top-section1 .blog-excerpt {
    margin-bottom: 0;
}

#top-section1 .blog-excerpt .sep {
    display: none;
}

#top-section1 .post-list {
    width: 345px;
    float: left;
    overflow: hidden;
}

#top-section1 .item-post:first-child {
    margin-bottom: 20px;
}

#top-section1 .item-post .thumb {
    margin-bottom: 12px;
}

#top-section1 h4 {
    margin-top: 0;
}

.blog-excerpt {
    overflow: hidden;
}

.blog-excerpt .thumb {
    margin-bottom: 20px;
}

.blog-excerpt h2 {
    font-size: 28px;
}

.blog-excerpt .entry-meta {
    padding: 5px 0;
}

.blog-excerpt .button {
    font-size: 14px;
}

.blog-excerpt .button i{
    font-size: 16px;
    line-height: 1;
}

.blog-excerpt a.button:hover {
    background: #1D1F22;
}

.blog-excerpt .sep {
    height: 15px;
    background: url(images/pattern.png) repeat;
    margin: 30px 0;
}

/*===[ Featured Category 1 ]===*/
.thumb-data {
    position: absolute;
    bottom: 20px;
    left: 25px;
    right: 25px;    
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
}

.thumb-data .entry-meta {
    color: #FFFFFF;
    margin-bottom: 10px;
}

.thumb-data .author {
    overflow: hidden;
}

.thumb-data .avatar {
    border-radius: 50%;
    float: left;
    margin-right: 10px; 
}

.thumb-data .author a {
    text-transform: capitalize;
    display: block;
    float: left;
    font-size: 15px;
    margin-top: 10px;
    color: #FFFFFF;
}

.feat-cat {
    overflow: hidden;
}

.feat-cat .post-excerpt {
    margin-bottom: 20px;
}

.feat-cat .post-excerpt p {
    margin-bottom: 10px;
}

.feat-cat .item-post {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
}

.feat-cat .item-post:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.feat-cat .item-post .entry-meta {
    margin-bottom: 2px;
}

.feat-cat .item-post h5{
    font-size: 15px;
}

#content .feat-cat {
    clear: both;
}

.feat-cat1 .thumb {
    margin-bottom: 20px;
}

.feat-cat1 .title h2 {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.3;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.feat-cat1 .title h2 a {
    color: #FFFFFF;
}

.feat-cat1 .main-post .entry-meta {
    margin-bottom: 10px;
}

.cat-12 {
    background-color: #d46568;
}

.cat-16 {
    background-color: #5dada5;
}

.cat-1 {
    background-color: #b0589e;
}

.cat-3 {
    background-color: #566cae;
}

/*===[ Featured Category 2 ]===*/
.feat-cat2 .main-post {
    overflow: hidden;
    margin: 20px 0 0 0;
    text-align: center;
    background: #666666;
}
.feat-cat2 .main-post h4,
.feat-cat2 .main-post h5, 
.feat-cat2 .main-post h6 {
    color: #ffffff;
}
.feat-cat2 .main-post h4 {
    font-size: 1rem;
    color: #97989C;
    margin: 0 0 0.5em 0;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #dddddd;
}
.feat-cat2 .main-post .thumb {
    width: 40%;
    float: left;
}
.feat-cat2 .main-post .wp-post-image {
    position: absolute;
    width: 290px;
    transform: initial;
    max-width: 100%;
    top: initial;
    left: initial;
    height: initial;
} 
.feat-cat2 .main-post .entry-right {
    padding: 3% 2%;
    width: 55%;
    float: right;
}

.feat-cat2 h3 {
    margin-bottom: 8px;
}

.feat-cat2 h3 a {
    color: #FFFFFF;
}

.feat-cat2 .main-post .entry-meta {
    margin-bottom: 10px;
}

.feat-cat2 .post-list {
    overflow: hidden;
}

.widget_postlist .item-post {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
    overflow: hidden;
    clear: both;
}

.widget_postlist .item-post h5 {
    font-size: 0.9rem;
}

.feat-cat2 .post-3,
.feat-cat2 .post-5,
.feat-cat2 .post-7 {
    margin-right: 0;
}

.feat-cat2 .post-6,
.feat-cat2 .post-7 {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

/*===[ Featured Category 3 ]===*/
.feat-cat3 .post-excerpt {
    margin-bottom: 0;
}

.feat-cat3 .item-post {
    margin-bottom: 15px;
    padding-bottom: 15px;
    overflow: hidden;
}

.feat-cat3 .item-post .thumb{
    width: 100px;
    float: left;
    margin-right: 15px;
}

.feat-cat3 .item-post .entry-meta {
    margin-bottom: 7px;
}

/*===[ Content Ads widget ]===*/
.unit-ad {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
}
.content-ad .ad{
    overflow: hidden;
    text-align: center;
}

.content-ad .ad .wrap{
    display: inline-block;
    vertical-align:top;
}

.content-ad .ad .wrap img{
    display: block; 
}

/*===[ Blog List ]===*/
.feat-bloglist,
.feat-postlist{
    margin-bottom: 0;
}

.archive-list .blog2-excerpt {
  overflow: hidden;
  margin-bottom: 15px;
  border-bottom: 1px solid #EEEEEE;
}

.blog2-excerpt h3 {
    font-size: 1rem;
}

.blog2-excerpt .thumb {
    width: 250px;
    float: left;
    margin-right: 20px;
}

.blog2-excerpt .thumb .entry-cat h6 {
    font-size: 12px;
}

.blog2-excerpt .wp-post-image {
    width: 250px;
    height: 150px;
} 

.blog2-excerpt .title h3 {
    margin-bottom: 8px;
    margin-top: 0;
}

.blog2-excerpt .entry-meta {
    margin-bottom: 5px;
}

.post-excerpt .sep,
.blog2-excerpt .sep {
    height: 10px;
    margin: 25px 0;
    background: url(images/pattern.png) repeat;
}

/*===[ Thumb Posts ]===*/
.thumb-posts .item-post {
    width: 305px;
    float: left;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.thumb-posts .item-post .wp-post-image {
    height: 215px;
}

.thumb-posts .item-post .post-info{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 15px;
}

.thumb-posts .item-post .entry-meta {
    margin-bottom: 8px;
    color: #CCCCCC;
}

.thumb-posts .item-post .entry-meta a,
.thumb-posts .item-post .entry-meta i {
    color: #CCCCCC; 
}

.thumb-posts .item-post h5 {
    font-size: 15px;
}

.thumb-posts .item-post h5 a{
    color: #FFFFFF; 
}

.thumb-posts .item-post:hover .post-info {
    display: none;
}

/*===[ Archive Posts ]===*/
.archive-list {
    overflow: hidden;
}

.post-excerpt {
    overflow: hidden;
}   

.post-excerpt .wp-post-image {  
    height: 205px;
}

.post-excerpt .thumb {
    margin-bottom: 10px;
}

.post-excerpt .entry-meta {
    margin: 5px 0;
}

.post-excerpt p {
    margin: 0;
}

.category-3 .section-title .main-color-bg {
    background: #566cae;
}

.category-16 .section-title .main-color-bg {
    background: #5dada5;
}

.category-1 .section-title .main-color-bg {
    background: #b0589e;
}

.category-12 .section-title .main-color-bg {
    background: #d46568;
}

/*===[ Pagination ]===*/
.more-list a {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #5dada5;
    box-sizing: border-box;
    letter-spacing: 3px;
    padding: 10px 20px;
    -webkit-transition: top 0.1s linear;
    -moz-transition: top 0.1s linear;
    -o-transition: top 0.1s linear;
    transition: top 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}

.more-list a:hover {
    background-color: #75c6bc;
}

#loading {
   margin: 0 auto;
}

.pagination{
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    margin: 20px 0;       
    clear: both; 
    text-align: center;   
}

.pagination .page-numbers{
    color: #999999;
    background: #eeeeee;
    height: 45px;
    min-width: 45px;
    line-height: 45px;
    display: inline-block;  
    margin-right: 5px;
    margin-bottom: 8px;
    box-sizing: border-box;
    text-align: center;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next{ 
    width: auto;
    padding: 3px 15px 0;
    display: none;
}

.pagination a:hover,
.pagination .current{
    color: #ffffff;
    background: #999999;
}

.pagination a:hover {
    border: none !important;
    background: #cccccc;
}

/*===[ Content Carousel ]===*/
.carousel {
    position: relative; 
}

.carousel .carousel-title{
    height: 42px;
    overflow: hidden;
    padding: 0 12px;
}

.carousel .carousel-title .ccarousel-nav {
    float: right;
    margin-top: 9px;
}

.carousel .flex-direction-nav a {
    border: 2px solid rgba(255, 255, 255, 0.7);
    position: static;
    width: 20px;
    height: 20px;
}

.carousel .ccarousel-wrap {
    background: url('images/carousel.jpg') no-repeat;
    background-size: cover;
    padding: 15px;
}

.carousel .flex-direction-nav a:before {
    margin-top: 0;
    font-size: 20px;
}

.carousel .flex-direction-nav li {
    margin-right: 0;
    margin-left: 5px;
    float: left;
}

.carousel .carousel-title h3 {
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 18px;
    float: left;
    color: #FFFFFF;
}

.carousel-section ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.content-carousel .slides li {
    position: relative;
    overflow: hidden;
    width: 215px;
    margin-right: 16px;
}

.content-carousel .entry-meta {
    margin-bottom: 5px;
}

.content-carousel h5 {
    font-size: 15px;
}

.content-carousel h5 a {
    color: #FFFFFF;
}

.content-carousel .wp-post-image{
    width: 240px;
    height: 140px;
}

.carousel .thumb {
    margin-bottom: 15px;
}

/* ====================
 * 5. Content
 * ==================== */
.category #wrap-responsive {
  /*padding-top: 4em;*/ 
  background-color: #fff;
}

.single-post-thumb {
    margin-bottom: 3%;
}

.single-post-thumb {
       display: block;
       height: 250px;
       background: no-repeat;
       background-size: cover;
       background-position: center;
}

.single-post-thumb::before,
#header-single {
    -webkit-background-size: cover;
    background-size: cover;
}
#header-single {
    position: relative;
}
.single-post-thumb::before {
    content: "";
    position: absolute;
    background-clip: content-box;
    height: 100%;
    padding: 30px;
    top: 0;
    left: 0;
}
.single-post-thumb {
    position: relative;
}
.single-post-thumb img {
    height: 100%;
    width: 100%;
}
.aligncenter {
    margin: 0 auto !important;
}
.single-post-thumb .overlay {
    opacity: 0.5;
    height: 100%;
    display: block;
}
.single-entry-title {
    padding: 3%;
    z-index: 30;
    position: relative;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    width: auto;
}
.single-entry-title h1 {
   color: #ffffff;
}
.single-entry-meta {   
    font-size: 14px;
    overflow: visible;
}
.single-entry-meta .date {
    margin-right: 20px;
}
    
.single-entry-meta .ec-stars-outer {
    float: right;   
}

.single-post .tagcloud {
    margin-bottom: 5px;
}

.single-post .entry-content {
    font-size: 16px;
}

.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4,
.single .entry-content h5 {
    margin: 30px 0 15px 0;
}

.single .entry-content h2 {
    font-size: 26px;
}

.single .entry-content h3 {
    border-bottom: 1px solid #5dada5;
    font-size: 22px;
}

.single .entry-content h4 {
    font-size: 18px;
}

.entry-content a {
    color: #5dada5;
}
.entry-content a:hover {
    text-decoration: underline;
}

.single .entry-content .img-1 {
    margin: 20px 0;
}

.single .entry-content .img-2 {
    margin: 20px 0 0 0;
}

.single .entry-content .img-3 {
    margin: 0 0 20px 0;
}

.related-posts {
    clear: both;
}
/*===[ Entry Ads ]===*/
.entry-ad { 
    text-align: center;
}

.entry-ad .ad-inner-wrap{
    display: inline-block;
    max-width: 100%;
}

.entry-ad img{
    display: block;
}

/*===[ Author ]===*/
.entry-author{
    overflow: hidden;
    margin-bottom: 20px;
}

.entry-author .author-avatar{
    width: 70px;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}

.entry-author .avatar{
    width: 70px;
    height: 70px;
}

.entry-author .vcard {
    margin-bottom: 9px;
}

.entry-author .author .name{
    font-weight: 700;
}

.entry-author p{
    margin-bottom: 0;
}

.archive-header .entry-author {
    margin-bottom: 20px;
    padding: 0;
    background: none;
    color: inherit;
}

/*===[ Sharing ]===*/

body ul#sharebar {
    border: none !important;
    background: #E9EBEE !important;
    border-radius: 2px;
}
#sns-wrap {
    position: fixed;
    top: 20px;
}

#sns_box {
    display: none;
    background:#E9EBEE;
    width:90px;
    padding:15px 0;
    left:-100px;
    top:20px;
    text-align:center;
    position:absolute;
    list-style-type:none;
    border-radius: 2px;
    z-index: 1000;
    margin: 0;
}
#sns_box li {
    line-height:250%;
}
.entry-social h5 {
   margin-bottom: 0;
}
.entry-social li {
    float: left;
    line-height: 4;
    margin-right: 1%;
    padding: 8px 0 9px;
    width: 22%;
    border-radius: 2px;
}
.entry-social-bottom li {
    width: 15%;
}

.entry-social-bottom li:last-child {
    margin: 0;
}
.entry-social{
    overflow: hidden;
    font-size: 13px;
    text-align: center;
    margin-top: 3%;
    clear: both;
}
.entry-social li i {
    font-size: 1.6em;
    color: #666666;
    vertical-align: middle;
}

.entry-social a {
    display: block; 
}

.entry-social li a,
.entry-social li i {
    color: #FFFFFF;
    line-height: 1.4;
}

.entry-social li a span {
    font-size: 85%;
}

.entry-social li.fb  {
    background-color: #4c70ba;
}

.entry-social li.twitter {
    background-color: #00aced;
}

.entry-social li.line {
    background-color: #00c300;
}
.entry-social li.fb-like,
.entry-social li.fb-like iframe {
    padding: 0;
    line-height: 0;
}
.entry-social li.fb-like {
    width: 30%;
}
.entry-social li.fb-like iframe {
    width: 100%;
}
.entry-social li.hatena {
    background-color: #00a4de;
}

.entry-social li.gplus {
    background-color: #B84830;
}

.entry-social li.pocket {
    background-color: #ef4056;
}

.entry-social li.feedly {
    padding: 0;
}

.entry-social li.linkedin {
    background-color: #2D8ED6;
}

.entry-social li.pinterest {
    background-color: #FE4445;
    margin-right: 0 !important;
}

aside .social {
    max-width: 170px;
    margin-right: 15px;
    float: right;
    overflow: hidden;
    margin-top: 5px;
}

aside .social ul{
    overflow: hidden;
    margin-top: 6px;
}

aside .social ul li{
    float: left;
    margin-right: 6px;
    text-align: center;
}

aside .social a { 
    border-radius: 40px;
    box-sizing: border-box;
    display: inline-block;
    width: 28px;
    height: 28px;
    padding-top: 3px;
    font-size: 15px;
    border: 1px solid #1D1F22;  
}

aside .social a:hover {
    color: #FFFFFF;
}

aside .social a.fb:hover{
    background: #5D82D1;
    border: 1px solid #5D82D1;  
    
}

aside .social a.twitter:hover{
    background: #40BFF5;
    border: 1px solid #40BFF5;  
}

aside .social a.gplus:hover{
    background: #B84830;
    border: 1px solid #B84830;  

}

aside .social a.instagram:hover{
    background: #A77C5F;
    border: 1px solid #A77C5F;  

}

aside .social a.youtube:hover{
    background: #EA5C4D;
    border: 1px solid #EA5C4D;  

}

/*===[ Post navigation ]===*/
.post-nav{
    overflow: hidden;
    margin: 15px 0 20px;
    font-weight: 700;
    clear: both;
}

.post-nav .prev-post{
    float: left;
}

.post-nav i {
    font-size: 16px;
}

.post-nav .prev-post i{
    margin-right: 5px;
}

.post-nav .next-post{
    float: right;
}

.post-nav .next-post i{
    margin-left: 5px;   
}

/*===[ Single Image ]===*/
.img-nav{
    margin-bottom: 10px;
    overflow: hidden;
}

.img-nav .nav-previous{
    float: left;
}

.img-nav .nav-next{
    float: right;
}

.image-post-link{
    text-align: center;
    margin-bottom: 10px;
}

/*===[ Archives ]===*/
.archive-header h1 {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 12px;
}

.see-video {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 3em;
}

.see-video:before {
    content: " \f03d";
    font-family: FontAwesome;
    margin-right: .4em;
}

.iframeWrap {
    text-align: center;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 46.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.iframeWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.border {
    border: 1px solid #AAAAAA;
    margin: 7px 2% 20px 2%;
    padding: 15px;
    font-size: 18px;
    color: #666666;
}

/* ====================
 * 6. Pages
 * ==================== */
.page .single-entry-title {
    margin-bottom: 20px;
}

/*===[ Archives Page ]===*/
.archive-page .col-header{
    margin-bottom: 20px;
}

.archive-page .wp-tag-cloud ,
.archive-page .item-list {
    margin-left: 15px;
}

.archive-page .wp-tag-cloud li,
.archive-page .item-list li{
    margin-bottom: 5px;
}

.archive-page .wp-tag-cloud a{
    font-size: 14px !important;
}

.archive-page .searchfield {
    width: 220px;
}

/*===[ Contact Page ]===*/
.contact-page .contact-text{
    margin-bottom: 30px;
    margin-top: 10px;
}

.contact-page .contact-map {
    overflow: hidden;
    margin-bottom: 20px;
}

.contact-page .map{
    height: 300px;
}

.contact-page .field{
    margin-bottom: 20px;
    overflow: hidden;
}

.contact-page .row-full{
    overflow: hidden;
}

.contact-form .col-header{
    margin-bottom: 30px;
}

.contact-page .row-full .field{
    width: 355px;
    float: left;
    margin-right: 15px;
}

.contact-page .row-full .field-last{
    margin-right: 0;
}

.contact-page .row-full input.text{
    width: 333px;
}

.contact-page .button{
    background: #303030;
}

.contact-page input[type=text],
.contact-page textarea{
    padding: 10px;
    border: 1px solid #CCCCCC;
    font: inherit;
    color: inherit; 
    margin-bottom: 0;
}

.contact-page input.title_field,
.contact-page textarea {
    width: 703px;
}

.contact-page textarea{
    height: 150px;
}

.contact-page .info-text{
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.contact-page .capt-section {
    display: none;
}

.contact-page .error{
    color: #C14E36;
    display: block;
    font-size: 14px;
    margin-top: 4px;
}

.contact-page label{
    margin-bottom: 5px;
    display: block;
}

.contact-page label span{
    color: red;
    margin-left: 3px;   
    font-weight: 400;
}

.msgbox-warning{
    background: #FE9D0C;
    color: #FFFFFF;
    padding: 6px 12px;
    margin-bottom: 30px;
}

.msgbox-error{
    background: #C14E36;
    color: #FFFFFF;
    padding: 10px 20px;
    margin-bottom: 30px;
}

.msgbox-success{
    background: #E5E5E5;
    padding: 6px 12px;
    margin-bottom: 30px;
    font-size: 16px;
}

.page-template-default .single-entry-title {
   position: relative;
   padding-left: 0;
}

.page-template-default h1 {
   color: #dd5858;
}

/*===[ Error Page ]===*/
.error-page {
    text-align: center;
}

.error-page h1{
    font-size: 140px;
    line-height: 1;
    margin-bottom: 0;
}

.error-page h2{
    margin-bottom: 50px;
}

.error-page .error-info {
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
}

.error-page .widget{
    text-align: left;
}

.error-page .error-info .search{
    margin-top: 40px;
    display: inline-block;
}


/* ====================
 * 7. Comments
 * ==================== */
#comments{
    max-width: 725px;
    overflow: hidden;
}

#comments ol.commentlist{
    margin: 10px 0;
    list-style: none;
}

#comments .comment{
    overflow: hidden;
    margin-bottom: 20px;
}

#comments .comment article{
    overflow: hidden;
}

#comments .author-info{
    margin-bottom: 5px;
    overflow: hidden;
}

#comments .author-avatar{
    float: left;
    width: 65px;    
    margin-right: 12px;
    margin-top: 3px;
}

#comments .author-avatar img{
    display: block;
}

#comments .comment-header {
    overflow: hidden;
    line-height: 1;
}

#comments .comment-header h4{
    float: left;    
    font-size: 15px;
}

#comments .comment-header .fn { 
    width: auto;
    font-style: normal;
}

#comments .comment-meta{
    font-size: 13px;
    margin-bottom: 5px;
}

#comments .author-comment{
    font-size: 13px;
    margin-top: 4px;
    font-weight: 600;
    display: block;
    float: left;
    color: #5dada5;
}

#comments .comment-header .sep{
    margin: 0 25px;
    line-height: 1;
    display: block;
    float: left;
    height: 13px;
    overflow: hidden;
    margin-top: 3px;
    width: 0;
    border-right: 1px solid #AEAEAE;
}

#comments .comment-time{    
    letter-spacing: 0;
    margin-right: 5px;
}

#comments .comment-time a{
    color: #AEAEAE;
}

#comments .sep{
    color: #AEAEAE;
    margin-right: 0px;
}

#comments .reply {
    margin-right: 10px;
}

#reply-title a {
  color: #CCCCCC;
}

#comments .comment-text p:last-child{
    margin-bottom: 0;
}

#comments .moderation{ 
    color: red; 
    font-size: 13px;
    margin-bottom: 0;
    overflow: hidden;
    clear: both;
}

#comments ul.children{
    list-style: none;
}

#comments ol.commentlist li ul.children { 
    list-style: none; 
    margin: 25px 0 0; 
    text-indent: 0;
}

#comments ul.children .author-avatar{
    width: 50px;
    margin-right: 10px;
}

#comments ul.children li.comment{
    margin-bottom: 5px;
}

#comments ul.children li.comment .comment-meta {
    margin-bottom: 0px;
}

#comments ul.children li.comment.depth-5{
    margin-bottom: 0;
    padding-bottom: 0;
}

#comments ul.children li.comment.depth-5 .comment-meta .sep{
    display: none;
}

#comments ul.children .children li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
}

#comments ol.commentlist li ul.children li.depth-2 { 
    margin-left: 30px;  
}

#comments ol.commentlist li ul.children li.depth-3 { 
    margin-left: 30px; 
}

#comments ol.commentlist li ul.children li.depth-4 { 
    margin-left: 30px; 
}

#comments ol.commentlist li ul.children li.depth-5 { 
    margin-left: 30px; 
}

#comments ol.commentlist li ul.children li.depth-5 p { 
    margin-bottom: 0; 
}

#comments ol.commentlist li.pingback .url{
    margin-right: 10px;
}

#comments .comment-nav  h4{
    margin-bottom: 5px;
}

#comments .comment-nav {
    margin-bottom: 15px;
    overflow: hidden;
}

#comments .comment-nav .nav-previous{
    float: left;
}

#comments .comment-nav .nav-next{
    float: right;
}

#comments  .moderation{
    color: #E96065;
}

.comment {
   background-color: #f6f6f6;
   padding: 1em 1.6em 1.3em;
   margin: 2.6em 0;
}

.comment h5 {
   margin-top: 10px !important;
}

.comment h5:before {
    font-family: FontAwesome;
    content: "\f086";
    margin-right: .4em;
    margin-bottom: .4em;
}

#respond #reply-title{
    margin-top: 20px; 
    background: #F8F8F8;    
    padding: 10px 12px;
    color: #666666;
    margin-bottom: 10px;
}

#respond #reply-title{
    font-size: 16px;
}

#respond #reply-title small{
    font-weight: 400;
    font-size: 13px;
} 

#respond .required {
    color: #ff4b33;
    font-weight: bold;
}

#respond label {
    display: block;
    margin-bottom: 5px;
}

#respond .comment-form-comment label{
    margin-top: 10px;   
}

#respond #commentform p{
    margin-bottom: 0;
}

#respond .comment-notes{
    font-size: 13px;
    color: #999999;
    margin-bottom: 20px !important;
}

#respond .comment-form-author{
    margin-right: 2%;
}

#respond .comment-form-author,
#respond .comment-form-email{
    width: 49%;
    float: left;    
}

#respond .comment-form-author input[type=text],
#respond .comment-form-email input[type=text]{  
    width: 93.2%;
}

#respond .comment-form-url input[type=text],
#respond textarea{
    width: 96.6%;
}

#respond input[type=text],
#respond textarea{  
    display: block; 
    font-family: inherit;
    font-size: 14px;
    color: inherit; 
    padding: 10px;
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
}

#respond textarea{
    height: 185px;
}

#respond input[type=submit]{    
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    border: none;
    margin: 0 0 30px;
    background: #303030;
    font-size: 14px;
    font-weight: normal;
    padding: 8px 12px;
}

#respond .form-allowed-tags {
    display: none;
}

/* ====================
 * 8. Sidebars
 * ==================== */
aside h4,
aside h5 {
    margin: 0;
}
/*===[ Widgets ]===*/
#sidebar .widget-title h4 {
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;  
    background: url(images/pattern.png) repeat;
    margin: 0;
    text-align: center;
}

#sidebar .widget-title h4 span {
    background: #FFFFFF;
    padding: 0 15px;
}

#sidebar .active {
    color: #5dada5;
    border-bottom: 1px solid #5dada5;
}
.widget-title {
    overflow: hidden;
    margin-bottom: 20px;
}

aside {
    overflow: hidden;
    margin-bottom: 30px;
}

.widget select{
    padding: 8px 10px;
    font-size: 14px;
    border: 1px solid #1D1F22;
    height: 38px;   
    color: #555555;
    font-family: inherit;
    width: 340px;
}

.widget input[type=text]{
    display: block;
    font-size: 14px;
    padding: 7px 10px;
    width: 240px;
    border: 1px solid #1D1F22;
    font: inherit;
    color: #555555;
    height: 20px;
}

.widget ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget ul li{
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 1.4em;
    float: left;
}

.widget ul li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#wt_sidebar_slider_widget-2 {
    margin-top: 30px;
}

/*===[ Default Widgets]===*/
.widget_categories ul li,
.widget_recent_comments ul li,
.widget_archive ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_recent_entries ul li{
    border-bottom: 1px solid #EDEDED;   
    padding-bottom: 10px;   
}

.widget_categories ul li:before,
.widget_recent_comments ul li:before,
.widget_archive ul li:before,
.widget_meta ul li:before,
.widget_pages ul li:before,
.widget_recent_entries ul li:before{
    font-family: FontAwesome;
    font-size: 14px;
    content: "\f0da";
    margin-right: 8px;
    color: #DDDDDD; 
    display: block;
    float: left;
} 

.widget .screen-reader-text {
    display: none;
}

/*===[ Widget Search ]===*/
.widget_search .search-wrap {
    position: relative;
}

.widget_search input.searchfield {
    display: block;
    float: left;
    font-size: 14px;
    padding: 7px 10px 8px;
    border: 1px solid #1D1F22;
    font: inherit;
    color: #1D1F22;
    width: 100%;
    box-sizing: border-box;
    height: 36px;
}

.widget_search .search-wrap i {
    position: absolute;
    right: 10px;
    top: 17px;
}

/*===[ Widget Calendar ]=== */
.widget_calendar { 
    margin-bottom: 0 
}

.widget_calendar #calendar_wrap{
    padding: 1px;
}

.widget_calendar td {
    text-align: center;
    padding: 7px 0;
    border-top: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
}

.widget_calendar td:first-child{
    border-left: 1px solid #EEEEEE;
}

.widget_calendar td a{
    font-weight: 700;
}

.widget_calendar tfoot td a{
    font-weight: 400;
}

.widget_calendar thead th {
    padding: 10px 0;
    text-align: center;
}

.widget_calendar caption {   
    font-weight: 700;
}

.widget_calendar #prev {
    text-align: left;
    padding-left: 12px;
}

/*===[ Widget Posts ]===*/
aside .item-post {
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
}
.widget_postlist .thumb{
    width: 100px;
    float: left;
    margin-right: 15px;
}

.widget_postlist .item-post .entry-meta {
    margin-bottom: 7px;
}

.widget_postlist .item-post .category {
    margin-bottom: 0;
    float: right;
}

.footer-widget .widget_postlist .item-post {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #393939;
}

.footer-widget .widget_postlist .item-post:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.footer-widget .widget_postlist .thumb{
    width: 90px;
    margin-right: 10px;
}

.footer-widget .widget_postlist .item-post .entry-meta {
    margin-bottom: 3px;
}

.footer-widget .feat-cat .item-post h5 {
    font-size: 14px;
}

.footer-widget .widget_postlist .entry-meta .comments {
    display: none;
}

.footer-widget .fb-container {
    text-align: center;
}

/*===[ Widget Slider ]===*/
.widget_slider ul li {
    margin-bottom: 0;
}

.widget_slider .item-post {
    width: 100%;
}

.widget_slider .flex-control-nav {
    bottom: auto;
    top: 5px;
}

/*===[ Subscribe ]===*/
.widget_subscribe .button {
    margin-top: 15px;
}

.footer-widget .widget_subscribe .button {
    font-size: 15px;
    padding: 4px 12px;
}

.footer-widget .widget input[type="text"] {
    border: 1px solid #333333;
    background: #1D1F22;
    color: #555555;
    font: inherit;
    height: 36px;
    width: 100%;
    box-sizing: border-box;
}

/*===[ Recent Comments ]===*/
.widget_comments .entry-meta{
    margin-bottom: 0;
}

.widget_comments .comment-list li{
    overflow: hidden;
    margin-bottom: 10px;
}

.widget_comments .comment-list h5{
    font-size: 14px;
}

.widget_comments .thumbnail{
    float: left;
    margin-right: 15px;
    width: 70px;    
}

.widget_comments .avatar{
    width: 70px;
    height: 70px;
}

.widget_comments .date {
    font-size: 13px;
    color: #AAAAAA
}

.widget_comments .comment-text{
    color: #999999;
    line-height: 1.3;
    margin-top: 2px;
}

.widget_comments .comment-list li:last-child .comment-right{
    margin-bottom: 0;
}

.footer-widget .widget_comments .thumbnail {
    margin-right: 10px;
    width: 65px;
}

.footer-widget .widget_comments .avatar{
    width: 65px;
    height: 65px;
}

.footer-widget .widget_comments .comment-list h5 {
    font-size: 13px;
    color: #999999;
}

.footer-widget  .widget_comments .comment-text{
    font-size: 13px;
}

/*===[ Widget Video ]===*/
.widget_video iframe{
    max-width: 100%;
    
}

.widget_video .embed p{
    display: none;
}

/*===[ Widget Photos ]===*/
.widget_flickr .flickr_thumbs{
    overflow: hidden;
}

.widget_pinterest ul li,
.widget_flickr ul li{
    width: 76px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.widget_pinterest .pinterest-image img,
.widget_flickr .flickr_thumbs img{
    width: 76px;
    height: 76px;
    display: block; 
    transition: all 0.3s ease 0s;
}

.widget_pinterest .pinterest-image img:hover,
.widget_flickr .flickr_thumbs img:hover {
      -webkit-filter: grayscale(100%); 
              filter: grayscale(100%); 
}

.widget_pinterest ul li.pinterest-follow-me img{
    display: block;
    height: 28px
}

.widget_pinterest .recent-pins-widget{
    overflow: hidden;
}

/*===[ Widget Categories ]===*/
.widget_popular_categories  li {
    width: 47%;
    margin-right: 6%;
    float: left;
    overflow: hidden;
}

.widget_popular_categories  .last {
    margin-right: 0;
}

.widget_popular_categories a {
    font-weight: 700;   
}

.widget_popular_categories .sep {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-right: 6px;
    display: block;
    float: left;
    margin-top: 5px;
}

.widget_popular_categories .count {
    float: right;
    font-size: 13px;
    color: #888888;
}

.popular-posts {
    margin-bottom: 0;
}

.popular-posts .item-post {
    width: 100% !important;
}

.ranking-period {
    text-align: center;
    margin-bottom: 12px !important;
}

.ranking-period p {
    display: inline-block;
    margin: 0 2em;
}

/*===[ Tags widget ]===*/
.tagcloud{
    overflow: hidden;   
    margin-bottom: -8px;
}

.tagcloud a{
    font-size: 14px !important;
    background: #F2F2F2;    
    display: inline-block;
    height: 32px;
    line-height:30px;
    margin: 0 10px 12px 0;
    padding: 2px 20px 4px 23px;
    position: relative;
    text-decoration: none;
}

.tagcloud a:before {
    background: #1D1F22;
    border-radius: 10px;  
    content: "";
    height: 6px;
    left: 10px;
    position: absolute;
    top: 13px;
    width: 6px;  
}

.tagcloud a:after {
    background: #FFFFFF;
    border-bottom: 16px solid #FFFFFF;
    border-left: 10px solid #F2F2F2;
    border-top: 16px solid #FFFFFF;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
}

/*===[ Widget About us ]===*/
.widget_aboutus .logo-wrap {
    margin-bottom: 20px;
    overflow: hidden;
}

.widget_aboutus .logo-wrap img{
    display: block; 
}

.widget_aboutus .social-links {
    margin-top: 25px;
}

.widget_aboutus .social-links ul {
    overflow: hidden;
}

.widget_aboutus .social-links ul li {
    margin-right: 15px;
    float: left;
}

.widget_aboutus .social-links i {
    font-size: 20px;
}
.motion {
  display: none;
}
#motion_area1 {
  display: block;
}
a.active {
  font-weight: bold;
}

/* ====================
 * 9. Footer
 * ==================== */
#footer{
    overflow: hidden;
    margin-top: 30px;
    background: #292929;
    color: #999999;
    
}

.disable-text {
    user-select: none; /* CSS3 */
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari、Chromeなど */
    -ms-user-select: none; /* IE10かららしい */
}

/*===[ Footer Carousel ]===*/
.footer-carousel {
    overflow: hidden;
    position: relative;
}

.footer-carousel .fcarousel-wrap {
    display: none;
}

.footer-carousel .item-post {
    width: 550px;
    float: left;
}

.footer-carousel .wp-post-image {
    height: 280px;
}

.footer-carousel .entry-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    height: 50px;
}

.footer-carousel .entry-top .entry-meta {   
    font-weight: 700;
    color: #FFFFFF; 
}

.footer-carousel .entry-top .entry-meta .category {
    display: block;
    float: left;
    margin: 15px 30px;
}

.footer-carousel .entry-top .entry-meta .date {
    display: block;
    float: left;
    margin-top: 15px;
}

.footer-carousel .entry-top .entry-meta .score {
    float: right;
    min-width: 60px;
    height: 50px;
    box-sizing: border-box;
    padding: 15px;
    font-size: 15px;
}

.footer-carousel .entry-top .entry-meta .score i {
    margin-right: 5px;
    font-size: 17px;
}

.footer-carousel .entry-meta a,
.footer-carousel .entry-meta i {
    color: #FFFFFF;
}

.footer-carousel .post-info {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

.footer-carousel .post-info  h3 {
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    font-weight: 900;
    text-transform: uppercase;  
}

.footer-carousel .post-info  h3 a {
    color: #FFFFFF;
}

.footer-carousel .read-more .button {
    font-size: 13px;
    padding: 6px 10px;
}

.footer-carousel .item-post:hover .post-info,
.footer-carousel .item-post:hover .entry-top {
    display: none;
}

.footer-carousel .flex-direction-nav a {
    top: 100px;
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.92);
    border: none;
    width: 50px;
    height: 50px;
    color: #1D1F22;
    border-radius: 50px;
}

.footer-carousel .flex-direction-nav a:hover {
    background: #FFFFFF;
}

.footer-carousel .flex-direction-nav a:before {
    font-size: 32px;
    font-weight: 700;
    margin-top: 10px;   
}

.footer-carousel .flex-direction-nav a.flex-prev {
    left: 100px;
}

.footer-carousel .flex-direction-nav a.flex-prev:before {
    margin-right: 3px;  
}

.footer-carousel .flex-direction-nav a.flex-next {
    right: 100px;
}

.footer-carousel .flex-direction-nav a.flex-next:before {
    margin-left: 5px;  
}

/*===[ Footer Menu ]===*/
.footer-menu{
    height: 50px;
    background: #1D1F22;
    overflow: hidden;   
    padding: 0 20px;
}

.footer-menu .logo  {
    max-width: 300px;   
    max-height: 40px;
    overflow: hidden;
    float: left;
    line-height: 46px;
    display: none;
}

.footer-menu .logo img {
    max-height: 40px;
    vertical-align: middle;
}


.footer-menu .menu{
    max-width: 700px;
    overflow: hidden;
    float: right;
}

.footer-menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 14px;
    height: 22px;
    overflow: hidden;   
}

.footer-menu ul li{
    float: left;
    margin-left: 40px;
}

.footer-menu ul li:first-child{
    margin-left: 0;
}

.footer-menu ul li a{
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFFFFF;
    color: rgba(255, 255, 255, 0.6);
}

.footer-menu ul li a:hover{
    color: #FFFFFF;
    color: rgba(255, 255, 255, 0.8);
}

/*===[ Footer Widgets ]===*/
.footer-widgets {
    padding-top: 30px;
}

.footer-widgets a{
    color: #999999;
}

.footer-widgets a:hover{
    color: #FFFFFF;
}

.footer-widgets p{
    margin-bottom: 15px;
}

.footer-widget {
    width: 300px;
    margin-right: 40px;
    float: left;
    overflow: hidden;
}

.footer-widgets .footer-widget:last-child {
    margin-right: 0;
}

.footer-widget.col-last {
    margin-right: 0;
}

.footer-widget .section-title {
    color: #999999;
    border-bottom: 2px solid #393939;
}

.footer-widget .section-title h4 {
    color: #FFFFFF;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;  
}

.footer-widget .section-title .sep{
    background: #5dada5;
}

.footer-widget .widget_categories ul li, 
.footer-widget .widget_recent_comments ul li, 
.footer-widget .widget_archive ul li, 
.footer-widget .widget_meta ul li, 
.footer-widget .widget_pages ul li,
.footer-widget .widget_recent_entries ul li {
    border-bottom: 1px solid #393939;
}

.footer-widget .widget ul li:last-child {
  border-bottom: medium none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.footer-widget .widget_categories ul li:before,
.footer-widget .widget_recent_comments ul li:before,
.footer-widget .widget_archive ul li:before,
.footer-widget .widget_meta ul li:before,
.footer-widget .widget_pages ul li:before,
.footer-widget .widget_recent_entries ul li:before{
    color: #595959; 
} 

/*===[ Footer Info ]===*/
.footer-info {
    background: #1D1F22;
    padding: 10px 0;
    font-size: 13px;
    text-align: center;
}

.footer-info p, .footer-info ul, .footer-info li {
    margin-bottom: 10px;
    list-style-type: none;
}

.footer-info a {
    color: #999999;
}

.footer-info a:hover {
    color: #FFFFFF;
}

.footer-widget .tagcloud a,
.footer-widget .tagcloud a:after {
    background: none;
    border: none;
}

/* ====================
 * 10. Media Queries
 * ==================== */
 
/* 10.1 Desktop
 * ================ */ 
@media only screen and (min-width: 1280px) and (max-width: 1500px) {
.single .inner-wrap {
    width: 980px;
}
.single #content {
    width: 610px;
}
.single #sidebar {
     width: 332px;
}
        
/*  #header .logo {
        margin-left: 20px;
    }
    
    #header .search {
        margin-right: 15px;
        width: 200px;
    }
    
    #header .searchfield {
        width: 160px;
    }
    
    #header .social ul li:last-child {
        display: none;
    }*/
    #global-nav ul li a {
        border-right: 1px solid #ececec;
    }    
    #main-menu > ul > li {
        margin-right: 5px;
    }
    header h1 {
        line-height: 80px;
    }
    header h1 img {
    }
    .header .inner-header {
        font-size:30px;
        font-weight:normal;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .slider-full .slides .thumb .overlay-img {
      position: absolute;
      height: 100%;
      top: 0;
    }
    #header .social {
        max-width: 170px;
        margin-right: 15px;
        float: right;
        overflow: hidden;
        margin-top: 5px;
    }
    #header .social ul{
        overflow: hidden;
        margin-top: 6px;
    }
    .single-entry-meta,
    .entry-social-top {
        width: 1100px;
        margin: 0 auto 10px;
    }
    .entry-social li.fb-like,
    .entry-social li.fb-like iframe {
         float: left;
         margin-top: .6em;
    }
    .entry-social li.share-count {
         padding: 0;
    }
    nav li a {
        line-height: 80px;
        padding: 0 15px;
    }
    .single-post-thumb {
      background-attachment: fixed;
    }
    .single-entry-meta, .entry-social-top {
      width: 1100px;
      margin: 0 auto 10px;
    }
    .archive-list .blog2-excerpt {
      border: none;
    }
    #top-section1 h2, #top-section1 h4, .blog2-excerpt h3, #top-posts h3 {
      font-size: 1.3rem;
      line-height: 1.7rem;
      font-weight: normal;
    }
    #top-section1 h2 {
      font-size: 28px;
      line-height: 36px;
    }
    .feat-cat2 .main-post {
        height: 150px;
    }
    .feat-cat2 .main-post .thumb {
	width: 290px;
	float: left;
        overflow: initial;
    }
    .feat-cat2 .main-post .wp-post-image {
	width: 290px;
        transform: initial;
        max-width: 100%;
        top: initial;
        left: initial;
        height: initial;;
    } 
    .footer-info p, .footer-info ul, .footer-info li {
        display: inline-block;
        margin-bottom: 0;
    }

    .footer-info p {
        margin-bottom: 0;
        float: left;
    }

    .footer-info ul {
        float: right;
    }

    .footer-info ul li:first-child {
        margin-right: 2em;
    }
}

@media only screen and (min-width: 1085px) and (max-width: 1279px) {
        
/*    #header .logo {
        margin-left: 20px;
    }
    
    #header .search {
        display: none;
    }*/
        
    #main-menu > ul > li {
        margin-right: 5px;
    } 
    .header .inner-header
    {
        font-size:30px;
        font-weight:normal;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .slider-full .slides .thumb .overlay-img {
      position: absolute;
      height: 100%;
      top: :0;
    } 
    nav li a {
        /*line-height: 80px;*/
        padding: 0 15px;
    }
    .single-post-thumb {
      background-attachment: fixed;
    }
}

/* 10.1 Menus
 * ================ */ 
@media only screen and (max-width: 1084px) {
    .menu-section {
        width: 240px;
        max-width: 240px;       
    }

    .menu-section .slicknav_menutxt {display: none;}
        
    #main-menu ul { 
        display: none; 
    }
        
    .slicknav_menu{
        display: block;
    }
    
    .slicknav_btn {
        width: 220px;       
    }
        
    #header .social {
        margin-right: 260px;
    }
     
}

/* 10.1 Desktop
 * ================ */ 
@media only screen and (min-width: 940px) and (max-width: 1099px) {
.single #content {
   width: 610px;
}
    header h1{
        line-height: 80px;
    }

    .header .inner-header
    {
        font-size:30px;
        font-weight:normal;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    #top-head {
        border-bottom: 1px solid #ececec;
    }
    #global-nav ul li a {
        border-right: 1px solid #ececec;
    }
    .slider-full .slides .thumb .overlay-img {
      position: absolute;
      height: 100%;
      top: :0;
    }   
    .inner-wrap {
        width: 950px;
    }

    #content {
        width: 600px;
        margin-right: 20px;
    } 
    #sidebar {
        width: 300px;
    }

    .one-half {
        width: 290px;
        margin-right: 20px;
    }
        
   /* #header .search {
        margin-right: 15px;
        width: 200px;
    }
    
    #header .search-wrap {
        width: 192px;
    }

    #header .searchfield {
        width: 162px;
    }*/
    
    .slider-full .wp-post-image {
        height: 550px;
    }
    
    .slider-full .rating-info {
        height: 100px;
        min-width: 300px;
        padding: 0 15px;
    }
    
    .slider-full .rating-info .rating-left {
        margin-top: 25px;
    }
    
    .slider-full .rating .score {
        font-size: 48px;
    }
    
    .slider-full .rating .total {
        font-size: 32px;
        margin-top: 56px;
    }
    
    .slider-full .rating-info .total:before {
        height: 60px;
    }
    
    .slider-full .flex-direction-nav a {
        top: 55%;
    }
    
    .slider-compact .slider-main {
        margin-right: 20px;
        width: 620px;
    }
    
    .slider-compact .slider-main .wp-post-image{
        height: 340px;      
    }
    
    .slider-compact .slider-right {
        width: 280px;
    }
    
    .slider-compact .slider-right .item-post {
        height: 162px;
    }

    .single-post-thumb {
      background-attachment: fixed;
    }
    
    .one-half {
        width: 290px;
        margin-right: 20px;
    }
    
    .col-last {
        margin-right: 0;
    }
    
    .section {
        margin-bottom: 20px;
    }
    
    h3 {
        font-size: 1.875em;
        line-height: 1.4em;
        margin-bottom: .4em;
    }
    
    h4 {
        font-size: 16px;
    }
            
   /* #header .search {
        margin-right: 10px;
        width: 240px;
    }
    
    #header .search-wrap {
        width: 230px;
    }
    
    #header .searchfield {
        width: 202px;
    }*/
    
    .top-carousel .tcarousel-nav {
        display: none;
    }
    
    .top-carousel .item-post {
        width: 340px;
        margin-right: 20px;     
    }
    
    .top-carousel .thumb {
        margin-right: 15px;
        width: 90px;
    }
    
    .top-carousel .entry-meta {
        margin-bottom: 4px;
    }

    
    .attachment-wt725_375 {
        height: 310px;
    }
    
    #top-posts .item-post {
        width: 293px;
        margin-right: 20px; 
    }
    
    #top-posts .item-post.col-last{
        margin-right: 0;    
    }
        
    #top-posts .thumb {
        margin-bottom: 10px;
    }
    
    .post-excerpt .wp-post-image,
    #top-posts .wp-post-image {
        height: 180px;
    }
    
    #top-section1 .main-post {
        margin-left: 20px;
        width: 600px;
    }
    
    #top-section1 .post-list {
        width: 300px;
    }   
    
    .blog-excerpt h2 {
        font-size: 1rem;
    }
    
    .blog-excerpt .button {
        font-size: 12px;
        padding: 5px 10px;
    }
     .archive-list .blog2-excerpt {
      border: none;
    }   
    .thumb-posts .item-post {
        width: 300px;
    }
    
    .thumb-posts .item-post .wp-post-image {
        height: 180px;
    }
    
    .overlay .more:before {
        height: 60px;
        width: 60px;
    }   
    
    .overlay-compact .more i {
        font-size: 20px;
    }
    
    .feat-cat .post-list {
        margin-top: 15px;
    }
    
    .feat-cat1 .title h2 {
        font-size: 16px;
    }
    
    .thumb-data {
        bottom: 10px;
        left: 10px;
        right: 10px;
    }

    .feat-cat1 .thumb-data .entry-meta {
        display: none;
    }
    .feat-cat2 .main-post {
        height: 150px;
    }            
    .footer-carousel .item-post {
        width: 280px;
    }
    
    .footer-carousel .post-info {
        bottom: 15px;
        left: 15px;
        right: 15px;
    }
    
    .footer-carousel .post-info h3 {
        font-size: 18px;
    }
    
    .footer-carousel .flex-direction-nav a {
        height: 40px;
        top: 130px;
        width: 40px;
    }
    
    .footer-carousel .flex-direction-nav a.flex-prev {
        left: 10px;
    }
    
    .footer-carousel .flex-direction-nav a.flex-next {
        right: 10px;
    }
    
    .footer-carousel .flex-direction-nav a:before {
        font-size: 26px;
        margin-top: 8px;
    }
    
    .single-entry-meta {
        font-size: 12px;
    }
    
    .single-entry-meta .ec-stars-outer {
        float: left;
        margin-top: 10px;
    }
    .single-entry-meta,
    .entry-social-top {
        width: 1100px;
        margin: 0 auto 10px;
        padding: 0 3%;
    }
    .single-post .entry-content {
        font-size: 14px;
    }    
    .entry-social li {
        margin-bottom: 10px;
    }   
    
    #respond .comment-form-author input[type="text"], 
    #respond .comment-form-email input[type="text"] {
        width: 91%;
    }   
    
    #respond .comment-form-url input[type="text"], 
    #respond textarea {
        width: 95.7%;
    }
    
    .archive-header h1 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .contact-page .contact-map iframe{
        height: 275px;
    }
    
    .contact-page .row-full .field{
        margin-right: 10px;
        width: 295px;
    }
    
    .contact-page .row-full .field-last {
        margin-right: 0;
    }
    
    .contact-page .row-full input.text {
        width: 273px;
    }
    
    .contact-page input.title_field,
    .contact-page textarea{
        width: 578px;
    }
    
    .footer-widget {
        margin-right: 20px;
        width: 285px;
    }
    
    .footer-widgets .col-last {
        display: none;
    }

}

/* 10.2. Tablet (devices and browsers)
================================================ */
@media only screen and (min-width: 745px) and (max-width: 939px) {       
    .inner-wrap,
    .single-entry-meta,
    .entry-social-top {
        width: 725px;
        margin: 10px auto;
    }
    #content {
        width: 725px;
        margin-right: 0;
    }
    
    /*#header {
        overflow: hidden;
    }
    
    #header .search {
        display: none;
    }*/
    
    .top-carousel .item-post {
        max-width: 330px;
        margin-right: 10px; 
    }
    
    .entry-rating i {
        font-size: 13px;
    }
    
    .top-carousel .thumb {
        margin-right: 10px;
        width: 90px;
    }
    
    .slider-full .flex-direction-nav a {
        top: 55%;
    }

    .slider-full .wp-post-image {
        height: 550px;
    }
    
    .slider-full .rating-info .rating-left {
        display: none;
    }
    
    .slider-full .rating-info {
        min-width: 60px;
    }
    
    .slider-compact .slider-main {
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .slider-compact .slider-right {
        width: 725px;
    }
    
    .slider-compact .slider-right .item-post {
        width: 355px;
        float: left;
    }

    .slider-compact .slider-right .item-post:first-child {
        margin-right: 15px;
        margin-bottom: 0;
    }
    
    #top-posts .item-post {
        margin-right: 25px;
        width: 350px;
    }
        
    #top-posts .post-1{
        margin-right: 0;
    }
    
    #top-posts .post-2{
        display: none;
    }
    
    #top-section1 .blog-excerpt .sep {
        display: block;
        margin: 25px 0;
    }
    
    #top-section1 .post-list {
        width: 725px;
    }
    
    #top-section1 .item-post {
        width: 350px;       
        float: left;
    }
    
    #top-section1 .item-post:first-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
        margin-right: 25px;
    }
    
    #sidebar {
        width: 750px;
        margin-top: 40px;
        -moz-column-count: 2;
        -moz-column-gap: 30px;
        -webkit-column-count: 2;
        -webkit-column-gap: 30px;
        column-count: 2;
        column-gap: 30px;
    }
    
    #sidebar .widget {
        width: 330px;       
        overflow: hidden; 
        break-inside: avoid-column;
        -webkit-column-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid;
        -webkit-backface-visibility: hidden;
        margin-bottom: 20px;
    } 
    
    .widget_postlist .entry-right {
        float: left;
        overflow: hidden;
        width: 215px;
    }
    
    #sidebar .item-post .thumb {
        position: static;
    }
            
    #sidebar .widget_slider {
        display: none;
    }
    
    .widget_postlist .overlay:hover .wp-post-image{
        opacity: 1;
        -webkit-filter: none;       
    }
    
    #respond .comment-form-author input[type="text"], 
    #respond .comment-form-email input[type="text"] {
        width: 93%;
    }    
    .footer-carousel .flex-direction-nav a {
        height: 40px;
        top: 130px;
        width: 40px;
    }
    
    .footer-carousel .flex-direction-nav a.flex-prev {
        left: 10px;
    }
    
    .footer-carousel .flex-direction-nav a.flex-next {
        right: 10px;
    }
    
    .footer-carousel .flex-direction-nav a:before {
        font-size: 26px;
        margin-top: 8px;
    }
    
    .footer-widget {
        float: left;
        margin-right: 40px;
        width: 320px;
    }


}

/* 10.3. Tablet Portrait (devices and browsers)
================================================ */
@media only screen and (min-width: 620px) and (max-width: 744px) {
        
    .inner-wrap {
        width: 600px;
    }

    #content {
        width: 600px;
        margin-right: 0;
    }

    .one-half {
        width: 290px;
        margin-right: 20px;
    }
    
    .col-last {
        margin-right: 0;
    }
    
    .section {
        margin-bottom: 20px;
    }
    
    h3 {
        font-size: 18px;
    }
    
    h4 {
        font-size: 16px;
    }
    
    /*#header {
        height: auto;
        padding-bottom: 15px;
    }
    
    #header .social {
        float: left;
        margin: 20px 0 0 25px;
        clear: both;
    }
    
    #header .search {
        margin-right: 10px;
        margin-top: 15px;
        width: 240px;
    }
    
    #header .search-wrap {
        width: 230px;
    }
    
    #header .searchfield {
        width: 202px;
    }*/
        
    .top-carousel .item-post {
        max-width: 310px;
        margin-right: 10px; 
    }
    
    .top-carousel .thumb {
        margin-right: 10px;
        width: 90px;
    }
    
    .top-carousel .entry-meta {
        margin-bottom: 4px;
    }
    
    .top-carousel .entry-rating i {
        font-size: 13px;
    }

    .slider-full .wp-post-image {
        height: 450px;
    }
    
    .slider-full .inner-wrap {
        bottom: 20px;
    }
    
    .slider-full .rating-info .rating-left,
    .slider-full .slider-main .entry-meta,  
    .slider-full .post-info .icon {
        display: none;
    }   
    
    .slider-full .rating-info {
        min-width: 60px;
        padding: 0 20px;
    }

    .slider-full .post-info,
    .slider-full .post-info .right {
        width: 100%;
        margin-left: 6px;
    }
    
    .slider-full .flex-direction-nav a {
        top: 55%;
    }
    
    .slider-section .title h2 {
        font-size: 28px;
        line-height: 28px;
    }
    
    .slider-section .slider-main .post-info .entry-excerpt {
        font-size: 15px;
    }
    
    .attachment-wt725_375 {
        height: 310px;
    }
    .slider-compact {
        margin-top: 10%;
    }
    .slider-compact .slider-main {
        width: 600px;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .slider-compact .slider-right {
        width: 600px;
    }
    
    .slider-compact .slider-right .item-post {
        width: 295px;
        height: 170px;
        float: left;
    }

    .slider-compact .slider-right .item-post:first-child {
        margin-right: 10px;
        margin-bottom: 0;
    }
    
    #top-posts .item-post {
        width: 290px;
        margin-right: 20px; 
    }
    
    #top-posts .post-1 {
        margin-right: 0;    
    }       
    
    #top-posts .post-2 {
        display: none;
    }
        
    #top-posts .thumb {
        margin-bottom: 10px;
    }
    
    .post-excerpt .wp-post-image,
    #top-posts .wp-post-image {
        height: 180px;
    }

    #top-section1 .post-list,
    #top-section1 .main-post {
        float: left;
        margin-left: 0;
        width: 600px;
    }
    
    #top-section1 .blog-excerpt .sep {
        display: block;
        margin: 20px 0;
    }
    
    #top-section1 .item-post {
        width: 290px;
        float: left;
    }
    
    #top-section1 .item-post:first-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
        margin-right: 20px;
    }
    
    #top-section1 .item-post .entry-rating,
    .one-half .entry-meta .entry-rating {
        display: none;
    }
    
    .blog-excerpt h2 {
        font-size: 22px;
    }
    
    .blog-excerpt .button {
        font-size: 12px;
        padding: 5px 10px;
    }
    
    .thumb-posts .item-post {
        width: 300px;
    }
    
    .thumb-posts .item-post .wp-post-image {
        height: 180px;
    }
    
    .overlay .more:before {
        height: 60px;
        width: 60px;
    }   
    
    .overlay-compact .more i {
        font-size: 20px;
    }
    
    .feat-cat .post-list {
        margin-top: 15px;
    }
    
    .feat-cat1 .title h2 {
        font-size: 16px;
    }
    
    .thumb-data {
        bottom: 10px;
        left: 10px;
        right: 10px;
    }

    .feat-cat1 .thumb-data .entry-meta {
        display: none;
    }
    
    .footer-widget {
        margin-right: 10px;
        width: 290px;
    }
        
    .footer-carousel .item-post {
        width: 280px;
    }
    
    .footer-carousel .post-info {
        bottom: 15px;
        left: 15px;
        right: 15px;
    }
    
    .footer-carousel .post-info h3 {
        font-size: 18px;
    }
    
    .footer-carousel .flex-direction-nav a {
        height: 40px;
        top: 130px;
        width: 40px;
    }
    
    .footer-carousel .flex-direction-nav a.flex-prev {
        left: 10px;
    }
    
    .footer-carousel .flex-direction-nav a.flex-next {
        right: 10px;
    }
    
    .footer-carousel .flex-direction-nav a:before {
        font-size: 26px;
        margin-top: 8px;
    }
    
    .single-entry-meta {
        font-size: 12px;
    }
    
    .single-entry-meta .ec-stars-outer {
        float: left;
        margin-top: 10px;
    }
    
    .single-post .entry-content {
        font-size: 14px;
    }  
    #respond .comment-form-author input[type="text"], 
    #respond .comment-form-email input[type="text"] {
        width: 92%;
    }
        
    #respond .comment-form-url input[type="text"], 
    #respond textarea {
        width: 96%;
    }
        
    .archive-header h1 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .contact-page .contact-map iframe{
        height: 275px;
    }
    
    .contact-page .row-full .field{
        margin-right: 10px;
        width: 295px;
    }
    
    .contact-page .row-full .field-last {
        margin-right: 0;
    }
    
    .contact-page .row-full input.text {
        width: 273px;
    }
    
    .contact-page input.title_field,
    .contact-page textarea{
        width: 578px;
    }
    
    #sidebar {
        width: 600px;
        margin-top: 40px;
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }
    
    #sidebar .widget {
        width: 280px;
        overflow: hidden; 
        break-inside: avoid-column;
        -webkit-column-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid;
        -webkit-backface-visibility: hidden;
        margin-bottom: 20px;
    } 
    
    .widget_slider .item-post {
        width: 100%;
    }
    
    #sidebar .item-post .thumb {
        position: static;
    }
            
    #sidebar .widget_slider {
        display: none;
    }
    
    .widget_postlist .overlay:hover .wp-post-image{
        opacity: 1;
        -webkit-filter: none;       
    }
    
    .widget_postlist .entry-right {
        width: 165px;
        float: left;
        overflow: hidden;
    }
}

/* 10.4. Mobile Portrait (devices and browsers)
================================================ */
@media only screen and (min-width: 520px) and (max-width: 619px) {            
    .inner-wrap {
        width: 500px;
    }

    #content {
        width: 500px;
        margin-right: 0;
    }

    .one-half {
        width: 240px;
        margin-right: 20px;
    }
    
    .col-last {
        margin-right: 0;
    }
    
    .section {
        margin-bottom: 20px;
    }
    
    h3 {
        font-size: 18px;
    }
    
    h4 {
        font-size: 16px;
    }
    
    /*#header {
        height: auto;
        padding-bottom: 15px;
    }
    
    #header .social {
        float: left;
        margin: 20px 0 0 25px;
        clear: both;
    }
    
    #header .search {
        margin-right: 10px;
        margin-top: 15px;
        width: 240px;
    }
    
    #header .search-wrap {
        width: 230px;
    }
    
    #header .searchfield {
        width: 202px;
    }
    */
    .top-carousel .flex-direction-nav li {
        width: 80px;
    }
    
    .top-carousel .item-post {
        max-width: 280px;
        margin-right: 10px; 
    }
        
    .top-carousel .thumb {
        margin-right: 10px;
        width: 90px;
    }
    
    .top-carousel h5 {
        font-size: 14px;
    }
    
    .top-carousel .entry-rating {
        display: none;
    }
    
    .top-carousel .entry-meta {
        margin-bottom: 4px;
    }

    .slider-full .wp-post-image {
        height: 400px;
    }
        
    .slider-full .inner-wrap {
        bottom: 20px;
    }
    
    .slider-full .rating-info .rating-left,
    .slider-full .slider-main .entry-meta,  
    .slider-full .post-info .icon,
    .slider-main .entry-excerpt {
        display: none;
    }   
    
    .slider-full .rating-info {
        height: 90px;
        min-width: 60px;
        padding: 0 15px 0 10px;
    }
    
    .slider-full .rating-info .total:before {
        top: -32px;
    }
    
    .slider-full .rating .score {
        font-size: 44px;
    }
    
    .slider-full .rating .total {
        font-size: 32px;
        margin-top: 46px;
    }

    .slider-full .post-info,
    .slider-full .post-info .right {
        width: 280px;
        margin-left: 6px;
    }
    
    .slider-full .flex-direction-nav a {
        top: 55%;
    }
    
    .slider-section .title {
        margin-bottom: 20px;
    }

    .slider-section .title h2 {
        font-size: 28px;
        line-height: 28px;
    }
    
    input[type="submit"], 
    .button {
        font-size: 14px;
        padding: 4px 8px;
    }
    
    .attachment-wt725_375 {
        height: 260px;
    }
    
    .slider-compact .slider-main {
        width: 500px;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .slider-compact .slider-right {
        width: 500px;
    }
    
    .slider-compact .slider-right .item-post {
        width: 245px;
        height: 160px;
        float: left;
    }

    .slider-compact .slider-right .item-post:first-child {
        margin-right: 10px;
        margin-bottom: 0;
    }
    #top-posts,
    .single-entry-meta,
    .single .entry-social-top,
    .inner-wrap,
    #sidebar {
       padding: 0 3%;
   }
   .single #main {
       padding: 0;
   }
    #top-posts .item-post {
        width: 245px;
        margin-right: 10px; 
        margin-bottom: 20px;
    }
    
    #top-posts .item-post + .item-post {
        margin-right: 0;    
    }       
    
    #top-posts .item-post.col-last{
        display: none;
    }
        
    #top-posts .thumb {
        margin-bottom: 10px;
    }
    
    .post-excerpt .wp-post-image,
    #top-posts .wp-post-image {
        height: 160px;
    }

    #top-section1 .post-list,
    #top-section1 .main-post {
        float: left;
        margin-left: 0;
        width: 500px;
    }
    
    #top-section1 .blog-excerpt .sep {
        display: block;
        margin: 20px 0;
    }
    
    #top-section1 .item-post {
        width: 245px;
        float: left;
    }
    
    #top-section1 .item-post:first-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
        margin-right: 10px;
    }
    
    #top-section1 .item-post .entry-rating,
    .one-half .entry-meta .entry-rating {
        display: none;
    }
    
    .blog-excerpt h2 {
        font-size: 22px;
    }
    
    .blog-excerpt .button {
        font-size: 12px;
        padding: 5px 10px;
    }
    
    .thumb-posts .item-post {
        width: 250px;
    }
    
    .thumb-posts .item-post .wp-post-image {
        height: 180px;
    }
    
    .overlay .more:before {
        height: 50px;
        width: 50px;
    }
    
    .overlay .more i,
    .overlay-compact .more i {
        font-size: 16px;
    }
    
    .feat-cat .post-list {
        margin-top: 15px;
    }
    
    .feat-cat1 .title h2 {
        font-size: 16px;
    }
    
    .thumb-data {
        bottom: 10px;
        left: 10px;
        right: 10px;
    }

    .feat-cat1 .thumb-data .entry-meta {
        display: none;
    }
    
    .widget_slider .item-post {
        width: 100%;
    }
    .footer-widgets {
        padding-right: 3%;
        padding-left: 3%;
    }
    .footer-widget {
        margin-right: 10px;
        width: 240px;
    }
        
    .footer-carousel .item-post {
        width: 280px;
    }
    
    .footer-carousel .post-info {
        bottom: 15px;
        left: 15px;
        right: 15px;
    }
    
    .footer-carousel .post-info h3 {
        font-size: 18px;
    }
    
    .footer-carousel .flex-direction-nav a {
        height: 40px;
        top: 130px;
        width: 40px;
    }
    
    .footer-carousel .flex-direction-nav a.flex-prev {
        left: 10px;
    }
    
    .footer-carousel .flex-direction-nav a.flex-next {
        right: 10px;
    }
    
    .footer-carousel .flex-direction-nav a:before {
        font-size: 26px;
        margin-top: 8px;
    }
    
    .single-entry-meta {
        font-size: 12px;
    }
    
    .single-entry-meta .ec-stars-outer {
        float: left;
        margin-top: 10px;
    }
    
    .single-post .entry-content {
        font-size: 14px;
    }
    
    .entry-social li {
        margin-bottom: 10px;
    }
    
    #respond .comment-form-author, 
    #respond .comment-form-email {
        width: 100%;
    }
    
    #respond .comment-form-author input[type="text"], 
    #respond .comment-form-email input[type="text"],
    #respond .comment-form-url input[type="text"], 
    #respond textarea {
        width: 91%;
    }
    
    #comments ol.commentlist li ul.children li.depth-2{ 
        margin-left: 15px;  
    }
    
    #comments ol.commentlist li ul.children li.depth-3,
    #comments ol.commentlist li ul.children li.depth-4,
    #comments ol.commentlist li ul.children li.depth-5{ 
        margin-left: 0;  
        padding: 0;
    }
    
    .archive-header h1 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .contact-page .map {
        height: 220px;
    }
    
    .contact-page .row-full .field{
        margin-right: 10px;
        width: 245px;
    }
    
    .contact-page .row-full .field-last {
        margin-right: 0;
    }
    
    .contact-page .row-full input.text {
        width: 223px;
    }
    
    .contact-page input.title_field,
    .contact-page textarea{
        width: 478px;
    }
    
}

/* 10.5. Mobile Portrait Size to Mobile Landscape Size
====================================================== */
@media only screen and (min-width: 360px) and (max-width: 519px) {
            
    .inner-wrap {
        width: 100%;
    }
    
    h1 {
        font-size: 26px;
    }

    #content {
        width: 100%;
        margin-right: 0;
    }

    #sidebar {
        width: 100%;
    }
        
    .one-half {
        width: 340px;
        margin-right: 0;
    }
    
    .section {
        margin-bottom: 15px;
    }
    
    /*#header {
        height: auto;
                background: #ffffff;
    }
    
    #header .logo {
        float: left;
        margin-left: 0;
        width: auto;        
        text-align: left;
                padding: 5%;
    }

    #header .search {
        display: none;
    }
    
    #header .social {
        float: none;
        margin-right: 0;
        overflow: hidden;
        margin-top: 60px;
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    
    #header .social ul {
        display: inline-block;
    }*/

        .menu-section {
               width: auto;
        }

    .menu-section .slicknav_menu {/* margin: 0 auto; */
/* overflow: hidden; */
/* left: 0; */
/* right: 0; */}

    .top-carousel .flex-direction-nav li {
        width: 60px;
    }

        .slicknav_nav {
                text-align: center;
                margin-top: 12%;
        }
    .top-carousel .flex-viewport {
        width: 340px;
        margin: 0 auto;
    }
            
    .top-carousel .item-post {
        max-width: 380px;           
        overflow: hidden;
    }   
    
    .top-carousel .thumb {
        margin-right: 15px;
        width: 90px;
    }
    
    .top-carousel .entry-meta {
        margin-bottom: 4px;
    }

    .slider-full .wp-post-image {
        height: 320px;
    }
    
    .slider-full .inner-wrap {
        bottom: 20px;
    }
    .slider-full .rating-info .rating-info,
    .slider-full .slider-main .entry-meta,  
    .slider-full .post-info .icon,
    .slider-main .entry-excerpt,    
    .slider-full .rating-info{
        display: none;
    }   
    
    input[type="submit"], 
    .button {
        font-size: 14px;
        padding: 4px 8px;
    }
    
    .slider-full .flex-direction-nav a {
        top: 55%;
    }
    .flex-direction-nav a.flex-next {
        right: 5px;
    }
    .flex-direction-nav a.flex-prev {
        left: 5px;
    }
    
    .flex-direction-nav a {
        height: 30px;
        width: 30px;
    }
    
    .flex-direction-nav a:before {
        margin-top: 2px;
    }

    .slider-compact .inner-wrap {
        padding: 0;
    }
    
    .slider-section .slider-main .read-more i {
        font-size: 15px;
        margin-top: 2px;
    }

    .slider-full .post-info,
    .slider-full .post-info .right {
        width: 98%;
        margin-left: 6px;
    }
    
    /*.slider-section .inner-wrap {
        width: 89%;
    }*/
    .slider-section .title h2 {
        font-weight: 800;
        font-size: 1.7em;
        line-height: 1.2em;
    }
    
    .slider-compact .slider-main {
        width: 100%;
        margin-right: 0;
    }
    
    .slider-compact .slider-right {
        width: 100%;
    }
    #top-posts,
    .single-entry-meta,
    .single .entry-social-top,
    .inner-wrap,
    .single #sidebar {
       padding: 0 3%;
   }
   .single #main {
       padding: 0;
   }
    #top-posts .item-post {
        width: 100%;
        margin-right: 0;    
        margin-bottom: 20px;
        border-bottom: 1px solid #eeeeee;
    }
    .page-template-page-home-php .blog2-excerpt {
        border-bottom: 1px solid #eeeeee;
    }
    .page-template-page-home-php #top-posts .inner-wrap {
        padding: 0;
    }
    #top-posts .item-post:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
        
    #top-posts .thumb {
        margin-bottom: 10px;
    }
    
    #top-section1 .post-list,
    #top-section1 .main-post {
        float: left;
        margin-left: 0;
        width: 100%;
    }

    .main-post .blog-excerpt .entry-meta, .post-list .item-post {
        border-bottom: 1px solid #EEEEEE;
    }
   
    #top-section1 .main-post {
         width: 100%;
    }
    
    #top-section1 .blog-excerpt .sep {
        display: block;
        margin: 20px 0;
    }
    
    .attachment-wt725_375 {
        height: 250px;
        width: auto;
    }
    
    .blog-excerpt h2, #top-section1 h4 {
        font-size: 1rem;
    }
    
    .blog-excerpt .button {
        font-size: 12px;
        padding: 5px 10px;
    }
    
    .blog2-excerpt .thumb {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
    }

    .blog2-excerpt .wp-post-image {
        height: 200px;
        width: 100%;
    }
    
    .thumb-posts .item-post {
        width: 100%;
    }
    
    .overlay .more:before {
        height: 40px;
        width: 40px;
    }
    
    .overlay .more i,
    .overlay-compact .more i {
        font-size: 16px;
    }
    
    .feat-cat .post-list {
        margin-top: 15px;
    }
    
    .feat-cat1 .title h2 {
        font-size: 16px;
    }
    
    .thumb-data {
        bottom: 10px;
        left: 10px;
        right: 10px;
    }

    .feat-cat1 .thumb-data .entry-meta {
        display: none;
    }
    .feat-cat2 .main-post .thumb {
        position:relative;
        width: 100%;
    }
    .feat-cat2 .main-post .wp-post-image {
        position: absolute;
        clip: rect(10px 200px 150px 30px);
        height: 150px;
        width: auto;
        top: -20px;
        left: -40px;
    }
    .feat-cat2 .main-post .entry-right {
        padding: 8% 2%;
    }
    .wt_cat2_widget-2 .main-post iframe {
        margin-top: 10px;
    }    
    .content-ad {
        display: none;
    }
    .footer-widgets {
        padding-right: 3%;
        padding-left: 3%;
    }    
    .footer-widget {
        margin-right: 0;
        width: 100%;
    }
        
    .footer-carousel .item-post {
        width: 340px;
    }

    .footer-carousel .entry-top,
    .footer-carousel .read-more {
        display: none;
    }
    
    .footer-carousel .wp-post-image {
        height: 190px;
        width: 100%;
    }
    
    .footer-carousel .post-info {
        bottom: 0;
        left: 10px;
        right: 10px;
    }
    
    .footer-carousel .post-info h3 {
        font-size: 18px;
    }
    
    .footer-carousel .flex-direction-nav a {
        height: 40px;
        top: 130px;
        width: 40px;
    }
    
    .footer-carousel .flex-direction-nav a.flex-prev {
        left: 10px;
    }
    
    .footer-carousel .flex-direction-nav a.flex-next {
        right: 10px;
    }
    
    .footer-carousel .flex-direction-nav a:before {
        font-size: 22px;
        margin-top: 8px;
    }
    
    .footer-carousel .flex-direction-nav a {
        height: 35px;
        top: 30px;
        width: 35px;
    }
    
    .single-entry-meta {
        font-size: 12px;
    }
    .single-entry-meta, .entry-social-top {
      width: 100%;
    }     
    .single-entry-meta .ec-stars-outer {
        float: left;
        margin-top: 10px;
    }
    
    .single-post .entry-content {
        font-size: 14px;
    }

    .single-post-thumb {
        height: 200px;
    }
    
    .entry-social li {
        margin-bottom: 10px;
    }
    .entry-social-bottom li {
      width: 23.5%;
    }    
    #respond .comment-form-author, 
    #respond .comment-form-email {
        width: 100%;
    }
    
    #respond .comment-form-author input[type="text"], 
    #respond .comment-form-email input[type="text"],
    #respond .comment-form-url input[type="text"], 
    #respond textarea {
        width: 91%;
    }
    
    #comments ol.commentlist li ul.children li.depth-2{ 
        margin-left: 15px;  
    }
    
    #comments ol.commentlist li ul.children li.depth-3,
    #comments ol.commentlist li ul.children li.depth-4,
    #comments ol.commentlist li ul.children li.depth-5{ 
        margin-left: 0;  
        padding: 0;
    }
    
    .archive-header h1 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    
    .contact-page .map {
        height: 180px;
    }
    
    .contact-page .row-full .field{
        margin-right: 0;
        width: 340px;
    }
    
    .contact-page .row-full input.text,
    .contact-page input.title_field,
    .contact-page textarea{
        width: 318px;
    }
}

/* 10.6. Mobile Portrait Size to Mobile Landscape Size
====================================================== */
@media only screen and (max-width: 359px) {
    /*.slider-section .inner-wrap {
        width: 85%;
    }*/
        
    .inner-wrap {
        width: 100%;
    }
    
    h1 {
        font-size: 24px;
    }

    #content {
        width: 100%;
        margin-right: 0;
    }

    #sidebar {
        width: 100%;
        margin-top: 40px;
    }
        
    .one-half {
        width: 280px;
        /*margin-right: 0;*/
    }
    
    .section {
        margin-bottom: 15px;
    }
    
   /* #header {
        height: auto;
    }
    
    #header .logo {
        float: none;
        margin-left: 0;
        max-width: 100%;        
        text-align: center;
        margin-bottom: 10px;
    }

    #header .search {
        display: none;
    }
    
    #header .social {
        float: none;
        margin-right: 0;
        overflow: hidden;
        margin-top: 55px;
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    
    #header .social ul {
        display: inline-block;
    }*/
    .nav-list .social {
        display: none !important;
    }    
    .menu-section{
        width: 100%;
        max-width: 100%;        
    }
    
    .menu-section .slicknav_menu {      
        margin: 0 auto;
        overflow: hidden;
        left: 0;
        right: 0;
        width: 238px;
    }
    
    .top-carousel .flex-viewport {
        width: 240px;
        margin: 0 auto;
    }
            
    .top-carousel .item-post {
        max-width: 100%;           
        overflow: hidden;
    }   
    
    .top-carousel .flex-direction-nav li {
        width: 40px;
    }
        
    .top-carousel .flex-direction-nav a:before {
        font-size: 26px;
        margin-top: 8px;
    }
    
    .top-carousel .flex-direction-nav .flex-nav-next a {
        margin-right: 0;
    }
    
    .top-carousel .flex-direction-nav .flex-nav-prev a {
        margin-left: 0;
    }
        
    .top-carousel .thumb {
        margin-right: 8px;
        margin-top: 2px;
        width: 80px;
    }
    
    .top-carousel .thumb .wp-post-image {
        height: 65px;
    }
    
    .top-carousel h5 {
        font-size: 14px;
    }
    
    .top-carousel .entry-meta {
        margin-bottom: 4px;
    }
    
    .top-carousel .entry-meta .date i {
        display: none;
    }
    
    .top-carousel  .entry-rating {
        display: none;
    }

    .slider-full .wp-post-image {
        height: 280px;
    }
    
    .slider-full .inner-wrap {
        bottom: 20px;
    }

    .slider-full .rating-info .rating-info,
    .slider-full .slider-main .entry-meta,  
    .slider-full .post-info .icon,
    .slider-main .entry-excerpt,
    .slider-full .rating-info {
        display: none;
    }   
    
    input[type="submit"], 
    .button {
        font-size: 14px;
        padding: 4px 8px;
    }
    
    .slider-full .flex-direction-nav a {
        top: 55%;
    }
    
    .flex-direction-nav a {
        height: 30px;
        width: 30px;
    }
    
    .flex-direction-nav a:before {
        margin-top: 2px;
    }
    
    .slider-section .slider-main .read-more i {
        font-size: 15px;
        margin-top: 2px;
    }

    .slider-full .post-info,
    .slider-full .post-info .right {
        width: 95%;
        margin-left: 6px;
    }
    .flex-direction-nav a.flex-prev {
        left: 5px;
    }
    .flex-direction-nav a.flex-next {
        right: 5px;
    }
    .slider-section .title h2 {
        font-weight: 800;
        font-size: 1.7em;
        line-height: 1.2em;
    }
    .slider-compact .inner-wrap {
        padding: 0;
    }
    .slider-compact .slider-main {
        width: 100%;
        margin-right: 0;
    }
    
    .slider-compact .slider-right {
        width: 100%;
    }
    
    .slider-compact .slider-right .item-post {
        height: 160px;
    }
    #top-posts,
    .single-entry-meta,
    .single .entry-social-top,
    .inner-wrap,
    .single #sidebar {
       padding: 0 3%;
   }
   .single #main {
       padding: 0;
   }
    .page-template-page-home-php #top-posts .inner-wrap {
        padding: 0;
    }
    #top-posts .item-post {
        width: 100%;       
        margin-right: 0;    
        margin-bottom: 20px;
        border-bottom: 1px solid #eeeeee;
    }
    .page-template-page-home-php .blog2-excerpt {
        border-bottom: 1px solid #eeeeee;
    }    
    #top-posts .item-post:last-child {
        margin-bottom: 0;
    }
    
    .thumb-posts .item-post .wp-post-image,
    .post-excerpt .wp-post-image,
    #top-posts .wp-post-image {
        height: 180px;
    }
    
    #top-posts .thumb {
        margin-bottom: 10px;
    }
    
    #top-section1 .post-list ,
    #top-section1 .main-post {
        float: left;
        margin-left: 0;
        width: 100%;
    }

    #top-section1 .blog-excerpt .sep {
        display: block;
        margin: 20px 0;
    }

    #top-section1 h4 {
        font-size: 1rem;
    }
    
    .attachment-wt725_375 {
        height: 270px;
        width: auto;
        max-width: inherit;
        margin: 0 -80px
    }
    
    .blog-excerpt h2 {
        font-size: 1rem;
    }
    
    .blog-excerpt .button {
        font-size: 12px;
        padding: 5px 10px;
    }
    
    .blog2-excerpt .thumb {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
    }

    .blog2-excerpt .wp-post-image {
        width: 100%;
        height: 160px;      
    }

    .main-post .blog-excerpt .entry-meta, .post-list .item-post {
        border-bottom: 1px solid #EEEEEE;
    }
    
    .thumb-posts .item-post {
        width: 100%;
    }
        
    .overlay .more:before {
        height: 40px;
        width: 40px;
    }
    
    .overlay .more i,
    .overlay-compact .more i {
        font-size: 16px;
    }
    
    .feat-cat1 .title h2 {
        font-size: 16px;
    }
    
    .thumb-data {
        bottom: 10px;
        left: 10px;
        right: 10px;
    }

    .feat-cat1 .thumb-data .entry-meta {
        display: none;
    }
    .feat-cat2 .main-post .thumb {
        position:relative;
        width: 100%;
    }
    .feat-cat2 .main-post .wp-post-image {
        position: absolute;
        clip: rect(10px 190px 150px 30px);
        height: 150px;
        width: auto;
        top: -20px;
        left: -60px;
    }
    .feat-cat2 .main-post .entry-right {
        padding: 8% 2%;
    }
    .wt_cat2_widget-2 .main-post iframe {
        margin-top: 10px;
    }
    .content-ad {
        display: none;
    }
    .footer-widgets {
        padding-right: 3%;
        padding-left: 3%;
    }    
    .footer-widget {
        margin-right: 0;
        width: 100%;
    }
        
    .footer-carousel .item-post {
        width: 280px;
    }

    .footer-carousel .entry-top,
    .footer-carousel .read-more {
        display: none;
    }
    
    .footer-carousel .wp-post-image {
        height: 160px;
    }
    
    .footer-carousel .post-info {
        bottom: 0;
        left: 10px;
        right: 10px;
    }
    
    .footer-carousel .post-info h3 {
        font-size: 18px;
    }
    
    .single-entry-meta {
        font-size: 12px;
    }
    
    .single-entry-meta .ec-stars-outer {
        float: left;
        margin-top: 10px;
    }
    
    .single-post .entry-content {
        font-size: 14px;
    }

    .single-post-thumb {
        height: 200px;
    }
    .single-entry-meta, .entry-social-top {
      width: 100%;
    }        
    .entry-social li {
        margin-bottom: 10px;
    }
    .entry-social-bottom li {
      width: 23.5%;
    }
    #respond .comment-form-author, 
    #respond .comment-form-email {
        width: 100%;
    }
    
    #respond .comment-form-author input[type="text"], 
    #respond .comment-form-email input[type="text"],
    #respond .comment-form-url input[type="text"], 
    #respond textarea {
        width: 91%;
    }
    
    #comments ol.commentlist li ul.children li.depth-2{ 
        margin-left: 15px;  
    }
    
    #comments ol.commentlist li ul.children li.depth-3,
    #comments ol.commentlist li ul.children li.depth-4,
    #comments ol.commentlist li ul.children li.depth-5{ 
        margin-left: 0;  
        padding: 0;
    }
    
    .archive-header h1 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    
    .contact-page .map {
        height: 180px;
    }
    
    .contact-page .row-full .field{
        margin-right: 0;
        width: 280px;
    }
    
    .contact-page .row-full input.text,
    .contact-page input.title_field,
    .contact-page textarea{
        width: 258px;
    }
    
    .footer-carousel .flex-direction-nav a {
        height: 40px;
        top: 130px;
        width: 40px;
    }
    
    .footer-carousel .flex-direction-nav a.flex-prev {
        left: 10px;
    }
    
    .footer-carousel .flex-direction-nav a.flex-next {
        right: 10px;
    }
    
    .footer-carousel .flex-direction-nav a:before {
        font-size: 22px;
        margin-top: 8px;
    }
    
    .footer-carousel .flex-direction-nav a {
        height: 35px;
        top: 30px;
        width: 35px;
    }
}


/* ====================
 * 2. Header
 * ==================== */
* {
  margin: 0;
  padding: 0;
}
*::after,
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#main-visual {
  background: #1d76a6;
  background: -webkit-linear-gradient(-45deg, #0062B8, #850047);
  background:    -moz-linear-gradient(-45deg, #0062B8, #850047);
  background:     -ms-linear-gradient(-45deg, #0062B8, #850047);
  background:      -o-linear-gradient(-45deg, #0062B8, #850047);
  background:         linear-gradient(-45deg, #0062B8, #850047);
  height: 700px;
}
.inner {
  padding: 0 30px;
  margin: 0 auto;
}
.inner:after {
  content: "";
  clear: both;
  display: block;
}

/* header */
#top-head {
  font-size: 14px;
  /*top: -100px;*/
  /*position: absolute;*/
  width: 100%;
  /*margin: 100px auto 0;*/
  line-height: 1;
  z-index: 999;
  border-bottom: 1px solid #ececec;
  margin-bottom: 1em;
}
#top-head .inner {
  position: relative;
}
#top-head .logo {
  width: 13%;
  float: left;
  font-size: 36px;
}
.single #top-head {
  margin-bottom: 0;
}
#global-nav ul {
  list-style: none;
  position: absolute;
  margin: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
}
#global-nav ul li {
  position: relative;
  float: left;
}
#global-nav ul li a {
  padding: 0 30px;
}
.nav-topics,
.nav-list h2,
.nav-list .fa {
  display: none;
}
.nav-list .social .fa {
  display: initial;
}
.nav-list .social {
  display: initial;
  border: none !important;
  font-size: 18px;
}
.nav-list .twitter {
  padding-right: 15px !important;
}
.nav-list .fa-facebook {
  color: #3B5998;
}
.nav-list .fa-twitter {
  color: #1da1f2;
}

/* Btn Hover */
#global-nav ul li:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  bottom: -20px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

/* Fixed */
#top-head.fixed {
  margin-top: 0;
  top: 0;
  padding-top: 10px;
  height: 55px;
  background: #fff;
  background: rgba(255,255,255,.7);

  transition: top 0.65s ease-in;
  -webkit-transition: top 0.65s ease-in;
  -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
  font-size: 24px;
  color: #333;
}
#top-head.fixed #global-nav ul li a {
  color: #333;
  padding: 0 20px;
}

/* Fixed Btn Hover */
#top-head.fixed #global-nav ul li:after {
  bottom: -10px;
}
#top-head.fixed #global-nav ul li:hover:after {
  background: #0062B8;
  bottom: -20px;
}


/* Transition */
/*
#top-head,
#top-head .logo,
#global-nav ul li,
#global-nav ul li a {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
*/



/* Toggle Button */
#nav-toggle {
  display: none;
  position: absolute;
  right: 12px;
  top: 14px;
  width: 34px;
  height: 36px;
  cursor: pointer;
  z-index: 101;
}

#nav-toggle div {
  position: relative;
}
#nav-toggle span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #666;
  left: 0;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 11px;
}
#nav-toggle span:nth-child(3) {
  top: 22px;
}




@media screen and (max-width: 980px) {
  article {
  }
  .inner {
    width: 100%;
    padding: 0 20px;
  }
  #global-nav ul li a {
    padding: 0 20px;
  }
  #top-head.fixed #global-nav ul li a {
    padding: 0 15px;
  }
}

@media screen and (max-width: 640px) {
  #main-visual {
    height: 300px;
  }
  #top-head,
  .inner {
    width: 100%;
    padding: 0;
  }
  #top-head {
    top: 0;
    margin: 0;
  }
  /* Fixed reset */
  #top-head.fixed {
    padding-top: 0;
    background: transparent;
  }
  #mobile-head {
    background: #f6f6f6;
    width: 100%;
    height: 56px;
    z-index: 1000;
    position: relative;
  }
  #top-head.fixed .logo,
  #top-head .logo {
    width: 35%;
    position: absolute;
    left: 13px;
    top: 10px;
    color: #333;
    font-size: 26px;
  }

  #global-nav {
    position: absolute;
    top: -500px;
    background: #333;
    width: 100%;
    text-align: center;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index: 999;
  }
  #global-nav ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 11px;
    clear: both;
  }
  #global-nav ul li {
    display: inline-block;
    position: static;
    width: 50%;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    font-size: 13px;
  }
  #global-nav ul li:nth-child(odd) {
    border-right: none;
  }
  #global-nav ul li:nth-child(n+6) {
    border-bottom: none;
  }
  #global-nav ul li:after  {
    display: none;
  }
  .nav-list,
  .nav-list h2 {
    display: block;
  }
  .nav-list .fa {
    display: initial;
  }
  .nav-list h2 {
    font-size: 12px;
    line-height: 30px;
    background: #dddfe2;
  }
  #top-head #global-nav ul li a,
  #top-head.fixed #global-nav ul li a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 18px 0;
  }
  #nav-toggle {
    display: block;
  }
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
  .open #global-nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
    transform: translateY(556px);
  }
    .nav-list .social {
        display: none !important;
    }
}