/*
Theme Name:    Purity
Theme URI:     http://themeforest.net/user/Ashmawi
Author:        Ashmawi Sami
Author URI:    http://ashmawi.work/
Description:   Purity - A Responsive WordPress Blog Theme
Tags:          one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Version:       1.1
License:       GNU General Public License
License URI:   license.txt
Text Domain:   purity
*/

/*
 * Table of Contents:
 *
 * 1- General & Basic Styles
 * 2- Header
 * 3- Navbar
 * 4- Content
 *  4-1 Post
 *  4-2 Post Formats
 *  4-3 Post/Image/Paging Navigation
 *  4-4 Archives
 *  4-5 Comments
 * 5- navigation
 * 6- Sidebar
 * 7- Widgets
 * 8- Footer
 * 9- About me page
 * 10- Contact me page
 * 11- Slider Post
 * 12- Boxed styles
 * 13- Animated styles
 * -----------------------------------------------------------------------------
 */
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Coustard:400);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
/** 1- General & Basic Styles*/
/**
 * 1. =Resets & Core Elements
 * ----------------------------------------------------------------------------
 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,sub,sup,var,b,hr,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,footer,header,nav,section,summary,time,
mark,audio,video,button,input {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 100%;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    font-family: 'Lora', Arial, sans-serif;
}
html{font-family: 'Lora', Arial, sans-serif;}
body {
    text-transform: none;
    color: #ccc;
    font-family: 'Lora', serif;
    line-height: 1.85em;
    overflow-x: hidden;
}
blockquote p {
    margin: 0 !important;
    color: #999;
}
blockquote {
    margin: 30px 0 !important;
    margin-left: 70px !important;
    display: inline-block;
}
blockquote:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 38px;
    margin-left: -90px;
    margin-top: 0px;
    z-index: 10000;
    background: transparent url(img/quote-icon-brixton.png) 0px top no-repeat;
}
.strip-html iframe {
    max-width: 100%;
}
.required {
    color: red;
}
body img.as_appear {
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
body img {
    opacity: 0;
    height: auto;
}
.featured_title_post,
a {
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
}
/*** Table Styles **/
table {
    background: white;
    margin: auto;
    padding: 5px;
    width: 100%;
    margin: 10px 0;
    border: 1px solid rgba(221, 226, 232, 0.5);
}
table a {
    text-decoration: none !important;
}
table th {
    border-bottom: 1px solid rgba(221, 226, 232, 0.5);
    border-right: 1px solid rgba(221, 226, 232, 0.5);
    font-size: 23px;
    font-weight: 100;
    padding: 10px !important;
    text-align: left;
    vertical-align: middle;
}
table tr {
    border-top: 1px solid rgba(221, 226, 232, 0.5);
    border-bottom-: 1px solid rgba(221, 226, 232, 0.5);
    padding: 10px !important;
}
table tr:first-child {
    border-top: none;
}
table tr:last-child {
    border-bottom: none;
}
table tfoot td.pad {
    border: none !important;
}
table td {
    background: #FFFFFF;
    padding: 10px !important;
    text-align: left;
    vertical-align: middle;
    font-weight: 300;
    font-size: 18px;
    border-right: 1px solid rgba(221, 226, 232, 0.5);
}
table td:last-child {
    border-right: 0px;
}
table th.text-left {
    text-align: left;
}
table th.text-center {
    text-align: center;
}
table th.text-right {
    text-align: right;
}
table td.text-left {
    text-align: left;
}
table td.text-center {
    text-align: center;
}
table td.text-right {
    text-align: right;
}
/*** Definition Lists Styles **/
table dt {
    float: left;
    clear: left;
    text-align: left;
    min-width: 150px;
    font-weight: bold;
    margin-right: 10px;
}
table dt:after {
    content: ":";
}
table dd {
    margin-left: 165px !important;
    padding: 0 0 0.5em 0 !important;
}
/*** abbr Styles **/
abbr {
    position: relative;
    color: #8283df;
}
big {
    text-transform: none;
}
cite {
    font-size: 18px;
}
form.post-password-form label {
    margin-bottom: 0;
}
a {
    color: #7b7b7b;
    text-decoration: none;
}
a:hover {
    color: #8283df;
    text-decoration: none !important;
}
p {
    font-family: 'Lora', Arial, sans-serif;
    padding: 0;
    margin: 0 0 30px 0;
    line-height: 1.85em;
    font-size: 16px;
    color: #777;
    letter-spacing: 0.2px;
    font-weight: normal;
}
.all_content h1,
.all_content h2,
.all_content h3,
.all_content h4,
.all_content h5,
.all_content h6,
.all_content .h1,
.all_content .h2,
.all_content .h3,
.all_content .h4,
.all_content .h5,
.all_content .h6 {
    font-family: 'Coustard', serif;
    letter-spacing: 1px;
    text-transform: none;
    line-height: 1.4;
    font-weight: 400;
    color: #222;
}
/*
3. Loader
* -------------------   */
#loader_body {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f0f1f0;
    z-index: 99999;
}
#loader_body .loader-spinner {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    background-color: #8283df;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    -moz-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale( 0.0);
    }
    100% {
        -webkit-transform: scale( 1.0);
        opacity: 0;
    }
}
@-moz-keyframes scaleout {
    0% {
        -moz-transform: scale( 0.0);
    }
    100% {
        -moz-transform: scale( 1.0);
        opacity: 0;
    }
}
@keyframes scaleout {
    0% {
        transform: scale( 0.0);
    }
    100% {
        transform: scale( 1.0);
        opacity: 0;
    }
}
#loader_body .logo {
    top: 20%;
    position: absolute;
    left: 0;
    right: 0;
}
body #loader_body .logo img {
    opacity: 1 !important;
}
.inner_all_content{
    background-color: #fff;
}
/*Header*/
.header{
    position: relative;
}
.min_top_bar {
    background-color: #ffffff;
    padding: 7px 0px;
    min-height: 55px;
    width: 100%;
    border-top: 1px solid #ebebeb;
    box-shadow: rgba(0, 0, 0, 0.0470588) 0px 3px 3px 0px;
    border-bottom: 1px solid rgb(236, 237, 238);
}
.top_bar a {
    color: #ccc;
}
.top_bar a:hover {
    color: #8283df;
}
.top_bar .social_icon {
    float: right;
    line-height: 45px;
}
.top_bar .social_icon span {
    display: inline-block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 12px;
    margin-right: 3px;
    margin-bottom: 5px;
}
.top_bar .social_icon span a {
    display: block;
    border-radius: 100%;
    height: 100%;
}
/*top search*/
#top_search_ico{
    float: right;
}
#top_search_toggle {
    width: 38px;
    height: 40px;
    line-height: 31px;
    text-align: center;
    margin: 0px 0 0px 5px;
    padding: 5px 10px;
    border-left: 1px solid #ebebeb;
    cursor: pointer;
}
.top_search i,
#top_search_toggle i {
    color: #ccc;
}
.top_search i:hover, 
#top_search_toggle i:hover{
    color: #8283df;
}
#top_search_toggle form {
    margin: 0;
}
.top_search input[type="text"] {
    height: 43px;
}
/*logo*/
.logo.logo_blog_layout {
    text-align: center;
    padding: 10px 0;
}
.logo h3 {
    margin: 10px 0;
    line-height: 30px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 44px;
}
.logo h3 a {
    text-transform: none; // was uppercase
    color: #222;
    text-decoration: none;
}
.header_tagline span {
    margin-top: 10px;
    font-size: 12px;
    text-transform: none; // was caps
}
/*Logo Ads*/
.logo_ads {
    margin: 40px 0;
    display: inline-block;
    width: 100%;
}
.logo_ads .logo.logo_blog_layout {
    display: inline-block;
    max-width: 280px;
    padding: 0;
}
.logo_ads .logo.logo_blog_layout img {
    width: 100%;
}
.logo_ads .ads_block {
    float: right;
}
/*nav_bar*/
#primary_nav_wrap ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    z-index: 1000;
}
#primary_nav_wrap ul a {
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    padding: 0;
    letter-spacing: 0.5px;
    color: #222;
    text-transform: capitalize;
}
#primary_nav_wrap ul a:hover,
.top_second_menu ul a:hover {
    color: #8283df;
}
#primary_nav_wrap ul li {
    position: relative;
    float: left;
    padding: 0px 15px;
    border-right: 1px solid #ebebeb;
}
#primary_nav_wrap ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    text-align: left;
    -moz-transform: translate3d(20px, 0, 0);
    -o-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#primary_nav_wrap ul ul ul{
    border-top: 1px solid #ebebeb;
    margin-top: -1px;
}
#primary_nav_wrap ul li ul li {
    width: 200px;
    margin: 0 0 0px -1px;
    border-right: 1px solid transparent;
    padding: 0;
}
#primary_nav_wrap ul ul a {
    color: #222;
    line-height: normal;
    padding: 8px 10px;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    line-height: 20px;
}
#primary_nav_wrap ul ul ul {
    top: 0;
    left: 100%;
}
#primary_nav_wrap ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.navbar-toggle {
    background-color: #8283df !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-nav {
    background-color: #ccc;
    margin: 0px -15px !important;
}
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot');
    src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype'), url('fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*top_second_menu*/
.top_second_nav {
    float: left;
}
.top_second_menu ul {
    margin: 0;
}
.top_second_menu ul a {
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #555;
    text-transform: capitalize;
}
.top_second_menu .min_second_menu {
    padding: 0px;
    width: 100%;
    line-height: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
    margin-bottom: -8px;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
}
.top_second_menu .social_icon {
    float: right;
    margin: 0px;
}
.top_second_menu .social_icon span{
    margin-right: -4px;
}
.top_second_menu .social_icon a {
    border-left: 1px solid #ebebeb;
    margin: 0;
    width: 38px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    position: relative;
}
/*////////////////////////////////
///////////// Mobile /////////////
////////////////////////////////*/
#search_toggle_top{
    position: absolute;
    top: 39px;
    right: 0;
    display: none;
    z-index: 10000;
}
#search_toggle_top form {
    padding: 0;
    margin: 0;
    max-width: 235px;
    width: 235px;
    background-color: #FFF;
}
#search_toggle_top input {
    height: 40px;
    border: 1px solid #ebebeb;
    padding: 10px;
    outline: 0;
    line-height: 34px;
    width: 100%;
    font-size: 90%;
    margin: 0;
    border-radius: 0;
    vertical-align: baseline;
}
#search_toggle_top input#searchsubmit{
    display: none;
}
.st-trigger-effects {
    width: 25px;
    height: 25px;
    z-index: 150;
    float: right;
    margin: 6px 0px 6px 10px;
    line-height: 30px;
    display: none;
}
.st-trigger-effects button {
    color: #acacac;
    display: inline-block;
    line-height: inherit;
    height: inherit;
    border: 0;
    margin-top: 4px;
    width: 100%;
    background-color: transparent !important;
}
.st-trigger-effects button:focus {
    outline: none !important;
    border: none !important;
}
.st-trigger-effects button:hover {
    background-color: transparent;
}
.st-trigger-effects .icon_bar:before {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    width: 20px;
    background-color: #555;
    bottom: 7px;
}
.st-trigger-effects .icon_bar:after {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    width: 20px;
    background-color: #555;
    bottom: -7px;
}
.st-trigger-effects .icon_bar {
    width: 25px;
    height: 2px;
    display: block;
    position: relative;
    background-color: #555;
}
.trigger_effects {
    z-index: 150;
    float: left;
}
.trigger_effects .st-trigger-effects {
    display: block;
    width: inherit;
    height: inherit;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #ebebeb;
    font-size: 22px;
}
.trigger_effects .st-trigger-effects button {
    outline: none;
    color: #000;
    display: inline-block;
    line-height: 40px;
    height: inherit;
    border: 0;
    width: 100%;
    background-color: transparent;
}
.trigger_effects .st-trigger-effects button:hover {
    color: #8283df;
    background-color: transparent;
}
.inner_mobile_menu {
    padding: 30px;
    display: none;
}
.inner_mobile_menu .logo {
    margin: 0px 0 40px 0;
    text-align: center;
    display: block;
}
.mobile_menu_button {
    float: right;
}
.mobile_menu_button .top_search,
.mobile_menu_button .column {
    float: right;
}
.mobile_menu_button button {
    padding: 5px 9px;
    color: #acacac;
    background-color: #f8f7f7;
    border-radius: 3px;
    display: inline-block;
    line-height: initial;
    height: inherit;
    border: 0;
    margin-right: 5px;
}
.mobile_primary_nav ul ul {
    margin-left: 20px;
}
.inner_mobile_menu .mobile_primary_nav li a {
    color: #222;
    display: block;
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding: 10px 0;
}
.inner_mobile_menu .mobile_primary_nav li a:hover {
    color: rgba(0, 0, 0, 0.5);
}
.mobile_social_and_search {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    text-align: center;
}
.mobile_social_icon span {
    padding: 0 5px;
}
.mobile_menu_button .search_toggle_top {
    top: 83px;
    right: 0;
    width: 100%;
}
.mobile_menu_button .search_toggle_top form {
    width: 100%;
    max-width: inherit;
}
#mobile_primary_nav,
#mobile_primary_nav ul,
#mobile_primary_nav ul li,
#mobile_primary_nav ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
#mobile_primary_nav {
    color: #ffffff;
    display: none;
}
#mobile_primary_nav ul ul {
    display: none;
    padding-left: 20px;
}
#mobile_primary_nav > ul > li.active > ul {
    display: none;
}
.align-right {
    float: right;
}
#mobile_primary_nav > ul > li > a {
    border-top: 1px solid #eaeaea;
    padding: 10px 30px;
    cursor: pointer;
    z-index: 2;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#mobile_primary_nav {
    border-bottom: 1px solid #eaeaea;
}
#mobile_primary_nav ul > li.has-sub > a:after {
    position: absolute;
    right: 34px;
    top: 18px;
    z-index: 5;
    display: block;
    height: 10px;
    width: 2px;
    background: #7b7b7b;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
#mobile_primary_nav ul > li.has-sub > a:before {
    position: absolute;
    right: 30px;
    top: 22px;
    display: block;
    width: 10px;
    height: 2px;
    background: #7b7b7b;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
#mobile_primary_nav ul > li.has-sub.open > a:after,
#mobile_primary_nav ul > li.has-sub.open > a:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#mobile_primary_nav ul ul li a {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 30px;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#mobile_primary_nav ul ul ul li a {
    padding-left: 32px;
}
#mobile_primary_nav ul ul > li.has-sub > a:after {
    top: 18px;
    right: 34px;
    background: #7b7b7b;
}
#mobile_primary_nav ul ul > li.has-sub > a:before {
    top: 22px;
    background: #7b7b7b;
}
/*News Layout*/
.logo_block {
    padding: 70px 0;
    display: inline-block;
    width: 100%;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
/*////////posts_sidebar////////*/
.main_grid_layout {
    padding: 10px 0;
}
.main_grid_layout .as_post .sticky:after,
.as_post .sticky:after {
    background-color: transparent;
    border-color: #FF3333;
    border: 15px solid #FF3333;
    border-bottom-color: transparent;
    top: 0;
    content: "";
    position: absolute;
    z-index: 9;
    margin-left: 10px;
}
.list_layout .as_post .sticky:after {
    background-color: transparent;
    border-color: #FF3333;
    border: 15px solid #FF3333;
    border-bottom-color: transparent;
    top: 0;
    position: absolute;
    z-index: 9;
    content: "";
    margin-left: -50px;
}
.gallery-caption {}
.bypostauthor {}
/*////////article////////*/
.archive_areaa {
    padding: 30px;
}
.archive_areaa .post_header{
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}
.posts_areaa article.as_post,
.archive_areaa article.as_post {
    display: block;
    padding: 40px;
    border-bottom: 1px solid #ebebeb;
}
.layout_right_sidebar .posts_areaa, 
.layout_right_sidebar .archive_areaa{
    margin: 0 -1px;
    border-right: 1px solid #ebebeb;
}
.layout_left_sidebar .posts_areaa, 
.layout_left_sidebar .archive_areaa{
    margin: 0 -1px;
    border-left: 1px solid #ebebeb;
}
.main_page {
    margin-bottom: 0;
    display: inline-block;
    border-bottom: 1px solid #ededed;
    width: 100%;
}
.main_page p{
    font-size: 15px;
}
.as_content p {
    margin: 10px 0;
}
.about_content ul li,
.as_content ul li {
    list-style: none;
}
.about_content a,
.as_content a {
    text-decoration: underline;
    color: #8283df;
}
.about_content ul,
.as_content ul {
    margin-left: 45px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.about_content ol,
.as_content ol {
    margin-bottom: 5px;
    margin-top: 5px;
}
.about_content ul li:before,
.as_content ul li:before {
    content: "";
    display: block;
    float: left;
    margin-top: 0.75em;
    margin-left: -20px;
    width: 5px;
    height: 5px;
    vertical-align: middle;
    background-color: #8283df;
}
.about_content,
.as_content {
    line-height: 1.85em;
    margin: 0 0 30px 0;
    font-size: 16px;
    color: #888;
    letter-spacing: 0.2px;
    font-weight: normal;
}
.about_content p, .as_content p{
    font-size: 16px;
}
article.as_post .as_thumb_post {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 30px;
}
article.as_post .gallery_post .as_thumb_post{
    margin-bottom: 0;
}
article.as_post .link_post .as_thumb_post,
article.as_post .quote_post .as_thumb_post {
    background-color: rgba(0, 0, 0, 0.51);
}
article.as_post .as_thumb_post img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
}
article.as_post .quote_post .as_thumb_post,
article.as_post .link_post .as_thumb_post {
    display: inherit;
}
a.more-link {
    display: none;
}
.about_content strong,
.as_content strong,
.page_content strong {
    color: #222;
}
.video_post .as_thumb_post {
    max-height: inherit !important;
}
.as_top_post {
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: center;
}
.inner_single span.as_date_post{
    text-transform: capitalize;
}
.as_title_and_meta {
    margin: 10px 0;
}
.as_title_and_meta h1.as_title{
    margin: 10px 0;
    line-height: 1;
}
.grid_layout .as_title_and_meta h1.as_title{
    line-height: 1.4;
}
.as_top_post .as_admin_pic {
    float: left;
    width: 70px;
    margin-right: 20px;
}
.as_top_post .as_admin_pic img {
    width: 100%;
    border-radius: 3px;
}
.as_top_post .as_title_and_meta h1 a,
.as_top_post .as_title_and_meta h4 a,
.post_related_grid .as_title_and_meta h3 a {
    margin: 0;
    padding: 0;
    color: #000;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}
.as_top_post .as_title_and_meta h1 a:hover,
.as_top_post .as_title_and_meta h4 a:hover,
.post_related_grid .as_title_and_meta h3 a:hover {
    color: #8283df;
}
.as_top_post .as_title a {
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}
.as_meta_post {
    color: #ccc;
    font-size: 14px;
    text-transform: capitalize;
}
.as_meta_post li {
    margin: 0 3px;
    list-style: none;
    display: inline-block;
}
.as_meta_post a{
    color: #7d7d7d;
    font-size: 14px;
    padding: 0 1px;
    letter-spacing: 0.5px;
}
.as_meta_post a:hover{
  color: #8283df;
}
span.as_date_post{
  text-transform: uppercase;
}
.as_meta_post a i:hover {
    color: #8283df;
}
.as_meta_post i {
    margin-right: 0px;
    color: #ccc;
}
.as_main_post_content {
    width: 100%;
    display: inline-block;
}
.as_post .as_bottom_post {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px 0 0 0px;
}
.as_bottom_post .as_icon_shere {
    float: right;
}
.as_icon_shere .Share_sto {
    font-size: 14px;
    margin-right: 5px;
}
.as_icon_shere {
    text-align: center;
    float: right;
}
.as_read_more {
    display: inline-block;
    position: relative;
}
.as_read_more a {
    padding: 8px 20px;
    border: 1px solid #ebebeb;
    font-weight: 600;
    border-radius: 200px;
}
.as_read_more a:hover {
    color: #8283df;
    border: 1px solid #8283df;
}
.social_icon_share span {
    margin-left: 10px;
}
.post_icon_shere {
    float: left;
}
.post_icon_shere .post_share span {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    margin-right: 3px;
    margin-bottom: 0px;
}
.post_icon_shere .post_share span a {
    display: block;
    border-radius: 100%;
    height: 100%;
    border: 1px solid #ebebeb;
    color: #ccc;
}
.post_icon_shere .post_share span a:hover {
    background-color: #8283df;
    border: 1px solid #8283df;
    color: #fff;
    text-decoration: none
}
.post_icon_shere .share_toggle {
    cursor: pointer;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    margin-left: 10px;
    margin-bottom: 0px;
    float: left;
    border-radius: 100%;
    border: 1px solid #ebebeb;
}
.post_icon_shere .share_toggle i {
    display: block;
    height: 100%;
    line-height: 35px;
    color: #ccc;
}
.post_icon_shere .post_share {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
    visibility: hidden;
    display: inline-block;
}
.post_icon_shere .post_share.share_active {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
    opacity: 1;
    visibility: visible;
}
.post_share_t {
    display: inline-block;
    position: relative;
}
.post_share_t span a, .post_share_mob span a {
    color: #ccc;
    margin: 0 10px;
    display: inline-block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    border-radius: 100%;
}
.post_share_t span a:hover {
    color: #8283df;
}
.post_share_mob{display: none;}
/*post related block*/
ul.post_related_block{
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 30px 0 0 0; 
    color: #7b7b7b;
}
ul.post_related_block li{
    list-style: none;
    text-transform: capitalize;
}
/* ---- Grid Layout ---- */
.col-md-12 .grid_post{
    width: 31.9%;
}
.main_grid_layout .col-md-12 .as_top_post .as_title_and_meta h1{
    font-size: 21px;
    margin: 0;
    letter-spacing: 0.8px;
}
.layout_right_sidebar .col-md-8 .grid_post,
.layout_left_sidebar .col-md-8 .grid_post{
    width: 48%;
}
.grids_layouts {
    position: relative;
    width: 100%;
    display: inline-block;
}
.grid_layout {
    position: inherit !important;
}
.grid_post ul.post-categories {
    display: inline-block;
}
.grid_post ul.post-categories li {
    list-style: none;
    display: inline-block;
}
.col-md-12 .post_related_grid {
    float: left;
    width: 33.33333%;
}
.col-md-8 .post_related_grid {
    float: left;
    width: 50%;
}
.main_grid_layout .pager {
    margin-top: 0;
}
.main_grid_layout .as_top_post .as_title_and_meta h1{
    font-size: 22px;
}
.main_grid_layout .posts_areaa article.as_post,
.main_grid_layout .archive_areaa article.as_post{
    padding: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}
.main_grid_layout .as_post .as_bottom_post{
    margin: 20px 0;
    padding: 0;
}
.main_grid_layout .as_title_and_meta{
    margin: 10px 0 0 0;
}
.main_grid_layout .post_share_t{
    display: none;
}
.main_grid_layout .as_meta_post{
    display: none;
}
.main_grid_layout .quote_post .as_thumb_post{
    padding: 30px;
}
.main_grid_layout .link_title span{
    font-size: 12px;
}
.pager li > a,
.pager li > span {
    border-radius: 20px !important;
    background-color: transparent !important;
}
.pager li > a:hover,
.pager li > span:hover{border: 1px solid #8283df;}
.main_grid_layout .video_post .as_top_post:before,
.main_grid_layout .audio_post .as_top_post:before {
    top: -9px;
}
.main_grid_layout .as_top_post .as_title_and_meta h4 {
    margin: 0;
    padding: 0;
}
.main_grid_layout .link_post .as_thumb_post {
    padding: 30px;
}
.main_grid_layout .video_post .embed-responsive-16by9 {
    padding-bottom: 55%;
}
ul.grid_meta {
    color: #ccc;
    font-size: 14px;
    margin: 10px 0;
    text-align: center;
}
ul.grid_meta li {
    list-style: none;
    display: inline-block;
    margin: 0 5px 0 0;
}
ul.grid_meta li:last-child {
    margin: 0 0 0 5px;
}
ul.grid_meta li span {
    color: #ccc;
    text-transform: capitalize;
}
ul.grid_meta li span a {
    color: #7d7d7d;
}
ul.grid_meta li span a:hover {
    color: #8283df;
}
/*related_grid*/
.related_grid .post_share_t span a,
.grid_post .post_share_t span a {
    margin: 0 2px;
}
.related_grid .as_read_more:before,
.related_grid .as_read_more:after,
.grid_post .as_read_more:before,
.grid_post .as_read_more:after {
    width: 10px;
}
.related_grid article.as_post{
    padding: 20px;
    border: 1px solid #ebebeb;
    margin: -1px -1px 0 0;
}

.related_grid .post_related_grid:last-child article.as_post{
    padding: 20px;
    border: 1px solid #ebebeb;
    margin: -1px -2px 0 0;
}

.post_related_grid h3{
    font-size: 18px;
}
.related_grid .as_thumb_post{
    margin: 0 !important;
}
.related_grid .as_main_post_content{
    text-align: center;
}
.related_grid .post_share_t{display: none;}
.related_grid .as_content{
    margin: 0 0 10px 0 !important;
}
.related_grid .as_post .as_bottom_post{
    padding: 20px 0 10px 0px !important;
}
/*////////List Layout////////*/
.list_layout .as_bottom_post {
    margin: 0;
}
.list_layout .as_content p{margin: 10px 0;}
.col-md-12.list_layout .list_thum img {
    width: 100%;
    height: 100%;
}
.list_layout .list_thum.thum_left {
    float: left;
}
.list_layout .list_thum.thum_right {
    float: right;
}
.list_layout .list_thum {
    line-height: 0;
    position: relative;
    overflow: hidden;
    background-color: #000;
    max-width: 380px;
    max-height: 380px;
}
.list_layout .list_thum img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.list_layout .list_content {
    display: table-cell;
    vertical-align: middle;
}
.list_layout .list_thum.thum_right{
    margin-left: 20px;
}
.list_layout .list_thum.thum_left{
    margin-right: 20px;
}
.list_layout .as_top_post {
    margin: 0;
    padding: 0;
    text-align: left;
}
.list_layout .as_read_more {
    display: block;
}
.list_layout .list_content .as_read_more a {
    float: left;
    padding: 5px 15px;
}
.list_layout .list_content .as_read_more:before,
.list_layout .list_content .as_read_more:after {
    display: none;
}
.list_layout ul.grid_meta {
    text-align: left;
}
.list_layout .as_main_post_content {
    padding: 0;
}
.list_layout .as_post .as_main_post_content .as_content {
    margin: 0 0 30px 0;
}
.list_layout .as_post .as_bottom_post {
    border: none;
    padding: 0;
}
.list_layout .as_title h4 {
    margin: 0;
    font-size: 24px;
}
.list_layout .as_title h4 a {
    color: #222;
}
.list_layout .audio_post .embed-responsive-16by9 {
    padding-bottom: 70%;
}
.list_layout .as_title_and_meta {
    background-color: inherit;
    padding: 0;
}
.list_layout article.as_post {
    margin-bottom: 0;
}
.list_layout .related_grid article.as_post {
    margin-bottom: 30px;
}
.list_layout .related_grid .as_read_more {
    display: inline-block;
}
.list_layout .related_grid .as_post .as_bottom_post {
    padding: 0 20px 20px;
}
/*////////slider_post////////*/
ul.post-slid-post {
    margin: 0;
}
ul.post-slid-post li{
    list-style: none;
}
/*.post-slid-post .owl-prev,.post-slid-post .owl-next{
    width: 50%;
    display: inline-block;
    background-color: #ebebeb;
    text-transform: capitalize;
}*/
#inner_slider .owl-prev,
.post-slid-post .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    z-index: 9999;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    opacity: 0;
    left: -30px;
    background: url(img/arr.png) no-repeat 0 0;
}
#inner_slider .owl-next,
.post-slid-post .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    z-index: 9999;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    opacity: 0;
    right: -30px;
    background: url(img/arr.png) no-repeat -30px 0;
}
#inner_slider:hover .owl-prev, 
.gallery_post:hover .owl-prev {
    opacity: 9;
    left: 30px;
}
#inner_slider:hover .owl-next,
.gallery_post:hover .owl-next {
    opacity: 9;
    right: 30px;
}

.post-slid-post .owl-item {
    overflow: hidden;
}

.owl-pagination {
    display: none;
}

/*////////link_post////////*/
.link_title span {
    text-transform: inherit;
    font-style: italic;
}
.link_post .as_thumb_post {
    background-color: #8283df;
    padding: 50px;
}
.link_post .as_thumb_post .link_title a {
    color: #fff;
    text-transform: capitalize;
}
/*////////audio_post////////*/
.audio_post .soundaudio .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 30px !important;
}
.audio_post .soundcloud .embed-responsive-16by9  {
    padding-bottom: 56% !important;
    margin: 0px;
}
.audio_post audio {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}
/*////////quote_post////////*/
.quote_post .as_thumb_post {
    background-color: #8283df;
    padding: 50px;
}
.quote_title,
.link_title {
    text-align: left;
}
.quote_title,
.link_title h3 {
    color: #fff;
    margin-top: 0;
}
.quote_post .as_thumb_post .quote_title a {
    color: #fff;
    display: inline-block;
    text-transform: capitalize;
}
.quote_post .as_thumb_post .quote_title h3 {
    color: #fff;
    font-size: 19px;
    margin-top: 0;
}
.quote_post .quote_title span{
    font-style: italic;
}
.link_post .overflo,
.quote_post .overflo {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/*////////SINGLE POST////////*/
.as_tags {
    margin: 0;
    color: #ccc;
    float: left;
}
.inner_single article.as_post .post_wrapper{
    padding: 0 30px;
}
.inner_single .tagcloud a {
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 10px !important;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #f1f2f6;
    color: #343334;
    padding: 5px 10px;
    margin-right: 5px;
    margin-top: 0px;
    display: inline-block;
    border-radius: 100px;
}
/*Tag_article*/
.share_article .tagcloud{
    text-align: left;
}
.inner_single .tagcloud a:hover {
    background-color: #8283df;
    color: #fff !important;
}
.meta-nav-holder {
    border-bottom: 1px solid #ebebeb;
    padding: 30px;
    width: 100%;
    position: relative;
}
.meta-nav h4 {
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.meta-nav-right {
    text-align: right;
}
.meta-nav-left {
    text-align: left;
}
.meta-nav-left h4 {
    margin-top: 0px;
}
/*////////share_article////////*/
.post_content_container + .share_article {
    width: auto;
    max-width: 100%;
    margin: 0 0 50px;
    float: none;
    text-align: center;
}
.share_article {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 30px;
    text-align: center;
}
.share_article.simple {
    padding: 0;
    background: none;
    text-align: left;
}
.share_article h6 {
    margin-bottom: 15px;
    line-height: 1;
    text-transform: uppercase;
}
.share_article .social {
    display: inline-block;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 0 14px 0 50px;
    position: relative;
    border-radius: 100px;
    width: 49%;
    margin: 0 0 4px;
    text-align: right;
}
.share_article .social .fa {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    line-height: 30px;
    text-align: center;
}
.share_article .social.facebook {
    background: #3b5998;
}
.share_article .social.facebook:hover {
    background: #324c82;
    color: #fff !important;
}
.share_article .social.google-plus {
    background: #dd4b39;
}
.share_article .social.google-plus:hover {
    background: #d33724;
    color: #fff !important;
}
.share_article .social.linkedin {
    background: #007bb6;
}
.share_article .social.linkedin:hover {
    background: #006697;
    color: #fff !important;
}
.share_article .social.pinterest {
    background: #cb2027;
}
.share_article .social.pinterest:hover {
    background: #b11c22;
    color: #fff !important;
}
.share_article .social.twitter {
    background: #00aced;
}
.share_article .social.twitter:hover {
    background: #0096ce;
    color: #fff !important;
}
.share_article .social.instagram {
    background: #3f729b;
}
.share_article .social.instagram:hover {
    background: #366285;
    color: #fff !important;
}
.share_article .social.vk {
    background: #45668e;
}
.share_article .social.vk:hover {
    background: #3b5779;
    color: #fff !important;
}
.share_article .social.tumblr {
    background: #35465c;
}
.share_article .social.tumblr:hover {
    background: #2a3749;
    color: #fff !important;
}
.share_article .social.xing {
    background: #cfdc00;
}
.share_article .social.xing:hover {
    background: #b2bd00;
    color: #fff !important;
}
.share_article .social.soundcloud {
    background: #f80;
}
.share_article .social.soundcloud:hover {
    background: #e07800;
    color: #fff !important;
}
.share_article .social.dribbble {
    background: #ea4c89;
}
.share_article .social.dribbble:hover {
    background: #e73177;
    color: #fff !important;
}
.share_article .social.youtube {
    background: #e52d27;
}
.share_article .social.youtube:hover {
    background: #d41f1a;
    color: #fff !important;
}
.share_article .social.spotify {
    background: #7ab800;
}
.share_article .social.spotify:hover {
    background: #669900;
    color: #fff !important;
}
.share_article .social.behance {
    background: #1769ff;
}
.share_article .social.behance:hover {
    background: #0057f7;
    color: #fff !important;
}
.share_article .social.deviantart {
    background: #4e6252;
}
.share_article .social.deviantart:hover {
    background: #405144;
    color: #fff !important;
}
@media only screen and (min-width: 48.063em) {
    .share_article .social {
        width: auto;
        margin: 0;
    }
}
/* Author Info */
.author_info {
    display: inline-block;
    padding: 50px 20px;
    margin-bottom: 30px;
}
.author_image {
    overflow: hidden;
    float: left;
    width: 120px;
    height: 120px;
    text-align: center;
}
.author_image a {
    overflow: hidden;
    display: block;
    max-width: 120px;
    border-radius: 50%;
}
.author_image img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.author_name {
    overflow: hidden;
    float: left;
    padding: 21px 15px 0;
    text-align: left;
}
.author_info_label {
    line-height: 20px;
    font-size: 12px;
    color: rgba(51, 51, 51, 0.5);
}
h5.author-name {
    margin: 0 0 9px;
    text-transform: uppercase;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 2px;
}
.author_icons a {
    margin: 0 5px 10px;
}
.author_bio {
    overflow: hidden;
    padding-top: 19px;
    line-height: 26px;
    font-size: 14px;
}
.author_areaa .author_info{
    padding: 30px 30px;
    margin-bottom: 0;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
}


/*////////single related posts////////*/
.single_related_posts,
.conmments_block{
    padding: 30px;
    border-bottom: 1px solid #ebebeb;
}
#respond{
    padding: 30px 30px 0px 30px;
    border-bottom: none;
}
#respond p.form-submit{
    margin-bottom: 30px;
}
.post_title h4 {
    margin: 0;
    font-size: 16px;
    text-transform: capitalize;
    color: #263241;
}
.post_title {
    margin-bottom: 20px;
    padding-bottom: 10px;
}
#post_related_block {
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    width: 100%;
}
.layout_right_sidebar #post_related_block .img_box,
.layout_left_sidebar #post_related_block .img_box{
    max-height: 200px;
}
#post_related_block .img_box {
    max-height: 280px;
    overflow: hidden;
}
#post_related_block .item {
    list-style: none;
    overflow: hidden;
    position: relative;
}
#post_related_block .item img {
    width: 100%;
    height: auto;
}
#post_related_block h5 {
    margin: 0 0 5px 0;
    padding: 0;
}
#post_related_block a {
    color: #fff;
}
.single_related_title {
    background-color: rgba(0, 0, 0, 0.49);
    position: absolute;
    bottom: -30px;
    color: #ddd;
    width: 100%;
    padding: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#post_related_block .item:hover .single_related_title {
    bottom: 0px;
}
#post_related_block .owl-buttons {
    position: absolute;
    top: -57px;
    right: 0px;
    text-transform: capitalize;
}
#post_related_block .owl-buttons div {
    color: #343334;
    display: inline-block;
    zoom: 1;
    margin-left: 5px;
    padding: 5px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #f1f2f6;
    line-height: normal;
}
#post_related_block .owl-buttons div:hover {
    background-color: #8283df;
    color: #fff;
}
/*////////Conmments Block////////*/
.conmments_block {
    font-size: 15px;
    font-weight: normal;
    line-height: 170%;
}
.conmments_block #respond {
    background-color: inherit;
    box-shadow: none;
    padding: 0;
    margin-top: 30px;
}
/*////////Comment List////////*/
.commentlist li {
    list-style: none;
}
.commentlist li.comment,
.commentlist li.comment ul.children li.comment {
    border-bottom: 1px solid #ecedee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.commentlist li.comment li.comment,
.commentlist > li.comment:last-child,
.commentlist > li.comment:last-child .comment-body,
.commentlist li.comment ul.children li.comment:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.commentlist li.comment .comment-body {
    margin-bottom: 20px;
}
.commentlist li.comment .comment-body p {
    margin-bottom: 0;
}
.commentlist ul.children {
    padding-left: 20px;
    margin-top: 20px;
    border-top: 1px solid #ecedee;
    padding-top: 20px;
}
.commentlist li.comment .comment-body .avatar {
    height: 70px;
    width: 70px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    border-radius: 100%;
}
.commentlist .comment-body .avatar img {
    width: 100%;
}
.commentlist li.comment .comment-body .comment-text {
    overflow: hidden;
    height: 100%;
}
.commentlist li.comment .comment-body .comment-text .author {
    margin-bottom: 10px;
}
.commentlist li.comment .comment-body .comment-text .author span {
    display: inline-block;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 600;
}
.commentlist li.comment .comment-body .comment-text .author div.date {
    text-transform: uppercase;
    font-style: italic;
}
.comment-meta {
    float: left;
}
.comment-reply {
    float: right;
}
.comment-edit-link,
.comment-reply-link {
    float: right;
    font-size: 12px;
    padding: 7px;
    margin-left: 10px;
    line-height: normal;
    height: auto;
    display: block;
    background-color: #8283df;
    color: #fff;
    border-radius: 3px;
}
.comment-reply a:hover {
    background-color: #263241;
    color: #fff;
}
.cancel-comment-reply a {
    margin-bottom: 20px;
}
.comment-form .form-input {
    position: relative;
}
.comment-form .form-input i {
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 15px;
    z-index: 1;
    color: #7b7b7b;
}
.contact-form .form-input i {
    top: 35px;
}
.wpcf7 form p {
    font-size: 14px;
}
.wpcf7 form textarea {
    height: 150px;
    width: 100%;
}
.comment-form .form-input input,
.comment-form .form-input textarea {
    padding-left: 30px;
    margin-bottom: 20px;
    width: 45%;
}
.comment-form .form-input textarea {
    height: 160px;
    width: 100%;
    line-height: inherit;
    padding-top: 7px;
    border: 1px solid rgba(221, 226, 232, 0.5);
}
.comment-form {
    margin: 0 30px;
}
/*////////Comment Respond////////*/
#respond .reply-title {
    margin-bottom: 16px;
}
#respond .reply-title h4 {
    margin: 0;
}
#respond .form-item {
    margin: 15px 0;
}
#respond .form-item textarea {
    width: 100%;
    height: 120px;
}
#respond .form-item input {
    width: 100%;
}
#respond .form-actions {
    margin: 15px 0;
}
#respond .form-actions .awe-btn {
    width: 100%;
}
#respond form {
    margin-bottom: 0;
}
#respond {
    display: block;
    margin-bottom: 0;
}
#respond .comment-form {
    margin: 0;
}
#respond h3 {
    margin: 0;
}
.logged-in-as a,
.moderation,
.comment-reply-title small a {
    color: #8283df;
}
.comment-reply-title small a {
    margin-bottom: 10px;
    display: inline-block;
}
/*////////Sidebar////////*/
.main_content {
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}
.layout_right_sidebar .sidebar.col-md-4{
    padding-right: 12px;
}
.inner_footer {
    margin-left: 20px;
}
.layout_left_sidebar .inner_sidebar .widget,
.layout_right_sidebar .inner_sidebar .widget{
   border-bottom: 1px solid #ebebeb;
}
.layout_left_sidebar .inner_sidebar .widget{
    border-right: 1px solid #ebebeb;
}
.layout_right_sidebar .inner_sidebar .widget{
    border-left: 1px solid #ebebeb;
}
.layout_left_sidebar .inner_sidebar .widget:last-child,
.layout_right_sidebar .inner_sidebar .widget:last-child{
    margin-bottom: -1px;
}

.layout_right_sidebar .inner_single{
    border-right: 1px solid #ebebeb;
    margin-right: -1px;
}
.layout_left_sidebar .inner_single{
    border-left: 1px solid #ebebeb;
    margin-left: -1px;
}
.inner_single{
    border-bottom: 1px solid #ebebeb;
    padding: 20px;
}
.inner_sidebar .widget {
    color: #ccc;
    padding: 30px 20px;
}
.inner_sidebar .widget_rss li {
    border: none;
}
.inner_sidebar .widget_rss cite {
    color: #ccc;
}
.inner_sidebar .widget:last-child {
    margin-bottom: 0px;
}
.widget h4 {
    padding: 0;
    margin: 0px 0px 20px !important;
    text-transform: capitalize;
    font-size: 16px;
    color: #555;
}
.widget .widget_title {
    color: #263241;
}
footer .widget_title:before {
    margin-left: 0;
}
.inner_sidebar .widget a:hover,
.inner_footer .widget a:hover {
    color: #8283df;
}
.layout_right_sidebar .list_thum ,.layout_left_sidebar .list_thum {
    display: none;
}
/***********out_sidebar***********/
.out_side {
    overflow-y: auto;
    overflow-x: hidden;
}
.out_sidebar .inner_sidebar .widget {
    color: #ccc;
    margin-bottom: 0;
    padding: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #ebebeb;
}
.out_side .social_icon span {
    display: inline-block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 12px;
    margin-right: 3px;
    margin-bottom: 5px;
}
.out_side .social_icon span a {
    border: 1px solid #ebebeb;
    color: #ccc;
    display: block;
    border-radius: 100%;
    height: 100%;
}
.out_side .social_icon span:hover a {
    color: #8283df;
    border: 1px solid #8283df;
}
.out_sid_pos.out_sid_pos_Left .out_side {
    left: 0px;
}
.out_sid_pos.out_sid_pos_Right .out_side {
    right: -17px;
}
.out_sid_pos.out_sid_pos_Right .out_side.mobile_menu {
    -o-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    webkit: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.mobile_menu.out_side-open .out_sid_pos.out_sid_pos_Right .mobile_menu.out_side {
    visibility: visible;
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.out_side .social_icon {
    padding: 30px;
    display: none;
}
.out_side-open .st_pusher:hover {
    cursor: url('img/cursor-close.png'), default;
}
/***************widget************/
.widget li {
    list-style: none;
    border-bottom: 1px solid rgba(221, 226, 232, 0.5);
    padding-bottom: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 100%;
    font-weight: 600;
    text-transform: capitalize;
}
.widget ul,
.widget ol {
    margin: 0;
    padding: 0;
}
.widget li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.widget .widget_categories li span {
    margin-left: 10px;
}
.widget select {
    width: 100%;
}
.widget_categories li i,
.widget_archive li i {
    float: right;
    margin-left: 10px;
    font-size: 14px;
    line-height: 20px;
}
/*//////// widget_categories ////////*/
.widget_archive li,
.widget_categories li {
    text-align: right;
}
.widget_archive li a,
.widget_categories li a {
    position: relative;
    float: left;
}
.widget_categories ul.children {
    margin-left: 10px;
    font-size: 12px;
}
/*//////// widget_archive ////////*/
.widget_categories .screen-reader-text,
.widget_archive .screen-reader-text {
    margin-right: 10px;
}
/*//////// tagcloud ////////*/
.widget .tagcloud a{
    font-size: 10px !important;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #7d7d7d;
    border: 1px solid #ebebeb;
    padding: 5px 10px;
    margin-right: 5px;
    margin-bottom: 8px;
    display: inline-block;
    border-radius: 3px;
    line-height: normal;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s
}
.widget .tagcloud{margin: 8px 0;}
.widget .tagcloud a:hover{
    background-color: #8283df;
    border: 1px solid #8283df;
    color: #fff !important;
}
/*//////// widget newsletter ////////*/
.widget_newsletter form {
    margin-bottom: 0;
}
.widget_newsletter input {
    margin-bottom: 20px;
}
.widget_newsletter button span,
.widget_newsletter button i {
    color: #fff;
    text-transform: capitalize;
}
/*//////// Widget Nav Menu ////////*/
.widget_nav_menu .sub-menu {
    font-size: 12px;
}
.widget_nav_menu .sub-menu a {
    margin-left: 10px;
}
.widget_nav_menu li:last-child {
    border: none !important;
}
.widget_pages li:last-child {
    border: none !important;
}
/*//////// Search ////////*/
.widget_search form {
    margin: 0;
    position: relative;
}
.widget_search input:last-child {
    margin-bottom: 0;
}
.widget_search .button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    border-radius: 200px;
    border: none;
    color: #7b7b7b;
    background-color: transparent;
    border: 1px solid #d1d1d1;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s
}
.widget_search .button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    border: 1px solid #8283df;
    color: #8283df;
}
.widget_search label.screen-reader-text {
    display: none;
}
.widget_search input#searchsubmit {
    max-width: 100px;
    min-width: inherit;
    position: absolute;
    top: 0px;
    right: 0px;
}
.widget_search input {
    background-color: #fff;
    border-radius: 100px;
    padding: 0 20px;
    font-size: 12px;
    width: 100%;
    color: #7b7b7b;
    border: 1px solid #d1d1d1;
}
.widget_search input:hover{
    border: 1px solid #8283df;
    color: #8283df;
}
.not_found{
    padding: 30px 20px 0px 30px;
    margin: 0;
}
/*//////// widget_advertisement ////////*/
.ads_wid {
    text-align: center;
}
.ads_w img {
    width: 100%;
}
.purity_300x250_widget .adds300x250{
    text-align: center;
}
/*//////// start calendar widget ////////*/
.widget_calendar table {
    width: 100%;
}
.widget_calendar {
    width: 100%;
}
.widget_calendar a {
    color: #8283df;
}
table#wp-calendar {
    width: 100%;
    margin: 0;
}
#wp-calendar thead {
    font-size: 10px;
    color: #fff;
}
#wp-calendar thead th {
    padding: 5px 0px !important;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    border-right: 1px solid rgba(221, 226, 232, 0.2);
    border-bottom: 1px solid rgba(221, 226, 232, 0.2);
}
#wp-calendar thead th:last-child {
    border-right: 0;
}
#wp-calendar tbody {
    color: #aaa;
}
#wp-calendar tbody td {
    border-right: 1px solid rgba(221, 226, 232, 0.2);
    text-align: center;
    padding: 5px !important;
    font-size: 15px !important;
    font-weight: 400;
    color: #999;
}
#wp-calendar tbody tr:first-child td.pad {
    border-right: 1px solid rgba(221, 226, 232, 0.2);
}
#wp-calendar tbody .pad {
    background: none;
}
#wp-calendar tfoot #next {
    font-size: 15px;
    text-transform: uppercase;
    padding: 5px;
    text-align: right;
}
#wp-calendar tfoot #prev {
    font-size: 15px;
    text-transform: uppercase;
    padding: 5px;
    border: transparent;
}
#wp-calendar tbody td a {
    font-weight: 600;
}
table#wp-calendar tr {
    border-top: 1px solid rgba(221, 226, 232, 0.2) !important;
}
.widget_container caption {
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 12px;
    background-color: #26BDEF;
    padding: 2px 12px;
    color: #fff;
}
/*//////// widget recent post ////////*/
.widget_recent_post .widget_post_thumbnail {
    float: left;
    height: 80px;
    margin-right: 10px;
    width: 80px;
    overflow: hidden;
}
.widget_recent_post .widget_post_thumbnail img {
    width: auto;
    height: 100%;
}
.widget_recent_post h5 {
    margin: 0;
}
.widget_post_info .post_meta {
    margin-top: 0;
    font-size: 12px;
    font-weight: 400;
}
.widget_post_info .post_meta span {
    margin-right: 10px;
}
.widget_post_info .post_meta a {
    color: #ccc;
}
/*//////// widget recent comments ////////*/
.widget_recent_comments .widget_post_thumbnail {
    float: left;
    height: 80px;
    margin-right: 10px;
    width: 80px;
    overflow: hidden;
}
.widget_recent_comments .comment-author a {
    color: #BCC2CE;
}
.widget_recent_comments .comment-c {
    display: block;
    font-weight: 600;
}
/*//////// widget text ////////*/
.logo_widget {
    margin: 20px 0;
}
.widget_text .textwidget {
    overflow: hidden;
    font-weight: 100;
}
.widget_text .textwidget img {
    max-width: 100%;
}
.widget_text .textwidget select {
    width: 100%;
}
.widget_text .textwidget option {
    width: 100%;
}
.widget_social_icon {
    margin-top: 20px;
    text-align: center;
}
.widget_social_icon span {
    padding: 5px;
}
.textwidget i {
    margin-right: 5px;
}
/*//////// instagram feed ////////*/
.instagram-title {
    position: absolute;
    z-index: 100;
    opacity: 0.95;
    color: #ffffff;
    padding: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 14px;
}
.instagram-title h3 {
    position: relative;
    display: inline-block;
    z-index: 1;
    vertical-align: middle;
    font-size: 14px;
    background-color: #fff;
    margin: 0;
    color: #7b7b7b;
    padding: 18px 30px;
}
.instagram-title h3 a {
    color: #000;
    text-transform: capitalize;
}
.instagram-title h3 a:hover {
    color: #8283df;
}
.social_feed.instagram_feed {
    display: inline-block;
    position: relative;
    padding: 50px;
    margin-bottom: -8px; 
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
}
.instagram-list {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 0;
}
.instagram-list li {
    width: 19.99%;
    display: inline;
    float: left;
    position: relative;
    margin: 0;
}
.instagram-list li img {
    opacity: 1;
    width: 100%;
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    -webkit-backface-visibility: hidden;
}
.instagram-list li .img-overlay {
    height: 100%;
    background-color: rgba(36, 36, 36, 0.5);
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}
.instagram-list li:hover .img-overlay {
    background-color: rgba(36, 36, 36, 0.0);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
/*//////// widget_social_profile ////////*/
.widget_purity_social_profile {
    display: inline-block;
    width: 100%;
}
.widget_purity_social_profile .widget_title:after {
    content: "";
    width: 30px;
    height: 1px;
    background: #e4e4e4;
    display: block;
    float: right;
    margin-top: 14px;
    margin-left: 16px;
}
.widget_purity_social_profile .widget_title {
    position: relative;
    float: left;
    margin-top: 7px;
    margin: 0 !important;
}
.widget_purity_social_profile .social-icons {
    float: right;
    margin-right: -4px;
}
.widget_purity_social_profile .social-icons a {
    text-align: center;
    color: #ccc;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 100%;
    border: 1px solid #ebebeb;
    display: inline-block;
    margin-left: 3px;
}
.widget_purity_social_profile .social-icons a:hover {
    border: 1px solid #8283df;
}
/*//////// Flickr Badge Image ////////*/
.inner_sidebar .widget.purity_Flickr {
    display: inline-block;
    width: 100%;
}
.purity_flickr {
    display: inline-block;
    width: 100%;
}
.widget .flickr_badge_image {
    float: left;
    width: 75px;
    background-color: #000;
}
.widget .flickr_badge_image:nth-child(4n+0) {
    margin-right: 0px;
}
.widget .flickr_badge_image img {
    width: 75px;
    height: 75px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.widget .flickr_badge_image img:hover {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8;
}
/*//////// Slid Widget ////////*/
.slid_widget_dribbble li {
    margin: 0px;
    padding: 0px;
}
.slid_widget_dribbble img {
    width: 100%;
}
/*//////// Widget About Me ////////*/
.widget_about_me {
    text-align: center;
}
.widget_about_me .my_pic img {
    width: 60%;
    border-radius: 100%;
}
.widget_about_me .my_name h4 {
    margin: 20px 0 10px !important;
    border: none;
    padding: 0px;
    font-size: 20px;
}
.widget_about_me .my_words p {
    margin: 10px 0 20px;
}
.widget_about_me .social_icon a {
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #ebebeb;
    color: #ccc;
    width: 33px;
    height: 33px;
    line-height: 33px;
    margin: 0 3px;
}
.widget_about_me .social_icon a:hover {
    border: 1px solid #8283df;
}
/*//////// widget twitter ////////*/
.widget.widget_twitter li a {
    color: #40bff5;
}
/*//////// Social Counter ////////*/
.widget_social_counter {
    margin-bottom: -15px;
}
.widget_social_counter .social_counter_count {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2em;
    color: #333333;
    margin-top: 5px;
}
.social_counter {
    width: 47%;
    margin-right: 3%;
    min-width: 135px;
    display: inline-block;
    float: left;
    margin-bottom: 15px;
}
.social_counter_icon {
    float: left;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #EEEEEE;
    color: #333333;
    text-align: center;
    margin-right: 18px;
}
.social_counter_icon i {
    line-height: 50px;
    font-size: 18px;
}
.social_counter_count,
.social_counter_count,
.social_counter_icon {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.social_counter_twitter .social_counter_icon {
    background-color: #55ACEE;
    color: #FFFFFF;
}
.social_counter_twitter:hover .social_counter_icon {
    background-color: #88C4F3;
}
.social_counter_twitter:hover .social_counter_count {
    color: #55ACEE;
}
.social_counter_facebook .social_counter_icon {
    background-color: #3D62B3;
    color: #FFFFFF;
}
.social_counter_facebook:hover .social_counter_icon {
    background-color: #7791C9;
}
.social_counter_facebook:hover .social_counter_count {
    color: #3D62B3;
}
.social_counter_instagram .social_counter_icon {
    background-color: #2D6B94;
    color: #FFFFFF;
}
.social_counter_instagram:hover .social_counter_icon {
    background-color: #6C97B4;
}
.social_counter_instagram:hover .social_counter_count {
    color: #2D6B94;
}
.social_counter_youtube .social_counter_icon {
    background-color: #CC181E;
    color: #FFFFFF;
}
.social_counter_youtube:hover .social_counter_icon {
    background-color: #DB5D61;
}
.social_counter_youtube:hover .social_counter_count {
    color: #CC181E;
}
.social_counter_googleplus .social_counter_icon {
    background-color: #D34836;
    color: #FFFFFF;
}
.social_counter_googleplus:hover .social_counter_icon {
    background-color: #E07E72;
}
.social_counter_googleplus:hover .social_counter_count {
    color: #D34836;
}
.social_counter_soundcloud .social_counter_icon {
    background-color: #1BB6EC;
    color: #FFFFFF;
}
.social_counter_soundcloud:hover .social_counter_icon {
    background-color: #5FCBF1;
}
.social_counter_soundcloud:hover .social_counter_count {
    color: #1BB6EC;
}
.social_counter_counter {
    float: left;
    display: inline-block;
}
.social_counter_unit {
    margin-top: 2px;
    font-size: 12px;
    font-style: italic;
    line-height: 1em;
    color: #999999;
}
/*/////////////login ////////////*/
.widget_login form {
    margin: 0;
}
.widget_login form p {
    font-size: inherit;
}
.widget_login input {
    width: 100%;
    margin-bottom: 0px;
}
.widget_login input.button {
    margin-bottom: 0px;
}
.login-remember {
    display: inline-block;
    position: relative;
}
.login-remember label {
    display: block;
}
.login-remember label input {
    width: inherit;
    margin: 0 5px 0 0
}
/*//////// footer ////////*/
.footer a:hover {color: #8283df}
.footer span a {color: #7b7b7b;}
.inner_footer {padding: 40px 0 50px;}
.inner_footer h4 {
    padding-bottom: 10px;
    margin: 0px 0px 20px;
}
footer.main_footer{
    border: 1px solid #ebebeb;
}
.main_footer .widget {
    padding: 30px 30px;
    margin-right: -1px;
}
/*//////// copyright ////////*/
.hmztop {
    background-color: #3B3B3B;
    background-image: url(./img/arrow.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 999999999999999;
    width: 40px;
    height: 40px;
    text-indent: -99999px;
    position: fixed;
    bottom: -100px;
    right: 1%;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    overflow: auto;
    border-radius: 3px;
}
.hmztop:hover {
    background-color: #8283df;
}
.copyright .social_icon {
    float: none;
}
.copyright {
    text-align: center;
    padding: 7px 0;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.copyright a {
    color: #888;
}
.news_layout .copyright {
    text-align: left;
    padding: 20px;
}
.news_layout .copyright .social_icon {
    float: right;
}
.news_layout .copyright p {
    float: left;
}
.news_layout .copyright .social_icon {
    margin: 0;
}
.copyright p {
    margin: 0;
    font-size: 12px;
}
.footer .social_icon span {
    display: inline-block;
    margin-right: 20px;
    padding: 30px 0;
}
.footer .social_icon span i {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    margin-right: 10px;
    border: 1px solid #ebebeb;
    float: left;
    color: #7b7b7b;
}
.footer .social_icon {
    text-align: center;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.footer .social_icon span strong {
    display: block;
    text-transform: capitalize;
}
.footer .social_icon a {
    display: inline-block;
    position: relative;
    line-height: 16px;
}
.footer .social_icon .det_ico {
    position: relative;
    display: inline-block;
    text-align: left;
    text-transform: capitalize;
}
/*//////// Page ////////*/
.standard_page .main_page {
    font-size: 15px;
    font-weight: normal;
    line-height: 170%;
    padding: 20px;
    display: inline-block;
}
.standard_page h1,
.standard_page h2,
.standard_page h3,
.standard_page h4,
.standard_page h5,
.standard_page h6 {
    margin: 15px 0;
}
.content li {
    list-style: none;
}
/*//////// About Me ////////*/
.about_me .about_pic img {
    width: 100%;
}
.about_content {
    margin: 0;
    display: inline-block;
}
.post_header {
    text-align: center;
    padding:20px 0;
    margin-bottom: 30px;
}
.post_header h1 {
    font-size: 24px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0px;
}
.title_divider {
    border-top: 2px solid;
    display: block;
    max-width: 48px;
    margin: 5px auto 0px;
    color: #161616;
}
.inform_about {
    padding: 0px 30px 30px 30px;
}
.about-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 25px;
    padding-bottom: 10px;
    position: relative;
}
.about-title::after {
    background: none repeat scroll 0 0 #ddd;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100px;
}
/*//////// Author List ////////*/
.main_page.author_list {
    padding: 30px;
}
.author_list .authorAvatar {
    float: left;
    margin-right: 20px;
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
}
.authorAvatar img {
    width: 100%;
}
.author_list .authorInfo .social_icon {
    float: right;
}
.author_list .social_icon span a {
    background-color: #ccc;
}
.author_list .social_icon a {
    color: #fff;
}
.main_author {
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.main_author:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}
.authordescrption {
    margin: 0;
}
.authorname {
    margin: 0;
}
/*////////////////404/////////////*/
.not-found-content h1 {
    font-size: 170px;
    line-height: initial;
    margin: 0;
    font-weight: 800;
}
.text-center {
    margin-bottom: 100px;
}
.back-to-home a {
    font-size: 10px !important;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #ccc;
    color: #fff;
    padding: 6px 8px 7px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 3px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s
}
.back-to-home a:hover {
    background-color: #8283df;
    color: #fff;
}
/*//////// Animated styles ////////*/
.animated .widget,
.animated .as_post,
.animated .block_posts,
.animated .main_page {
    opacity: 0;
}
.su-custom-gallery {
    margin-bottom: 0.1em !important;
}
.su-custom-gallery-slide {
    margin: 0 !important;
}
.su-custom-gallery-slide img {
    border: none !important;
    border-radius: none !important;
}
.su-custom-gallery-slide img:hover {
    border: none !important;
    border-radius: none !important;
}
#gallery-1 img {
    border: none !important;
}
#gallery-1 dl.gallery-item {
    margin: 0px !important;
    padding: 3px !important;
}
#gallery-1 .gallery-caption {
    font-size: 14px;
    padding: 5px 10px;
    background-color: #eee;
}
#gallery-1 .gallery-item {
    overflow: hidden;
    max-height: 350px;
}
#gallery-1 img {
    width: 100% !important;
    height: 100%;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.wp-caption p.wp-caption-text {
    margin-top: 5px !important;
    padding: 0 5px;
}
.wp-caption {
    padding: 5px 3px 5px !important
}
/*////////////////////////////////
////// Widget Top Area ///////////
////////////////////////////////*/
.blog_widget_top_area {
    margin-bottom: 50px;
}
.inner_blog_widget_top_area {
    position: relative;
    margin: 0;
}
.box_banner_widget {
    max-height: 300px;
    min-height: 280px;
    height: 280px;
}
.box_banner_widget:hover h3 {
    top: 75%;
}
.box_banner_widget {
    position: relative;
    width: 100%;
}
.box_banner_widget .box_banner_img {
    position: relative;
    height: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.box_cat_link {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.blog_widget_top_area .box_banner_widget .box_banner_img {
    width: 100%;
}
.box_banner_widget h3 {
    background-color: rgba(0, 0, 0, 0.4);
    text-align: center;
    width: 100%;
    color: #fff;
    padding: 0 20px;
    margin: 0;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 80%;
}
.blog_widget_top_area h3:after {
    margin: 10px auto;
    content: '';
    height: 2px;
    width: 30px;
    background-color: #8283df;
    display: block;
    margin-top: 5px;
}
.blog_widget_top_area .over_img {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.49);
    bottom: 0px;
    left: 0;
    top: 0;
    right: 0;
}
.banner_widget {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.05);
}
.banner_widget:hover .over_img {
    background-color: transparent;
}

/* pagination */
/* ////////////////////// */
/*standard_pagination*/
.standard_pagination a,.pagination_post a{
    margin: 30px 0;
}
.pagination_post .pager {
    margin: 0;
}
/* Infinite Scroll loader */
#infscr-loading {
    text-align: center;
    z-index: 100;
    position: absolute;
    bottom: -25px;
    width: 200px;
    padding: 10px;
    background: #000;
    opacity: 0.8;
    color: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#infscr-loading img {
    display: none;
}
.infinite_pagination .pager li {
    display: none;
}
.standard_pagination .pager span.load_more_aj {
    display: none;
}
.infinite_pagination .pager span.load_more_aj a {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}
body #postswrapper img {
    opacity: 1;
}
.layout_left_sidebar #infscr-loading {
    right: 0;
}
.layout_right_sidebar #infscr-loading {
    left: 0;
}
/*alp_Zoom*/
.overlay:hover img.alp_zoom {
    -webkit-transform: scale(1.3) rotate(9deg);
    transform: scale(1.3) rotate(9deg);
}
#featured_post .item img,
article.gpost .overlay img {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
p.sorry_no_posts{
    padding: 50px;
    position: relative;
    text-align: center;
}

/*/////////////////////////////////////////*/
/*/////////////// Changelog ///////////////*/
/*/////////////////////////////////////////*/

/*//////////////////////////////*/
/*Version 1.1 – 26 September 2016*/
/*//////////////////////////////*/
.about_content {padding: 20px;}
.inner_single iframe{max-width: 100%;}
@media only screen and (max-width: 768px){
    .logo.logo_blog_layout img{
        padding: 0 20px;
        max-width: 100%;
    }
}

/*///// Mian Slider /////*/
 #inner_slider{
    padding: 20px;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
 #inner_slider .item img{
    display: block;
    width: 100%;
    height: auto;
}
.feat-item {
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
}
.feat-overlay {
    height: 100%;
    background:rgba(0,0,0,0.20);
    padding: 150px 0;
    vertical-align: middle;   
    text-align:center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.feat-inner {
    max-width:60%;
    margin:0 auto;
}
.feat-overlay .cat a {
    display:inline-block;
    margin:0 3px 0px;
    color:#fff;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:2px;
    padding-bottom:2px;
}
.feat-overlay h2 {
    color:#fff;
    font-size:24px;
    line-height:1.4em;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:16px;
}
.feat-overlay h2 a {
    color:#fff;
    display:block;
}
.feat-title-divider {
  border-top:2px solid;
  display: block;
  max-width: 48px;
  margin: 0 auto 26px;
  color: #fff;
}
.feat-more {
    color:#fff;
    padding:10px 12px 10px 13px;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:2px;
    border:2px solid #fff;
    display:inline-block;
    -o-transition:.25s;
    -ms-transition:.25s;
    -moz-transition:.25s;
    -webkit-transition:.25s;
    transition:.25s;

}
.feat-more:hover {
    background:#fff;
    color:#000;
}
