/*
Theme Name: Daniela Chirion 
Theme URI: http://valentinu.ro
Author: Valentin Marin
Author URI: http://valentinu.ro
Description: Description
Version: 5.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Text Domain: daniela
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

daniela is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
        ## Links
        ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
        ## Posts and pages
        ## Comments
# Infinite scroll
# Media
        ## Captions
        ## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    background: #fff;
    font-size: 14px;
    line-height: 1.52857;
    color: #000;
    font-weight: 400;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.site-content {
    overflow: hidden;
    padding-top: 10px;
}

.container {
    margin: 0 auto;
    max-width: 960px;
    min-width: 300px;
    padding: 0 10px;
    position: relative;        
}

#primary {
    float: left;
    margin-right: 4%;
    width: 66%;
}

#secondary {
    float: left;
    width: 30%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 24px; 
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

p {
    margin: 0;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #000;
    color: #000;
    font-family: Open Sans,sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding: 10px;
    text-transform: uppercase;    
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #000;
    color: #fff;
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    padding: 10px;
    font-family: Open Sans,sans-serif;
    font-size: 13px;
}

select {
    border: 1px solid #000;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #000;
    border: 1px solid #000;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@font-face {
    font-family: 'daniela';
    src: url('./font/daniela.eot?82884409');
    src: url('./font/daniela.eot?82884409#iefix') format('embedded-opentype'),
        url('./font/daniela.woff2?82884409') format('woff2'),
        url('./font/daniela.woff?82884409') format('woff'),
        url('./font/daniela.ttf?82884409') format('truetype'),
        url('./font/daniela.svg?82884409#daniela') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'daniela';
    src: url('../font/daniela.svg?82884409#daniela') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "daniela";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-brush:before { content: '\e800'; } /* '' */
.icon-ok:before { content: '\e801'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-facebook:before { content: '\f300'; } /* '' */
.icon-twitter:before { content: '\f302'; } /* '' */
.icon-gplus:before { content: '\f30f'; } /* '' */

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #000;
    text-decoration: none;
}

a:hover
{
    color: #333;
    text-decoration: underline;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#mobile-menu {
    display: none;
}

.main-navigation {

}

.main-navigation:before {
	font-family: "daniela";
	content: '\f0c9';
	float: left;
	font-size: 14px;
    margin-right: 10px;
    margin-top: 1px;
}

.main-navigation ul {
    list-style: outside none none;
    margin: 10px 0 60px;
    padding: 0;
}

.main-navigation li {
    display: inline-block;
    font-weight: 300;
    margin-right: 15px;    
}

.main-navigation a {
    color: #000;
    text-decoration: none;
	text-transform: uppercase;
}

.main-navigation a:hover {
    text-decoration: underline;
}

.main-navigation ul ul {
    margin: 0;
    padding: 0;
    position: absolute;
	display: none;
	padding-top: 5px;
}

.main-navigation li:hover > ul {
	display: block;
}

.main-navigation li ul li a {
	font-weight: 400;
	text-transform: none;
	font-size: 13px;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
    text-decoration: none;
	font-weight: 400;
	border-bottom: 1px solid #000;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header {
    padding: 5px 0;
}

.site-branding {
    text-align: center;
    margin-bottom: 20px;
}

.site-branding .site-title a {
    background: url(images/logo.png) no-repeat;
    display: block;
    height: 155px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: -999em;
    width: 295px;
}

#homeslide {
    display: block;
    margin: 0 auto;
    max-width: 600px;
    overflow: hidden;
}

.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#EEEEEE;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-item img{display:inline-block; -webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}

.Sheader {
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

.Sheader h4 {
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.Sheader p {
    color: #999;
    font-size: 12px;
    font-weight: 300;
    margin: 2px 0 10px;
    text-transform: uppercase;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
    color: #999;
    font-size: 12px;
    font-weight: 300;
    margin-top: 20px;
    padding: 20px 0;
    text-align: center;
}

.site-footer p {
    margin: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}



/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

.separator {
    background-image: url(images/separator.jpg);
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    display: table;
    height: 200px;
    position: relative;
    text-align: center;
    width: 100%;
}

.separator:after {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.separator .content {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 5;
}

.separator .content h4 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
}

.separator .content a {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.separator .content a:hover {
    background: #FFF;
    text-decoration: none;
    color: #000;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

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

.listingp li {

}

.listingp .post {
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    padding-bottom: 40px;
    position: relative;
    overflow: hidden;
}

.listingp .post:last-of-type {
    border-bottom: none;
    padding: 0;
    margin-bottom: 60px;
}


.post .post-meta {
    color: #999;
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase;
	margin-bottom: 20px;
}

.post .post-meta a {
    color: #999;
}

.post .post-meta a:hover {
    text-decoration: underline;
}

.post .post-meta .comments:before, .post .post-meta .post-date:before {
    content: "•";
    margin-left: 5px;
    margin-right: 5px; 
}

.post .byline {
    display: none;
}

.post .post-title {
    color: #000;
    font-family: "Lora",serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.post-header .page-title, .page-header .page-title {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: center;
	display: none;  
}

.listingp .post-title {
    font-size: 25px;
    margin-bottom: 5px;
}

.post .post-title a {
    color: #000;
}
.post .post-image {
    float: left;
    margin-right: 20px;
}

.post .post-div {
    overflow: hidden;
}

.post .post-fullimage {
    margin-bottom: 15px;
}

.post .post-fullimage img {
    border-radius: 5px;
}

.post .post-image img, .post .post-fullimage img {    
    border-radius: 5px;
}
.post .post-image img:hover, .post .post-fullimage img:hover {
    opacity: 0.7;
}

.post .post-summary {

}

.post .post-summary a {
    color: #333;
}


.post-listing .post-footer {
    clear: both;
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 20px;
    width: 100%;
}

.post-listing .post-footer .shares {
    font-weight: 500;
    text-transform: uppercase;
}

.post-listing .post-footer .shares span {

}

.post-listing .post-overflow {
    overflow: hidden;
}


.post-listing .post-footer a {
    color: #1b586b;
}

.post-container .post .share-articol {
    overflow: hidden;
}

.post-container .post .share-articol h5 {
    color: #000;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 10px;
}

#postnav {
    background: #fafafa none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    color: #999;
    font-family: "Roboto",sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 20px;
    overflow: auto;
    padding-bottom: 20px;
    padding-top: 20px;
}

#postnav .previous {
    border-right: 1px solid #ddd;
    float: left;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    width: 50%;
}

#postnav .next {
    float: right;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    width: 50%;
}

#postnav .previous a, #postnav .next a {
    color: #000;
    text-decoration: none;
}

#postnav .previous a:hover, #postnav .next a:hover {
    color: #333;
    text-decoration: underline;
}

.post-content {
    overflow: hidden;
    position: relative;
}

.post-content .fluid-width-video-wrapper {
    margin: 20px 0;
}

.post .post-header {
    text-align: center;
}

.post-content a {
    color: #3D8FE8;
}

.post-content a:hover {
    text-decoration: underline;
}

.post-content p {
    margin-bottom: 20px;
}

.sharebtn {
    display: block;
    overflow: hidden;
    width: 100%;
}
.sharebtn h5 {
    color: #000;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
}

.sharebtn .whatsapp {
    background: #53ca5e none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-weight: 600;
    padding: 5px 10px;
    display: none;
}
.sharebtn .whatsapp:hover {
    background: #3B5183;
}

.sharebtn .whatsapp span {
    font-size: 12px;
}

#shareme {
    display: block;
    overflow: hidden;
}

#shareme a {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 5px 10px;
}

#shareme a:hover {
    background: #333;
    text-decoration: none;
}

#shareme a span {
    font-size: 12px;
}

#shareme .facebook {
    background: #3b5998 none repeat scroll 0 0;
    margin-right: 10px;
}

#shareme .twitter {
    background: #38aadd none repeat scroll 0 0;
}

#shareme .total {
    color: #aaa;
    float: left;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-right: 10px;
    text-align: center;
}

#shareme .total span {
    display: block;
    font-size: 10px;
    font-weight: 400;
}

.single-post-image {
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    border-radius: 5px;
}
.single-post-image .featured_caption {
    color: #777;
    font-size: 12px;
    font-style: italic;
    padding: 5px 10px;
    text-align: right;
}

.single-post-image .featured_caption a {
    color: #777;
}

.single-post-image img {
    border-radius: 5px;
    display: block;
    width: 100%;
}

.post-content ul, .post-content ol {
    margin: 0 0 20px;
    padding-left: 20px;
}

.post-content li {
    margin-bottom: 10px;
}

.post-content li:last-of-type {
    margin-bottom: 0;
}


.post-content blockquote {
    background: #f5f8fa none repeat scroll 0 0;
    border-left: 5px solid #445672;
    color: #555;
    font-family: Georgia;
    font-size: 2rem;
    font-style: italic;
    margin: 0 0 30px;
    padding: 20px;
}

.post-content blockquote p {
    margin-bottom: 20px;
}

.post-content blockquote p:last-of-type {
    margin-bottom: 0;
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
    color: #000;
    margin-bottom: 20px;
}

.post-content h1 {
    font-size: 24px;

}

.post-content h2 {
    font-size: 22px;
}

.post-content h3 {
    font-size: 20px;
}

.post-content h4 {
    font-size: 18px;
}

.post-content h5 {
    font-size: 16px;
}

.post-content h6 {
    font-size: 15px;
}
.post-content td {
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 4px;
}
.post-content th {
    background: #FFFFFF;
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 4px;
    text-align: left;
}
.page-nav {
    overflow: hidden;
}

.page-nav span a {
    display: block;
    padding: 3px 5px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    color: #000;
}

.page-nav span {
    display: inline-block;
    margin-right: 3px;
    font-weight: 600;
    color: #999;
    margin-right: 5px;
}

.page-nav .active a {
    color: #999;
}

.page-nav .prev a, .page-nav .next a {
    background: #445672 none repeat scroll 0 0;
    color: #fff;
}

.page-nav .prev a:hover, .page-nav .next a:hover {
    background: #333;
    color: #fff;
}

.page-nav .block {
    color: #333333;
    display: block;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: none;
}

.post-container .post {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.the-tags {
    clear: both;
    font-size: 1.25rem;
    margin-bottom: 20px;	
} 

.the-tags a {
    border: 1px solid #ddd;
    border-radius: 999rem;
    color: #aaa;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 3px 10px;
    display: inline-block;
}

.the-tags a:hover {
    color: #fff;
    border: 1px solid #333;
    background: #333;
}

.related-listing {
    overflow: hidden;
    position: relative;
}

.related-listing h5 {
    color: #222;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.related-listing ul {
    list-style: outside none none;
    margin: 0;
    padding: 0 290px 0 0;
}

.related-listing li {
    margin-bottom: 20px;
}

.related-listing .related {
    overflow: hidden;
}
.related-listing .related .post-photo {
    float: left;
    margin-right: 10px;
    width: 50px;
}

.related-listing .related .post-photo img {
    border-radius: 5px;
}

.related-listing .related .post-img {
    float: left;
    margin-right: 10px;
    max-width: 60px;
}
.related-listing .related .post-img img {
    border-radius: 5px;
}
.related-listing .related .post-img img:hover {
    opacity: 0.8;
}
.related-listing .related .post-title {
    font-size: 1.4rem;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}
.related-listing .related .post-title a {
    color: #000;
}
.related-listing .related .post-title a:hover {
    color: #445672;
    text-decoration: underline;
}

.related-listing .related .post-date {
    color: #999;
    font-size: 1.1rem;
    font-size: 11px;
}

.related-listing .afterpostbnr {
    position: absolute;
    right: 0;
    top: 0;
}

.showsp {
    display: none;
}

.nomobile {
    display: inline-block;
}

.morearticles {
    text-align: center;

}

.morearticles a {
    border: 1px solid #000;
    display: inline-block;
    font-weight: 300;
    padding: 10px 20px;
    text-transform: uppercase;
}

.morearticles a:hover {
    background: #000;
    color: #FFF;
    text-decoration: none;
}

.cmt-field {

}

.cmt-field input[type="text"] {
    width: 100%;
}

#respond h3, #comments h3 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
	margin-bottom: 20px;
}

#respond {
    margin-bottom: 40px;
}


.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}
ol.commentlist { 
    list-style:none; 
    margin: 0;
    padding: 0;
}
ol.commentlist li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}
ol.commentlist li:last-of-type {
    border-bottom: none;
}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor .authorname {
    color: #cc0000;
}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment ul.children{ 
    padding: 20px;
}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.author {  
    overflow: hidden;
}
ol.commentlist li.comment div.vcard cite.fn {  }
ol.commentlist li.comment div.vcard cite.fn a.url {

}
ol.commentlist li.comment div.vcard img.avatar { }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
.commentlist .comment-meta {
    clear: both;
    overflow: hidden;
    position: relative;
}
.commentlist .comment-meta .author-name {
    font-size: 13px;
    font-weight: 700;
}
.commentlist .comment-meta .author-name a { 
    color: #B82A50;
}
.bypostauthor {

}
.comment-meta .cmtnr {
    color: #ccc;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: -8px;
}
ol.commentlist li.comment ul {

}
ol.commentlist li.comment div.comment-content {  
    margin-bottom: 20px;
}
ol.commentlist li.comment div.reply a {
    border: 1px solid #fff;
    color: #999;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    padding: 2px 5px;
}
ol.commentlist li.comment div.reply a:hover {
    text-decoration: none;
    background: #000;
    color: #FFF;
    border: 1px solid #000;
}
ol.commentlist li.comment ul.children {
    background: #F5F8FA;
    border-radius: 5px;
    margin-left: 10px;
    margin-top: 20px;
    position: relative;
}
ol.commentlist li.comment ul.children:before {
    border-bottom: 7px solid #F5F8FA;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    position: absolute;
    left: 30px;
    top: -7px;
}
ol.commentlist li.comment ul.children li:last-of-type {
    margin: 0;
    padding: 0;
}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {

}
ol.commentlist li.comment ul.children li.byuser {

}
ol.commentlist li.comment ul.children li.comment {
    background: #F5F8FA;
    list-style: none outside none;
    overflow: hidden;
    padding-bottom: 10px;
}

ol.commentlist li.comment ul.children li.comment-author-admin {

}
ol.commentlist li.comment ul.children li.depth-1 {

}
ol.commentlist li.comment ul.children li.depth-2 {
    border-bottom: 1px solid #ddd;
}
ol.commentlist li.comment ul.children li.depth-2 .comment-body {
    padding-bottom: 0;
}
ol.commentlist li.comment ul.children li.depth-2 .comment-content {

}
ol.commentlist li.comment ul.children li.depth-2:last-of-type {
    border-bottom: none;
    box-shadow: none;
}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 { }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {
}
ol.commentlist li.even { 
}
ol.commentlist li.odd { 
}
ol.commentlist li.parent {}
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {
}
ol.commentlist li.thread-odd {
}
.comment-body {
    padding-bottom: 20px;
    position: relative;

}
.comment-author {

}
.comment-author-avatar {

}

.comment-metadata .comment-edit-link {
    font-size: 12px;
    margin-left: 5px;
}
.comment-metadata .authorname {
    display: block;
    font-style: normal;
    font-size: 12px;
    color: #222;
    font-weight: 700;
}

.comment-metadata cite a {
    color: #222;
}

.comment-metadata {
    margin-left: 40px;
}
.comment-metadata .comment-time {
    color: #999;
    font-size: 11px;
    line-height: 1;
    vertical-align: top;
}
.comment-author-avatar img {
    border-radius: 3px;
    float: left;
    margin-right: 7px;
}
.comment-meta .author-name .fn {
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    font-size: 1rem;
}
.comment-meta .comment-date {
    font-size: 10px;
    font-size: 1rem;
}
.comment-meta .comment-date a {
    color: #999;
}
#respond {
    overflow: hidden;
    padding: 20px 0 0;
    position: relative;
}

#commentform {
    overflow: hidden;
}
#commentform textarea {
    width: 100%;
}
#commentform p {
    margin-bottom: 10px;
}
.comment-notes {
    font-size: 11px;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #999999;
}
.comment-notes a {
    color: #BC243C;
    font-weight: 600;
}
.comment-notes a:hover {
    color: #222333;
}
.cancel-comment-reply {
    color: #ed1c24;
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 15px;
    position: absolute;
    right: 2px;
    top: 20px;
}
.cancel-comment-reply a {
    color: #cc0000;
}
#cancel-comment-reply-link:hover {
    color: #222333;
}
#comments-loading {
    text-align: center;
}
#comments {
    clear: both;
}
.postcomments {
    clear: both;    
    padding-top: 30px;
    position: relative;
}
.postcomments h3 {
    margin-bottom: 20px;
}

.postcomments h3 span {
    display: block;
    font-weight: 400;
    text-transform: none;
    color: #999;
}
.postcomments h3 a {
    background: #222333 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 0.8rem;
    padding: 4px 6px 2px;
    position: absolute;
    right: 0;
    top: 2px;
}

.postcomments h3 a:hover {
    background: #BC243C;
}
.add-comment {
    background: #BC243C;
    color: #fff;
    font-size: 0.9em;
    font-weight: 700;
    padding: 2px 15px;
    position: absolute;
    right: 0;
    top: -5px;
}
.add-comment:hover {
    background: #0a9287;
    color: #FFF;
    text-decoration: none;
}
.commentlist {
    list-style: none;
    margin-top: 20px;
}
.comment .rating {    
    float: right;
    font-size: 0.8em;
    color: #666;
}
.comment .rating .fLeft {

    border-radius: 3px;
    float: left;
    font-weight: 700;
    margin-right: 5px;
    padding: 2px 5px;
}
.comment .rating .fRight {

    border-radius: 3px;
    float: right;
    font-weight: 700;
    margin-right: 5px;
    padding: 2px 5px;
}
.comment .rating .fLeft a {
    color: #CC0000;
    cursor: pointer;
    font-size: 1.2em;
}
.comment .rating .fRight a {
    color: #04B404;
    cursor: pointer;
    font-size: 1.2em;
}
.comment .rating .fRight .cd-votebtn {
    margin-left: 5px;

}
.comment .rating .fLeft .cd-votebtn {
    margin-right: 5px;
}
.pingback .rating {
    display: none;
}
.pingback .reply {
    display: none;
}
.comment-content blockquote {
    background: #fafafa;
    font-style: italic;
    margin: 0 0 10px;
    padding: 10px 20px;
}
.comment-content iframe {
    clear: both;
    display: block;
    height: auto;
    margin: 0 auto 20px;
    max-width: 70%;
    max-height: 350px;
}
.comment-content blockquote p:last-of-type {
    margin: 0;
}
.comment-content p {
    margin-bottom: 20px;
}
.comment-content p:last-of-type {
    margin-bottom: 0;
}
.comment-content a {

}
.comment-body .ckrating {
    bottom: 0;
    font-size: 1.2rem;
    font-weight: 600;
    position: absolute;
    right: 0;
}
ol.commentlist li.comment ul.children .ckrating {

}
.comment-body .reply {
    bottom: 0px;
    position: absolute;
}
.comment-content .reply a {
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: 0 0 1px #fff;
    font-size: 0.7rem;
    padding: 2px 5px;
    border-radius: 3px;
    color: #999;
    float: left;
}
.comment-content .reply a:hover {
    text-decoration: none;
}
.comment-content .comment-rating {
    float: right;
    margin-top: 6px;
}
.comment-content .reply a:hover {
    background: #fafafa;
}
.othercmt {
    color: #666;
    font-size: 0.8em;
    margin-left: 5px;
}
.trimite-cmt {
    width: 100%;
    background: #000;
    color: #FFF;

}
.comment-awaiting-moderation {
    color: #cc0000;
    display: block;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}



/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
    text-align: center;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
    margin-top: 10px;
    text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

@media only screen and (max-width: 679px) {
	.main-navigation {
        display: none;
    }
	.slicknav_btn {
		display: block;
		font-size: 25px;
		margin: 0 auto;
		padding-bottom: 15px;
		text-align: center;
    }

    .slicknav_nav {

    }

    .slicknav_nav ul {
		list-style: outside none none;
		margin: 0;
		padding: 0 0 20px;
    }

    .slicknav_nav li {
		font-weight: 300;
		padding: 10px;
		text-align: center;
		text-transform: uppercase;
    }

    .slicknav_nav li a {
        color: #333;
    }
	.slicknav_arrow {
		font-size: 12px;
		margin-left: 5px;
	}
	#mobile-menu {
        display: block;
    }
	.site-header {
		padding-bottom: 0;
	}
	.post .post-image {
		float: none;
		margin-bottom: 10px;
		margin-right: 0;
		width: 100%;
	}
	.post .post-image img {
		width: 100%;
	}
	.post .post-div {
		
	}
}