/*
Theme Name: Fashionate
Theme URI: https://www.themexpert.com/wordpress-themes/free-fashion-blog-wordpress-theme
Author: ThemeXpert
Author URI: https://www.themexpert.com
Description: Selecting a well-structured WordPress theme helps your fashion blog to rank well on major search engines. Fashionate is simple and easy to use, clean WordPress theme perfectly fit on your blog website.
Version: 1.1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fashionate
Tags:left-sidebar, right-sidebar, featured-images, theme-options, featured-image-header, post-formats, sticky-post, custom-logo, threaded-comments, custom-background, custom-header, custom-menu		

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

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

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

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

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


html {
	font-family:  'Open Sans',sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

.panel{background-color: transparent;}

div.wpcf7-validation-errors {
    border: 2px solid transparent;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active, a:hover, a:focus {
    outline: none;
    text-decoration: none;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	margin: 0.67em 0;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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


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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
	color: #747473;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	line-height: 24px;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6{
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote, q {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

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

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

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

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

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

ul,
ol {
	margin: 0;
	padding:0;
	list-style-position: inside;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

.input {
    padding-left: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #00a0d2;
    border-radius: 0;
    background: #00a0d2;
    box-shadow: none;
    color: #fff;
    font-size: 12px;
    font-size: 14px;
    line-height: 1;
    padding: 13px 25px;
    text-shadow: none;
    text-transform: uppercase;
   
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #00a0d2;
    box-shadow: none;
    background: #fff;
    color: #00a0d2;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #00a0d2;
    box-shadow: none;
    background: #fff;
    color: #00a0d2;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
    width: 100%;
    border-radius: 0;
    font-size: 14px;
}



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

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
a:hover{
	text-decoration: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation
 {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

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

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

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

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	background: #fff;
	padding:0px 25px 25px;
}

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.page .entry-content{
	background-color: #fff;
	padding: 20px;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

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

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


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


.nav-links span, .nav-links a {
    padding: 10px 15px;
    border: 1px solid #ddd;
    transition: all 0.3s ease;
    background-color: #fff;
}

.nav-links span:hover, .nav-links a:hover, .page-numbers.current{
    background: #47C2DC;
    color:#fff;
    border-color: #47C2DC;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

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

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

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

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

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

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

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

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





/*Theme main stylesheet*/



.navbar-default .navbar-brand {
    color: #777;
    max-width: 400px;
    padding:0 15px;
}

/*social colors*/
.social-menu {
    padding: 7px 0 0; 
}
  .social-menu li {
    display: inline-block; }
    .social-menu li a {
      color: #444;
      display: block;
      font-size: 11px;
      padding: 14px 10px;
      transition: all 0.3s ease-in; }
      .social-menu li a:hover {
        color: #00a0d2; }

.tx-logo {
  margin-top: -8px; }
  .navbar-nav{
  	margin:5px 0;
  }
  .site-title{
  	 margin: -5px 0 0;
  }
  .site-description{
  	 margin-bottom:0;
  }

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text, .navbar-nav > li > a, .dropdown-menu > li > a {
  font-weight: bold; }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .nav > li > a:focus, .nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: #00a0d2;
  background: rgba(255, 255, 255, 0); }

.dropdown-menu {
  font-size: 13px; }
  .dropdown-menu > li {
    padding: 7px 0; }

.navbar {
	 border-radius: 0;
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 2px;}

.tx-sticky-part {
  margin-top: 60px; }

.tx-sticky-description {
  background: #fff;
  margin-left: -15px;
  padding: 6% 40px;
  text-align: center;
  height: 350px; border: 1px solid #f7f7f7;}

.home-sticky {
  max-height: 300px;
  overflow: hidden;
  margin-bottom: 45px; }

.tx-sticky-description, .sticky-slide {
  transition: all 0.3s ease-in-out;
  box-shadow: 0 1px 5px rgba(17, 34, 51, 0.1); }

.tx-blog-section {
  margin-top: 45px; }

.site-footer {
  margin-top: 50px;
  background: #EAEAEA; }

.gl-copy-right {
  margin-top: 25px;
  font-size: 13px;
  line-height: 20px; }

  .gl-copy-right span{
    display: block;
  }

.tx-cat-details {
  background: #fff;
  margin: 35px 12px -15px;
  padding: 25px;
  position: relative;
  text-align: center;
  z-index: 10;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 1px 5px rgba(17, 34, 51, 0.1); }
  .tx-cat-details .label-primary {
    transition: all 0.3s ease-in; }
    .tx-cat-details .label-primary:hover {
      background: #00a0d2; }

  .tx-cat-details h1 {
    margin: 12px 0; }

.cat-img {
    margin-bottom: 35px;
    max-height: 150px;
    overflow: hidden; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background: #00a0d2;
  border: #00a0d2; }

.pagination li {
  display: inline-block;
  margin-left: 12px; }

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.pagination li a {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  z-index: 2;
  color: #fff;
  background-color: #00a0d2;
  border-color: #ddd; }

/*blog section*/
.post-link {
  margin-top: 15px; }

.list-blog {
    margin-bottom: 20px;
}
 
/*
.single-blog:first-child {
  margin-top: 0; }*/

 .shadow-box {
  background: #fff;
  padding: 10px 30px 100px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 1px 5px rgba(17, 34, 51, 0.1);
  z-index: 100;
  position: relative;
}
.format-gallery  .shadow-box,
.format-video  .shadow-box,
.format-image  .shadow-box,
.format-audio  .shadow-box,
.format-link  .shadow-box {
	margin: 0 15px;
	position: relative;
}

.entry-gallery, .entry-video, .entry-image, .entry-audio, .entry-link{
    max-height: 350px;
    overflow: hidden;
    margin-bottom: -60px;
}
.entry-link{
	background-color: #fff;
	padding: 50px 20px 80px;
}


.entry-content:hover .shadow-box {
  box-shadow: 0 25px 55px rgba(17, 34, 51, 0.1); }

.shadow-box:hover {
    box-shadow: 0 25px 55px rgba(17, 34, 51, 0.1); }

.entry-header {
  padding-bottom: 25px; }

.entry-meta {
  font-size: 13px;color: #9e9e9e; }
.entry-meta a {
    color: #9e9e9e; }

.entry-meta a:hover {
    color:#00a0d2; }

.df-post .shadow-box {
  margin: 0; }

img.attachment-post-thumbnail {
  position: relative;
  margin-bottom: -22px;
  z-index: -1; }

.has-post-thumbnail .shadow-box {
    margin: 0 15px;
}



.format-video .post-time, .format-audio .post-time {
  top: -50px; }

.format-video embed,
.format-video iframe,
.format-video object, .format-audio embed,
.format-audio iframe,
.format-audio object {
  width: 100%; }


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

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding: 5px;
	position: relative;
}

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

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

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

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

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

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

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

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


.video-embed-container {
  position: relative;
  padding-bottom: 56.2%;
  height: 0;
  overflow: hidden; }

.video-embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.audio-embed-container iframe {
  width: 100%;
  height: 100%;
  margin-bottom: -7px; }

.media .media-left img {
  max-width: inherit; }

embed,
iframe,
object {
  max-width: 100%; }

/*link post format*/
.format-link .post-content a {
  display: block;
  font-size: 25px;
  color: #444;
  font-weight: 500;
  line-height: 50px; }
  .format-link .post-content a:before {
    font-family: FontAwesome;
    content: "\f0c1";
    padding-right: 20px; }

/*post formant*/
/*gallery*/
.format-gallery .owl-nav {
  opacity: 0;
  transition: all 0.3s ease-in; }

.format-gallery .owl-carousel:hover .owl-nav {
  opacity: 1; }

.format-gallery .owl-carousel-left,
.format-gallery .owl-carousel-right {
  position: absolute;
  top: 42.5%;
  color: #fff;
  background-color: rgba(8, 8, 8, 0.41);
  height: 58px;
  width: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 32px; }
  .format-gallery .owl-carousel-left i,
  .format-gallery .owl-carousel-right i {
    margin-top: 10px;
    color: #f5f5f5; }

.format-gallery .owl-carousel-right {
  right: 0; }

.single-blog .format-gallery .gallery-caption {
	  bottom: 5px;
	}

.format-gallery .gallery-caption {
  position: absolute;
  color: #fff;
  background-color: rgba(106, 180, 47, 0.53);
  bottom: 39px;
  display: block;
  text-align: center;
  padding: 10px;
  width: auto; 
}



/*format quote*/
.format-quote .post-content blockquote p:before {
  font-family: FontAwesome;
  content: "\f10d";
  font-size: 25px;
  padding-right: 20px;
  display: block; }

.format-quote .post-content blockquote cite {
  display: block;
  margin-top: 25px; }
  .format-quote .post-content blockquote cite a {
    color: #444; }

.format-gallery .entry-header, .format-audio .entry-header, .format-video .entry-header, .format-image .entry-header {
  box-shadow: none; }

.post-image {
  max-height: 350px;
  overflow: hidden;
  margin-bottom: -60px;position: relative;    z-index: 99;}
  .post-image img {
    width: 100%; }

.ar-social-share a {
  border: 1px solid #fff;
  padding: 8px;
  margin: 5px;
  display: inline-block;
  background: #fff;
  color: #00a0d2; }
  .ar-social-share a:visited {
    color: #00a0d2; }
  .ar-social-share a:hover {
    color: #444; }
  .ar-social-share a:first-child {
    margin-left: 0; }

.tx-single-blog-share {
  padding-left: 0; }


/*comments css*/
/*!
 * Comments.
 */

.comments-area {
    background-color: #fff;
    padding: 10px 40px;
}
.comments-area .reply a {
    border: 1px solid #ddd;
    padding: 6px 15px;
    margin: 8px 0;
    display: inline-block;
    transition: all 0.3s ease;
}

.comments-area .reply a:hover {
	background-color: #00a0d2;
	color:#fff;
	transition: all 0.3s ease;
	text-decoration: none;
	border-color:#00a0d2;
}

.comments-area .comment-list > .comment .comment-reply-link:hover, 
.comments-area .comment-list > .comment .comment-reply-link:focus, 
.comments-area .comment-list > .pingback .comment-reply-link:hover, 
.comments-area .comment-list > .pingback .comment-reply-link:focus{
	text-decoration: none;
}


.comments-area .comment-list,
.comments-area .comment-respond {
  margin-bottom: 60px; }

.comments-area .form-submit {
  margin-bottom: 0; }

.comments-area .comment-title,
.comments-area .comment-reply-title {
  font-weight: 500;
  margin-bottom: 23px; }

.comments-area .comment-list,
.comments-area .children {
  list-style: none;
  padding: 0; }

.comments-area .comment-list .comment-respond,
.comments-area .children .comment-respond {
  border-top: 1px solid #EFEFEF;
  padding-top: 30px;
  margin: 30px 0 0; }

.comments-area .children {
  margin-top: 30px; }

@media (min-width: 600px) {
  .comments-area .children {
    margin-left: 100px; } }

.comments-area .children > .comment {
  border-top: 1px solid #EFEFEF;
  padding: 30px 0; }

.comments-area .children > .comment:last-child {
  padding-bottom: 0; }

.comments-area .comment-list > .comment,
.comments-area .comment-list > .pingback {
  border-bottom: 1px solid #EFEFEF;
  padding: 30px 0; }

.comments-area .comment-list > .comment.bypostauthor,
.comments-area .comment-list > .pingback.bypostauthor {
  background-color: rgba(0, 0, 0, 0.01); }

.comments-area .comment-list > .comment:last-child,
.comments-area .comment-list > .pingback:last-child {
  border-bottom: 0; }

.comments-area .comment-list > .comment .comment-body,
.comments-area .comment-list > .pingback .comment-body {
  padding-left: 70px;
  position: relative; }

@media (min-width: 600px) {
  .comments-area .comment-list > .comment .comment-body,
  .comments-area .comment-list > .pingback .comment-body {
    padding-left: 100px; } }

.comments-area .comment-list > .comment .comment-meta,
.comments-area .comment-list > .pingback .comment-meta {
  margin-bottom: 11px; }

.comments-area .comment-list > .comment .comment-meta .comment-author .fn,
.comments-area .comment-list > .pingback .comment-meta .comment-author .fn {
  font-family: "Dosis", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.125em;
  text-transform: uppercase; }

.comments-area .comment-list > .comment .comment-meta .comment-author .fn a,
.comments-area .comment-list > .pingback .comment-meta .comment-author .fn a {
  color: inherit;
  text-decoration: none; }

.comments-area .comment-list > .comment .comment-meta .comment-author .fn a:hover, .comments-area .comment-list > .comment .comment-meta .comment-author .fn a:focus,
.comments-area .comment-list > .pingback .comment-meta .comment-author .fn a:hover,
.comments-area .comment-list > .pingback .comment-meta .comment-author .fn a:focus {
  color: #00a0d2; }

.comments-area .comment-list > .comment .comment-meta .comment-author .avatar,
.comments-area .comment-list > .pingback .comment-meta .comment-author .avatar {
  border-radius: 50%;
  position: absolute;
  left: 15px;
  width: 70px; }

@media (min-width: 600px) {
  .comments-area .comment-list > .comment .comment-meta .comment-author .avatar,
  .comments-area .comment-list > .pingback .comment-meta .comment-author .avatar {
    width: 70px; } }

.comments-area .comment-list > .comment .comment-meta .comment-metadata .edit-link,
.comments-area .comment-list > .pingback .comment-meta .comment-metadata .edit-link{
  font-style: italic;display: block; }

.comments-area .comment-list > .comment .comment-meta .comment-metadata a,
.comments-area .comment-list > .pingback .comment-meta .comment-metadata a {
  color: inherit;
  text-decoration: none; }

.comments-area .comment-list > .comment .comment-meta .comment-metadata a:hover, .comments-area .comment-list > .comment .comment-meta .comment-metadata a:focus,
.comments-area .comment-list > .pingback .comment-meta .comment-metadata a:hover,
.comments-area .comment-list > .pingback .comment-meta .comment-metadata a:focus {
  color: #fff;
  text-decoration: none; }

.comments-area .comment-list > .comment .comment-content p:last-child,
.comments-area .comment-list > .pingback .comment-content p:last-child {
  margin-bottom: 11px; }

.comments-area .comment-list > .comment .comment-reply-link,
.comments-area .comment-list > .pingback .comment-reply-link {
  font-style: italic;
  text-decoration: none; }

.comments-area .comment-list > .pingback .comment-body {
  padding: 0 20px; }

.comments-area .comment-list > .pingback .comment-body .edit-link{display: block;}
.comments-area .comment-list > .pingback .comment-body .edit-link a{margin:15px 0;}

/*comment form*/
.comment-form label {
  display: block; }
  .comment-form label input {
    width: 50%; }


 .triangle{
    position: absolute;
    width: 0;
    height: 0;;
    border-left: 100px solid #00a0d2;
    border-bottom: 100px solid transparent;
    top:0;
    z-index: 9999;
}

.triangle > span {
    position: absolute;
    top: 20px;
    left: -80px;
    color: #fff;
    font-size: 18px;
}

/*owl cagoule*/
.sticky-slide .owl-nav {
  opacity: 0;
  transition: all 0.3s ease-in; }

.sticky-slide .owl-carousel:hover .owl-nav {
  opacity: 1; }

.sticky-slide .owl-carousel-left,
.sticky-slide .owl-carousel-right {
  position: absolute;
  top: 30%;
  color: #fff;
  background-color: rgba(8, 8, 8, 0.41);
  height: 58px;
  width: 38px;
  text-align: center;
  cursor: pointer;
  font-size: 32px; }
  .sticky-slide .owl-carousel-left i,
  .sticky-slide .owl-carousel-right i {
    margin-top: 14px;
    color: #f5f5f5; }

.sticky-slide .owl-carousel-right {
  right: 0; }

/*Author Bio css*/
.author_bio_section {
  background: none repeat scroll 0 0 #F5F5F5;
  padding: 15px;
  border: 1px solid #ccc;
  margin: 20px 0;
  text-align: left; }

.author_name {
  font-size: 16px;
  font-weight: bold; }

.author_links a {
  color: #00a0d2 !important;
  font-size: 14px !important;
  text-decoration: none; }
  .author_links a:before {
    content: "" !important;
    padding: 0 !important; }

.author_details img {
  border: 1px solid #D8D8D8;
  border-radius: 50%;
  float: left;
  margin: 0 10px 10px 0; }

/*archive title*/
.archive-title, .page-title {
  margin: 20px 0 40px; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: #00a0d2;
  background: rgba(255, 255, 255, 0); }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
    top: 49px;
    left: 20%;
    margin-top: -6px;
    margin-left: 0px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;

 }

.dropdown-submenu> li:hover > .dropdown-menu {
  display: block !important; }






.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #00a0d2; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

.copyright-url {
  font-weight: bold; }


  .pager {
    padding-left: 0;
    margin: 65px 0;
    text-align: center;
    list-style: none;
}

  .pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    transition: all 0.3s ease-in;
}

.pager li>a:focus, .pager li>a:hover {
  	 background-color: #00a0d2;
  	 border-color: #00a0d2;
  	 color:#fff;
  	 transition: all 0.3s ease-in;
  }

/*Global css*/
.page-header {
    border-bottom: 1px solid #b9b0b0;
    background-color: #fff;
    padding: 10px 20px 0;
    margin: 0;
}

.label-primary {
  background: #00a0d2;
  padding: 4px 10px;
  font-size: 11px;
  text-transform: capitalize; }

.pt-30 {
  padding-top: 30px; }

 .details-content p {
    margin: 20px 0 0 0;
}

.details-content img {
    padding: 30px 20px;
}

.top-social-link{padding: 0;}

.pl-0 {
  padding-left: 0; }

.tx-title {
  font-family: 'Playfair Display', serif;
  line-height:34px;
  color: #444;
}

.tx-title a{  color: #444;}

.tx-link:hover .tx-cat-details, .tx-link:focus .tx-cat-details {
      box-shadow: 0 25px 55px rgba(17, 34, 51, 0.1); }

.form-submit .submit, .read-more{
  border: 1px solid #ddd;
  padding: 7px 13px;
  background: #fff;
  color: #444;
  text-decoration: none;
  border-radius: 0; 
  transition: all 0.3s ease;
}

.edit-link a {
    border: 1px solid #ddd;
    padding: 5px 15px;
    background: #fff;
    color: #444;
    text-decoration: none;
    border-radius: 0;
    display: inline-block;
    margin: 15px 0px 0 5px;
    transition: all 0.3s ease; 
}

.search .content-area {
    margin-top: 20px;
}
.page-content {
    color: #fff;
    padding: 20px 0;
}

.form-submit .submit:hover, .form-submit .submit:active, .read-more:hover, .read-more:active,
.edit-link a:hover, .edit-link a:focus{
    background: #00a0d2;
    color: #fff;
    box-shadow: none;
    border-color: #00a0d2;    transition: all 0.3s ease; }

.form-submit .submit {
  box-shadow: none;
  font-size: 15px;
  padding: 10px;
  border-radius: 0;
  transition: all 0.3s ease-in; }

.error-404 {
  text-align: center;
  max-width: 550px;
  margin: 113px auto; }


  .error-404 .page-title {
    padding-bottom: 20px;
    font-size: 110px;
    font-weight: bold;
    color: #00a0d2;
    line-height: 40px; }

  .error-404 .page-content {
  		color:  #444;
  }

  .error-404 .read-more{
    margin: 20px 0;
    display: inline-block;
    padding:10px 13px;
  }


  .error-404 .error-meesage {
    font-weight: bold;
    color: #444;
    text-transform: uppercase; }
  .error-404 .page-content {
    margin-top: 25px; }
    .error-404 .page-content h5 {
      line-height: 45px; }
  .error-404 .custom-search input[type="search"] {
    padding: 10px 0px 10px 10px;
    width: 75%;
    margin: 20px 0; }
  .error-404 .custom-search button {
    background: #fff;
    box-shadow: none;
    border: 1px solid #c2c2c2;
    padding: 12px 15px;
    color: #828282;
    font-size: 16px; }
    .error-404 .custom-search button:hover {
      background: #00a0d2;
      color: #fff;
      text-decoration: none; }
  .error-404 .search-submit, .error-404 .go-home {
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 10px 12px;
    margin: 15px 0;
    display: inline-block;
    color: #fff;
    background: #00a0d2;
    font-weight: 600;
    transition: all 0.3s ease-in; }
    .error-404 .search-submit:hover, .error-404 .go-home:hover {
      background: #fff;
      color: #00a0d2;
      text-decoration: none;
      cursor: pointer; }
  .error-404 .search-submit {
    box-shadow: none;
    padding: 12px 15px 12px 15px; }



.entry-meta span {
  margin-left: 8px; }
  .entry-meta span:first-child {
    margin-left: 0; }

/*post navigation*/
.post-navigation:after, .post-navigation:before {
  content: '';
  display: block;
  clear: both; }

  .nav-links div {
    max-width: 50%; }
  .nav-links::after {
    content: "";
    display: block;
    clear: both; }

.post-nav {
  border: 1px solid #eee;
  background-color: #fff;
  padding: 10px;
  transition: all 0.3s ease-in; }
  .post-nav a {
    color: #444;
    font-weight: 500 !important;
    padding: 0;
    text-decoration: none; }

.not-found .error-404 {
  margin: 0;
  text-align: left; }

.widget {
  margin: 0 0 20px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.6rem;
  padding-bottom: 20px;
  overflow: hidden;
  box-shadow: 0 1px 5px rgba(17, 34, 51, 0.1);
  transition: all 0.3s ease-in-out; }

  .page .widget{
	  margin:20px 0 ;
}
  .widget:hover {
    box-shadow: 0 25px 55px rgba(17, 34, 51, 0.1); }
  .widget ul li {
    padding: 0;
    border-bottom: 1px solid #eee;
    width: 100%; }
    .widget ul li:last-child {
      border-bottom: none; }
    .widget ul li:hover {
      text-decoration: none;
      color: #00a0d2;
      cursor: pointer; }
      .widget ul li:hover a {
        text-decoration: none;
        color: #00a0d2; }
    .widget ul li a {
      color: #444;
      font-size: 13px;
      line-height: 24px;
      font-weight: 300;
      transition: all 0.4s ease-in-out;
      display: flex;
      margin: 10px 0px; }
      .widget ul li a:hover {
        text-decoration: none;
        color: #00a0d2;
        margin-left: 5px; }
      .widget ul li a:before {
        content: "\f105";
        padding-right: 15px;
        font-family: FontAwesome;
        display: inline-block; }
    .widget ul li ul {
      display: none; }

.widget-title {
  line-height: 24px;
  font-size: 22px;
  color: #343434;
  font-weight: 600;
  padding: 0 0 18px;}

.widget a {
  font-weight: 700;
  color: #444; }

.widget ul,
.widget ol {
  padding: 0;
  margin: 1em 0 0;
  list-style-type: none; }

.widget li {
  padding: 1em 0 0; }

.widget li ul,
.widget li ol {
  margin-top: 0; }

.widget li li {
  margin-left: 1.5em; }

.widget_nav_menu ul {
  padding: 10px 0 0; }

.widget_nav_menu a,
.widget_nav_menu li,
.widget_rss li {
  margin-bottom: .5em; }

.widget_rss .rss-date,
.widget_rss cite {
  display: block;
  font-size: 85%; }

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

/* Search widget */
.widget_search .search-submit {
  display: none; }

/*text widget*/
.widget_text {
  font-weight: 300;
  font-size: 13px;
  line-height: 24px;
  color: #616161; }
 .widget_text img {
    display: block;
    padding: 10px 0;
}
/*widget search*/
.widget_search form {
  background: #eee;
  width: 100%;
  padding: 0px 20px;margin: 20px 0 0;}
  .widget_search form button, .widget_search form input[type=search] {
    border: none;
    outline: none;
    box-shadow: none;
    background: #eee;
    color: #343434;
    padding: 0; }
  .widget_search form input[type=search] {
    width: 90%;
    height: 50px; }
    .widget_search form input[type=search]::-webkit-input-placeholder {
      color: #343434; }

/*widget calender*/
#wp-calendar {
  border-collapse: collapse;
  border: 1px solid #eee;
  width: 100%;
  border-top: none; }

#wp-calendar td, #wp-calendar th {
  text-align: center; }

#wp-calendar caption {
  color: #343434;
  padding: 0;
  line-height: 39px;
  font-weight: 500; }

#wp-calendar thead, #wp-calendar tfoot {
  line-height: 33px;
  background: #eee; }

#wp-calendar tbody {
  line-height: 33px; }

#wp-calendar #prev, #wp-calendar #next {
  padding: 0 10px;
  background: #eee; }

#wp-calendar #prev {
  text-align: left; }

#wp-calendar #next {
  text-align: right; }

#wp-calendar tbody td:hover {
  background: #00a0d2;
  color: #fff !important; }

#wp-calendar tbody td:hover a {
  color: #fff !important;
  text-decoration: none; }

#today {
  color: #00a0d2;
  font-weight: bold; }

#wp-calendar tbody .pad, #wp-calendar tbody .pad:hover {
  background: none; }

.widget_rss .widget-title img {
  display: none; }

.widget_rss li {
  margin-bottom: 0.625rem; }

.widget_rss li a {
  display: block;
  font-size: 16px;
  font-weight: bold; }
  .widget_rss li a:before {
    content: '' !important;
    padding: 0 !important; }

.widget_rss li .rss-date {
  display: inline-block;
  margin-right: 0.5rem; }

.widget_rss li .rss-date, .widget_rss li cite {
  color: #676464;
  font-size: 13px;
  padding-top: 20px; }

.widget_rss li .rssSummary {
  font-size: 0.875rem;
  display: inline; }

/*recent comments*/
.widget_recent_comments ul li a {
  display: inline-block; }
  .widget_recent_comments ul li a:before {
    content: '' !important;
    padding: 0 !important; }

/*tag cloud*/
.widget_tag_cloud {
  width: 100%; }
  .widget_tag_cloud a {
    display: inline-block;
    border: 1px solid #eee;
    padding: 10px;
    margin: 5px 2px;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
    font-size: 100% !important;
    font-weight: 300; }
    .widget_tag_cloud a:hover {
      background: #00a0d2;
      color: #fff; }

/*widget rss*/
.widget_rss li {
  border-bottom: none !important; }
  .widget_rss li a:hover {
    margin-left: 0 !important; }
  .widget_rss li a:before {
    content: '' !important;
    padding: 0 !important; }
  .widget_rss li .rsswidget {
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 24px !important;
    padding: 20px 0; }
  .widget_rss li .rssSummary {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #616161; }

/*widget archrive*/
.widget_categories ul li, .widget_archive ul li {
  padding: 0;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  line-height: 35px; }
  .widget_categories ul li:last-child, .widget_archive ul li:last-child {
    border-bottom: none; }
  .widget_categories ul li a, .widget_archive ul li a {
    color: #444;
    font-size: 13px;
    line-height: 35px;
    font-weight: 300;
    transition: all 0.4s ease-in-out;
    display: inline-block; }
    .widget_categories ul li a:hover, .widget_archive ul li a:hover {
      text-decoration: none;
      color: #00a0d2; }

select {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='#969696' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: right 20px top 15px;
  background-size: 14px 20px;
  outline: 0;
  border: none;
  padding: 3px 3px 3px 10px;
  width: 100%;
  height: 50px;
  font-size: 16px;
  text-align: center;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #444; }

.widget_categories label, .widget_archive label {
  display: none; }

.widget_blogpost img {
  transition: all 0.4s ease; }
  .widget_blogpost img:hover {
    transform: scale(1.2, 1.2); }

.widget_blogpost .post-wrapper {
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
  padding-bottom: 25px; }
  .widget_blogpost .post-wrapper .img-wrapper {
    float: left;
    margin-right: 15PX;
    overflow: hidden;
    padding: 5px; }
  .widget_blogpost .post-wrapper .title-time {
    float: left;
    max-width: 63%; }
    .widget_blogpost .post-wrapper .title-time h4 {
      margin-top: -2px;
      margin-bottom: 8px;
      line-height: 12px; }
      .widget_blogpost .post-wrapper .title-time h4 a {
        font-family: inherit;
        font-size: 13px;
        color: #444;
        font-weight: 300;
        line-height: 18px; }
        .widget_blogpost .post-wrapper .title-time h4 a:hover {
          color: #00a0d2;
          text-decoration: none; }
    .widget_blogpost .post-wrapper .title-time .post-time {
      font-size: 12px;
      line-height: 9px;
      color: #949494; }
  .widget_blogpost .post-wrapper:after, .widget_blogpost .post-wrapper:before {
    content: '';
    display: block;
    clear: both; }

.socials-icon li a {
  width: 26px;
  height: 25px;
  padding: 2px 2px !important; }

.socials-icon:after, .socials-icon:before {
  content: '';
  display: block;
  clear: both; }

.center-widget .widget_text {
  text-align: center; }
  .center-widget .widget_text .widget-title {
    text-align: center; }

#gl-subscribe, input#si_email {
  background: #4a4a4a;
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 10px;
  width: 75%;
  float: left;
  height: 38px;
  color: #444; }
  #gl-subscribe::-webkit-input-placeholder, input#si_email::-webkit-input-placeholder {
    font-size: 12px; }

#gl-subscribe {
  width: 22%;
  background: #00a0d2;
  color: #444;
  margin-left: 3px; }
  #gl-subscribe:hover {
    background: #fff;
    color: #00a0d2;
    text-decoration: none;
    cursor: pointer; }

.gl-message {
  font-size: 10px;
  margin-top: 0;
  line-height: 1; }

.post-categories li a {
  color: #c7c7c7 !important; }
  .post-categories li a:before {
    content: "" !important;
    padding-right: 0 !important; }

/*end of post-categories*/
.post-date {
  font-size: 13px;
  display: block;
  margin: 10px 0; }

@media (max-width: 1169px) {
  .tx-sticky-description {
    height: 305px; } }

@media (max-width: 992px) {
  .home-sticky {
    max-height: none; } 
}


@media (max-width: 767px){
.dropdown:hover >.dropdown-menu{
        opacity: 1 !important;
    overflow-y: visible;
    display: block !important;
    visibility: visible;
    overflow-x: visible;
}



	.navbar-collapse.in {
	    overflow-y: hidden;
	}


	.dropdown-submenu > a:after {
	    display: block;
	    content: " ";
	    float: right;
	    width: 0;
	    height: 0;
	    border-color: transparent;
	    border-style: solid;
	    border-width: 5px 5px 5px 5px;
	    border-left-color: #ccc;
	    margin-top: 5px;
	    margin-right: -10px;
	    border-bottom-color: transparent;
	    border-left-color: transparent;
}
  .dropdown-submenu:hover > a:after {
    border-top-color: #00a0d2;
        border-left-color: transparent;
}
.navbar-collapse.in {
	    overflow-y: visible;
	}
}

@media (max-width: 667px) {
	.navbar{
		display: block;
	}
  	.site-title{
  		display: inline-block;
  		margin: 0px 20px;
  	}
  	  	.site-description{
  		display:block;
  		margin: 10px 20px;
  	}
  	  	.social-menu{
  		text-align:center !important;
  		padding:0 0 20px;
  	}
  	.gl-copy-right{
  		text-align:center;
  	}

  	.navbar-collapse.in {
	    overflow-y: visible;
	}
  }

@media (max-width: 375px) {



}