/*
 @Author: Theme786
 @URL: http://Theme786.com
 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.
 However we used Less script to make things easy to maintain, this is the compressed ourput, we recommend to edit the less files and then recombile the files and add the result here, if you don't like to use less you can edit this file here.
 
 This files contents are outlined below.
 01.	Theme Reset Style
 02.	Global Elements
 03.	Menu
 04.	Social
 05.	Article
 06.	Posts
 07.	Responsive
 08.	Widgets
 09.	Flexslider
 10.	Grid
*/

/* =============================================
                        Theme Reset Style
============================================= */
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700|Merriweather:300,400);
* {
    margin: 0px;
    padding: 0px;
}
html{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    background: #fff;
    color: #424242;
    font:normal 14px/24px 'Raleway', Arial, Helvetica, sans-serif;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    color: #424242;
    font-style: normal;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    font-weight: 600;
    line-height: 1.5;
    margin: 0px 0px 8px 0px;
    text-transform:capitalize;
}
h1 { font-size: 36px;}
h2 { font-size: 24px;}
h3 { font-size: 22px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: #424242; }
p a { color: #424242; }
p a:hover {
    color: #888;
    text-decoration:underline;
}
p {
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 5px;
}
a {
    color: #424242;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: #888;
    outline: none;
    text-decoration: none;
}
ul { margin-bottom: 0px; }
figure {
    margin-bottom: 6px;
    position: relative;
}
img {max-width: 100%;}
strong { color: #424242; }
iframe {
    border: none;
    float: left;
    width: 100%;
}
.wp-caption,
.wp-caption-text,
.gallery-caption,
.bypostauthor {}
.wp-caption.alignleft,
.wp-caption.alignnone { width: 100%; }
select {
    border: 1px solid #d2d2d2;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    padding: 8px 12px;
    width: 100%;
}
label {
    color: #414141;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
button { border: none; }
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    color: #888;
    width:100%;
    font-size: 12px;
    font-weight: 400;
    height: 50px;
    line-height:30px;
    outline: none;
    padding: 10px;
    background:#fff;
    box-shadow:none;
    border-radius:0;
}
input:focus{
    box-shadow:none !important;
    border-color:#424242 !important;
}
form p {
    float: left;
    position: relative;
    width: 100%;
}
form p span i {
    color: #474747;
    left: 16px;
    position: absolute;
    top: 13px;
}
option { padding: 5px 15px; }
li {
    line-height: 28px;
    list-style: disc inside none;
}
ul ul { margin-left: 20px; }
ol {
    float: none;
    list-style: decimal;
    padding-left: 15px;
}
ol ol { margin-left: 20px; }
ol li {
    list-style: decimal;
    width: 100%;
}
table {
    background-color: transparent;
    max-width: 100%;
}
th { text-align: left; }
table {
    margin-bottom: 15px;
    width: 100%;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    border-top: 1px solid #d2d2d2;
    border: 1px solid #d2d2d2;
    line-height: 2.5;
    padding-left: 3px;
    text-align: center;
    vertical-align: top;
}
table thead tr th {
    border-top: 1px solid #d2d2d2;
    text-align: center;
    text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td { border-top: 1px solid #d2d2d2; }
table > thead > tr > th {
    border-bottom: 2px solid #d2d2d2;
    vertical-align: bottom;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td { border-bottom: 0; }
table > tbody + tbody { border-top: 2px solid #d2d2d2; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 6px 10px; }
p ins { color: #888; }
dl dd { margin-left: 20px; }
address { font-style: italic; }
/* =============================================
                        Global Elements 
============================================= */
.haslayout{
    width:100%;
    float:left;
}
.social-icon{
    text-align:center;
    height:48px;
    border:1px solid #d4d4d4;
    padding:15px;
    border-bottom:0;
    border-top:0;
}
.social-icon li{
    display:inline-block;
    vertical-align:top;
    overflow:hidden;
    width:32px;
}
.social-icon li +li{ border-left:1px solid #e9e9e9;}
.social-icon li a{
    display:block;
    height:15px;
    line-height:15px;
    display:block;
    text-align:center;
}
.social-icon li a i{
    color:#424242;
    display:block;
    font-size:15px;
    line-height:15px;
    text-align:center;
}
.social-icon li a:hover i{ color:#888;}
.tg-img-hover{
    left:0;
    top:0;
    opacity:0;
    width:100%;
    padding:20px;
    height:100%;
    position:absolute;
    visibility:hidden;
    z-index:2;
}
.tg-img-hover .holder{
    position:relative;
    width:100%;
    height:100%;
    border:1px solid #fff;
}
.display-table{
    width:100%;
    height:100%;
    display:table;
}
.display-table-cell{
    width:100%;
    height:100%;
    display:table-cell;
    vertical-align:middle;
}
.post-meta{
    color:#888;
    text-align:center;
    overflow:hidden;
    padding:0 0 20px;
    font-style:italic;
    font:normal 12px/15px 'Merriweather', Arial, Helvetica, sans-serif;
}
.post-meta span{
    display:inline-block;
    vertical-align:middle;
    position:relative;
    font-style:italic;
    color:#888;
    padding:0 15px;
    line-height:inherit;
}
.post-meta span a{
    display:block;
    color:#888;
}
.post-meta span a:hover,
.post-meta span a:hover em,
.post-meta span a:hover i{
    text-decoration:none;
    color:#424242;
}
.post-meta span i,
.post-meta span em{
    display:inline-block;
    vertical-align:middle;
    line-height:inherit;
}
.post-meta span:after{
    content:'/';
    position:absolute;
    top:-2px;
    left:-5px;
    font-size:15px;
    line-height:18px;
    color:#888;
}
.post-meta span:first-child{padding:0 15px 0 0;}
.post-meta span:first-child:after{display:none;}
.no-padding{ padding:0;}
/* =============================================
                        Theme Style Start 
============================================= */
#wrapper{overflow:hidden;}
/* =============================================
                        Header Style 
============================================= */
#header{}
.topbar{
    height:48px;
    border-bottom:1px solid #d4d4d4;
    -webkit-box-shadow: 0 0 10px 1px #d4d4d4;
    box-shadow: 0 0 10px 1px #d4d4d4;
}
.new-slides{
    padding:15px;
    font-weight:normal;
    position:relative;
}
#news-slider{ padding-left:60px;}
.new-slides p{
    margin:0;
    line-height:normal;
}
.new-slides .owl-theme .owl-controls .owl-buttons div{
    position:absolute;
    top:-4px;
    left:0;
    width:25px;
    height:25px;
    line-height:25px;
    font-size:15px;
    background:#fbfbfb;
    margin:0;
}
.new-slides .owl-theme .owl-controls .owl-buttons div.owl-next{ left:28px;}
.new-slides .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.new-slides .owl-theme .owl-controls .owl-buttons div.owl-next:hover{
    background:#424242;
    color:#fff;
}
.new-slides .owl-theme .owl-controls .owl-buttons div i{ line-height:25px;}
.social-icon,
.btn-search{
    display:inline-block;
    vertical-align:middle;
    *display:inline;
}
.btn-search{ margin:0 0 0 5px;}
.btn-search:hover{}
.sliding {
    display:none;
    padding:4px 0;
    background: #fff;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:2;
    border-bottom:1px solid #424242;
}
.logo-box{
    /*padding:55px 0;*/
    padding: 20px 0 35px 0;
}
.logo{
    width:320px;
    height:48px;
    display:block;
    margin:0 auto 4px;
}
.logo a{ 
    display:block;
    text-align: -moz-center;
    text-align: -webkit-center; 
}

.logo a img{ display:block;}

.slogn{
    display:block;
    text-align:center;
    font-size:12px;
    line-height:24px;
    letter-spacing:8px;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
}
#nav.affix{
    top:0;
    left:0;
    width:100%;
    z-index:10;
    background:#fff;
    border-bottom: 1px solid rgb(212, 212, 212);
    box-shadow: 0 0 10px 1px rgb(212, 212, 212);
}
#nav{
    font-size:13px;
    line-height:15px;
    margin:0;
    border:0;
    background:none;
    text-transform:uppercase;
}
#nav ul{
    text-align:center;
    width:100%;
}
#bs-example-navbar-collapse-1{
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
}
.navbar-collapse{ padding:0;}
#nav ul li{
    float:none;
    padding:15px 12px;
    display:inline-block;
    vertical-align:middle;
    *display:inline;
    line-height:normal;
    position:relative;
}
#nav ul li a{
    padding:0;
    display:block;
    background:none;
    color:#424242;
    line-height:normal;
}
#nav ul > li.dropdown:hover > a{color:#EF9C98;}
#nav ul li.active > a,
#nav ul li a:hover{
    background:none;
    color:#EF9C98;
}
#nav ul li.dropdown{}
#nav ul li .dropdown-menu{
    /*    width:250px;*/
    position:absolute;
    top:0;
    left:0;
    visibility:hidden;
    display:block;
    opacity:0;
    padding:0;
    text-align:left;
    font-size:13px;
    line-height:normal;
    border-radius:0;
}
#nav ul li:hover .dropdown-menu {
    top:100%;
    opacity:1;
    visibility:visible;
}
#nav ul li .dropdown-menu li{
    display:block;
    line-height:inherit;
    padding:8px 13px;
}
#nav ul li .dropdown-menu li a{display:block;}
/* =============================================
                        Banner Style 
============================================= */
.tg-banner{}
.tg-banner-poststyle{
    overflow:hidden;
    position:relative;
}
.tg-banner-poststyle figure{
    overflow:hidden;
    margin:0;
}
.tg-banner-poststyle figure a{ display:block;}
.tg-banner-poststyle img{
    display:block;
    width:100%;
    height:auto;
    z-index:1;
}
.tg-banner-poststyle .post-content{
    left: 33.33%;
    width: 35%;
    height: 28%;
    padding: 10px;
    background: rgba(255,255,255,0.85);
    border: 1px solid RGBA(66, 66, 66, 0.74);
    bottom: 0;
    position: absolute;
    margin-bottom: 5px;
}
.tg-banner-poststyle .title{
    border-top:2px solid #ebebeb;
    border-bottom:2px solid #ebebeb;
    text-align:center;
    margin:0 0 20px;
}
.tg-banner-poststyle .title h1{
    margin:0;
    text-transform:uppercase;
}
.tg-banner-poststyle .title h1 span{
    letter-spacing:14px;
    display:block;
}
.tg-newsupdate{
    overflow:hidden;
    background:#fbfbfb;
    padding:20px 25px 20px 40px;
    margin:0 0 30px;
}
.tg-newsupdate .title-box{float:left;}
.tg-newsupdate .title-box h2{margin:0;}
.tg-newsupdate .title-box span{display:block;}
.tg-latestnewsform{
    overflow:hidden;
    padding:5px 0 5px 25px;
}
.tg-latestnewsform .form-group{ margin:0;}
button[type="submit"]{
    display:block;
    background:#fff;
    color:#424242;
    width:100%;
    font-size:16px;
    line-height:30px;
    padding:10px;
    border-radius:0;
    font-weight:600;
}
button[type="submit"]:hover{
    background:#424242;
    color:#fff;
}
.tg-categories{ margin: 40px 0;}
.tg-categories .owl-item{ padding:0 10px;}
.tg-category{
    overflow:hidden;
    position:relative;
}
.tg-category figure{
    margin:0;
    position:relative;
    z-index:1;
}
.tg-category figure a{ display:block;}
.tg-category figure a img{
    display:block;
    width:100%;
    height:auto;
}
.category-content{
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    z-index:2;
    padding:20px;
}
.category-content .display-table{
    border:1px solid #fff;
    text-align:center;
}
.category-content .display-table .display-table-cell{
    background:rgba(255,255,255,0.80);
    visibility:hidden;
    opacity:0;
}
.tg-category:hover .display-table .display-table-cell{
    visibility:visible;
    opacity:1;
}
.tg-category .post-meta{
    /*    font-size:11px;
        line-height:14px;*/
    font-size: 30px;
    line-height: 30px;
}
.tg-category .post-meta span:after{
    font-size:13px;
    line-height:16px;
}
/* =============================================
                        TwoColumns Style 
============================================= */
#twocolumns{ padding-top:50px;}
/* =============================================
                        Post Style 
============================================= */
.tg-post{
    overflow:hidden;
    padding:55px 0 0;
    /*padding:80px 0 0;*/
}
.tg-post:first-child{ padding:0;}
.tg-post figure{
    overflow:hidden;
    margin:0 0 40px;
    /*text-align: center;*/
    text-align: -moz-center;
    text-align: -webkit-center;
}
.tg-post figure:hover .tg-img-hover{
    visibility:visible;
    opacity:1;
    z-index:2;
}
.tg-post figure .tg-img-hover a{
    width:60px;
    height:60px;
    color:#000;
    background:rgba(255,255,255,0.95);
    display:block;
    text-align:center;
    position:absolute;
    top:20%;
    left:auto;
    right:50%;
    margin:-30px -62px 0 0;
    border:1px solid #414141;
}
.tg-post figure .tg-img-hover a:first-child{
    top:80%;
    left:50%;
    margin:-30px 0 0 -62px;
}
.tg-post figure:hover .tg-img-hover a{top:50%;}
.tg-post figure .tg-img-hover a i{
    display:block;
    line-height:60px;
    font-size:25px;
    text-align:center;
}
.tg-post figure img{
    display:block;
    position:relative;
    z-index:1;
}
.tg-post-content{
    overflow:hidden;
    text-align:center;
}
.tg-post-content h3{
    text-transform:uppercase;
    margin:0 0 20px;
    line-height:22px;
}
.tg-post-content .post-meta span{
    padding:0 10px;
    position:relative;
}
.tg-post-content .post-meta span.date:before,
.tg-post-content .post-meta span.date:after{
    position:absolute;
    top:50%;
    left:100%;
    width:80px;
    content:'';
    display:block;
    height:1px;
    background:#b7b5b5;
}
.tg-post-content .post-meta span.date:before{
    left:auto;
    right:100%;
}
.tg-post-content .description{
    overflow:hidden;
    padding:0 0 0;
    /*text-align:left;*/
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 1px solid rgb(183, 181, 181);
}
.tg-post-content .description p{ margin:0 0 35px;}
.tg-btn-countinuereading{
    display:inline-block;
    vertical-align:middle;
    padding:5px 10px;
    font-weight:600;
    text-transform:capitalize;
    line-height:14px;
    position:relative;
    margin:0 0 30px;
    /*margin:0 0 40px;*/
}
.tg-btn-countinuereading:before,
.tg-btn-countinuereading:after{
    width:1px;
    height:70%;
    display:block;
    content:'';
    background:#888;
    left:0;
    top:15%;
    position:absolute;
}
.tg-btn-countinuereading:before{
    left:auto;
    right:0;
}
.tg-post-foot{
    overflow:hidden;
    /*border-bottom:1px solid #a7a7a7;*/
    padding:0 0 20px;
}
.post-social-icons{float:left;}
.post-social-icons li{
    float:left;
    width: 32px;
    list-style:none;
}
.post-social-icons li a{
    display:block;
    height: 15px;
    line-height: 15px;
    text-align: center;
}
.post-social-icons li a i{
    display:block;
    text-align:center;
}
.tg-post-foot .tg-post-author{
    display:block;
    padding:0;
    color:#414141;
    font-style: inherit;
}
.tg-post-foot .tg-post-author:after{ display:none;}
.tg-post-foot .post-meta .tg-post-author a{
    display:inline;
    color:#414141;
}
.tg-post.gallery-post{ margin:-5px;}
.gallery-post .tg-gallery{
    overflow:hidden;
    margin:0 0 35px;
}
.gallery-post .tg-gallery figure{
    padding:5px;
    float:left;
    margin:0;
}
.gallery-post .tg-gallery figure.small{width:31.7%;}
.gallery-post .tg-gallery figure.large{width:68.3%;}
/* =============================================
                        Post Slider Style 
============================================= */
.tg-post.tg-post-slider .post-slider{ margin:0 0 40px;}
.tg-post.tg-post-slider .post-slider .item{ overflow:hidden;}
.tg-post.tg-post-slider .post-slider figure{ margin:0;}
.post-meta.category-name span{ text-transform:uppercase;}
/* =============================================
                        Video Post Style 
============================================= */
.tg-post.tg-video-post .video{
    overflow:hidden;
    margin:0 0 40px;
}
.tg-post.tg-video-post .video iframe{
    height:470px;
    width:100%;
}
/* =============================================
                        Audio Post Style 
============================================= */
.tg-post.tg-audio-post .audio{
    overflow:hidden;
    margin:0 0 40px;
}
.tg-post.tg-audio-post .audio iframe{
    height:200px;
    width:100%;
}
/* =============================================
                        Blockquote Post Style 
============================================= */
.tg-post.tg-blockpuote-post .blockquote{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.75);
    z-index:2;
    padding:80px 100px;
    text-align:center;
}
.blockquote blockquote{
    font-size:28px;
    line-height:36px;
    color:#000;
    padding:0;
    margin:0;
    border:0;
}
.writter-name{ overflow:hidden;}
.writter-name span{
    display:inline-block;
    vertical-align:middle;
    padding:0 10px;
    position:relative;
    color:#000;
    font-size:18px;
    line-height:21px;
}
.writter-name span:before,
.writter-name span:after{
    width:70px;
    height:1px;
    display:block;
    content:'';
    position:absolute;
    top:50%;
    left:100%;
    background:#b7b5b5;
}
.writter-name span:before{
    left:auto;
    right:100%;
}
.tg-post.tg-blockpuote .blockquote{
    position:static;
    background:#fbfbfb;
    color:#414141;
    padding:40px 100px;
    text-align:center;
    margin:0 0 40px;
    font-weight:normal;
}
.tg-post.tg-blockpuote .blockquote blockquote{
    font-size:18px;
    line-height:26px;
}
.next-previous{
    overflow:hidden;
    padding:80px 0;
}
.next-previous .older-post{
    float:right;
    position:relative;
    padding:0 10px;
    margin:0 50px;
    font-weight:600;
    font-size:16px;
    text-transform:capitalize;
}
.next-previous .older-post:before,
.next-previous .older-post:after{
    content:'';
    display:block;
    width:50px;
    height:1px;
    background:#b7b5b5;
    position:absolute;
    top:50%;
    left:100%;
}
.next-previous .older-post:before{
    left:auto;
    right:100%;
}
.next-previous .older-post a{ display:block}
/* =============================================
                        Sidebar Style 
============================================= */
#sidebar .tg-widget{
    overflow:hidden;
    padding:0 0 30px;
}
.tg-widget h4{
    text-align:center;
    margin:0 0 20px;
    overflow:hidden;
    line-height:normal;
}
.tg-widget h4 span{
    display:inline-block;
    vertical-align:middle;
    position:relative;
    padding:0 10px;
}
.tg-widget h4 span:before,
.tg-widget h4 span:after{
    content:'';
    display:block;
    width:500px;
    position:absolute;
    top:50%;
    left:100%;
    background:#eee;
    height:1px;
}
.tg-widget h4 span:before{
    left:auto;
    right:100%;
}
.tg-widget .facebook-plugin{ overflow:hidden;}
.tg-widget.add img,
.tg-widget .facebook-plugin img{
    display:block;
    width:100%;
    height:auto;
}
.tg-widget .about-widget{
    overflow:hidden;
    text-align:center;
}
.tg-widget .about-widget .description{ padding:0 0 10px;}
.tg-widget .about-widget .tg-btn-countinuereading{ margin:0;}
.author-img{
    width:176px;
    height:176px;
    border:1px solid #e0e0e0;
    margin:0 auto 20px;
    border-radius:50%;
    overflow:hidden;
}
.author-img img{
    display:block;
    width:100%;
    height:auto;
    border-radius:50%;
    border:3px solid #fff;
}
.author-img:hover img,
.author-img:hover{ border-radius:0;}
.recent-post{overflow:hidden;}
.recent-post ul{
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden;
}
.recent-post ul li{
    list-style:none;
    overflow:hidden;
    padding:15px 0;
    border-top:1px solid #eee;
}
.recent-post ul li:first-child{
    padding-top:0;
    border:0;
}
.recent-post ul li .post-thumb{
    float:left;
    margin:0 15px 0 0;
    overflow:hidden;
}
.show_hide.fa.fa-close.pull-right {margin: 10px;}
.recent-post ul li .post-thumb a{display:block;}
.recent-post ul li .post-thumb a img{display:block;}
.recent-post ul li .post-thumb a img:hover{ transform:scale(1.1)}
.recent-post ul li .post-data{
    overflow:hidden;
    padding:6px 0;
}
.recent-post ul li .post-data span{
    display:block;
    font:normal 10px/15px 'Merriweather', Arial, Helvetica, sans-serif;
    font-style:italic;
}
.tg-instagram .instagram-plugin{
    overflow:hidden;
    list-style:none;
    padding:0;
    margin:0;
}
.instagram-plugin li{
    float:left;
    list-style:none;
    width:33.33%;
    overflow:hidden;
}
.instagram-plugin li a{ display:block;}
.instagram-plugin li a img:hover{ transform:scale(1.1)}
#sidebar .tg-widget.tg-search{
    padding:18px;
    margin:0 0 30px;
    background:#fbfbfb;
}
.tg-search-form{
    overflow:hidden;
    border:1px solid #b7b5b5;
    position:relative;
}
.tg-search-form fieldset{ overflow:hidden;}
.tg-search-form fieldset input{
    padding:0 40px 0 10px;
    height:37px;
    line-height:37px;
    border:0;
}
.tg-search-form fieldset input:focus{ border:0;}
.tg-search-form fieldset button{
    position:absolute;
    top:0;
    right:0;
    width:auto;
    height:auto;
    padding:4px 10px;
}
.blog-category{
    overflow:hidden;
    list-style:none;
    padding:0;
    margin:0;
}
.blog-category li{
    overflow:hidden;
    list-style:none;
    padding:5px;
    border-top:1px solid #dedede;
}
.blog-category li:first-child{
    padding-top:0;
    border:0;
}
.blog-category li a{
    display:block;
    clear:both;
}
.blog-category li a em{ float:left;}
.blog-category li a i{ float:right;}
.blog-category li a em,
.blog-category li a i{
    font-style:normal;
}
/* =============================================
                        Footer Style 
============================================= */
#footer .plugin-instagram{
    overflow:hidden;
    text-align:center;
}
#footer .plugin-instagram h4{
    margin:0 0 40px;
    text-transform:uppercase;
}
.instagram-gallery{ overflow:hidden;}
.instagram-gallery .item{
    float:left;
    width:14.28%;
    overflow:hidden;
}
.instagram-gallery .item a{ display:block;}
.instagram-gallery .item img{
    display:block;
    width:100%;
    height:auto;
}
.instagram-gallery .item img:hover{transform: scale(1.1);}
#footer .box .social-icon{
    border:0;
    padding:0;
    height:auto;
    line-height:normal;
}
#footer .box .social-icon li{ line-height:normal;}
.form-newsletter{ overflow:hidden;}
.form-newsletter fieldset{ overflow:hidden;}
.form-newsletter fieldset .form-group{ margin-bottom:9px;}
.form-newsletter fieldset .form-group input{
    width:100%;
    background:none;
    border:1px solid #e7e7e7;
    height:35px;
    line-height:35px;
    padding-top:0;
    padding-bottom:0;
}
button[type="submit"].btn-send{
    background:#424242;
    width:180px;
    height:35px;
    line-height:35px;
    font-size:12px;
    color:#fff;
    font-weight:600;
    padding:0;
    float:left;
}
.form-newsletter fieldset .form-group button:hover,
button[type="submit"].btn-send:hover{
    background:#ccc;
    color:#424242;
}
.form-newsletter fieldset .form-group button{
    background:#424242;
    width:100%;
    height:35px;
    line-height:35px;
    font-size:12px;
    color:#fff;
    font-weight:600;
    padding:0;
}
#footer .box .instagram{
    overflow:hidden;
    margin:-5px;
}
#footer .box .instagram .item{
    width:25%;
    float:left;
    padding:5px;
    overflow:hidden;
}
#footer .box .instagram .item a{
    display:block;
    overflow:hidden;
}
#footer .box .instagram .item a img:hover{ transform:scale(1.1)}
.three-columns{
    background:#fbfbfb;
    overflow:hidden;
    padding:80px 0;
}
.copyright p{
    text-align:center;
    margin:10px 0;
    font-size:12px;
    font-weight:600;
}

.copyright {
    background-color: rgb(66, 66, 66);
    color: rgb(255, 255, 255);
}

.copyright .social-icon li a i {
    color: rgb(255, 255, 255);
}

.copyright .social-icon {
    border: none;
}

.copyright .social-icon li + li {
    border-left: none;
}
/* =============================================
                        Three Columns Post Style 
============================================= */
/*.three-columns-post #content{ padding:0 0 50px;}*/
.three-columns-post .tg-post{
    padding:2px;
    border:1px solid #f3f3f3;
    border-top:0;
    border-radius:3px;
    margin:0 0 30px;
}
.three-columns-post .tg-post figure{margin:0 0 20px;}
.three-columns-post .tg-post-content{ padding:0 10px;}
.three-columns-post .tg-post-content h3{
    margin:0 0 5px;
    text-transform:capitalize;
    font-size:18px;
    line-height:22px;
}
.three-columns-post .tg-post-content .post-meta{ padding:0 0 10px;}
.three-columns-post .tg-post-content .post-meta span.date:before,
.three-columns-post .tg-post-content .post-meta span.date:after{ width:30px;}
.three-columns-post .tg-post-content .description{ padding:0 0 20px;}
.three-columns-post .tg-post-content .description p{ margin:0;}
.three-columns-post .tg-post-content .tg-btn-countinuereading{ margin:0 0 15px;}
.three-columns-post .tg-post-content .tg-post-foot{
    padding:0;
    border:0;
}
.three-columns-post .tg-post-content .tg-post-foot .tg-post-author{ padding:0;}
.three-columns-post .post-social-icons{
    padding:8px 0 5px;
    overflow:hidden;
    float:none;
    text-align:center;
    border-top:1px solid #d9d9d9;
}
.three-columns-post .post-social-icons li{ width:20%;}
/* =============================================
                        Masonry Post Style 
============================================= */
.three-columns-post .portfolio-content .tg-post{border:1px solid #f3f3f3;}
.masonry-grid{
    width:33.33%;
    float:left;
    padding:0 15px;
}
.three-columns-post .portfolio-content .tg-post figure{ margin:0;}
.three-columns-post .portfolio-content .tg-post .tg-post-content{ padding-top:20px;}
.three-columns-post .portfolio-content .tg-post blockquote{
    border:0;
    padding:0;
    margin:0;
    font-size:14px;
    line-height:24px;
}
/* =============================================
                        About Us Page Style 
============================================= */
.page #content figure{ margin:0 0 30px;}
.page #content h1{
    text-align:center;
    text-transform:uppercase;
    margin:0 0 20px;
    font-size:24px;
    line-height:30px;
}
.page #content .description{ padding:0 0 55px}
.page #content .description p{ margin:0 0 25px;}
.page #content .description h2{
    margin:0 0 5px;
    font-size:18px;
    line-height:21px;
}
#comment{ overflow:hidden;}
#comment h2{
    text-transform:uppercase;
    line-height:21px;
    margin:0 0 40px;
}
.reply-form{ overflow:hidden;}
.reply-form textarea,
.header-search-form input,
.reply-form .form-control{
    border:1px solid #ebebeb;
    height:35px;
    line-height:35px;
    padding:0 10px;
    color:#424242;
    font-family: 'Merriweather', Arial, Helvetica, sans-serif;
    font-style:italic;
}
.reply-form textarea{
    height:230px;
    line-height:24px;
    resize:none;
    padding:5px 10px;
}
/* =============================================
                        Contact Us Page Style 
============================================= */
.map {
    overflow:hidden;
    height: 500px;
    margin:0 0 25px;
}
.contactus #comment h2{
    font-size:18px;
    line-height:22px;
}
/* =============================================
                        Blog Detail Page Style 
============================================= */
.page.post-detail #content .description{ padding:0;}
.page #content .description p strong{ font-size:18px; font-weight:600;}
.tg-tags{
    overflow:hidden;
    text-align:center;
    font-family: 'Merriweather', Arial, Helvetica, sans-serif;
    font-style:italic;
    padding:0 0 30px;
}
.tg-tags li{
    display:inline-block;
    vertical-align:middle;
}
.tg-tags li a{
    display:block;
    color:#888;
}
.page.post-detail #content .next-previous{ padding:40px 0;}
.next-previous .prev-post,
.next-previous .next-post{
    float:right;
    position:relative;
    padding:0 10px;
    margin:0 50px;
    font-weight:600;
    font-size:16px;
    text-transform:capitalize;
}
.next-previous .prev-post{ float:left;}
.next-previous .prev-post:after,
.next-previous .prev-post:before,
.next-previous .next-post:after,
.next-previous .next-post:before{
    content:'';
    display:block;
    width:50px;
    height:1px;
    background:#b7b5b5;
    position:absolute;
    top:50%;
    left:100%;
}
.next-previous .prev-post:before,
.next-previous .next-post:before{
    left:auto;
    right:100%;
}
.next-previous .older-post a{ display:block}
.post-detail #comment h2{
    font-size:18px;
    line-height:22px;
    margin:0 0 15px;
}
.post-detail #comment h3{
    font-size:18px;
    line-height:22px;
    text-align:center;
    margin:0;
}
.post-detail #comment p{ margin:0 0 35px;}
#comment ul{
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden;
    padding:0 0 40px;
}
#comment ul li{
    overflow:hidden;
    border-bottom:1px solid #f6f6f6;
    padding:40px 0;
    list-style:none;
}
#comment ul li .author{
    float:left;
    width:235px;
    position:relative;
    margin:0 30px 0 0;
}
#comment ul li .author:after{
    content:'';
    display:block;
    width:100%;
    height:1px;
    background:#888;
    position:absolute;
    top:50%;
    left:0;
    z-index:1;
}
.page.post-detail #content #comment ul li .description{
    overflow:hidden;
    padding:1px 0 2px 10px;
    border-left:1px solid #f6f6f6;
}
.page #content #comment ul li .description p{ margin:0;}
.page #content #comment{ padding:0 0 55px;}
.author .author-img{
    width:75px;
    height:75px;
    float:left;
    margin:0;
    position:relative;
    z-index:2;
}
.author .author-img img {border: 1px solid #fff;}
.meta{
    overflow:hidden;
    padding:21px 0;
    text-align:right;
    line-height:16px;
    font-size:12px;
    font-style:italic;
    font-family: 'Merriweather', Arial, Helvetica, sans-serif;
    padding-right: 5px;
}
.meta span{display:block;}
#comment ul li ul{ padding:0 0 0 20px;}
#comment ul li ul li{ border:0;}
#comment ul li ul li:last-child{ padding-bottom:0;}

.home-slider .owl-controls .owl-buttons div{
    background:none;
    color:#424242;
    font-size: 34px;
    /*    background:#424242;
        color:#fff;*/
}

.home-slider .owl-controls .owl-buttons div.owl-prev:hover,
.home-slider .owl-controls .owl-buttons div.owl-next:hover {
    background: none;
    color: #888;
    /*background:rgba(66,66,66,0.5);*/
}

.owl-theme .owl-controls .owl-buttons div {
    color: #000;
    height: 110px;
    display: block;
    font-size: 25px;
    background: none;
    /*width: 9px;*/
}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
    color: #888;
    background: none;
}

.fatured-slider {
    margin: 0 0 30px 0 !important;
}

.fatured-slider .owl-prev {
    left: -11px !important;
}

.fatured-slider .owl-next {
    right: -12px !important;
}

#categories-slider {
    /*padding: 30px 0;*/
    /*border-bottom: 1px solid rgb(183, 181, 181);*/
    /*    margin: 30px 0;*/
    /*border-top: 1px solid rgb(183, 181, 181);*/
}

#footer {
    margin-top: 50px;
}

#bs-example-navbar-collapse-1 {
    position: relative !important;
    width: 100%;
}

/*#nav-social-icons {
    width: 20% !important;
    position: fixed;
    right: 20px;
}*/

#nav-menu-items {
    /*width: 80% !important;*/
}

@media (max-width:991px){
    #nav-social-icons {
        display: none;
    } 

    #nav-menu-items {
        width: 100% !important;
        max-width: 100%;
        margin: 5px 0;
    }
}

.videos-seccion {
    margin-top: 30px;
}

.videos-seccion h4 {
    margin: 40px 0;
    text-transform: uppercase;
    text-align: center;
}

.categorias-seccion h4 {
    margin: 40px 0;
    text-transform: uppercase;
}

.list-icons {
    list-style: none;
    padding: 0;
}

.tg-post-content .description p {
    margin: 0 0 15px;
}