/*===================== TABLE OF CONTENT =======================
1. Fonts
2. General Styling
3. Cross Browser Compatibility
4. Header
5. Header Style 2
6. Header Style 3
7. Dropdown
8. Responsive Header
9. Search Popup
10. Header Style 4
11. Cherri Slider
12. Cherri Blog
13. Sidebar
14. Fancy Post
15. Newsletter & About
16. Cherri Carousel
17. Cherri Filters
18. Cherri Post Full
19. Cherri Post List View
20. Cherri Modern Slider
21. Single Post
22. Full Width Post
23. Page Title
24. Typography Page
25. Contact Page
26. 404 Error Page
27. Footer
28. Bottom Stip
29. OWL CAROUSEL STYLING
=============================================================*/

/*=============== Fonts ===================*/
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
/*=============== General Styling ===================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License:none (public domain)
*/

*,
*:before,
*:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1.4}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{
    content:'';
    content:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
html{overflow-x:hidden}
body{
    letter-spacing:0;
    font-family:raleway;
    overflow-x:hidden;
}
body *{outline:none!important}
h1, h2, h3, h4, h5, h6{
    color:#2f3132;
    font-family:playfair display;
    font-weight:600;
    line-height:1.4;
    margin-bottom:30px;
}

h1{font-size:32px}
h2{font-size:28px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
p{
    color:#6e7073;
    font-size:14px;
    letter-spacing:0;
    margin-bottom:20px;
    font-weight:500;
}
.text-right{
	text-align:right;
}
a{
    color:inherit;
    text-decoration:none;
}
a:hover,
a:focus{
    text-decoration:none;
    outline:none;
}

a.btn-naranja, a.btn-naranja:hover{
    border:0 none;
    color:#fff;
    display:inline-block;
    font-family:raleway;
    font-size:11px;
    font-weight:700;
    padding:10px 20px;
    text-transform:uppercase;
	background-color:#f76f00;
}

input:hover,input:focus{outline:none}
ul,
ol{
    color:#2f3132;
    float:left;
    font-size:14px;
    padding-left:33px;
    text-align:left;
    width:100%;
}
ul li,
ol li{
    padding:8px 0 8px 25px;
    position:relative;
}
ol{ counter-reset:item}
ol li{
    display:block;
    padding-left:30px;
    position:relative;
}
ol li:before{
    content:counter(item, decimal) ". ";
    counter-increment:item;
    font-family:playfair display;
    font-size:19px;
    left:0;
    line-height:10px;
    position:absolute;
}
ul li:before{
    content:"";
    height:6px;
    width:6px;
    position:absolute;
    left:0;
    top:14px;
}
ol li:after{
    background:#d0d4d6 none repeat scroll 0 0;
    content:"";
    height:2px;
    left:21px;
    position:absolute;
    top:17px;
    width:7px;
}
section{
    float:left;
    position:relative;
    width:100%;
}
.block{
    float:left;
    width:100%;
    padding:50px 0;
    position:relative;
}
.block.less-space{padding:40px 0}
.block .container{padding:0}
.container{padding:0}
.block.remove-gap{padding-top:0}
.block.no-padding{
    padding-top:0;
    padding-bottom:0;
}
.block.remove-bottom{padding-bottom:0}
.block.gray{background:#f5f6f8}
iframe{
    width:100%;
    border:0;
}
.parallax,.fixed-bg{
    background-size:cover!important;
    height:100%;
    width:100%;
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
}
.fixed-bg{
    background-attachment:fixed !important;
    background-size:cover!important;
}
.parallax.still{background-position:0 0 !important}
iframe{
    border:0;
    width:100%;
    float:left;
}
img{float:left}
svg{height:auto}
form{
    float:left;
    width:100%;
}
input,
textarea{
    float:left;
    width:100%;
    height:50px;
    border:1px solid #d0d4d6;
    font-size:13px;
    font-family:raleway;
    color:#a2a5a7;
    padding:15px 20px;
    margin-bottom:30px;
}
textarea{
    height:auto;
    min-height:150px;
    padding:20px;
}
/*Para que haya 5 columas, se le cambio la clase a los DIV*/
.col-3 .col-5 {
  flex: 0 0 20%;
  max-width: 20%;
}
.fila-5 {
  display: flex;
  flex-wrap: wrap;
}
/*=============== Cross Browser Compatibility ===================*/
a,
.posts-info > ul li svg *,
.more-posts > a svg *,
.sidebar-comment,
.date,
.fancy-post:before,
.fancy-post-info:before,
.fancy-post-info .cat,
.fancy-post-info > h4,
.fancy-post-info > h4:before,
.fancy-post-info > .posts-info,
.owl-dot,
.instagram > ul li a img,
header.style2 .menubar nav > ul > li:before,
.cherri-carousel .cherri-slide:before,
.cherri-carousel .slide-name,
.cherri-carousel .slide-name h3,
.cherri-carousel .slide-name h3:before,
.cherri-carousel .posts-info,
.widget > ul li:before,
.widget > ul li > i,
.sidebar-recent-post:after,
nav ul ul,
.search-popup{
    -webkit-transition:all 0.35s linear;
    -moz-transition:all 0.35s linear;
    -ms-transition:all 0.35s linear;
    -o-transition:all 0.35s linear;
    transition:all 0.35s linear;
}

ul li:before,
.quote-format blockquote:before,
.sidebar-socials > a,
.owl-dot,
.about-intro > img,
.comment > img,
.avatar-letter > span{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
/*=============== Header ===================*/
header{
    float:left;
    width:100%;
    position:relative;
    z-index:10;
}
.menubar{
    border-bottom:1px solid #f0f1f3;
    float:left;
    width:100%;
}
nav{
    float:left;
    /*max-width:70%;*/
    max-width:100%;
}
nav ul{padding:0}
nav li:before{
    display:none;
}
nav > ul > li{
    color:#6e7073;
    float:left;
    font-family:playfair display;
    font-size:14px;
    font-weight:600;
    padding:0;
}
nav li a{
    float:left;
    line-height:15px;
    padding:30px 22px;
}

.header-exts{
    float:right;
    max-width:30%;
}
.social{float:left}
.social > a{
    float:left;
    padding:26px 10px;
    text-align:center;
}
.social > a i{
    display:inline-block;
    height:auto;
    vertical-align:middle;
    color:#6e7073;
}
.header-search{
    float:left;
    line-height:79px;
    margin-left:10px;
    padding-left:20px;
    position:relative;
    width:60px;
}
.header-search i{fill:#6e7073}
.header-search:before{
    background:#d0d4d6 none repeat scroll 0 0;
    content:"";
    height:20px;
    margin-top:-10px;
    width:1px;
    position:absolute;
    left:0;
    top:50%;
}
.search-btn{color:#6e7073}
.logobar{
    float:left;
    padding:60px 0;
    text-align:center;
    width:100%;
}
.logobar img{
    float:none;
    max-width:100%;
}
/*=============== Header Style 2 ===================*/
header.style2 .logobar{padding:35px 0}
header.style2 .logobar > a{float:left}
header.style2 .social{float:right}
header.style2 .social a{padding:7px 10px}
header.style2 .header-search{line-height:75px}
header.style2 .header-search:before{display:none}
header.style2 .menubar{
    border-bottom:0 none;
    border-top:1px solid #f0f1f3;
}
header.style2 .menubar nav > ul > li{
    color:#6e7073;
    font-family:raleway;
    font-size:13px;
    font-weight:700;
    position:relative;
    text-transform:uppercase;
}
header.style2 .menubar nav > ul > li:before{
    bottom:0;
    content:"";
    display:block;
    height:2px;
    width:0;
    position:absolute;
    left:50%;
    top:auto;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}
header.style2 .menubar nav > ul > li:hover:before{
    left:0;
    width:100%;
}
header.style2 nav > ul > li:first-child a{padding-left:0}
/*=============== Header Style 3 ===================*/
header.style3 .logobar{padding:30px 0}
header.style3 .logobar .social > a{padding:20px 10px}
header.style3 .logobar .header-search{
    float:right;
    line-height:65px;
}
header.style3 .logobar .header-search:before{display:none}
header.style3 .logobar .social{width:25%}
header.style3 .logobar .header-exts{width:25%}
header.style3 .menubar{border-top:1px solid #f0f1f3}
header.style3 .menubar nav > ul >  li > a{padding:20px 22px}
header.style3 nav > ul > li:first-child a{padding-left:0}

/*=============== Dropdown ===================*/
nav ul ul{
    background:#ffffff;
    border-top:2px solid #ebebeb;
    list-style:outside none none;
    margin:0;
    min-width:190px;
    opacity:0;
    padding:5px 0;
    position:absolute;
    top:100%;
    visibility:hidden;
    -webkit-box-shadow:1px 1px 3px rgba(75, 75, 75, 0.2);
    -moz-box-shadow:1px 1px 3px rgba(75, 75, 75, 0.2);
    -ms-box-shadow:1px 1px 3px rgba(75, 75, 75, 0.2);
    -o-box-shadow:1px 1px 3px rgba(75, 75, 75, 0.2);
    box-shadow:1px 1px 3px rgba(75, 75, 75, 0.2);
}
nav ul ul ul{border:0}
nav li:hover > ul{
    opacity:1;
    visibility:visible;
}
nav ul ul li{
    color:#6e7073;
    display:table;
    font-size:12px;
    font-family:raleway;
    font-weight:800;
    line-height:16px;
    padding:0 30px;
    position:relative;
    text-align:left;
    text-transform:uppercase;
    width:100%;
}
nav ul ul li a{
    border-top:1px solid #ebebeb;
    padding:15px 0;
    float:left;
    width:100%;
}
nav ul ul ul{
    left:100%;
    top:0;
}
nav ul ul  li:first-child > a{border:0}
nav ul ul li.has-childern:after{
    color:#6e7073;
    content:"\f0da";
    font-family:fontawesome;
    position:absolute;
    right:20px;
    top:15px;
}
/*=============== Responsive Header ===================*/
.responsive-header{
    display:none;
    float:left;
    width:100%;
    position:relative;
    z-index:10000;
}
.responsive-header .header-exts{
    background:#fafafa;
    border-bottom:1px solid #f0f1f3;
    max-width:none;
    padding:0;
    text-align:center;
    width:100%;
}
.responsive-header .header-exts .social > a{padding:10px 5px}
.responsive-header .header-exts .social{
    display:inline-block;
    float:none;
    vertical-align:middle;
}
.responsive-header .header-exts .header-search{
    display:inline-block;
    float:none;
    line-height:30px;
    vertical-align:middle;
}
.responsive-header .logobar{padding:30px 15px}
.responsive-logo{float:left}
.responsive-header .logobar a{float:left}
.responsive-header .logobar img{width:130px}
.logobar a.menu-button{
    color:#FFF;
    float:right;
    font-size:20px;
    height:40px;
    line-height:40px;
    margin:7px 0 0;
    text-align:center;
    width:40px;
}
.menu-button:hover{color:#FFF}
.responsive-menu{
    position:fixed;
    left:-100%;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    background:#FFF;
    padding:60px 30px 30px 30px;
    overflow:auto;
    -webkit-transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */

    -webkit-transition-timing-function:cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition-timing-function:cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition-timing-function:cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition-timing-function:cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
}
.responsive-menu.slidein{
    left:0;
    opacity:1;
}
.responsive-menu ul{
    float:left;
    width:100%;
    margin:0;
    padding:0;
}
.responsive-menu ul li:before{display:none}
.responsive-menu ul li{
    border-bottom:1px solid #f0f1f3;
    float:left;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    line-height:unset;
    padding:0;
    text-transform:uppercase;
    width:100%;
}
.responsive-menu ul li a{
    float:left;
    width:100%;
    padding:15px 0px;
    position:relative;
}
.responsive-menu ul li.menu-item-has-children > a:before{
    content:"\f067";
    position:absolute;
    right:10px;
    top:10px;
    width:10px;
    height:10px;
    color:#333;
    font-family:fontawesome;
    font-size:15px;
}
.responsive-menu ul li ul{
    display:none;
    padding-left:20px;
    background:rgba(0,0,0,0.1);
}
.responsive-menu ul li:last-child{border:0}
.close-menu{
    float:right;
    margin-bottom:20px;
    color:#FFF;
    background:black;
    width:40px;
    height:40px;
    text-align:center;
    line-height:36px;
}
.close-menu:hover{color:#FFF}
/*=============== Search Popup ===================*/
.search-popup{
    background:transparent url("../images/resource/search-bg.jpg") no-repeat scroll 0 0 / cover ;
    height:100%;
    padding:30px 0;
    width:100%;
    opacity:0;
    visibility:hidden;
    z-index:100000;
    position:fixed;
    left:0;
    top:0;
}
.search-popup.active{
    opacity:1;
    visibility:visible;
}
.search-popup:before{
    background:#2f3132 none repeat scroll 0 0;
    content:"";
    height:100%;
    opacity:0.95;
    width:100%;
    z-index:-1;
    position:absolute;
    left:0;
    top:0;
}
.search-popup .container{height:100%}
.search-popup strong{
    color:#fff;
    float:left;
    font-family:playfair display;
    font-size:20px;
    font-weight:800;
}
.close-search{float:right}
.popup-searchbar{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.search-popup .container{position:relative}
.popup-searchbar form input,
.popup-searchbar form input:focus{
    background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border:0;
    border-bottom:1px solid #fff;
    color:#a2a5a7;
    float:left;
    font-size:20px;
    font-weight:600;
    margin:0;
    padding-left:75px;
    width:100%;
}
.popup-searchbar button{
    background:none;
    border:0 none;
    height:100%;
    width:50px;
    position:absolute;
    left:0;
    top:0;
}
.popup-searchbar button svg *{fill:#fff}
/*=============== Header Style 4 ===================*/
header.style4 > img{width:100%}
header.style4 .container{
    height:100%;
    position:absolute;
    left:50%;
    top:0;
    z-index:1;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}
header.style4:before{
    background:#313131 none repeat scroll 0 0;
    content:"";
    height:100%;
    opacity:0.9;
    width:100%;
    position:absolute;
    left:0;
    top:0;
}
header.style4 .logobar{
    margin-top:210px;
    padding:0;
}
header.style4 .menubar{border-color:rgba(104, 106, 108, 0.9)}
header.style4 .menubar .social > a svg *{fill:#fff}
header.style4 .menubar .social{width:25%}
header.style4 nav{
    text-align:center;
    width:50%;
}
header.style4 .menubar nav > ul > li{
    color:#fff;
    display:inline-block;
    float:none;
}
header.style4 .header-exts{width:25%}
header.style4 .header-exts .header-search{float:right}
header.style4 .header-exts .header-search:before{display:none}
header.style4 .header-exts .header-search svg *{fill:#fff}
header.style4 nav > ul{text-align:center}

/*=============== Cherri Slider ===================*/
.cherri-slider{
    float:left;
    padding-bottom:82px;
    width:100%;
    position:relative;
}
.cherri-slider:before{
    background:black none repeat scroll 0 0 padding-box content-box;
    content:"";
    height:3px;
    width:100%;
    padding:0 60px;
    position:absolute;
    bottom:0;
    left:0;
}
.cherri-slide{
    float:left;
    position:relative;
    width:100%;
}
.cherri-slide > img{width:100%}
.slide-name{
    padding:35px 100px;
    width:100%;
    z-index:1;
    position:absolute;
    bottom:0;
    left:0;
}
.slide-name:before{
    background-clip:content-box;
    content:"";
    height:100%;
    left:0;
    opacity:0.95;
    padding:0 60px;
    z-index:-1;
    position:absolute;
    top:0;
    width:100%;
}
.cat{
    border-left:3px solid #fff;
    color:#fff;
    display:table;
    font-family:raleway;
    font-size:11px;
    font-weight:800;
    line-height:11px;
    margin-bottom:12px;
    padding-left:10px;
    position:relative;
    text-transform:uppercase;
}
.cat-premios{
    border-left:3px solid #fff;
    color:#6e7073;
    display:table;
    font-family:raleway;
    font-size:14px;
    font-weight:800;
    line-height:11px;
    margin-bottom:12px;
    padding-left:10px;
    position:relative;
    text-transform:uppercase;
}
.slide-name h3{
    color:#fff;
    float:left;
    font-size:24px;
    line-height:24px;
    margin-bottom:15px;
    width:100%;
}
.slide-name h3 a:hover{color:#FFF}
.slide-name h3 i{
    font-style:italic;
    font-weight:800;
}
.meta{
    margin:0;
    padding:0;
}
.meta li{
    color:#fff;
    float:left;
    font-size:12px;
    font-weight:600;
    margin-right:20px;
    padding:0;
}
.meta li:before{display:none}
.meta li a{font-weight:800}
.slide-name .meta li a:hover{color:#FFF}
.cherri-slider .owl-nav{
    position:absolute;
    bottom:25px;
    left:90px;
}
.cherri-slider .owl-nav > div{
    color:transparent;
    float:left;
    height:32px;
    margin:0 10px;
    position:relative;
    width:32px;
    background:rgba(0, 0, 0, 0) url("../images/arrow.png") repeat scroll 0 0;
}
.cherri-slider .owl-nav > div.owl-next{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
.cherri-slider .owl-nav > div:hover{background-position:-42px 0}
.cherri-count{
    bottom:22px;
    font-family:playfair display;
    font-size:20px;
    position:absolute;
    right:100px;
}
.cherri-count span{
    border-left:1px solid #a2a5a7;
    color:#a2a5a7;
    float:left;
    font-weight:700;
    padding-bottom:3px;
    padding-left:10px;
}
.cherri-count > i{
    color:#2f3132;
    float:left;
    font-weight:600;
    line-height:25px;
    padding-right:10px;
}

/*=============== Cherri Blog ===================*/
.title{
    float:left;
    margin-bottom:45px;
    text-align:center;
    width:100%;
}
.title h2{
    color:#2f3132;
    float:left;
    font-size:20px;
    margin:0;
    width:100%;
}
.cherri-blog{
    float:left;
    margin-bottom:-30px;
    width:100%;
}
.cherri-post{
    float:left;
    margin-bottom:30px;
    position:relative;
    width:100%;
}
.post-img{
    float:left;
    position:relative;
    width:100%;
}
.post-img img{width:100%}
.post-detail{
    float:left;
    padding:41px 40px 40px 40px;
    width:100%;
    -webkit-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    -moz-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    -ms-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    -o-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
}
.col-md-6 .post-detail{padding:40px}
.post-detail .cat{
    color:#6e7073;
    margin-bottom:10px;
}
.post-title{
    float:left;
    font-size:20px;
    line-height:32px;
    width:100%;
    margin-bottom:15px;
}
.post-title i{
    font-style:italic;
    font-weight:800;
}
.posts-info{
    border-top:1px solid #f0f1f3;
    float:left;
    margin-top:5px;
    padding-top:25px;
    width:100%;
}
.posts-info > span{
    color:#a2a5a7;
    float:left;
    font-family:raleway;
    font-size:12px;
}
ul.post-countings{
    /*float:right;*/
    width:auto;
    padding-left:0;
}
ul.post-countings li{
    color:#a2a5a7;
    float:left;
    font-family:raleway;
    font-size:12px;
    font-weight:700;
    line-height:10px;
    margin-right:20px;
    padding:0;
}
ul.post-countings li a{
    margin-left:10px;
}
ul.post-countings li:before{display:none}
ul.post-countings li svg{
    display:inline-block;
    float:none;
    margin-right:5px;
    vertical-align:middle;
}
ul.post-countings li svg *{fill:#a2a5a7}
ul.post-countings li:hover > a{color:#2f3132}
ul.post-countings li:hover > a > svg *{fill:#2f3132}
.share-hover{
    background:#fff none repeat scroll 0 0;
    bottom:100%;
    margin-bottom:18px;
    padding:10px 20px;
    position:absolute;
    width:121px;
    z-index:10000;
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    transition:all 0.2s linear;
}
ul.post-countings li:hover .share-hover{
    -webkit-box-shadow:0 0 15px rgba(3, 3, 3, 0.2);
    -moz-box-shadow:0 0 15px rgba(3, 3, 3, 0.2);
    -ms-box-shadow:0 0 15px rgba(3, 3, 3, 0.2);
    -o-box-shadow:0 0 15px rgba(3, 3, 3, 0.2);
    box-shadow:0 0 15px rgba(3, 3, 3, 0.2);
    opacity:1;
    visibility:visible;
}
.share-hover > a{
    border-bottom:1px solid #f0f1f3;
    color:#a2a5a7;
    float:left;
    font-size:10px;
    font-weight:700;
    padding:6px 0;
    text-transform:uppercase;
    width:100%;
    transition:all 0.2s linear;
}
ul.post-countings li:hover .share-hover a{padding:13px 0}
.share-hover > a:last-child{border:0 none}
.share-hover:before{
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:8px solid #fff;
    content:"";
    height:0;
    width:0;
    margin-left:-10px;
    position:absolute;
    bottom:-8px;
    left:50%;
}
.share-hover a:hover{color:#2f3132}
.share-hover > a i{margin-right:5px}

.cherri-post.image-format .post-detail{
    background:rgba(0, 0, 0, 0) linear-gradient(transparent, rgba(0, 0, 0, 0.8)) repeat scroll 0 0;
    bottom:0;
    box-shadow:none;
    left:0;
    padding-top:130px;
    position:absolute;
}
.cherri-post.image-format .post-detail .cat{color:#fff}
.cherri-post.image-format .post-detail h3{color:#fff}
.cherri-post.image-format .posts-info span{color:#fff}
.image-format ul.post-countings li{color:#fff}
.image-format ul.post-countings li > a > svg *{fill:#fff}
.image-format ul.post-countings li:hover > a{color:#fff}

.cherri-post.quote-format{
    padding:40px 40px 102px;
    -webkit-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    -moz-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    -ms-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    -o-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
}
.quote-format blockquote{
    color:#2f3132;
    float:left;
    font-family:playfair display;
    font-size:32px;
    font-style:italic;
    font-weight:700;
    line-height:48px;
    padding-bottom:20px;
    padding-top:70px;
    position:relative;
    width:100%;
}
.quote-name{
    float:left;
    position:relative;
    width:100%;
}
.quote-name:before{
    background:#f0f1f3 none repeat scroll 0 0;
    content:"";
    height:1px;
    width:100%;
    margin-top:-0.5px;
    position:absolute;
    top:50%;
    left:0;
}
.quote-name > span{
    background:#fff none repeat scroll 0 0;
    color:#a2a5a7;
    float:right;
    font-family:raleway;
    font-size:14px;
    font-weight:600;
    padding-left:50px;
    position:relative;
    z-index:1;
}
.quote-name > span a{
    color:#6e7073;
    font-weight:800;
}
.quote-format blockquote:before{
    background:#2f2f2f url("../images/quote.png") no-repeat scroll center center;
    color:#fff;
    content:"";
    font-family:fontawesome;
    height:48px;
    width:48px;
    position:absolute;
    left:0;
    top:0;
}

.more-posts{
    float:left;
    margin-top:30px;
    width:100%;
}
.more-posts > a{
    background:#f0f1f3 none repeat scroll 0 0;
    color:#6e7073;
    float:left;
    font-size:11px;
    font-weight:800;
    padding:18px 35px;
    text-transform:uppercase;
}
.more-posts > a svg{margin-right:10px}
.more-posts > a svg *{fill:#6e7073}
.more-posts > a:hover{color:#FFF}
.more-posts > a:hover *{fill:#FFF}
/*=============== Sidebar ===================*/
aside.sidebar{
    padding-right:55px;
    padding-left:30px;
    position:relative;
}
aside.sidebar:before{
    background:#f0f1f3 none repeat scroll 0 0;
    content:"";
    height:100%;
    width:1px;
    position:absolute;
    right:15px;
    top:0;
}
.col-md-8 ~ aside.sidebar{
    padding-left:55px;
    padding-right:30px;
}
.col-md-8 ~ aside.sidebar:before{
    right:0;
    left:15px;
}
.widget{
    border-bottom:1px solid #f0f1f3;
    float:left;
    margin-bottom:30px;
    padding-bottom:30px;
    width:100%;
}
.widget:last-child{border:0}
.widget-title{
    color:#a2a5a7;
    float:left;
    font-family:raleway;
    font-size:11px;
    font-weight:800;
    margin-bottom:30px;
    text-transform:uppercase;
    width:100%;
}
.cherri-sidebar-posts{
    float:left;
    margin-bottom:-30px;
    width:100%;
}
.sidebar-post{
    display:table;
    float:left;
    margin-bottom:30px;
    width:100%;
}
.sidebar-post > img{
    display:table-cell;
    float:none;
    vertical-align:top;
}
.sidebar-name{
    display:table-cell;
    width:100%;
    padding-left:20px;
    vertical-align:middle;
}
.sidebar-name > h4{
    color:#2f3132;
    float:left;
    font-size:14px;
    font-weight:700;
    line-height:24px;
    margin-bottom:10px;
    width:100%;
}
.sidebar-name > h4 i{
    font-weight:800;
    font-style:italic;
}
.sidebar-name > span{
    color:#a2a5a7;
    float:left;
    font-size:12px;
}
.sidebar-post:hover .sidebar-name > span{color:#6e7073}


.searchbar{
    float:left;
    width:100%;
}
.searchbar > h4{
    color:#2f3132;
    float:left;
    font-size:14px;
    margin-bottom:20px;
    width:100%;
}
.searchbar form{
    border:1px solid #d0d4d6;
    float:left;
    height:50px;
    position:relative;
    width:100%;
}
.searchbar form input{
    border:0 none;
    color:#626567;
    float:left;
    font-family:raleway;
    font-size:13px;
    height:100%;
    padding:10px 20px;
    margin:0;
    width:100%;
}
.searchbar form button{
    background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border:0;
    border-left:1px solid #d0d4d6; 
    height:calc(100% - 18px);
    position:absolute;
    right:0;
    top:9px;
    width:50px;
}
.searchbar form button svg *{fill:#6e7073}

.tagcloud{
    float:left;
    width:100%;
    margin-bottom:-10px;
}
.tagcloud > a{
    background:#f0f1f3 none repeat scroll 0 0;
    color:#6e7073;
    float:left;
    font-family:playfair display;
    font-size:12px;
    font-weight:700;
    margin-bottom:10px;
    margin-right:10px;
    padding:9px 10px;
}
.tagcloud > a:hover{color:#FFF}

.sidebar-socials{
    float:left;
    margin-bottom:-10px;
    width:100%;
}
.sidebar-socials > a{
    background:#f0f1f3 none repeat scroll 0 0;
    float:left;
    height:35px;
    line-height:35px;
    margin-bottom:10px;
    margin-right:10px;
    text-align:center;
    width:35px;
}
.sidebar-socials > a i{
    height:auto;
    line-height:30px;
    color:#6e7073;
}
.sidebar-socials > a:hover i{color:#FFF}

.recent-tweets{
    float:left;
    width:100%;
}
.tweet{
    border-bottom:1px solid #f0f1f3;
    float:left;
    margin-bottom:20px;
    padding-bottom:20px;
    width:100%;
}
.tweet:last-child{
    border:0;
    padding:0;
    margin:0;
}
.tweet-info{
    display:table;
    margin-bottom:15px;
    width:100%;
}
.tweet-info > img{
    border-radius:50%;
    display:table-cell;
    float:none;
    vertical-align:middle;
}
.tweet-info > strong{
    color:#2f3132;
    display:table-cell;
    font-family:playfair display;
    font-size:14px;
    font-weight:700;
    padding-left:20px;
    vertical-align:middle;
    width:100%;
}
.tweet-info > strong span{
    color:#a2a5a7;
    display:table;
    font-family:raleway;
    font-size:12px;
    font-weight:600;
}
.tweet p{
    color:#6e7073;
    float:left;
    line-height:24px;
    margin-bottom:20px;
    width:100%;
}
.time{
    color:#a2a5a7;
    float:left;
    font-family:raleway;
    font-size:12px;
}
.tweet > ul{
    float:right;
    list-style:outside none none;
    margin:0;
    padding:0;
    width:auto;
}
.tweet > ul li{
    float:left;
    padding:0;
}
.tweet > ul li:before{display:none}
.tweet > ul li svg{
    float:left;
    width:16px;
}
.tweet ul li svg *{fill:#a2a5a7}
.tweet a{
    display:inline-block;
    padding:0 5px;
    vertical-align:middle;
}
.sidebar-comment{
    border-left:2px solid #d0d4d6;
    float:left;
    margin-bottom:30px;
    padding-left:20px;
    width:100%;
}
.recent-comments{
    float:left;
    margin-bottom:-30px;
    position:relative;
    width:100%;
}
.sidebar-comment h5{
    color:#2f3132;
    float:left;
    font-size:14px;
    line-height:24px;
    margin-bottom:10px;
    margin-top:-5px;
    width:100%;
}
.sidebar-comment h5 i{
    font-weight:800;
    font-style:italic;
}
.date{
    color:#a2a5a7;
    float:left;
    font-family:raleway;
    font-size:12px;
}
.sidebar-comment:hover{border-color:#2f3132}
.sidebar-comment:hover .date{color:#6e7073}

.sidebar-gallery{
    float:left;
    margin-bottom:-20px;
    width:100%;
}
.sidebar-gallery .row{margin:0 -10px}
.sidebar-gallery .row > div{padding:0 10px}
.sidebar-gallery a{
    float:left;
    margin-bottom:20px;
    width:100%;
}
.sidebar-gallery a img{width:100%}
.sidebar-gallery a:hover{opacity:0.5}

.widget > ul{padding:0}
.widget > ul li{
    color:#2f3132;
    font-family:playfair display;
    font-size:12px;
    font-weight:600;
    margin-bottom:20px;
    padding:0 0 0 16px;
}
.widget > ul li:before{
    background:none repeat scroll 0 0 #d0d4d6;
    border-radius:0;
    height:9px;
    left:0;
    top:4px;
    width:2px;
}
.widget li i{color:#a2a5a7}
.widget li > i{
    color:#6e7073;
    float:right;
}
.widget > ul li:hover:before{background:none repeat scroll 0 0 #2f3132}
.widget li:hover > i{color:#2f3132}
.widget > ul li:last-child{margin:0}
.recent-blog{
    float:left;
    margin-bottom:-25px;
    width:100%;
}
.sidebar-recent-post{
    float:left;
    margin-bottom:25px;
    padding-left:22px;
    position:relative;
    width:100%;
}
.sidebar-recent-post:before,
.sidebar-recent-post:after{
    background:none repeat scroll 0 0 #d0d4d6;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:2px;
}
.sidebar-recent-post:after{
    height:0;
    background:#2f3132;
}
.sidebar-recent-post:hover:after{height:100%}
.sidebar-recent-post h5{
    color:#2f3132;
    float:left;
    font-size:14px;
    line-height:24px;
    width:100%;
}
.sidebar-recent-post .meta > li{color:#a2a5a7}
.sidebar-recent-post:hover .meta > li{color:#6e7073}
.sidebar-recent-post .meta > li a{color:#6e7073}
.about-widget{
    float:left;
    width:100%;
}
.about-intro{
    display:table;
    width:100%;
    margin-bottom:20px;
}
.about-intro > img{
    display:table-cell;
    vertical-align:middle;
}
.about-intro h5{
    color:#2f3132;
    display:table-cell;
    font-size:20px;
    padding-left:20px;
    vertical-align:middle;
    width:100%;
}
.about-intro h5 span{
    color:#6e7073;
    display:table;
    font-family:raleway;
    font-size:11px;
    font-weight:900;
    margin-top:10px;
    text-transform:uppercase;
}
.about-widget > p{
    float:left;
    font-weight:600;
    line-height:30px;
    width:100%;
}

.search.subs > form {
    position: relative;
}
.search.subs input {
    margin: 0;
    padding-right: 120px;
}
.search.subs button:before {
    background: #d0d4d6 none repeat scroll 0 0;
    content: "";
    height: 60%;
    left: 0;
    position: absolute;
    top: 20%;
    width: 1px;
}
.search.subs button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #6e7073;
    font-family: raleway;
    font-size: 11px;
    font-weight: 700;
    height: 100%;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    width: auto;
}
.add{
    float:left;
    width:100%;
    text-align:center;
}
.add > a{display:inline-block}
.add img{max-width:100%}
/*=============== Fancy Post ===================*/
.popular-posts-carousel{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.popular-posts{
    float:left;
    margin-bottom:-30px;
    width:100%;
}
.fancy-post{
    float:left;
    position:relative;
    width:100%;
    margin-bottom:30px;
}
.fancy-post:before{
    content:"";
    height:0;
    width:100%;
    opacity:0;
    z-index:1;
    position:absolute;
    left:0;
    top:50%;
}
.fancy-post:hover:before{
    height:100%;
    top:0;
    opacity:0.9;
}
.fancy-post > img{width:100%}
.fancy-post-info{
    padding:30px;
    width:100%;
    z-index:1;
    position:absolute;
    bottom:0;
    left:0;
}
.fancy-post-info .cat{
    opacity:0;
    -webkit-transform:translateY(-40px);
    -moz-transform:translateY(-40px);
    -ms-transform:translateY(-40px);
    -o-transform:translateY(-40px);
    transform:translateY(-40px);
    -webkit-transition-delay:0.35s;
    -moz-transition-delay:0.35s;
    -ms-transition-delay:0.35s;
    -o-transition-delay:0.35s;
    transition-delay:0.35s;
}
.fancy-post:hover .fancy-post-info .cat{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.fancy-post-info > h4{
    color:#fff;
    float:left;
    font-size:16px;
    line-height:24px;
    margin:0;
    width:100%;
    position:relative;
    -webkit-transition-delay:0.35s;
    -moz-transition-delay:0.35s;
    -ms-transition-delay:0.35s;
    -o-transition-delay:0.35s;
    transition-delay:0.35s;
}
.fancy-post:hover .fancy-post-info > h4{margin-bottom:60px}
.fancy-post-info > h4 i{
    font-weight:700;
    font-style:italic;
}
.fancy-post-info > h4 a:hover{color:#FFF}
.fancy-post-info > h4:before{
    background:#fff;
    content:"";
    height:1px;
    width:0;
    opacity:0;
    position:absolute;
    bottom:-20px;
    left:50%;
    -webkit-transition-delay:0.65s;
    -moz-transition-delay:0.65s;
    -ms-transition-delay:0.65s;
    -o-transition-delay:0.65s;
    transition-delay:0.65s;
}
.fancy-post:hover .fancy-post-info > h4:before{
    width:100%;
    left:0;
    opacity:0.5;
}
.fancy-post-info:before{
    background:rgba(0, 0, 0, 0) linear-gradient(transparent, #000) repeat scroll 0 0;
    content:"";
    height:100%;
    width:100%;
    z-index:-1;
    position:absolute;
    bottom:0;
    left:0;
    opacity:0.6;
}
.fancy-post:hover .fancy-post-info:before{height:0}
.fancy-post-info > .posts-info{
    border:0 none;
    bottom:-40px;
    left:0;
    margin:0;
    visibility:hidden;
    opacity:0;
    padding:18px 25px 30px;
    position:absolute;
    -webkit-transition-delay:0.45s;
    -moz-transition-delay:0.45s;
    -ms-transition-delay:0.45s;
    -o-transition-delay:0.45s;
    transition-delay:0.45s;
}
.fancy-post:hover .fancy-post-info > .posts-info{
    bottom:0;
    visibility:visible;
    opacity:1;
}
.fancy-post-info > .posts-info span{color:#FFF}
.fancy-post-info ul.post-countings >  li > a{color:#FFF}
.fancy-post-info ul.post-countings > li > a > svg *{fill:#FFF}
.owl-dots{
    text-align:center;
    width:100%;
    position:absolute;
    bottom:-30px;
    left:0;
}
.owl-dot{
    background:#a2a5a7 none repeat scroll 0 0;
    display:inline-block;
    height:6px;
    margin:0 15px;
    vertical-align:middle;
    width:6px;
}
.owl-dot.active{
    height:10px;
    width:10px;
}
/*=============== Newsletter & About ===================*/
.news-and-about{
    float:left;
    position:relative;
    width:100%;
}
.news-and-about:before{
    background:#f0f1f3 none repeat scroll 0 0;
    content:"";
    height:100%;
    width:1px;
    margin-left:-0.5px;
    position:absolute;
    top:0;
    left:50%;
}
.cherri-newsletter{
    float:left;
    padding:60px 50px;
    text-align:center;
    width:50%;
}
.cherri-about{
    float:left;
    padding:60px 50px;
    text-align:center;
    width:50%;
}
.cherri-newsletter > h4{
    color:#2f3132;
    float:left;
    line-height:22px;
    margin-bottom:20px;
    width:100%;
}
.cherri-newsletter > p{
    float:left;
    line-height:30px;
    padding:0 50px;
    width:100%;
}
.cherri-newsletter input{width:70%}
.simple-btn{
    border:0 none;
    color:#fff;
    display:inline-block;
    font-family:raleway;
    font-size:11px;
    font-weight:700;
    height:50px;
    padding:10px 20px;
    text-transform:uppercase;
}
.cherri-newsletter .simple-btn{
    float:right;
    width:28%;
}
.cherri-about > h4{
    color:#2f3132;
    float:left;
    line-height:20px;
    margin-bottom:7px;
    width:100%;
}
.cherri-about > i{
    color:#a2a5a7;
    display:inline-block;
    font-size:11px;
    font-weight:700;
    margin-bottom:20px;
    text-transform:uppercase;
}
.cherri-about > p{
    color:#6e7073;
    float:left;
    line-height:30px;
    width:100%;
}
.cherri-about > a{
    color:#6e7073;
    display:block;
    font-family:raleway;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}
.cherri-about > a svg *{fill:#6e7073}
.cherri-about > a svg{margin-left:5px}
/*=============== Cherri Carousel ===================*/
.cherri-carousel{
    float:left;
    margin-left:-1000px;
    position:relative;
    width:calc(100% + 2000px);
}
.cherri-carousel .cherri-slide:before{
    background:black none repeat scroll 0 0;
    content:"";
    height:100%;
    opacity:0.5;
    width:100%;
    z-index:1;
    position:absolute;
    left:0;
    top:0;
}
.cherri-carousel .center.active .cherri-slide:before{
    opacity:0;
    visibility:hidden;
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
    -webkit-transition-delay:0.5s;
    -moz-transition-delay:0.5s;
    -ms-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s;
}
.cherri-carousel .slide-name{
    opacity:0;
    padding:50px 60px;
    -webkit-transition-delay:0.7s;
    -moz-transition-delay:0.7s;
    -ms-transition-delay:0.7s;
    -o-transition-delay:0.7s;
    transition-delay:0.7s;
}
.cherri-carousel .slide-name:before{display:none}
.cherri-carousel .center.active .slide-name{opacity:1}
.cherri-carousel .slide-name h3{
    font-size:32px;
    line-height:48px;
    padding-bottom:0;
    position:relative;
}
.cherri-carousel .cherri-slide:hover .slide-name h3{
    margin-bottom:50px;
    padding-bottom:20px;
}
.cherri-carousel .slide-name h3:before{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:0;
    opacity:0;
    height:1px;
    background:#FFF;
}
.cherri-carousel .cherri-slide:hover .slide-name h3:before{
    width:100%;
    left:0;
    opacity:0.5;
}
.cherri-carousel .posts-info > ul.meta{
    float:left;
    margin:0;
    width:auto;
}
.cherri-carousel .posts-info > ul li{
    color:#fff;
    font-weight:400;
}
.posts-info > ul li:last-child{margin:0}
.cherri-carousel .posts-info > ul > li > a > svg *{fill:#fff}
.cherri-carousel .posts-info{
    border:0 none;
    bottom:0;
    left:0;
    opacity:0;
    padding:25px 60px;
    position:absolute;
}
.cherri-carousel .cherri-slide:hover .posts-info{
    bottom:35px;
    opacity:1;
}
.cherri-carousel .owl-nav,
.carousel .owl-nav{
    position:absolute;
    top:50%;
    left:0;
    height:0;
    opacity:1;
    padding:0 1050px;
    width:100%;
    z-index:1000;
}
.carousel .owl-nav{padding:0 30px}
.cherri-carousel .owl-nav > div,
.carousel .owl-nav > div{
    background:rgba(0, 0, 0, 0) url("../images/arrow2.png") repeat scroll 0 0;
    color:transparent;
    float:left;
    height:32px;
    margin-top:-16px;
    position:relative;
    width:32px;
}
.cherri-carousel .owl-nav > div.owl-next,
.carousel .owl-nav > div.owl-next{
    float:right;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
/*=============== Cherri Filters ===================*/
.cherri-filters{
    border-bottom:1px solid #f0f1f3;
    float:left;
    margin-bottom:30px;
    padding:35px 0;
    text-align:center;
    width:100%;
}
.cherri-filters > a{
    color:#6e7073;
    display:inline-block;
    font-family:raleway;
    font-size:11px;
    font-weight:700;
    padding:0 20px;
    text-transform:uppercase;
}
/*=============== Cherri Post Full ===================*/
.post-detail > p{line-height:30px}
.rm{
    color:#2f3132;
    display:table;
    font-family:raleway;
    font-size:11px;
    font-weight:800;
    margin-bottom:20px;
    text-transform:uppercase;
}
.cherri-post .posts-info > ul.meta{
    float:left;
    width:auto;
}
.cherri-post .posts-info .meta > li{color:#a2a5a7}
.cherri-post .posts-info ul.meta li a{color:#6e7073}

.cherri-post.full.quote-format{padding:40px}
.link-circle{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}
.link-circle svg *{fill:#fff}
.post-img.layer:before{
    background:#000;
    content:"";
    opacity:0.3;
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
}

/*=============== Cherri Post List View ===================*/
.cherri-post.list{
    display:table;
    -webkit-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    -moz-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    -ms-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    -o-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
}
.cherri-post.list .post-img{
    display:table-cell;
    float:none;
    vertical-align:top;
    width:auto;
}
.cherri-post.list .post-img img{width:auto}
.cherri-post.list .post-detail{
    box-shadow:none;
    display:table-cell;
    float:none;
    padding:20px 39px;
    vertical-align:middle;
}
/*=============== Cherri Modern Slider ===================*/
.cherri-modern-slider{
    float:left;
    margin-top:30px;
    width:100%;
    margin-bottom:-5px;
}
.grid1{
    float:left;
    width:66%;
    padding:0 2.5px;
    margin-bottom:5px;
}
.grid2{
    float:left;
    padding:0 2.5px;
    width:34%;
    margin-bottom:5px;
}
.modern-slide{
    float:left;
    position:relative;
    width:100%;
}
.modern-slide > img{width:100%}
.modern-slide-name{
    background:rgba(0, 0, 0, 0) linear-gradient(transparent, rgba(0, 0, 0, 0.5)) repeat scroll 0 0;
    padding:25px 30px;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}
.modern-slide-name h3{
    color:#fff;
    float:left;
    font-size:20px;
    line-height:32px;
    margin:0;
    width:100%;
}
.modern-slide-name h3 i{
    font-style:italic;
    font-weight:900;
}
.grid2 .modern-slide-name > h3{
    font-size:16px;
    line-height:24px;
}
.modern-slider-wrapper{
    float:left;
    width:100%;
    /*border-bottom:2px solid #d0d4d6;*/
    padding-bottom:60px;
}
.modern-slider-wrapper .owl-dots{bottom:20px}
/*=============== Single Post ===================*/
.cherri-post.single-post{margin:0}
.single-post h3.post-title{
    font-size:24px;
    line-height:40px;
    float:none;
    width:auto;
}
.single-post blockquote{
    border-bottom:1px solid #f0f1f3;
    border-top:1px solid #f0f1f3;
    float:left;
    font-family:playfair display;
    font-size:18px;
    font-style:italic;
    font-weight:600;
    line-height:36px;
    margin:10px 0 30px;
    padding:20px 0 20px 50px;
    position:relative;
    width:100%;
}
.single-post blockquote:before{
    color:#333;
    content:"\f10d";
    font-family:fontawesome;
    font-size:12px;
    font-style:normal;
    font-weight:200;
    left:0;
    position:absolute;
    top:20px;
}
.post-detail .carousel{
    margin-bottom:30px;
    margin-top:10px;
}
.single-post .meta > li{color:#a2a5a7}
.single-post .meta{
    border-bottom:1px solid #f0f1f3;
    margin-bottom:25px;
    padding-bottom:15px;
}
.single-post .tagcloud{
    border-bottom:1px solid #f0f1f3;
    border-top:1px solid #f0f1f3;
    margin:0;
    padding:20px 0 15px;
}
.single-post ul{margin-bottom:20px}
.small-title{
    color:#a2a5a7;
    float:left;
    font-family:raleway;
    font-size:11px;
    font-weight:700;
    margin-right:60px;
    padding:10px 0;
}
.single-post img{max-width:100%}

.share-post{
    float:left;
    padding:20px 0;
    width:100%;
}
.share-post .small-title{margin-right:10px}
.share-post > a{
    border-right:1px solid #f0f1f3;
    color:#a2a5a7;
    float:left;
    font-family:raleway;
    font-size:10px;
    font-weight:800;
    padding:11px 20px;
    text-transform:uppercase;
}
.share-post > a:last-child{border:0 none}
.share-post > a i{
    display:inline-block;
    height:auto;
    margin-right:10px;
    vertical-align:middle;
}
.share-post > a:hover{color:#2f3132}

.single-post .about-widget{
    background:#fdfdff none repeat scroll 0 0;
    border-bottom:1px solid #f0f1f3;
    border-top:1px solid #f0f1f3;
    margin-left:-40px;
    padding:40px;
    width:calc(100% + 80px);
}
.single-post .about-widget .social a{padding:0 10px}

.other-posts-wrapper{
    float:left;
    padding:30px 0 0;
    width:100%;
}
.other-post{
    border-right:1px solid #f0f1f3;
    float:left;
    padding:10px 110px 10px 0;
    width:50%;
}
.other-post > a{
    color:#2f3132;
    float:left;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}
.other-post > a svg{
    float:left;
    margin-right:8px;
    margin-top:3px;
}
.other-post > a svg *{fill:#2f3132}
.other-post h6{
    color:#727477;
    float:left;
    font-size:13px;
    font-weight:800;
    line-height:22px;
    margin:10px 0 0;
    width:100%;
}
.other-post:last-child{
    border:0;
    text-align:right;
    padding:10px 0 10px 110px;
}
.other-post:last-child > a{float:right}
.other-post:last-child > a svg{
    margin-right:0;
    margin-left:8px;
}

.center-title{
    color:#2f3132;
    float:left;
    font-size:20px;
    font-weight:600;
    margin:50px 0;
    text-align:center;
    width:100%;
}
.related{
    float:left;
    width:100%;
}
.related .row{
    display:flex;
    flex-wrap:wrap;
}
.related .col-md-3{
    width:20%;
    display:flex;
}
.related .cherri-post{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
}
.related .post-img{
    height:200px;
    overflow:hidden;
    flex-shrink:0;
}
.related .post-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.related .post-detail{
    padding:30px;
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.related h3.post-title{
    font-size:14px;
    line-height:24px;
    margin:0;
}

.comments-section{
    float:left;
    margin-top:30px;
    width:100%;
    -webkit-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    -moz-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    -ms-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    -o-box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
}
.comments-title{
    border-bottom:1px solid #f0f1f3;
    float:left;
    padding:40px;
    width:100%;
}
.comments-title > h5{
    color:#2f3132;
    float:left;
    font-size:20px;
    margin:0;
}
.comments-title > span{
    color:#a2a5a7;
    float:right;
    font-family:raleway;
    font-size:11px;
    font-weight:800;
    margin-top:7px;
    text-transform:uppercase;
}
.comments-section > ul{padding:40px 40px 0}
.comments-section ul ul{padding-left:100px}
.comments-section > ul li{padding:0}
.comments-section > ul li:before{display:none}
.comment{
    border-top:1px solid #f0f1f3;
    display:table;
    padding:30px 0;
    position:relative;
    width:100%;
}
.comments-section > ul > li:first-child > .comment{border-top:0 none}
.comment > img{
    display:table-cell;
    float:none;
    vertical-align:top;
}
.comment-detail{
    display:table-cell;
    padding-left:20px;
    padding-top:15px;
    vertical-align:middle;
    position:relative;
}
.comment-detail > h6{
    float:left;
    margin:0 0 5px;
    width:100%;
}
.reply{
    color:#a2a5a7;
    font-family:raleway;
    font-size:11px;
    font-weight:800;
    position:absolute;
    right:0;
    text-transform:uppercase;
    top:20px;
}
.reply svg{
    float:left;
    height:auto;
    margin-right:5px;
    width:14px;
}
.reply svg *{fill:#a2a5a7}
.comment-detail .date{
    display:table;
    float:none;
    margin-bottom:15px;
}
.comment-detail p{
    color:#6e7073;
    font-size:14px;
    line-height:30px;
}
.avatar-letter{
    display:table-cell;
    width:80px;
}
.avatar-letter > span{
    background:#d0d4d6 none repeat scroll 0 0;
    color:#fff;
    float:left;
    font-family:playfair display;
    font-size:32px;
    font-weight:700;
    height:80px;
    line-height:75px;
    text-align:center;
    width:80px;
}
.seemore{
    border-top:1px solid #f0f1f3;
    color:#6e7073;
    float:left;
    font-family:raleway;
    font-size:11px;
    font-weight:800;
    padding:30px 0;
    text-align:center;
    text-transform:uppercase;
    width:100%;
}
.seemore svg{margin-left:10px}
.seemore svg *{fill:#6e7073}

.comment-form{
    box-shadow:0 0 3px rgba(3, 3, 3, 0.08);
    float:left;
    margin-top:50px;
    width:100%;
}
.comment-form > form{padding:40px}
form input:focus,
form textarea:focus{
    border-color:#a2a5a7;
    color:#2f3132;
}
.full-btn{
    border:0 none;
    color:#fff;
    float:left;
    font-family:raleway;
    font-size:11px;
    font-weight:700;
    padding:20px;
    text-transform:uppercase;
    width:100%;
}
.border-line{
    background:#f0f1f3 none repeat scroll 0 0;
    float:left;
    height:1px;
    margin-top:50px;
    width:100%;
}
/*=============== Full Width Post ===================*/
.single-post.full-width h3.post-title{
    font-size:32px;
    line-height:48px;
    margin-bottom:25px;
}
.single-post.full-width .post-detail{padding:40px 100px}
p i{font-style:italic}
p strong{font-weight:800}
.single-post.full-width .about-widget{
    margin-left:-100px;
    padding:40px 100px;
    width:calc(100% + 200px);
}
.col-md-12 .comments-section > ul{padding:40px 100px 0}
.col-md-12 .comments-title{padding:40px 100px}
.col-md-12 .comment-form > form{padding:40px 100px}
/*=============== Page Title ===================*/
.page-title{
    float:left;
    width:100%;
}
.page-title-wrapper{
    float:left;
    position:relative;
    width:100%;
}
.page-title-wrapper:before{
    background:#2f3132 none repeat scroll 0 0;
    content:"";
    height:100%;
    left:0;
    opacity:0.7;
    position:absolute;
    top:0;
    width:100%;
}
.page-title-wrapper > img{width:100%}
.page-title-wrapper h1{
    color:#fff;
    font-family:playfair display;
    font-size:48px;
    font-weight:800;
    left:0;
    margin:0;
    padding:0 50px;
    position:absolute;
    text-align:center;
    top:50%;
    width:100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
/*=============== Typography Page ===================*/
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #f0f1f3;
    margin:10px 0 30px;
    padding:0; 
}
.alignleft{
    float:left;
    margin-right:40px;
    margin-bottom:30px;
}
.alignright{
    float:right;
    margin-left:40px;
    margin-bottom:30px;
}
/*=============== Contact Page ===================*/
.contact-info{
    display:inline-block;
    margin:15px 0 10px;
    width:100%;
}
.contact-info strong{
    color:#a2a5a7;
    float:left;
    font-family:raleway;
    font-size:11px;
    font-weight:800;
    margin-bottom:15px;
    text-transform:uppercase;
    width:100%;
}
.contact-info p{
    color:#6e7073;
    line-height:30px;
    margin:0;
}
.contact-info p strong{
    font-size:14px;
    font-weight:800;
    text-transform:capitalize;
}
hr ~ form{margin-top:20px}
/*=============== 404 Error Page ===================*/
.error-page{
    float:left;
    text-align:center;
    width:100%;
}
.error-page h1{
    color:#a2a5a7;
    font-size:200px;
    font-weight:600;
    line-height:170px;
    margin-bottom:50px;
    text-transform:uppercase;
}
.error-page h2{
    font-size:20px;
    margin-bottom:25px;
}
.error-page p{
    color:#6e7073;
    font-size:14px;
    margin-bottom:50px;
}
.error-page .search{margin-bottom:30px}
/*=============== Footer ===================*/
footer{
    float:left;
    width:100%;
	background-color:#f5f6f8;
}
.instagram{
    float:left;
    width:100%;
}
.instagram > ul{
    float:left;
    margin:0;
    padding:0;
    width:100%;
}
.instagram > ul li{
    float:left;
    padding:0;
    width:12.5%;
}
.instagram > ul li:before{display:none}
.instagram > ul li a{
    float:left;
    overflow:hidden;
    width:100%;
}
.instagram > ul li a img{width:100%}
.instagram > ul li a:hover img{
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -ms-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9);
}
/*=============== Bottom Stip ===================*/
.bottom-strip{
    float:left;
    padding:40px 0;
    width:100%;
}
.bottom-strip span{
    color:#6e7073;
    float:left;
    font-family:playfair display;
    font-size:12px;
    font-weight:800;
    padding-top:7px;
}
.bottom-strip .social{float:right}
.social > strong{
    color:#a2a5a7;
    float:left;
    font-size:11px;
    font-weight:700;
    line-height:28px;
    margin-right:10px;
    text-transform:uppercase;
}
.bottom-strip .social a{padding:0 10px}


.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
.tooltip.top{margin-top:-3px;padding:5px 0;}
.tooltip.right{margin-left:3px;padding:0 5px;}
.tooltip.bottom{margin-top:3px;padding:5px 0;}
.tooltip.left{margin-left:-3px;padding:0 5px;}
.tooltip-inner{max-width:200px;padding:8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000000;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000000;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000000;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000000;}


/* ===============================================================
    OWL CAROUSEL STYLING
================================================================*/
.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 - Auto Height Plugin*/.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}/* *  Core Owl Carousel CSS File*/.owl-carousel{display:none;-webkit-tap-highlight-color:transparent;/* position relative and z-index fix webkit rendering fonts issue */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;/* fix for flashing background */-webkit-transform:translate3d(0px, 0px, 0px)}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{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{-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 */.no-js .owl-carousel{display:block}/* *    Owl Carousel - Lazy Load Plugin*/.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 - Video Plugin*/.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-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{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}
@-webkit-keyframes fadeIn{from{opacity:0} to{opacity:1} } @keyframes fadeIn{from{opacity:0} to{opacity:1} } .fadeIn{-webkit-animation-name:fadeIn; animation-name:fadeIn}
@-webkit-keyframes fadeOut{from{opacity:1} to{opacity:0} } @keyframes fadeOut{from{opacity:1} to{opacity:0} } .fadeOut{-webkit-animation-name:fadeOut; animation-name:fadeOut}