/*

@Author: Themezinho
@URL: http://www.themezinho.net
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


// Table of contents //

	1.FONTS
	2.BODY
	3.LINKS
	4.CUSTOMIZED HTML
	5.FORM ELEMENTS
	6.CUSTOMIZED PAGINATION
	7.CUSTOMIZED PANEL
	8.CUSTOMIZED TAB
	9.CUSTOMIZED ALERTS
	10.LABELS
	11.MIDDLE ALIGN
	12.SIDE MENU
	13.SEARCH BOX
	14.HEADER
	15.INTERNAL HEADER
	16.CAROUSEL POSTS
	17.GRID POSTS
	18.MAIN CONTENT 
	19.HIGHLIGHT POSTS
	20.POST LIST
	21.SIDEBAR
	22.SLIDER POSTS
	23.INSTAGRAM
	24.HOT NEWS
	25.FOOTER
	26.MEDIUM DEVICE FIXES
	27.TABLET DEVICE FIXES
	28.MOBILE DEVICE FIXES

/*

/* FONTS */
@import url('../external/fonts.googleapis.com/css_qdc5c675e.css');



/* BODY */
*{ outline:none !important;}
body{ margin:0; padding:0; font-family: 'Poppins', sans-serif; font-size:16px; color:#000; background:#fff;}
body{-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}
body{transition: all 0.4s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1);}
body{ height:100%;}
html{ height:100%;}



/* LINKS */
a{ color:#000;}
a:hover{text-decoration:underline; color:#000;}
a:focus{text-decoration:none; color:#000;}



/* CUSTOMIZED HTML */
img{ max-width:100%;}
b{ font-weight:700;}
strong{ font-weight:700;}
p{ margin-bottom:15px; line-height:25px; font-family: 'Merriweather', serif;}
blockquote{ display:inline-block; border-left:4px solid #000;}



/* FORM ELEMENTS */
.form-group{ width:100%; float:left; margin-bottom:10px;}
form{ width:100%; float:left; margin-bottom:20px;}
input[type="text"]{ width:100%; max-width:400px; height:44px; padding:0 15px; font-size:13px; border:1px solid #ccc;}
textarea{ width:100%; max-width:540px; height:110px; padding:15px; font-size:13px; border:1px solid #ccc;}
button[type="submit"]{ height:44px; padding:0 20px; background:#000; font-weight:700; font-size:13px; color:#fff; border:none;}



/* CUSTOMIZED PAGINATION */
.pagination{ width:100%; float:left; text-align:center;}
.pagination li{ float:none; display:inline-block;}
.pagination li a{ height:34px; line-height:36px; float:left; padding:0 13px; border:none; color:#000; font-size:13px; font-weight:700;}
.pagination li a:hover{ color:#000; background:none; opacity:0.8;}
.pagination li.active a{ background:#000;}
.pagination li.active a:hover{ opacity:1; background:#000;}



/* CUSTOMIZED PANEL */
.panel-group{ width:100%; float:left;}
.panel-group .panel+.panel{ margin-top:-1px;}
.panel-group .panel{ width:100%; float:left; border-radius:0; border-color:#eee;}
.panel-group .panel-heading{ width:100%; float:left; padding:20px; background:none; border-radius:0; border:none;}
.panel-group .panel-heading .panel-title{ width:100%;}
.panel-group .panel-heading .panel-title a{ width:100%; font-size:13px; font-weight:700; color:#ffbb3f;}
.panel-group .panel-heading .panel-title a:after{content:"-"; float:right; font-weight:300; font-size:18px;}
.panel-group .panel-heading .panel-title a.collapsed{ color:#384254;}
.panel-group .panel-heading .panel-title a.collapsed:after{content:"+";float:right; font-weight:300; font-size:18px;}
.panel-group .panel-heading .panel-title a.collapsed:hover{ text-decoration:none; color:#ffbb3f;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{ border:none; padding:20px; padding-top:0;}
.panel-group .panel-collapse{ width:100%; float:left;}
.panel-group .panel-body{ padding:25px;}
.panel-group .panel-body img{ width:100%; margin-bottom:15px;}
.panel-group .panel-body h6{ font-weight:700; font-size:17px;}
.panel-group .panel-body p{ line-height:20px; font-size:13px; margin:0;}



/* CUSTOMIZED TAB */
.bs-example-tabs{ width:100%; float:left; margin-bottom:30px;}
.nav-tabs{ width:100%; float:left; border-bottom:1px solid #eee; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:1px solid #eee;  border-bottom-color:transparent; color:#ffbb3f;}
.nav-tabs>li>a{border-radius:0; font-size:13px; font-weight:700; border:1px solid #eee; margin-right:-1px; padding:15px 20px;}
.nav>li>a:focus, .nav>li>a:hover{ background:none; color:#ffbb3f;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background:none; border:1px solid #eee;}
.tab-content{ width:100%; float:left; border:1px solid #eee; margin-top:-1px; padding:20px;}
.tab-content p{ margin:0; font-size:13px; line-height:20px;}



/* CUSTOMIZED ALERTS */
.alert{ width:100%; float:left; border-radius:0;}
.alert-success{ background:#0C6; color:#fff; border:none;}
.alert-info{ background:#09F; color:#fff; border:none;}
.alert-warning{ background:#F90; color:#fff; border:none;}
.alert-danger{ background:#F00; color:#fff; border:none;}



/* LABELS */
.label{ border-radius:0;}
.label-default{ background:#000;}
.label-primary{ background:#09F;}
.label-success{ background:#0C6;}
.label-info{ background:#6CC;}
.label-warning{ background:#F90;}
.label-danger{ background:#F00;}



/* MIDDLE ALIGN */
.middle-align{ width:100%; height:100%; float:left; display:table;}
.middle-align .inner{ text-align:center; display:table-cell; vertical-align:middle;}



/* SIDE MENU */
.side-menu{ width:320px; height:100%; float:left; position:fixed; left:0; top:0; transform:translateX(-320px); background:#fff; z-index:9; padding:30px;}
.side-menu .title{ width:100%; float:left; font-size:35px; font-weight:700; margin-top:0; margin-bottom:20px;}
.side-menu .menu{ width:100%; float:left; margin:0; padding:0; margin-bottom:40px;}
.side-menu .menu li{ width:100%; float:left; margin-bottom:13px; padding-bottom:10px; list-style:none; border-bottom:1px solid #eee;}
.side-menu .menu li:last-child{ border-bottom:none; margin:0; padding:0;}
.side-menu .menu li a{ width:100%; float:left; font-size:13px; font-weight:700;}
.side-menu .menu li a .caret{ float:right; margin-top:8px;}
.side-menu .menu li .dropdown-menu{ position:static; box-shadow:none; border:none; margin-top:10px;}
.side-menu .menu li .dropdown-menu li{ margin-bottom:6px; padding-bottom:5px;}
.side-menu .menu li .dropdown-menu li a{ width:100%; float:left;}
.side-menu .menu li .dropdown-menu li a:hover{ background:none;}
.side-menu .social-media{ width:100%; float:left; margin:10px 0 30px 0; padding:0;}
.side-menu .social-media li{ float:left; list-style:none; margin-right:12px;}
.side-menu .social-media li:last-child{ margin-right:0;}
.side-menu .social-media li a{ float:left; font-size:13px;}
.side-menu .copyright{ width:100%; float:left; font-size:12px; opacity:0.5;}
.side-menu .side-menu-overlay{ width:1000%; height:1000%; position:absolute; left:100%; top:52px; background:rgba(0,0,0,0.7); z-index:9999; opacity:0; visibility:hidden; transition: all 0.4s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1);}
.side-menu-show{ transform:translateX(320px); overflow:hidden;}
.side-menu-show .side-menu-overlay{ opacity:1; visibility:visible;}



/* SEARCH BOX */
.search-box{ width:100%; height:60px; font-family: 'Fjalla One', sans-serif; transition: all 0.4s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1); transform:translateY(-60px); position:fixed; left:0; top:0;}
.search-box form{ width:100%; float:left; padding:0 20%;}
.search-box form input[type="text"]{ width:80%; max-width:inherit; height:60px; float:left; border:none;}
.search-box form button[type="submit"]{ width:20%; height:60px; float:left; border:none; background:none; border-left:1px solid #eee; color:#000;}
.search-box-show{ transform:translateY(60px);}



/* HEADER */
.header{ width:100%; float:left; text-align:center;}
.header .navbar-default{ width:100%; height:52px;float:left; background:#000; border:none; border-radius:0; margin:0;}
.header .navbar-default .navbar-hamburger{ float:left; margin-top:14px;}
.header .navbar-default .navbar-hamburger a{ color:#fff;}
.header .navbar-default .navbar-nav{ height:52px; float:none; display:inline-block;}
.header .navbar-default .navbar-nav li{ float:left; font-size:12px; font-weight:700;}
.header .navbar-default .navbar-nav li a{ float:left; line-height:52px; color:#fff; padding:0 15px;}
.header .navbar-default .navbar-nav li a:hover{ opacity:0.8;}
.header .navbar-default .navbar-nav li .caret{ float:right; margin-left:6px; margin-top:24px;}
.header .navbar-default .navbar-search{ float:right; margin-top:14px;}
.header .navbar-default .navbar-search a{ color:#fff;}
.header .navbar-header{ width:100%; float:left; text-align:center;}
.header .navbar-header .navbar-brand{ height:auto; float:none; display:inline-block; font-size:50px; font-weight:700; padding:35px 0;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background:none; color:#fff;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ border:none;}
.navbar-nav>li>.dropdown-menu{box-shadow:none; border:none; border-radius:0; background:#000; padding-top:0; padding-bottom:10px;}
.navbar-nav>li>.dropdown-menu li{ width:100%; float:left;}
.navbar-nav>li>.dropdown-menu li a{ width:100%; float:left; padding:0; line-height:30px !important; font-weight:400;}
.navbar-nav>li>.dropdown-menu li a:hover{ background:none;}



/* INT HEADER */
.int-header{ width:100%; float:left; background:url(../images/int-header-bg.jpg) #ccc; background-attachment:fixed; color:#fff; padding:50px 0; margin-bottom:80px;}
.int-header.detail{ height:500px;}
.int-header .int-title{ font-size:60px; font-weight:700; margin:0;}
.int-header .breadcrumb{ width:100%; float:left; background:none; padding:0; margin:0;}
.int-header .breadcrumb li{ float:left; font-size:12px; margin-right:14px; color:#fff;}
.int-header .breadcrumb li:before{ display:none;}
.int-header .breadcrumb li a{ float:left; color:#fff;}



/* CAROUSEL POSTS */
.carousel-posts{ width:100%; float:left; position:relative; padding-bottom:50px;}
.carousel-posts .owl-carousel{ width:100%; float:left; position:relative;} 
.carousel-posts .owl-carousel *{transition: all 0.4s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1);}
.carousel-posts .post{ width:100%; float:left; text-align:center; position:relative;}
.carousel-posts .post .post-image{ width:100%; float:left; background:#000;}
.carousel-posts .post .post-image img{ width:100%; opacity:0.7;}
.carousel-posts .post .post-image .post-content{ width:100%; position:absolute; left:0; bottom:0; padding-bottom:30px;}
.carousel-posts .post .post-image .post-content .post-date{ width:100%; float:left; font-weight:700; font-size:12px; opacity:0.6; color:#fff;}
.carousel-posts .post .post-image .post-content .post-title{ width:100%; float:left; font-family: 'Merriweather', serif; padding:0 5%; font-size:25px; line-height:40px; color:#fff; margin-bottom:30px;}
.carousel-posts .post .post-image .post-content .post-title a{ float:left; color:#fff;}
.carousel-posts .post .post-image .post-content .post-category{ height:22px; line-height:22px; display:inline-block; color:#fff; font-family: 'Fjalla One', sans-serif; border:1px solid rgba(255,255,255,0.4); padding:0 7px; font-size:11px;}
.carousel-posts .owl-nav{ width:100%; float:left;}
.carousel-posts .owl-nav .owl-prev{ width:50px; height:50px; line-height:50px; background:rgba(0,0,0,0.8); position:absolute; left:0; bottom:50%; color:#fff; text-indent:-99999px; padding-left:15px;}
.carousel-posts .owl-nav .owl-prev:before{content:"\f177"; float:left; text-indent:0; font-family:FontAwesome;}
.carousel-posts .owl-nav .owl-prev:hover{opacity:0.7;}
.carousel-posts .owl-nav .owl-next{ width:50px; height:50px; line-height:50px; background:rgba(0,0,0,0.8); position:absolute; right:0; bottom:50%; color:#fff; text-indent:-99999px; padding-left:15px;}
.carousel-posts .owl-nav .owl-next:before{content:"\f178"; float:left; text-indent:0; font-family:FontAwesome;}
.carousel-posts .owl-nav .owl-next:hover{opacity:0.7;}
.carousel-posts .owl-dots{ width:100%; float:left; margin-top:40px; text-align:center;}
.carousel-posts .owl-dots .owl-dot{ width:11px; height:11px; display:inline-block; background:#000; border-radius:50%; margin:0 4px; opacity:0.2;}
.carousel-posts .owl-dots .owl-dot.active{ opacity:1;}



/* GRID POSTS*/
.grid-posts{ width:100%; float:left; margin-bottom:50px;}
.grid-posts .post{ width:100%; float:left; position:relative; margin-bottom:30px;}
.grid-posts .post .post-image{ width:100%; float:left;}
.grid-posts .post .post-image img{ width:100%;}
.grid-posts .post .post-content{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3);}
.grid-posts .post .post-content .post-date{ width:100%; float:left; font-weight:700; font-size:12px; opacity:0.6; color:#fff;}
.grid-posts .post .post-content .post-title{ width:100%; float:left; font-family: 'Merriweather', serif; padding:0 5%; font-size:18px; line-height:32px; color:#fff; margin-bottom:30px;}
.grid-posts .post .post-content .post-title.big{ font-size:36px; line-height:50px;}
.grid-posts .post .post-content .post-title a{ float:left; color:#fff;}
.grid-posts .post .post-content .post-category{ height:22px; line-height:22px; display:inline-block; color:#fff; font-family: 'Fjalla One', sans-serif; border:1px solid rgba(255,255,255,0.4); padding:0 7px; font-size:11px;}



/* MAIN CONTENT */
.main-content{ width:100%; float:left;}
.main-content #content-left{width:820px; float:left; padding-right:15px;}
.main-content #content-right{width:320px; float: right; padding-left:16px; padding-bottom:30px; margin-left:0 !important;}
.main-content #content-left .content-image{ margin:20px 0; margin-right:20px; padding:0;}
.main-content #content-left .content-image img{ width:100%;}
.main-content #content-left .content-image figcaption{ width:100%; float:left; font-size:12px; padding:5px 0;}
.main-content #content-left #map{ width:100%; height:260px; float:left; background:#000;}



/* HIGHLIGHT POSTS */
.highlight-posts{ width:100%; float:left; overflow:hidden; margin-bottom:5px; position:relative;}
.highlight-posts .post{ width:100%; float:left; position:relative; margin-bottom:30px;}
.highlight-posts .post .post-image{ width:100%; float:left;}
.highlight-posts .post .post-image img{ width:100%;}
.highlight-posts .post .post-content{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3);}
.highlight-posts .post .post-content .post-date{ width:100%; float:left; font-weight:700; font-size:12px; opacity:0.6; color:#fff;}
.highlight-posts .post .post-content .post-title{ width:100%; float:left; font-family: 'Merriweather', serif; padding:0 5%; font-size:35px; line-height:50px; color:#fff; margin-bottom:30px;}
.highlight-posts .post .post-content .post-title a{ float:left; color:#fff;}
.highlight-posts .post .post-content .post-category{ height:22px; line-height:22px; display:inline-block; color:#fff; font-family: 'Fjalla One', sans-serif; border:1px solid rgba(255,255,255,0.4); padding:0 7px; font-size:11px;}
.highlight-posts .owl-dots{ width:11px; position:absolute; right:20px; top:20px;}
.highlight-posts .owl-dots .owl-dot{ width:11px; height:11px; float:left; background:#fff; border-radius:50%; margin:0; opacity:0.2; margin:4px 0;}
.highlight-posts .owl-dots .owl-dot.active{ opacity:1;}




/* SMALL POSTS */
.small-posts{ width:100%; float:left;}
.small-posts .post{ width:100%; float:left; text-align:center; margin-bottom:30px; display:table;}
.small-posts .post .post-image{ width:100%; float:left; margin-bottom:20px;}
.small-posts .post .post-image img{ width:100%;}
.small-posts .post .post-content{ width:100%; float:left;}
.small-posts .post .post-content .post-date{ width:100%; float:left; font-weight:700; font-size:12px; opacity:0.3; color:#000;}
.small-posts .post .post-content .post-title{ width:100%; float:left; font-family: 'Merriweather', serif; font-size:18px; line-height:26px; color:#fff; margin-bottom:15px;}
.small-posts .post .post-content .post-title a{ float:left; color:#000;}
.small-posts .post .post-content .post-category{ height:22px; line-height:22px; display:inline-block; color:#000; font-family: 'Fjalla One', sans-serif; border:1px solid rgba(0,0,0,0.1); padding:0 7px; font-size:11px;}



/* POST LIST */
.post-list{ width:100%; float:left;}
.post-list .post{ width:100%; float:left; text-align:center; margin-bottom:30px; display:table;}
.post-list .post .post-image{ width:50%; display:table-cell;}
.post-list .post .post-image img{ width:100%;}
.post-list .post .post-content{ width:50%; display:table-cell; vertical-align:middle; text-align:left; padding-left:20px;}
.post-list .post .post-content .post-date{ width:100%; float:left; font-weight:700; font-size:12px; opacity:0.3; color:#000;}
.post-list .post .post-content .post-title{ width:100%; float:left; font-family: 'Merriweather', serif; font-size:25px; line-height:35px; color:#fff; margin-bottom:15px;}
.post-list .post .post-content .post-title a{ float:left; color:#000;}
.post-list .post .post-content .post-category{ height:22px; line-height:22px; display:inline-block; color:#000; font-family: 'Fjalla One', sans-serif; border:1px solid rgba(0,0,0,0.1); padding:0 7px; font-size:11px;}



/* SIDEBAR */
.sidebar{ width:100%; float:left;}
.sidebar .widget{ width:100%; float:left; border:1px solid #e9e9e9; padding:22px; margin-bottom:22px; text-align:center;}
.sidebar .widget .widget-title{ margin-top:0; font-size:14px; padding-bottom:20px; margin-bottom:22px; position:relative; font-weight:700;}
.sidebar .widget .widget-title:after{content:""; width:30px; height:2px; background:#000; position:absolute; left:50%; bottom:0; margin-left:-15px;}
.sidebar .about-papel{ float:left;}
.sidebar .about-papel img{ width:160px; display:inline-block; border-radius:50%; margin-bottom:20px;}
.sidebar .about-papel p{font-weight:300; color:#666; margin-bottom:24px; font-family: 'Lora', serif; line-height:25px; font-size:17px;}
.sidebar .about-papel ul{ width:100%; float:left; margin:0; padding:0;}
.sidebar .about-papel ul li{ display:inline-block; margin:0 5px; list-style:none;}
.sidebar .about-papel ul li a{ float:left; font-size:13px;}
.sidebar .ad-area{ float:left; padding:2px; background:#000;}
.sidebar .ad-area a{ width:100%; float:left;}
.sidebar .ad-area img{ width:100%;}
.sidebar .newsletter{ border:none; background:#e9e9e9;}
.sidebar .newsletter p{ font-size:13px; opacity:0.6;}
.sidebar .newsletter input[type="text"]{ width:100%; margin-bottom:6px;}
.sidebar .tags{ float:left;}
.sidebar .tags ul{ width:100%; float:left; margin:0; padding:0;}
.sidebar .tags ul li{ margin:2px; display:inline-block; list-style:none;}
.sidebar .tags ul li a{ float:left; height:28px; line-height:28px; border:1px solid #e9e9e9; padding:0 7px; font-size:12px;}
.sidebar .tags ul li a:hover{ border:1px solid #000; background:#000; color:#fff; text-decoration:none;}
.sidebar .gallery{ float:left;}
.sidebar .gallery ul{ width:100%; float:left; margin:0; padding:0;}
.sidebar .gallery ul li{ width:33.33333%; float:left; padding:3px; list-style:none;}
.sidebar .gallery ul li img{ width:100%;}



/* SLIDER POSTS */
.slider-posts{ width:100%; float:left; padding-top:100px;}
.slider-posts .item{ width:100%; float:left; position:relative;}
.slider-posts .owl-posts{ width:100%; float:left; position:relative;}
.slider-posts .post{ width:100%; float:left; display:table;}
.slider-posts .post .post-content{ width:50%; display:table-cell; background:#000; color:#fff; vertical-align:middle; text-align:center;}
.slider-posts .post .post-content .post-date{ width:100%; float:left; font-weight:700; font-size:12px; opacity:0.3; color:#fff;}
.slider-posts .post .post-content .post-title{ width:100%; float:left; font-family: 'Merriweather', serif; padding:0 5%; font-size:30px; line-height:40px; color:#fff; margin-bottom:15px;}
.slider-posts .post .post-content .post-title a{ float:left; color:#fff;}
.slider-posts .post .post-content .post-category{ height:22px; line-height:22px; display:inline-block; color:#fff; font-family: 'Fjalla One', sans-serif; border:1px solid rgba(255,255,255,0.2); padding:0 7px; font-size:11px;}
.slider-posts .post .post-image{ width:50%; display:table-cell;}
.slider-posts .owl-nav{ width:100%; float:left;}
.slider-posts .owl-nav .owl-prev{ width:50px; height:50px; line-height:50px; background:rgba(0,0,0,0.8); position:absolute; right:51px; bottom:50%; color:#fff; text-indent:-99999px; padding-left:15px;}
.slider-posts .owl-nav .owl-prev:before{content:"\f177"; float:left; text-indent:0; font-family:FontAwesome;}
.slider-posts .owl-nav .owl-prev:hover{opacity:0.7;}
.slider-posts .owl-nav .owl-next{ width:50px; height:50px; line-height:50px; background:rgba(0,0,0,0.8); position:absolute; right:0; bottom:50%; color:#fff; text-indent:-99999px; padding-left:15px;}
.slider-posts .owl-nav .owl-next:before{content:"\f178"; float:left; text-indent:0; font-family:FontAwesome;}
.slider-posts .owl-nav .owl-next:hover{opacity:0.7;}



/* INSTAGRAM */
.instagram{ width:100%; float:left; text-align:center; padding-top:100px;}
.instagram .instagram-box{ width:100%; float:left; position:relative;}
.instagram .titles{ width:100%; height:100%; position:absolute; left:0; top:0; color:#fff; z-index:2;}
.instagram .titles .inner{ display:table-cell; vertical-align:middle;}
.instagram .titles h2{ font-weight:700;}
.instagram .instagram-feed{ width:100%; float:left; margin:0; padding:0; position:relative;}
.instagram .instagram-feed:after{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#000; opacity:0.5;}
.instagram .instagram-feed li{ width:20%; float:left; list-style:none; padding:0;}
.instagram .instagram-feed li img{ width:100%; opacity:0.6;}
.instagram .instagram-feed li a{ float:left;}



/* HOT NEWS */
.hot-news{ width:100%; float:left; padding-top:100px;}
.hot-news .title{ width:100%; float:left; margin-bottom:40px; text-align:center; font-size:60px; font-weight:700;}
.hot-news .post{ width:100%; float:left; text-align:center;}
.hot-news .post .post-image{ width:100%; float:left;}
.hot-news .post .post-image img{ width:100%;}
.hot-news .post .post-content { width:90%; float:left; margin:0 5%; margin-top:-10%; padding-top:5%; background:#fff;}
.hot-news .post .post-content .post-date{ width:100%; float:left; font-weight:700; font-size:12px; opacity:0.3; color:#000;}
.hot-news .post .post-content .post-title{ width:100%; float:left; font-family: 'Merriweather', serif; padding:0 5%; font-size:17px; line-height:28px; color:#fff; margin-bottom:15px;}
.hot-news .post .post-content .post-title a{ float:left; color:#000;}
.hot-news .post .post-content .post-category{ height:22px; line-height:22px; display:inline-block; color:#000; font-family: 'Fjalla One', sans-serif; border:1px solid rgba(0,0,0,0.1); padding:0 7px; font-size:11px;}



/* FOOTER */
.footer{ width:100%; float:left; padding-top:50px;}
.footer .inner{ width:100%; float:left; text-align:center; padding:0 20%;}
.footer .inner h4{ font-size:30px; font-weight:700; margin-bottom:20px;}
.footer .inner p{ font-size:15px; line-height:30px; opacity:0.6;}
.footer .inner .social-media{ display:inline-block; margin:10px 0 30px 0; padding:0;}
.footer .inner .social-media li{ float:left; list-style:none; margin:0 6px;}
.footer .inner .social-media li a{ float:left; font-size:13px;}
.footer .sub-footer{ width:100%; float:left; padding:20px 0; border-top:1px solid #eee; text-align:center;}
.footer .sub-footer span{ display:inline-block; font-size:12px; opacity:0.5;}


/* MEDIUM FIXES*/
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
.grid-posts .post .post-content .post-title.big{ font-size:33px; line-height:44px; margin-bottom:20px;}
.main-content #content-left{ width:636px;}
.main-content #content-right{ width:304px;}
.small-posts .post .post-content .post-title{ font-size:16px;}
}


/* TABLET FIXES */
@media only screen and (max-width: 989px), only screen and (max-device-width: 989px) {
.main-content #content-left{ width:100%; padding-right:0;}
.main-content #content-right{ width:100%;}
.sidebar .ad-area img{ width:auto;}
}


/* MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.slider-posts .post .post-image{ width:100%; float:left;}
.slider-posts .post .post-content{ width:100%; float:left; padding:40px 0;}
.post-list .post{ margin-bottom:50px;}
.post-list .post .post-image{ width:100%; float:left; margin-bottom:20px;}
.post-list .post .post-content{ width:100%; float:left; padding-left:0;}
.hot-news .post{ margin-bottom:50px;}
.instagram .instagram-feed li{ width:25%;}
.instagram .instagram-feed li:last-child{ display:none;}
}