/*
Theme Name: TeraNews
Theme URI: http://wellthemes.com/
Author: WellThemes
Author URI: http://wellthemes.com/
Description: A Premium Magazine style Responsive WordPress Theme by WellThemes.
Version: 1.3
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 CONTENT 
 * ==================
 * 1.  BASE
 * 2.  HEADER
 * 3.  NAVIGATION MENU
 * 4.  MAIN CONTENT
 * 5.  REVIEW
 * 6.  PAGES
 * 7.  COMMENTS
 * 8.  SIDEBARS
 * 9.  FOOTER
 * 10. MEDIA QUERIES
 **/

@import url(//fonts.googleapis.com/css?family=Roboto:400,700);
@import url(//fonts.googleapis.com/css?family=Oswald:400,700);
@import url("css/reset.css"); 
@import url("css/common.css"); 
@import url("css/lightbox.css"); 

 /* 1. BASE
 * ============= */	



body{
	font-family: 'Roboto', Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: 400;
	line-height: 2;
	color: #343434;
	background: #F5F5F5;
	/*opacity: 0.98;*/
	background-size: cover;

}

/*=== Link styles ===*/
a{
	text-decoration: none;
	color: #3A3A3A;
	transition: all 0.2s ease 0s;
	outline: 0;
}

a:visited {
	color: #3A3A3A;
}

a:hover {
	color: #909090;
}

/*=== Headings ===*/
h1,h2,h3,h4,h5,h6 {
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-weight: 700;
	line-height: 1.2;
	color: #3E3E3E;
	margin-bottom: 10px;
}

h1 {
	font-size: 30px;
	font-weight: 400;
	line-height: 1.1;
}

h2 {
	font-size: 26px;
	font-weight: 400;	
}

h3{
	font-size: 18px; 
	font-weight: 400;
}

h4 {	
	font-size: 16px;
}

h5 {	
	font-size: 15px;
	font-weight: 400;
}

h6 {
	font-size: 13px;
}

:focus {
	outline: 0;
}

/*=== Layout ===*/
#container{
	width: 1180px;
	margin: 0 auto;	
	overflow: hidden;
	background: #F5F5F5;	
}
	
.inner-wrap{	
	position: relative;
	width: 1100px;
	padding: 0 40px;
}

#main{
	overflow: hidden;
	background: #FFFFFF;
	padding-top: 50px;
	
}

#content{
	width: 720px;
	margin-right: 40px;
	float: left;
	overflow: hidden;
}

#sidebar{
	width: 340px;
	overflow: hidden;	
	float: left;
}

.section{
	margin-bottom: 30px;
	overflow: hidden;
}

.list{
	padding: 0;
	margin: 0;
	list-style: none;
}

.row{
	overflow: hidden;
}

.one-half{
	width: 340px;
	margin-right: 40px;
	float: left;
}

.col-last{
	margin-right: 0 !important;
}

.full-content{
	width: 100% !important;
	margin-right: 0 !important;
	padding-right: 0 !important;
}

.col-last{
	margin-right: 0 !important;
}

/*=== image sizes ===*/
.wp-post-image{
	display: block;
}

.attachment-wt720_415{
	width: 720px;
	height: 415px;
}

.attachment-wt375_205{
	width: 375px;
	height: 205px;
}
.attachment-wt340_230{
	width: 340px;
	height: 230px;
}

.attachment-wt250_160{
	width: 250px;
	height: 160px;
}

.attachment-wt75_75{
	width: 75px;
	height: 75px;
}

.lb-image{ 
	max-width: inherit; 
}

/*=== main colors ===*/
.main-color{
	color: #E74C3C;
}

.main-color-bg{
	background: #E74C3C;
}

/* 2. HEADER
 * =========== */
#header{
	position: relative;
}

#header .top{
	overflow: hidden;
	background: #FFFFFF;
	font-size: 13px;
	height: 44px;
}

#header .top ul{
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}

#header .top ul li{
	float: left;
}

#header .top-menu{
	max-width: 600px;
	overflow: hidden;
	float: left;
	margin-top: 8px;
	height: 22px;
}

#header .top-menu ul li{
	margin-right: 20px;
}

#header .top-menu ul li a{
	color: #929292;
	font-size: 11px;
	font-family: 'Roboto', Helvetica, Arial, Sans-Serif;
	text-transform: uppercase;	
}

#header .top .social{
	display: inline-block;
	float: right;
}

#header .top .social li{
	margin-right: 10px;
	
}

#header .top .social li a{
	color: #A5A5A5;
	font-size: 15px;
	display: block;
	line-height: 1;
	margin-top: 15px;
}

#header .logo{
	max-width: 300px;
	margin-top: 15px;
	float: left;
	line-height: 1;
}

#header .header-ad{
	max-width: 728px;
	float: right;
}

#header .search {
	float: right;
	width: 145px;
	overflow: hidden;
}

#header .search form {
  overflow: hidden;
  margin-top: 13px;
}

#header .searchfield{
	border: none;
	border-left: 1px solid #E7E7E7;
	color: #999999;
	font-style: italic;
	height: 20px;
	padding: 0;
	width: 115px;
	padding-left: 10px;
}

#header .search-submit{
	background: #FFFFFF;
	padding: 0;
	height: auto;
	width: auto;	
	line-height: 1;
}

#header .search-submit i{
	color: #A5A5A5;
}

/* 3. NAVIGATION MENU
====================== */
.logo-wrap{
	padding: 20px 0;
	overflow: hidden;
}

.logo-wrap .inner-wrap{
	overflow: hidden;
	margin-bottom: 20px;
}

.menu-section{	
	height: 48px;	
	background: #2F343D;
	width: 1100px;
	position: absolute;
	bottom: -24px;
	left: 40px;
	z-index: 99;
	border-radius: 12px;
}

#main-menu {
	display: none;
	position: relative;
	z-index: 30;
}

.top-menu select,
#main-menu select {
    display: none;
    z-index: 3000;
    position: relative;
    padding: 4px;
    font-size: 14px;
    border: none;
    height: 32px;	
	color: #999999;
	background: none;
	margin-top: 8px;
	font: inherit;
	border: 1px solid #555555;
}

#main-menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 99;
}

#main-menu ul li {
	float: left;
	padding: 0px;
	margin: 0px;
}

#main-menu ul li a {
	display: block;
	padding: 16px;
	text-align: center;	
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;	
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	text-transform: uppercase;
	color: #FFFFFF;
}

#main-menu ul li a:hover{
	background: #39455A;
	color: #FFFFFF;
	border-radius: 12px;
}

#main-menu .current-menu-item ,
#main-menu .current_page_item,
#main-menu .current_page_item a:hover{
	background: #E74C3C;
	color: #FFFFFF;
	border-radius: 12px;
}


#main-menu .current-menu-item  a,
#main-menu .current_page_item a{
	color: #FFFFFF;
}

#main-menu .menu-item-home a:before{
	content: "\f015";
	font-family: FontAwesome;
	display: block;
	float: left;
	padding: 0;
	font-weight: 400;	
	margin-right: 8px;
	font-size: 18px;
}

#main-menu ul li ul {
	display: none;
	position: absolute;
	padding: 0;
	background: #F2F2F2;
	margin-top: 0;
}

#main-menu ul li ul li {
	float: none;
	padding: 0px;
	position: relative;
}

#main-menu ul li ul li a, 
#main-menu ul li:hover ul li a, 
#main-menu ul li.over ul li a {	
	padding: 12px 16px 12px 14px;
	display: block;	
	width: 142px;	
	text-align: left;	
	height: auto;	
	background: #FFFFFF;		
	font-size: 14px;	
	font-weight: 400;	
	border-bottom: 1px solid #EEEEEE;	
	color: #333333;	
	text-transform: none;	
}

#main-menu ul li ul li:hover a, 
#main-menu ul li ul li.over a {	
	color: #000000;
}

#main-menu ul li ul li ul {	
	display: none;	
	position: absolute;	
	left: 172px;	
	top: -1px;	
}

#main-menu ul li ul li:hover ul, 
#main-menu ul li ul li.sfHover ul {	
	display: block;	
	position: absolute;	
	left: 172px;	
	top: 0;	
}

#main-menu ul li ul li:hover ul li a, 
#main-menu ul li ul li.over ul li a {	
	color: #000000;	
}

#main-menu ul li ul li ul li a:hover {
	color: #000000;
}

#main-menu a.sf-with-ul {
	padding-right:25px;
	min-width:1px;
}

#main-menu .sf-sub-indicator {
	display: none;
}

#main-menu a.menu-link {
	display: none;
}

/*=== Slider ===*/
.slider-section{
	overflow: hidden;
	margin-bottom: 30px;
}

.slider-main {
	display: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
	width: 720px;
	margin-right: 5px;
	float: left;
}

ul.slides, 
.slider-main ol {
    list-style: none;
    margin: 0;
    padding: 0;	
}

.slider-main .slides li {
    position: relative;
}

.slider-main .flex-viewport {
    max-height: 630px;
    transition: all 1s ease 0s;
}

.slider-main .post-info{
	position: absolute;
	bottom: 0;
	width: 680px;
	color: #FFFFFF;
	padding: 10px 20px 15px;
	background: #E74C3C;
	background: rgba(231, 76, 60, 0.8);
}

.slider-section .entry-meta{	
	text-transform: uppercase;
	margin: 0;
}

.slider-section .entry-meta .date,
.slider-section .entry-meta .sep,
.slider-section .entry-meta{
	color: #FFFFFF;
}

.slider-main .post-info h2{
	text-transform: uppercase;		
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 0;
}

.slider-main .post-info h2 a{
	color: #FFFFFF;
}

.slider-main .post-info h5{
	color: #FFFFFF;
	text-transform: none;
	text-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
}

.slider-main .more{
	display: inline-block;
	margin-top: 10px;
	border: 2px solid #FFFFFF;
}

.slider-main .more h6{	
	text-transform: uppercase;
	font-weight: 700;
}

.slider-main .more h6 a{
	display: inline-block;
	color: #FFFFFF;
	padding: 8px 12px;	
}

.slider-main h6 a:hover{
	background: #FF6C60;
}

.slider-main .post-excerpt h6{
	font-size: 13px;
}

.slider-main-nav a {	
	display: block;	
	overflow: hidden;
	position: absolute;	
	transition: all 0.3s ease 0s;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	line-height: 1;
	z-index: 1;
	text-align: center;
	top: 145px;	
	color: #424242;
	font-size: 0;
	background: white;	
}

.slider-main-nav a:hover{
	opacity: 0.8;
}

.slider-main-nav .flex-prev {	
	left: -25px;	
}

.slider-main-nav .flex-prev:before {
	content: "\f104";
	font-family: FontAwesome;
	display: block;
	padding: 0;
	font-weight: 400;	
	margin-left: 16px;
	margin-top: 12px;	
	font-size: 24px;
}

.slider-main-nav .flex-next {	
	right: -25px;
}

.slider-main-nav .flex-next:before {
	content: "\f105";
	font-family: FontAwesome;
	display: block;
	padding: 0;
	font-weight: 400;
	font-size: 24px;
	margin-right: 13px;
	margin-top: 12px;
}

.slider-section .entry-cats{
	margin-bottom: 5px;
	font-size: 14px;
}

.slider-section .entry-rating{
	float: left;
	margin-right: 10px;
}

/*=== Slider Posts ===*/
.slider-right{
	float: left;
	width: 375px;
	overflow: hidden;	
}

.slider-right .item-post{
	overflow: hidden;
	position: relative;
	height: 205px;
}

.slider-right .item-post:first-child{
	margin-bottom: 5px;
}

.slider-right .item-post .post-info{
	position: absolute;
	bottom: 0;
	width: 345px;
	padding: 10px 15px;
	background: #222222;
	background: rgba(34, 34, 34, 0.8);
}

.slider-right .entry-meta{
	margin-bottom: 4px;
}

.slider-right .entry-meta a{
	color: #FFFFFF;
	background: #007AFF;
	margin-bottom: 10px;
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	padding: 2px 8px 4px;
	border-radius: 3px;
}

.slider-right h4{
	text-transform: uppercase;
	margin-bottom: 5px;
}

.slider-right h4 a{
	color: #FFFFFF;
}

/*=== Carousel ===*/
#feat-carousel .section-title{
	border: none;
	background: #4E4E4E;
}

#feat-carousel .section-title h4,
#feat-carousel .carousel-nav ul li{
	margin: 0;
}

.carousel-section {
	margin-bottom: 20px;
}

.carousel-section .carousel,
.carousel-section .carousel-full{
    position: relative;
	display: none;	
}

.carousel-section ul,
.carousel-section ol{
    list-style: none;
    margin: 0;
    padding: 0;
}

.carousel-section .slides li {
	position: relative;
	margin-right: 30px;
	overflow: hidden;
}

.carousel-section .post-info{
	overflow: hidden;
	/* margin-top: 15px; */
}

.carousel-section h6{
	margin-bottom: 3px;
}

.carousel-section .section-title{
	position: relative;
}

.carousel-section .section-title h4{
	float: left;
}

.carousel-nav{
	float: right;
	width: 40px;
	margin-top: 3px;
}

.carousel-nav ul li{
	float: left;
}

.carousel-nav a{
    display: block;
	width: 15px;
    overflow: hidden;
    font-size: 0;
    transition: all 0.3s ease 0s;
	z-index: 1;	
	opacity: 0.9;
	line-height: 1;
}

.carousel-nav .flex-prev{
	margin-right: 10px;
}

.carousel-nav .flex-prev:before{
	content: "\f053";
	font-family: FontAwesome;
	margin-right: 5px;	
	font-weight: 400;
	font-size: 12px;
}

.carousel-nav .flex-next:before{
	content: "\f054";
	font-family: FontAwesome;
	margin-right: 5px;	
	font-weight: 400;
	font-size: 12px;
}

.carousel-nav a:hover{	
	color: #000000;
}
 
/* 4. MAIN CONTENT
 * ================ */

/*=== Overlay ===*/
.overlay{
	overflow: hidden;
	background: #000;
}

.overlay img{
 -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}

.overlay:hover img{	
    -webkit-transform: scale(1.2) rotate(-5deg);
    -moz-transform: scale(1.2) rotate(-5deg);
    -o-transform: scale(1.2) rotate(-5deg);
    -ms-transform: scale(1.2) rotate(-5deg);
    transform: scale(1.2) rotate(-5deg);
	opacity: 0.7;	
}

/*=== Featured Categories ===*/
.cat-title{
	overflow: hidden;
	background: #F6F6F6;
	padding: 15px;
	border-top: 1px;
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	margin-bottom: 30px;
	border-radius: 12px;
}

.cat-title .title-sep{
	width: 12px;
	height: 12px;
	background: #E74C3C;
	display: block;
	float: left;
	margin-right: 12px;
	margin-top: 2px;
}

.cat-title h4{
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 13px;
	font-family: 'Roboto', Helvetica, Arial, Sans-Serif;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #424242;
	float: left;
}

.feat-cat .main-post .thumb{
	margin-bottom: 15px;	
	position: relative;
}

.feat-cat .entry-rating{
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.feat-cat  .entry-rating i{
	color: #FFFFFF;
	font-size: 16px;
}

.feat-cat .main-post h3{
	margin-bottom: 5px;
}

.feat-cat .post-list .item-post{
	overflow: hidden;
	margin-bottom: 22px;
}

.feat-cat .post-list .item-post:last-child{
	margin-bottom: 0;
}

.feat-cat .post-list .thumb{
	width: 75px;
	margin-right: 20px;
	float: left;
}

.feat-cat .post-right{
	width: 245px;
	float: left;
}

.feat-cat .post-list .entry-meta{
	margin-top: -4px;
}

/*=== Post Archive ===*/
.archive-header{
	margin-bottom: 25px;
}

.archive-desc{
	background: #F8F8F8;
	color: #888888;
	margin-top: 10px;
	overflow: hidden;
	padding: 20px;
}

.archive-desc p{
	margin-bottom: 0;
}

.archive-postlist{
	overflow: hidden;
}

.archive-postlist .one-half{
	margin-bottom: 20px;	
}

.excerpt-thumb{
	position: relative;
}

.excerpt-thumb .entry-rating{
	position: absolute;
	bottom: 10px;
	left: 20px;
}

.excerpt-thumb .entry-rating i{
	color: #FFFFFF;
	font-size: 16px;
}

.excerpt-wrap p{
	margin-bottom: 0;
}

.entry-meta .entry-cat-bg{
	font-size: 11px;
	color: #FFFFFF;
	padding: 1px 5px 2px;
	letter-spacing: 0.06em;
	margin-right: 12px;
}

.entry-meta .entry-cat-bg a{
	color: #FFFFFF;
}

.entry-meta{
	font-size: 12px;
	margin: 7px 0;
}

.entry-meta .sep{
	margin: 0 7px;
	color: #999999;
} 

.entry-meta .comments i{
	color: #E74C3C;
	font-size: 12px;
}

.entry-meta .date{
	color: #999999;
}

/*=== Single Post ===*/
.entry-meta .rating {
	float: right;
	width: 200px;
}

.entry-meta .rating i{
	font-size: 16px;
	line-height: 1;
}

.entry-meta .ec-stars-outer{
	float: right;
}

.entry-meta .ec-stars-wrapper{
	float: left;
	margin-right: 10px;	
	margin-top: -4px;
}

.entry-meta .ec-stars-value{
	float: left;
}

.entry-header .entry-meta{
	margin-bottom: 7px; 
}

.entry-header h1{
	text-transform: uppercase;
}

.single-post-thumbnail{
	height: 365px;
	overflow: hidden;
	margin-bottom: 15px;
}

.single-post-thumbnail .wp-post-image{
	margin-top: -25px;
}

.entry-header{
	margin-bottom: 20px;
}

/*=== Entry Content ===*/
.entry-content {
  overflow: hidden;
}

.entry-content hr{
	color: #EEEEEE;
	background-color: #EEEEEE;
	height: 1px;
	border: none;
	margin-bottom: 10px;
}

/*=== Entry Author ===*/
.entry-author{
	background: #F8F8F8;
	overflow: hidden;
	padding: 20px;
	margin-top: 10px;
	color: #888888;	
}

.entry-author .author-avatar{
	width: 80px;
	margin-right: 20px;
	float: left;
}

.entry-author .author-avatar img{
	width: 80px;
	height: 80px;
	border-radius: 80px;
}

.entry-author .author-name{
	margin-bottom: 10px;
}

.entry-author .author-name span{
	display: inline-block;
	border-radius: 12px;	
	line-height: 1;
	padding: 5px 14px 7px;
	color: #FFFFFF;
}

.entry-author .author-name span a{
	color: #FFFFFF;
}

.entry-author p{
	margin-bottom: 0;
	font-size: 13px;
	line-height: 1.6;
}


/*=== Post navigation ===*/
.post-nav{
	overflow: hidden;
	border-bottom: 2px solid #E74C3C;
}

.post-nav h4{
	font-weight: 400;
	display: inline-block;
}

.post-nav .link{
	display: block;
	float: left;
}

.post-nav .prev-post{
	float: left;
}

.post-nav .prev-post i{
	margin-right: 5px;
	font-size: 18px;
}

.post-nav .next-post{
	float: right;
}

.post-nav .next-post i{
	margin-left: 5px;
	font-size: 18px;
}

/*=== Entry Tags ===*/
.entry-tags{
	margin-bottom: 20px;
}

.entry-tags span{
	font-weight: 700;
	margin-right: 5px;
}

.entry-tags a{
	color: #E74C3C;
}

.entry-tags a:hover{
	color: #3A3A3A;
}

/*=== Entry Ads ====*/
.entry-ad {	
	text-align: center;
}

.entry-ad .ad-inner-wrap{
	display: inline-block;
	max-width: 100%;
}

.entry-ad img{
	display: block;
}

/*=== Entry Social ===*/
.entry-social{
	overflow: hidden;
	margin-bottom: 30px;
}

.entry-social a{
	display: block;	
	color: #FFFFFF;
}

.entry-social li{
	float: left;
	margin-right: 15px;	
	padding: 5px 20px;	
}

.entry-social li i{
	margin-right: 8px;	
}

.entry-social li.fb{
	background: #5D82D1;
}

.entry-social li.twitter{
	background: #40BFF5;
}

.entry-social li.gplus{
	background: #B84830;
}

.entry-social li.linkedin{
	background: #2D8ED6;
}

.entry-social li.pinterest{
	background: #FE4445;
}

/*=== Related Posts ===*/
.related-posts{
	overflow: hidden;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.related-posts .thumb{
	margin-bottom: 12px;
}

.post-list{
	overflow: hidden;
}

/*=== 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;
}

/*=== Post Rating ===*/
.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: 90%;
	left: 50%;
	text-align: center;
	max-width: 100px;
	margin-left: -50px;
	background: rgba(0,0,0,.7);
	color: white;
	font-size: 10px;
	border-radius: 3px;
	padding: 3px;
}

.ec-stars-wrapper a {
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	color: #E74C3C;
}

.ec-stars-wrapper:hover a,
.ec-stars-wrapper.is-voted a {
	color: #E74C3C;
}

.ec-stars-wrapper > a:hover ~ a {
	color: #888888;
}

.ec-stars-wrapper a:active {
	color: #1869c0;
}

.ec-stars-overlay {
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	background-color: transparent;
	background-color: rgba(255,255,255,.7);
	zoom: 1;
	-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;
}

.entry-title{
	margin-bottom: 10px;
}

/* === Pagination === */
.pagination{
	overflow: hidden;
	margin: 30px 0;		
	clear: both;	
}

.pagination .page-numbers{    
	border: 1px solid #D7D7D7;
	color: #666666;
	padding: 2px 12px;
	display: inline-block;	
	margin-right: 6px;
	margin-bottom: 8px;
	font-weight: 400;
}

.pagination a:hover{
	border: 1px solid #E74C3C;
	color: #7E7E7E;
}

.pagination .current{
	border: 1px solid #E74C3C;
	background: #E74C3C;
	color: #FFFFFF;
}

/* 6. PAGES
 * ========================= */	
 
.col-header h4 {
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 20px;
}

 /*=== Error Page ===*/
.error-page {
	text-align: center;
}

.error-page h1{
	font-size: 140px;
	line-height: 1;
	margin-bottom: 0;
}

.error-page .error-info {
  display: inline-block;
  text-align: left;
}

.error-page .search .button{
	height: 36px;
	width: 38px;
	display: inline-block;
}

/*=== Blog Page ===*/
.archive-page .page-header,
.blog-page .page-header{
	border-bottom: 1px solid #E7E7E7;
	margin-bottom: 20px;
}

.archive-page .page-header h2,
.blog-page .page-header h2{
	margin-bottom: 5px;
}


/*=== Archives Page ===*/
.archive-page .col-header{
	margin-bottom: 20px;
}

.archive-page .col-header h3{
	margin-bottom: 5px;
}

.archive-page .wp-tag-cloud a{
	font-size: 14px !important;
}

.archive-page .searchfield{
	width: 200px;
}

/*=== Contact Page ===*/
.contact-page .contact-text{
	margin-bottom: 30px;
	margin-top: 10px;
}

.contact-page .field{
	margin-bottom: 20px;
	overflow: hidden;
}

.contact-page .row-full{
	overflow: hidden;
}

#recaptcha_widget{
	overflow: hidden;
}

#recaptcha_image {
	max-width: 100%;
}

#recaptcha_widget .field,
.contact-page .row-full .field{
	width: 352px;
	float: left;
	margin-right: 15px;
}

#recaptcha_widget .recaptcha-image,
.contact-page .row-full .field-last{
	margin-right: 0;
}

#recaptcha_widget .recaptcha-image a{
	font-size: 12px;
	color: #999999;
}

#recaptcha_widget .recaptcha-image i{
	margin-right: 4px;
	font-size: 10px;
	color: #CCCCCC;
}

.captcha_field,
.contact-page .row-full input.text{
	width: 330px;
}

.contact-page input[type=text],
.contact-page textarea{
	padding: 8px 10px;
	border: 1px solid #D7D7D7;
	font: inherit;
	color: inherit;	
	margin-bottom: 0;
}

.contact-page input.title_field,
.contact-page textarea {
  width: 698px;
}

.contact-page textarea{
	height: 120px;
}

.contact-page .info-text{
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.contact-page .error{
	color: red;
}

.recaptcha_refresh{
	margin-right: 15px;
	float: left;
}

.recaptcha_only_if_image,
.recaptcha_only_if_audio{
	float: left;
	margin-right: 15px;
}

/* .recaptcha_only_if_image .enter-words,
.recaptcha_only_if_audio .enter-words{
	font-weight: 700;
} */

.contact-page label{
	margin-bottom: 5px;
	display: block;
}

.recaptcha_only_if_image .required,
.recaptcha_only_if_audio .required,
.contact-page label span{
	color: red;
	margin-left: 3px;	
	font-weight: 400;
}

.contact-page .submit-icon {
	color: #FFFFFF;
	float: left;
	padding: 2px 0px 0px 10px;
	font-size: 16px;
	height: 34px;
}

.contact-page .button{
	height: 36px;
	padding-left: 5px;
	margin-left: 0;
}

.msgbox-warning{
	background: #FE9D0C;
	color: #FFFFFF;
	padding: 6px 12px;
	margin-bottom: 20px;
}

.msgbox-error{
	background: #C14E36;
	color: #FFFFFF;
	padding: 6px 12px;
	margin-bottom: 20px;
}

.msgbox-success{
	background: #72C727;
	color: #FFFFFF;
	padding: 6px 12px;
	margin-bottom: 20px;
}


/* 7. COMMENTS
 * ========================= */	
#comments{
	max-width: 720px;
	line-height: 1.5;
	overflow: hidden;
}

#comments .comments-title {
	overflow: hidden;
	margin-bottom: 30px;
	
}

#comments .comments-title .title-wrap{
	margin-right: 15px;
	float: left;
}

#comments .comments-title i{
	margin-right: 5px;
	font-size: 16px;
	color: #292929;
}

#comments .comments-title .title-wrap h3{
	display: inline-block;	
	margin-bottom: 0;
	margin-top: 4px;
}

#comments .comments-title .add-comment{
	border: 1px solid #E7E7E7;
	display: inline-block;
	padding: 4px 8px 6px;
}

#comments .comments-title .add-comment h6{
	margin-bottom: 0px;
	font-weight: 400;
}

#comments ol.commentlist{
	margin: 10px 0;
	list-style: none;
}

#comments .comment{
	overflow: hidden;
	margin-bottom: 10px;
}

#comments .author-info{
	margin-bottom: 5px;
	overflow: hidden;
}

#comments .author-avatar{
	float: left;
	width: 60px;	
	margin-right: 12px;
}

#comments .author-avatar img{
	display: block;
}

#comments .comment-header {
	overflow: hidden;
}

#comments .comment-header h5{
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
}

#comments .comment-header .fn {	
	width: auto;
	font-style: normal;
	margin-right: 10px;
}

#comments .comment-meta{
	margin-bottom: 5px;	
}

#comments .author-comment{
	color: #FFFFFF;
	font-size: 12px;
	padding: 3px 6px;	
	line-height: 1;
	display: block;
	float: left;
}

#comments .comment-time{	
	font-size: 13px;
	letter-spacing: 0;
	margin-right: 5px;
}

#comments .comment-time a{
	color: #AEAEAE;
}

#comments .sep{
	color: #AEAEAE;
	margin-right: 0px;
}

#comments .reply {
	font-size: 13px;
	margin-right: 10px;
}

#reply-title a {
  color: #CCCCCC;
}

#comments .edit-link{
	font-size: 13px;
}

#comments .comment-text{
	color: #777777;
}

#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: 15px 0 0; 
	text-indent: 0;
}

#comments ul.children .author-avatar{
	width: 40px;
	margin-top: 5px;
	margin-right: 10px;
}

#comments ul.children li.comment{
	background: #F8F8F8;
	padding: 10px 12px;
	margin-bottom: 5px;
}

#comments ul.children li.comment.depth-5{
	margin-bottom: 0;
	padding-bottom: 0;
}

#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;
	font-size: 14px;
}

#respond #reply-title{
	margin-top: 15px; 
	background: #2F343D;	
    padding: 8px 12px;
	color: #FFFFFF;
}

#respond #reply-title:before{
	content: "\f044";
	font-family: FontAwesome;
	margin-right: 5px;
	color: #FFFFFF;
	font-weight: 400;
}

#respond #reply-title small{
	font-weight: 400;
	font-size: 13px;
} 

#respond .required {
	color: #ff4b33;
	font-weight: bold;
}

#respond label {
	margin-bottom: 5px;
	display: block;
}

#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: 92%;
}

#respond .comment-form-url input[type=text],
#respond textarea{
	width: 96%;
}

#respond input[type=text],
#respond textarea{	
	display: block;	
	font-family: inherit;
	font-size: 14px;
	color: inherit;	
	padding: 10px;
	border: 1px solid #D1D1D1;
	margin-bottom: 20px;
	color: #AEAEAE;
}

#respond textarea{
	height: 185px;
}

#respond input[type=submit]{
	background: #E74C3C;
	color: #FFFFFF !important;
	cursor: pointer;
	font: inherit;
	font-size: 14px;
	display: inline-block;
    padding: 8px 12px;
    text-decoration: none;
	border: none;
	margin: 0 0 30px;
	
}

#respond .form-allowed-tags {
	display: none;
}

/* 8. WIDGETS
 * ============= */
.widget{
	overflow: hidden;
	margin-bottom: 30px;
}

.widget-title{
	background: #2F343D;
	color: #FFFFFF;
	overflow: hidden;
	margin-bottom: 20px;
	border-radius: 12px;
}

.widget-title h4{
	font-family: 'Roboto', Helvetica, Arial, Sans-Serif;
	color: #FFFFFF;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 1;
	padding: 15px 20px;
	margin-bottom: 0;
}

.widget select{
    padding: 8px 10px;
    font-size: 14px;
    border: 1px solid #EEEEEE;
    height: 38px;	
	color: #555555;
	font-family: inherit;
	width: 340px;
}

.widget input[type=text],
.searchfield{
	display: block;
	float: left;
	font-size: 13px !important;
	padding: 7px 10px;
	width: 240px;
	border: 1px solid #EEEEEE;
	font: inherit;
	color: #555555;
	height: 20px;
}

.widget ul{
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li{
	border-bottom: 1px solid #F2F2F2;
	padding: 8px 0;
	overflow: hidden;
}

.widget ul li:first-child{
	padding-top: 0;
}

.widget ul li:last-child{
	border-bottom: 0;
	padding-bottom: 0;
}

/*=== Slider Widget ===*/
.widget_slider .sidebar-slider-posts {
	position: relative;
}

.widget_slider .thumb{
	margin-bottom: 10px;
	height: 155px;
	overflow: hidden;
	position: relative;
}

.widget_slider .entry-rating{
	position: absolute;
	bottom: 10px;
	left: 20px;
}

.widget_slider .entry-rating i {
	color: #FFFFFF;
	font-size: 16px;
}

.flex-direction-nav{
	list-style: none;	
	padding: 0;
	margin: 0;	
}

.widget_slider .flex-direction-nav .flex-prev{
	left: 20px;
	position: absolute;
	top: 60px;
	background: #FFFFFF;
	font-size: 0;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	display: block;
}

.widget_slider .flex-direction-nav .flex-prev:before {
	content: "\f104";
	font-family: FontAwesome;
	display: block;
	padding: 0;
	font-weight: 700;	
	margin-left: 10px;
	margin-top: 4px;
	line-height: 1;	
	font-size: 20px;
}

.widget_slider .flex-direction-nav .flex-next{
	right: 20px;
	position: absolute;
	top: 60px;
	background: #FFFFFF;
	font-size: 0;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	display: block;
}

.widget_slider .flex-direction-nav .flex-next:before {
	content: "\f105";
	font-family: FontAwesome;
	display: block;
	padding: 0;
	font-weight: 700;	
	margin-left: 12px;
	margin-top: 4px;
	line-height: 1;	
	font-size: 20px;
}

.widget_slider ul li{
	margin: 0;
	padding: 0 !important;
	border-bottom: 0;
}

.widget .flex-control-nav li{
	height: 12px;
}

.widget_slider h3{
	margin-bottom: 0;
}

/*=== Recent Posts ===*/
.widget_posts .post-list{
	overflow: hidden;
	margin-top: 20px;
}

.widget_posts .post-list .item-post{
	overflow: hidden;
	margin-bottom: 22px;
}

.widget_posts .post-list .item-post:last-child{
	margin-bottom: 0;
}

.widget_posts .post-list .thumb{
	width: 75px;
	margin-right: 20px;
	float: left;
}

.widget_posts .post-right{
	width: 245px;
	float: left;
}

.widget_posts .post-list .entry-meta{
	margin-top: -4px;
}
 
/* === Tabs widget === */
.widget_tabs .widget-tabs-title-container ul{
	overflow: hidden;
	margin-bottom: 15px;
	background: #373737;
	border-radius: 12px;
}

.widget_tabs .widget-tabs-title-container ul li{
	padding: 0;
	margin: 0;
	border-bottom: 0;
}

.widget_tabs .widget-tabs-title-container h5{
	overflow: hidden;	
	font-family: 'Roboto', Helvetica, Arial, Sans-Serif;
	color: #FFFFFF;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 1;
	padding: 15px 20px;
	margin-bottom: 0;	
}

.widget_tabs .widget-tabs-title-container ul li{	
	
	float: left;	
	display: block;		
}

.widget_tabs .active {
	background: #E74C3C;
	border-radius: 12px;
}

.widget_tabs .widget-tabs-title-container ul li a{
	color: #FFFFFF;
}

.widget_tabs .widget-tabs-title-container ul li:first-child{
	margin-left: 0;
}

.widget_tabs .tab-content{
	display: none;
}

.widget_tabs .post-list li{
	overflow: hidden;
	margin-bottom: 7px;	
	padding: 0 0 10px 0 !important;
}

.widget_tabs .comment-list li{
	overflow: hidden;
	margin-bottom: 10px;	
	padding: 0 0 1px 0 !important;
}

.widget_tabs .comment-list .entry-meta{
	margin: 0;
}

.widget_tabs .comment-list h5{
	margin-bottom: 5px;
}

.widget_tabs .comment-list .thumbnail,
.widget_tabs .post-list .thumb{
	width: 75px;
	float: left;
	margin-right: 15px;
}

.widget_tabs .comment-list .avatar{
	width: 75px;
	height: 75px;
}

.widget_tabs .comment-text{
	line-height: 1.2;
}

/*=== RSS Subscription ===*/
.widget_subscribe label{
	display: block;
}

.widget_subscribe .button{
	display: block;
	height: 37px;
	float: left;
}

.widget_subscribe input[type="text"]{
	height: 21px;
}

/*=== Followers Count ===*/

.widget_subscribers .wrap{
	overflow: hidden;
	margin-top: 20px;
}

.widget_subscribers ul li{
	padding: 15px 0;
}

.widget_subscribers .icon{
	width: 50px;
	height: 50px;	
	text-align: center;
	float: left;
	margin-right: 15px;
}

.widget_subscribers .icon i{
	font-size: 30px;
	margin-top: 10px;
	color: #FFFFFF;
}

.widget_subscribers .icon a{
	display: inline-block;
}

.widget_subscribers .twitter .icon{
	background: #40BFF5;
}

.widget_subscribers .fb .icon{
	background: #5D82D1;
}

.widget_subscribers .rss .icon{
	background: #FF9845;
}

.widget_subscribers .dribbble .icon{
	background: #EE557D;
}

.widget_subscribers .right{
	float: left;
}

.widget_subscribers .right span{
	display: block;
	line-height: 1;
	color: #999999;
}

.right-icon {
	float: right;
}

.right-icon i{
	font-size: 24px;
	margin-top: 10px;
	margin-right: 15px;
	color: #AAAAAA;
}

/* === Tags widget === */
.tagcloud{
	overflow: hidden;	
	margin-bottom: -10px;
}

.tagcloud a{
	display: block;
	float: left;
	font-size: 14px !important;
	margin-bottom: 10px;
	margin-right: 10px;
	line-height: 1;
	padding: 7px 8px 8px; 	
	font-weight: 400;
	background: #E74C3C;
	color: #FFFFFF;
}

.tagcloud a:hover{	
	opacity: 0.8;
}

/*=== Search ===*/
#sidebar .searchfield{
	height: 21px;
	width: 279px;
}

.search-submit{	
	display: block;
	width: 37px;
	height: 37px;
}

/*=== Photos ===*/
.widget_flickr .flickr_thumbs{
	overflow: hidden;
}


.widget_pinterest ul li,
.widget_flickr ul li{
	width: 66px;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 0 !important;
	border-bottom: none !important;	
}

.widget_pinterest .pinterest-image img,
.widget_flickr .flickr_thumbs img{
	width: 66px;
	height: 66px;
	display: block;
}

.widget_pinterest ul li.pinterest-follow-me img{
	display: block;
	height: 28px
}

.widget_pinterest .recent-pins-widget{
	overflow: hidden;
}

/*=== About us ===*/
.widget_aboutus .logo-wrap{
	padding: 0;
	margin-bottom: 20px;
}

.widget_aboutus .info-text{
	border-bottom: 1px solid #333333;
	padding-bottom: 12px;
	margin-bottom: 15px;
}

.widget_aboutus .social-links ul {	
	padding: 0;
}

.widget_aboutus ul li{
	margin-right: 2px;
	float: left;
	border: none !important;
	padding: 0;
	font-size: 16px;
	margin-right: 5px;	
	margin-bottom: 5px;	
	width: 32px;
	height: 32px;
	text-align: center;
}

.widget_aboutus ul li a{
	color: #FFFFFF !important;
	display: block;
	background: green;	
}

.widget_aboutus ul li a.twitter{
	background: #59C8FF;
}

.widget_aboutus ul li a.fb{
	background: #4B649B;
}

.widget_aboutus ul li a.gplus{
	background: #C94434;
}

.widget_aboutus ul li a.pinterest{
	background: #FE4445;
}

.widget_aboutus ul li a.dribbble{
	background: #F0659A;
}

.widget_aboutus ul li a.linkedin{
	background: #3A9BDC;
}

.widget_aboutus ul li a.instagram{
	background: #AD866E;
}

.widget_aboutus ul li a.youtube{
	background: #FF4536;
}

.widget_aboutus ul li a.rss{
	background: #FF8400;
}
.widget_aboutus ul li a{
	display: block;
}
.widget_aboutus ul li a i{
	font-size: 20px;
	padding-top: 6px;	
}

/*=== Popular Categories ===*/
.widget_popular_categories ul{
	overflow: hidden;
}

.widget_popular_categories ul li{
	padding: 0;
	margin: 0;
	border-bottom: none !important;
	padding: 0 !important;
	margin-bottom: 0;
	width: 160px;
	margin-right: 10px;
	float: left;
	line-height: 1.2;
}

.widget_popular_categories ul li a{
	padding: 5px 0;
	display: inline-block;
}

.widget_popular_categories .cat{
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;	
}

.widget_popular_categories .count{
	margin-left: 5px;
	line-height: 1;
	font-weight: 400;
	color: #999999;
	font-size: 13px;
}

/*=== Recent Comments ===*/
.widget_comments .entry-meta{
	margin-bottom: 0;
}

.widget_comments .comment-list li{
	overflow: hidden;
	margin-bottom: 10px;	
	padding-top: 0;
	padding-bottom: 10px;
}

.widget_comments .comment-list h5{
	margin-bottom: 0;
}

.widget_comments .thumbnail{
	float: left;
	margin-right: 7px;
	margin-top: 2px;
}

.widget_comments .comment-text{
	line-height: 1.4;
}

.widget_comments .entry-meta{
	margin-top: 0;
}

/*=== Video widget ===*/
.widget_video iframe{
	max-width: 100%;
}

.widget_video .embed p{
	display: none;
}

/*=== Latest Tweets ===*/
.widget_tweet{
	background: #F8F8F8;
	padding: 20px 20px 10px;		
}

.widget_tweet .tweets-wrap{
	overflow: hidden;
	margin-bottom: 7px;
}

.widget_tweet ul li{
	padding: 0 !important;
	border-bottom: none !important;
}

.widget_tweet .thumb{
	float: left;
	width: 24px;
	margin-top: 5px;
}

.widget_tweet .thumb img{
	width: 24px;
	height: 24px;
	display: block;
}

.widget_tweet .user{
	margin-bottom: 5px;
	overflow: hidden;
}

.widget_tweet .user .icon{
	float: left;
	margin-right: 30px;
	font-size: 24px;
	padding: 0;
	line-height: 1;
}

.widget_tweet .user h3{
	margin-bottom: 0;
}	

.widget_tweet .tweet{
	margin-bottom: 15px;
	color: #949494;
}

.widget_tweet .tweet-footer{
	overflow: hidden;
}

.widget_tweet .time{
	float: left;
}

.widget_tweet .retweet{
	float: right;
}

.widget_tweet .retweet a{
	padding-left: 3px;
}

.widget_tweet ol,
.widget_tweet ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget_tweet .recent-tweets-nav{
	text-align: center;
}

.widget_tweet .flex-control-nav{
    text-align: center;
  	overflow: hidden;
}

.widget_tweet .flex-control-nav li{
	display: inline-block;
}

.widget_tweet .flex-control-nav li a{
	display: inline-block;
	text-indent: -999em;
	margin-right: 3px;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #AAAAAA;
	cursor: pointer;
}

.widget_tweet .flex-control-nav li a:hover,
.widget_tweet .flex-control-nav li a.flex-active{
	background: #2F343D;
}

/* 9. FOOTER
 * =============== */
#footer{
	overflow: hidden;
}

.footer-info {
	overflow: hidden;
	font-size: 12px;
	margin: 10px 0 5px;
}


/* 10. MEDIA QUERIES
 * =========================== */

/* 10.1 DESKTOPS
 * =========================== */ 
@media only screen and (min-width: 760px) and (max-width: 1200px) {
	
	#container {
		width: 740px;
	}
	
	.inner-wrap {
		padding: 0 20px;
		position: relative;
		width: 700px;
	}
	
	#content {
		width: 700px;
		margin-right: 0;
	}
	
	#header .logo {
		float: none;
	}

	#header .header-ad {
		float: none;
		margin-top: 15px;
	}
	
	.menu-section {
		width: 660px;
	}
	
	#main-menu ul { 
		display: none; 
	}
	
	#main-menu select {
		display: block;
		width: 280px; 				
		margin-left: 190px;		
	}
	
	.slider-main {
		margin-right: 0;
		width: 700px;
	}
	
	.slider-right {
		width: 100%;
		margin-top: 10px;
	}
	
	.slider-right .item-post {
		width: 345px;
		float: left;
	}
	
	.slider-right .item-post:first-child {
		margin-right: 10px;
	}
	
	.one-half {
		margin-right: 20px;
	}
	
	#recaptcha_widget .field, 
	.contact-page .row-full .field {
		width: 342px;
	}
	
	.captcha_field, 
	.contact-page .row-full input.text {
		width: 314px;
	}	
		
	.contact-page input.title_field,
	.contact-page textarea {
		width: 673px;
	}

	.contact-page textarea{
		height: 120px;
	}
	
	
	#sidebar{
		width: 700px;
		margin: 20px 0;
		float: left;
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;
		
		
		padding-top: 20px;
	}
	
	#sidebar .widget{
	   display: inline-block;
	   width: 340px !important;
	   margin: 0;
	   margin-bottom: 10px;
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
		column-break-inside: avoid;
	}

}

/* 10.2. Tablet Portrait (devices and browsers)
================================================= */
@media only screen and (min-width: 580px) and (max-width: 759px) {
	
	h3{
		font-size: 16px;
	}
	
	#container {
		width: 560px;
	}
	
	.inner-wrap {
		padding: 0 20px;
		width: 520px;
	}
	
	#content {
		width: 520px;
		margin-right: 0;
	}
	
	#header .logo {
		float: none;
	}

	#header .header-ad {
		float: none;
		margin-top: 15px;
		max-width: 520px;
	}
	
	#header .search,
	#header .top .social{
		display: none;
	}
	
	.menu-section {
		width: 480px;
	}
	
	#main-menu ul { 
		display: none; 
	}
	
	#main-menu select {
		display: block;
		width: 280px; 				
		margin-left: 100px;
	}
	
	.slider-main {		
		width: 520px;
		margin-right: 0;
		margin-bottom: 5px;
	}
	
	.slider-main .post-info {
		padding: 10px 10px 15px;
		width: 500px;
	}
	
	.slider-main .post-info h2 {
		font-size: 24px;
	}
	
	.attachment-wt720_415 {
		height: 320px;
	}
	
	.attachment-wt375_205 {
		height: 150px;
	}
	
	.slider-right {
		width: 520px;
	}

	.slider-right .item-post {
		height: 150px;
		width: 257px;
		float: left;
	}
	
	.slider-right .item-post:first-child {
		margin-bottom: 0;
		margin-right: 6px;
	}
	
	.slider-right .item-post .post-info {
		padding: 10px 5px;
		width: 247px;
	}

	.slider-right .item-post .sep,
	.slider-right .item-post .by,
	.slider-right .item-post .author{
		display: none;
	}	
	
	.one-half {
		margin-right: 20px;
		width: 250px;
	}
	
	.feat-cat .post-list .thumb {
		margin-right: 10px;
		width: 60px;
	}

	.attachment-wt75_75 {
		height: 60px;
		width: 60px;
	}
	
	.attachment-wt340_230 {
		height: 180px;
	}
	
	.feat-cat .post-right {
		width: 180px;
	}
	
	.entry-social li {
		margin-bottom: 10px;
	}
	
	#respond .comment-form-author input[type="text"], 
	#respond .comment-form-email input[type="text"] {
		width: 90%;
	}
	
	#respond .comment-form-url input[type="text"], 
	#respond textarea {
		width: 95%;
	}
	
	#recaptcha_widget .field, 
	.contact-page .row-full .field {
		width: 252px;
	}
	
	.captcha_field, 
	.contact-page .row-full input.text {
		width: 230px;
	}	
		
	.contact-page input.title_field,
	.contact-page textarea {
		width: 497px;
	}

	.contact-page textarea{
		height: 120px;
	}
	
}

/* 10.3. Mobile Landscape Size to Tablet Portrait (devices and browsers)
========================================================================== */
@media only screen and (min-width: 400px) and (max-width: 579px) {
	h3{
		font-size: 16px;
	}
	
	#container {
		width: 380px;
	}
	
	.inner-wrap {
		padding: 0 20px;
		width: 340px;
	}
	
	#content {
		width: 340px;
		margin-right: 0;
	}
	
	#header .logo{
		float: none;
		max-width: 340px;
		text-align: center;
	}
	
	#header .logo img{
		display: inline-block;
	}

	#header .header-ad{
		float: none;
		margin-top: 15px;
		max-width: 340px;
	}
	
	#header .top-menu {
		margin-top: 0;
		height: auto;		
	}
	
	#header .top-menu ul { 
		display: none; 
	}
	
	#header .top-menu select{
		display: block;
		width: 340px; 	
		border: 1px solid #EEEEEE;
		margin-top: 6px;
	}
	
	#header .search,
	#header .top .social{
		display: none;
	}
	
	.menu-section {
		width: 300px;
	}
	
	#main-menu ul { 
		display: none; 
	}
	
	#main-menu select {
		display: block;
		width: 280px; 				
		margin-left: 10px;
	}
	
	.slider-main {		
		width: 340px;
		margin-right: 0;
		margin-bottom: 5px;
	}
	
	.slider-main-nav a {
		border-radius: 30px;
		height: 30px;
		top: 65px;
		width: 30px;
	}
	
	.slider-main-nav .flex-next {
		right: -15px;
	}
	
	.slider-main-nav .flex-next:before {
		font-size: 16px;
		margin-right: 5px;
		margin-top: 7px;
	}
	
	.slider-main-nav .flex-prev {
		left: -15px;
	}

	.slider-main-nav .flex-prev:before {
		font-size: 16px;
		margin-left: 7px;
		margin-top: 7px;
	}
	
	.slider-main .post-info {
		padding: 10px 10px 15px;
		width: 320px;
	}
	
	.slider-main .post-info h2 {
		font-size: 16px;
	}
	
	.attachment-wt720_415 {
		height: 200px;
	}
	
	.attachment-wt375_205 {
		height: 150px;
	}
	
	.slider-right {
		width: 340px;
	}
	
	.slider-right .item-post .post-info {
		padding: 10px;
		width: 320px;
	}
	
	.attachment-wt250_160 {
		height: 110px;		
	}
	
	.one-half {
		margin-right: 0;
		margin-bottom: 15px;
	}
	
	.post-list{
		margin-top: 20px;
	}
	
	.single-post-thumbnail {
		height: 175px;
	}
	
	.entry-meta .rating,
	.entry-meta .ec-stars-outer {
		float: left;
	}
	
	.entry-social li {
		margin-bottom: 10px;
		margin-right: 10px;
		padding: 5px 15px;
	}
	
	#respond .comment-form-author, 
	#respond .comment-form-email {
		width: 346px;
	}

	#respond .comment-form-url input[type="text"], 
	#respond textarea {
		width: 318px;
	}
	
	#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: 10px;  
		padding: 0;
	}
	
	#recaptcha_widget .field, 
	.contact-page .row-full .field {
		margin-right: 0;
		width: 340px;
	}
	
	.captcha_field, 
	.contact-page .row-full input.text{
		width: 318px;
	}
	
	.contact-page input.title_field, 
	.contact-page textarea {
		width: 318px;
	}
	
	.contact-map iframe{
		height: 200px;
	}

}

/* 10.4. Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
====================================================================== */
/*
@media only screen and (max-width: 459px) {
	
	h3{
		font-size: 16px;
	}
	
	#container {
		width: 300px;
	}
	
	.inner-wrap {
		padding: 0 10px;
		width: 280px;
	}
	
	#header .logo{
		float: none;
		max-width: 280px;
		text-align: center;
	}
	
	#header .logo img{
		display: inline-block;
	}

	#header .header-ad{
		float: none;
		margin-top: 15px;
		max-width: 280px;
	}
	
	#header .top-menu {
		margin-top: 0;
		height: auto;		
	}
	
	#header .top-menu ul { 
		display: none; 
	}
	
	#header .top-menu select{
		display: block;
		width: 280px; 	
		border: 1px solid #EEEEEE;
		margin-top: 6px;
	}
	
	#header .search,
	#header .top .social{
		display: none;
	}
	
	#content {
		width: 280px;
		margin-right: 0;
	}
	
	.menu-section {
		left: 20px;
		width: 260px;
	}
	
	#main-menu ul { 
		display: none; 
	}
	
	#main-menu select {
		display: block;
		width: 240px; 				
		margin-left: 10px;
	}
	
	.slider-main {		
		width: 280px;
		margin-right: 0;
		margin-bottom: 5px;
	}
	
	.slider-section .entry-meta {
		display: none;
	}
	
	.slider-main-nav a {
		border-radius: 40px;
		height: 40px;
		top: 65px;
		width: 40px;
	}
	
	.slider-main-nav .flex-next {
		right: -20px;
	}
	
	.slider-main-nav .flex-next:before {
		font-size: 18px;
		margin-right: 5px;
		margin-top: 10px;
	}
	
	.slider-main-nav .flex-prev {
		left: -20px;
	}

	.slider-main-nav .flex-prev:before {
		font-size: 18px;
		margin-left: 7px;
		margin-top: 10px;
	}
	
	.slider-main .post-info {
		padding: 10px 10px 15px;
		width: 260px;
	}
	
	.slider-main .post-info h2 {
		font-size: 16px;
	}
	
	.slider-right {
		width: 280px;
	}
	
	.attachment-wt720_415 {
		height: 200px;
	}
	
	.slider-right .item-post{
		height: 150px;
	}
	
	.attachment-wt375_205 {
		height: 150px;
	}
	
	.slider-right .item-post .post-info {
		padding: 10px 10px 5px;
		width: 260px;
	}
		
	.one-half {
		margin-right: 0;
	}
	
	.post-list{
		margin-top: 20px;
	}
	
	.carousel-section .slides li {		
		width: 250px !important;
	}	
	
	.one-half {
		margin-right: 0;
		width: 280px;
	}

	.attachment-wt340_230 {
		height: 190px;
	}
	
	.feat-cat .post-right {
		width: 210px;
	}
	
	.feat-cat .post-list .thumb {
		margin-right: 10px;
		width: 60px;
	}
	
	.attachment-wt75_75 {
		height: 60px;
		width: 60px;
	}
	
	.entry-ad{
		display: none;
	}
	
	.entry-social li {
		margin-bottom: 10px;
	}
	
	.post-nav h4 {
		max-width: 95%;
	}
	
	.post-nav .next-post h4 {
		text-align: right;
	}
	
	.one-half{
		margin-bottom: 15px;
	}
	
	.single-post-thumbnail {
		height: 175px;
	}

	#sidebar {
		width: 280px;
	}
	
	#sidebar .searchfield {
		width: 220px;
	}
	
	.widget_posts .post-list .thumb {
		margin-right: 10px;
		width: 60px;
	}

	.widget_posts .post-right {
		width: 210px;
	}
	
	.widget_subscribe input[type="text"] {
		width: 190px;
	}
	
	#respond .comment-form-author, 
	#respond .comment-form-email {
		width: 280px;
	}

	#respond .comment-form-url input[type="text"], 
	#respond textarea {
		width: 258px;
	}
		
	#respond textarea {
		height: 125px;
	}
	
	#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: 10px;  
		padding: 0;
	}
	
	#recaptcha_widget .field, 
	.contact-page .row-full .field {
		margin-right: 0;
		width: 280px;
	}
	
	.captcha_field, 
	.contact-page .row-full input.text{
		width: 258px;
	}
	
	.contact-page input.title_field, 
	.contact-page textarea {
		width: 258px;
	}
	
	.contact-map iframe{
		height: 180px ;
	}
		
}
*/

/*button cookie notice*/
.btn-cookie{
	color:#fff;
	background:#2f2f2f;
	padding:6px 10px 7px 10px;
}

/*change icon twitter*/
.fa.fa-twitter{
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}

/* -------------------- */
/*body{
	filter: grayscale(80%) !important;
    -moz-filter: grayscale(80%) !important;
    -webkit-filter: grayscale(80%) !important;
    filter: #2c2c2c !important;	
}
#header .logo{
	filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: #2c2c2c;	
}

#main-menu .current-menu-item, #main-menu .current_page_item, #main-menu .current_page_item a:hover{
	filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: #2c2c2c;	
}
.slider-main .post-info,.main-color-bg,.main-color-bg {
	filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: #2c2c2c;	
}
.entry-tags a{
	filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: #2c2c2c;
}
.pagination{
	filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: #2c2c2c;	
}
.post-nav,#respond input[type=submit],.widget_tabs .active{
	filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: #2c2c2c;
}*/