/*
Theme Name: Ether
Author: Thematic Webs
Version: 1.0.0
Author URI: https://themeforest.net/user/thematicwebs
Theme URI: https://themeforest.net/user/thematicwebs
Description: A sleek and clean Multipurpose WordPress Theme by - <a href="https://themeforest.net/user/thematicwebs/">Thematic Webs</a>
License: ''
License URI: ''
*/

/*-------------------------------------------------------------- 
>>> TABLE OF CONTENTS: 
----------------------------------------------------------------
########################################
File Name: style.css
Template Name: Ether
Created By: Muneeb Ul Haq Gilani
https://themeforest.net/user/thematicwebs
Description : Below is the description of style.css file with table of contents and style names for easy search.
#########################################

 0.0 - Parallax Styles and Color Layers 	
 1.0 - Page Wrapper / .page-wraper 
 2.0 - About Us section / .about-area
 3.0 - Filtration Tabs for portfolio / .filter-tabs 
 4.0 - Portfolio Section / .heading-upper + .portfolio-area
 	4.1 - Portfolio Detail / .portfolio-detail
 5.0 - Services Section / .service-box
 	5.1 - Stats and Progress bars / .stat-box
 6.0 - Team Section / .team-box  
 7.0 - Pricing Tables Section / .pricing-table
 8.0 - Contact Form Section / .contactForm
 9.0 - Social bar / .social-section
 10.0 - Blog posts / .blog-area
 	10.1 - Blog popups/ .blog-single-page
 11.0 - To make the theme dark / .dark
 	11.1 - To make the navigation bar dark / .navbar-nav
 12.0 - Archieve Widgets / .archives-3 
 13.0 - Widget Popular Post Style / .widget-popular-post
 	13.1 - Widget Recent Post Style / .widget-recent-post
 	13.2 - Widget Category List Style / .widget-category-list
 	13.3 - Widget twitter / .widget-tweet
 14.0 - Category widgets / .categories-3
 15.0 - Widget Links / .pages-2
 16.0 - Widgets Flicker Style / .widget-flicker-feed
 	16.1 -	Thumbnail List Style / .thumbnail-list
 17.0 - Tag Widgets / .tagcloud
 18.0 - Search Widget / .widget-search form
		
 
 
--------------------------------------------------------------*/
/************************
Parallax Styles and Color Layers
*************************/
/*	  PRE-LOADER STYLES      */

/* ========================= */
img{
	max-width: 100%;
	height: auto;
}
.preloading-screen {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 99999; 
   background: #fff center no-repeat fixed; 
   top: 0px; 
   left: 0px;
}
.preloading-screen img {
    position: absolute;
    top: 50%;
    left: 50%; }

.preloading-screen-text {
  float: none !important;
  text-align: center !important;
  position: relative;
  margin: 0 !important;
  top: 43%; }
  .preloading-screen-text h1 {
    display: block !important;
    margin-bottom: 3px !important; }
  .preloading-screen-text h2 {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    top: 0 !important; }
.spinners {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  width: 70px;
  top: 56%; }

.spinners > div {
  width: 18px;
  height: 18px;
  background-color: #9B9B9B;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.spinners .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

/*#####################################################*/


/* Preloader */ 

.pattern-black {
	position:relative;
}
.pattern-black:before {
	width:100%;
	height:100%;
	display:block;
	content:'';
	z-index:1;
	background:rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
	position:absolute;
	top:0px;
	left:0px;
}
.pattern-black .container {
	z-index:2;
	position:relative;	
}

.pattern-theme {
	position:relative;
}
.pattern-theme:before {
	width:100%;
	height:100%;
	display:block;
	content:'';
	z-index:1;	
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.7;
}
.pattern-theme .container {
	z-index:2;
	position:relative;	
}

.pattern-white {
	position:relative;
}
.pattern-white:before {
	width:100%;
	height:100%;
	display:block;
	content:'';
	z-index:1;
	background:rgba(255,255,255,0.8);
	
	position:absolute;
	top:0px;
	left:0px;
}
.pattern-white .container {
	z-index:2;
	position:relative;	
}

.pattern-white .wpb_column {
	z-index:2;
	position:relative;	
}
 
.back-btn {
	float:right;
	padding:20px;
	font-size:18px;
}
.back-btn > i {
	padding:6px 10px 0px 0px;
	font-size:22px;
	color:#000;
	display:block;
	float:left;
}

/********************
 PAGE WRAPPER
 ********************/
 
.page-wraper {
	position:relative;
	z-index:500;
  	background-color: #fff;
	right:0px;
		
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
body.navIn .page-wraper,
body.navIn .navbar-handle {
	right:80%;
}
.navbar.border-bottom {
	border-bottom:1px solid #f1f1f1;
}
.border-bottom {
	border-bottom:1px solid #1d2429;
}

::selection {
	color:#fff;
}
::-moz-selection {
	color:#fff;
}

.scroll-handle {
	width:40px;	
	height:40px;
	margin-left:-7.5px;
	display:block;
	margin:-60px auto auto auto;
	z-index:500;
	cursor:pointer;
	border-radius:15px;
	position:relative;
}
.scroll-handle:after {
	font-family:'icomoon';
	content:'\f107';
	color:#fff;
	position:absolute;
	left:14px;
	bottom:7px;
}

.filter-tabs,
.portfolio-list ul,
.social-links,
ul.pricing-list,
ul.list-style-1,
.options,
.user-comments,
.user-comments ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

.social-links li {
	font-size:24px;
	display:inline-block;
}

.section .heading-upper {
	padding:50px 0px 35px 0px;
}
.section .content-section {
		padding-bottom:50px;
}
.bg-image,
.section-parallax {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}
.section-parallax {
	background-attachment:fixed;
}
.no-padding-bottom {
	padding-bottom:0px !important;
}
.yes_top_padding {
	padding-top:40px !important;
}
.yes_top_bottom_padding{
	padding-top: 20px;
    padding-bottom: 20px;
}
.no-padding-top {
	padding-top:0px !important;
}

.heading {
	width:90%;
	margin:auto;
	text-align:center;
}

.heading h2 {
	padding-bottom:20px;
	margin-bottom:25px;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:0.02em;
	position:relative;
}
.heading h2:after {
	width:80px;
	height:1px;
	margin-left:-40px;
	content:'';
	display:block;
	border-bottom:1px dotted transparent;
	
	position:absolute;
	left:50%;
	bottom:0px;
}

.bg-primary .heading h2,
.bg-primary a:hover {
		color:#fff;
}
.bg-primary .heading h2:after {
	border-color:#ffffff;
}

.fullscreenbanner ul { padding-left:0px;}

/*************
 about us area Section 
 *****************/
.about-area {
	margin-bottom:80px;
}
.about-box {
	padding:25px 100px 15px 30px;
	margin-bottom:20px;
	position:relative;
	text-align:right;
	
	transition:background-color 0.3s ease-in;
}
.about-box:hover {
	background-color:#fff;
}
.about-box .iconic {
	width:56px;
	height:100%;
	line-height:150px;
	text-align:center;
	color:#fff;
	font-size:24px;
	background-color:#212526;
	
	position:absolute;
	top:0px;
	right:0px;	

	transition:all 0.25s ease-in;
}
.about-box:hover .iconic {
	width:70px;
}

.about-area .row > div:nth-child(even) .about-box {
	padding:25px 30px 15px 100px;
	text-align:left;
}
.about-area .row > div:nth-child(even) .about-box .iconic {
	right:auto;
	left:0px;
}


/************************* 
Filter Tabs 
*****************************/
.filter-tabs {
	text-align:center;
	display:none;
}
.filter-tabs li {
	padding:4px 18px;
	margin:0px 6px;
	text-transform:uppercase;
	letter-spacing:0.05em;
	display:inline-block;
	cursor:pointer;
	border:1px solid transparent;
	
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.filter-tabs li.active {
	font-weight:500;
	border-color:#fff;
}

.filter-list {
	position:relative;
}
.filter-list li.mix {
	display:none;
}
.filter-list li,
.filter-list li.grid-3 {
		width:100%;
		float:left;
}


/************************ 
Portfolio section
 **************************/
.heading-upper + .portfolio-area {
	margin-top: 0px;
}

.portfolio-box {
	text-align:center;
	text-transform:uppercase;
}
.image-hover,
.image {
	position:relative;
}
.image-hover:hover figcaption {
	opacity:1;
	filter:alpha(opacity=100);
	visibility:visible;
}
.image-hover:hover figcaption .h4,
.image-hover:hover figcaption p {
	opacity:1;
	filter:alpha(opacity=100);
	
	transform:translateY(0px);
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
}

.image-hover img
{
	width:100%;
}
.image img {
	width:auto !important ;
}
.image2 img
{
	width:100% !important ;
}
.image-hover figcaption,
.image figcaption {
	width:100%;
	height:100%;
	opacity:0;
	filter:alpha(opacity=0);
	visibility:hidden;
	background-color:rgba(0,0,0,0.2);
	position:absolute;
	top:0px;
	left:0px;

	transition:opacity 0.3s ease-in;
	-moz-transition:opacity 0.3s ease-in;
	-webkit-transition:opacity 0.3s ease-in;
}
.image-hover figcaption .h4,
.image-hover figcaption p {
	color:#fff;
	width:100%;
	position:absolute;
	top:50%;
	left:0px;
}
.image-hover figcaption .h4 {
	margin-bottom:10px;
	margin-top:-50px;
	line-height: 1.1;
	font-weight: 700;
	opacity:0;
	filter:alpha(opacity=0);
	
	font-size:14px;
	text-transform:uppercase;
	
	transform:translateY(-40px);
	-moz-transform:translateY(-40px);
	-webkit-transform:translateY(-40px);
	
	transition:all 0.3s ease 0.4s;
	-moz-transition:all 0.3s ease 0.4s;
	-webkit-transition:all 0.3s ease 0.4s;
}
.image-hover figcaption p 	{
	margin-top:-20px;
	font-weight:500;
	opacity:0;
	filter:alpha(opacity=0);

	transform:translateY(-30px);
	-moz-transform:translateY(-30px);
	-webkit-transform:translateY(-30px);

	transition:all 0.3s ease 0.3s;
	-moz-transition:all 0.3s ease 0.3s;
	-webkit-transition:all 0.3s ease 0.3s;
}

.link-pop,
.link-zoom {
	width:50px;
	height:50px;
	display:inline-block;
	border:1px solid rgba(255,255,255,0.3);
	position:relative;
	
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	
	transition:background-color 0.3s ease-in;
	-moz-transition:background-color 0.3s ease-in;
	-webkit-transition:background-color 0.3s ease-in;
}
.link-pop:hover,
.link-zoom:hover {
	border-color:transparent;
}
.link-pop:before,
.link-zoom:before {
	width:50px;
	height:50px;
	line-height:50px;
	color:#fff;
	font-family:'icomoon';
	position:absolute;
	top:0px;
	left:0px;

	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.link-pop:before {
	content:'\f065';
}
.link-zoom:before {
	content:'\f08e';
}

.portfolio-box .image-hover .link-pop,
.portfolio-box .image-hover .link-zoom {
	margin-bottom:-80px;
	position:absolute;
	bottom:50%;
	left:50%;

	opacity:0;
	filter:alpha(opacity=0);
	
	transform:rotate(-45deg) scale(2);
	-moz-transform:rotate(-45deg) scale(2);
	-webkit-transform:rotate(-45deg) scale(2);

	transition:background-color 0.3s ease-in, opacity 0.4s ease 0.5s, transform 0.4s ease 0.5s;
	-moz-transition:background-color 0.3s ease-in, opacity 0.4s ease 0.5s, transform 0.4s ease 0.5s;
	-webkit-transition:background-color 0.3s ease-in, opacity 0.4s ease 0.5s, transform 0.4s ease 0.5s;
}
.portfolio-box .image-hover:hover .link-pop,
.portfolio-box .image-hover:hover .link-zoom {
	opacity:1;
	filter:alpha(opacity=100);
	
	transform:rotate(-45deg) scale(1);
	-moz-transform:rotate(-45deg) scale(1);
	-webkit-transform:rotate(-45deg) scale(1);
}

.portfolio-box .image-hover .link-pop {
	margin-left:-80px;
}
.portfolio-box .image-hover .link-zoom {
	margin-right:-80px;
}
.portfolio-box .image-hover img
{width:100% !important;}

/********************
 Portfolio Detail 
 **********************/

.portfolio-detail {
	background-color:#ffffff;
	overflow:hidden;
}
.portfolio-detail .detail {
	padding:15px 20px;
}
.portfolio-detail .detail-btm {
	padding-top:5px;
	margin-top:20px;
	color:#c3c3c3;
	border-top:1px solid #e4e4e4;
}
.portfolio-detail .detail-btm a {
	color:#c3c3c3;
	
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.portfolio-detail .detail-btm a:hover {
	color:#212526;
}

.portfolio-detail .meta {
	color:#787878;
	text-transform:uppercase;
}

.options li {
	margin-right:10px;
	display:inline-block;
}


/*************** 
Services Section 
*********************/

.service-box {
	margin-bottom:30px;
}
.service-box .iconic {
	font-size:45px;
	color:#212526;
	
	transition:color 0.4s ease;
	-moz-transition:color 0.4s ease;
	-webkit-transition:color 0.4s ease;
}
.service-box h4 {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	transition:color 0.4s ease;
	-moz-transition:color 0.4s ease;
	-webkit-transition:color 0.4s ease;
}


/*******************
 Stats Box 
 ***********************/
 
.stat-box {
	width:270px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	position:relative;
}
.stat-box .image figcaption {
	background-color:transparent;
	opacity:1;
	filter:alpha(opacity=100);
	visibility:visible;
}
.stat-box .iconic {
	font-size:30px;
	line-height:1em;
}
.stat-box .image figcaption .iconic {
	bottom:85px;
}
.stat-box .image figcaption .iconic,
.stat-box .image figcaption .h4 {
	color:#fff;
	position:absolute;
	left:0;
	right:0;
}
.stat-box .image figcaption .h4 {
	margin-bottom:0px;
	bottom:40px;
}
.stat-box .detail {
	padding:15px 20px;
	color:#ffffff;
	font-size:36px;
	background-color:rgba(10,12,13,0.45);
}
.stat-box .stat-hover {
	padding:30px 15px;
	color:#8e8e8e;
	background-color:#fff;

	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	
	opacity:0;
	filter:alpha(opacity=0);
	visibility:hidden;
	
	transform:translate(10px, 10px);
	-moz-transform:translate(10px, 10px);
	-webkit-transform:translate(10px, 10px);

	transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-webkit-transition:all 0.35s ease;
}
.stat-box .stat-hover .iconic,
.stat-box .stat-hover .h4 {
	margin-bottom:20px;
}
.stat-box .stat-hover .h4 {
	color:#fff;
	font-size:20px;
}
.stat-box .stat-hover p {
	display:none;
}


/******************
 Team Box 
 *******************/
 
.team-box {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	position:relative;
	min-height: 110px;
}
.team-box .image {
	width:120px;
	float:left;
}
.team-box .detail {
	padding:10px 20px;
	margin-left:120px;
}
.team-box .detail .social-links {
}
.team-box:hover .detail * {
}
.team-box h4 {
	margin-bottom:0px;
}


/*****************
 Pricing Tables 
 *******************/
.pricing-table {
	margin-bottom:30px;
}
.pricing-detail {
	padding:20px 30px;
	color:#8e8e8e;
	background-color:#fff;
	position:relative;
}
ul.pricing-list li,
ul.list-style-1 li {
	padding:5px 0px 5px 12px;
	border-bottom:1px solid #d3d3d3;
	position:relative;
}
ul.pricing-list li:before,
ul.list-style-1 li:before {
	font-family:'icomoon';
	content:'\f101';
	font-size:13px;
	line-height:1em;
	position:absolute;
	left:0px;
	top:10px;
}
.pricing-table .price-amount {
	padding:20px 0px 0px 0px;
	color:#212526;
	font-size:25px;
	line-height:1.2;
	text-align:center;
	font-weight:700;
	float:right;
}
.pricing-table .price-amount small {
	font-size:13px;
	line-height:1;
	display:block;
	font-weight:500;
}
.pricing-table .price-btm {
	padding:26px 30px;
	text-align:center;
	letter-spacing:0.04em;
	font-weight:500;
	text-transform:uppercase;
	background-color:rgba(10, 12, 13, 0.45);
	
	transition:all 0.4s ease-in-out;
}
.pricing-table .price-btm a {
	color:inherit;
}

/*******************
 Contact Form 
******************/

.contactForm {
	padding:15px;
	position:relative;
	text-align:center;
	background-color:rgb(33,37,39);
	background-color:rgba(33,37,39,0.2);
}
.contactForm .form-control {
	padding:6px 0px 6px 0px;
	margin-bottom:15px;
	border:0px;
	text-align:center;
}
.contactForm .form-control::-moz-placeholder {
  opacity: 1;
}
.contactForm .form-control:-ms-input-placeholder {
  opacity: 1;
}
.contactForm .form-control::-webkit-input-placeholder {
  opacity: 1;
}

/*** contact-form ***/
.contact-form {
	text-align:center;
}
.contact-form textarea.form-control {
	height:100px;
	margin-top:40px;
}
form.contact-form .btn {
	width:100%;
	margin-top:40px;
}

.contact-form ul {
	padding:0px;
	margin-bottom:0px;
	list-style:none;
}
.contact-form  div {
	position:relative;
}
.contact-form div .form-control {
	padding-left:30px;
}
.contact-form div:before {
	width:30px;
	height:46px;
	line-height:46px;
	content:'';
	font-family:'icomoon';
	opacity:.3;
	filter:alpha(opacity=30);
	pointer-events:none;
	
	position:absolute;
	top:4px;
	left:0px;
}
.contact-form div.focused:before {
	opacity:1;
	filter:alpha(opacity=100);
}
.contact-form div.user:before {
	content:'\f007';
}
.contact-form div.envelop:before {
	content:'\f003';
}
.contact-form div.category:before {
	content:'\f0ca';
}
.contact-form div.tag:before {
	content:'\f02b';
}
.contact-form div.submit {
	display:inline-block;
}
.contact-form div.submit:before {
	content:'\f1d8';
    top: 46px;
    color: #fff;
    opacity: 1;
    left: 50%;
    margin-left: -20px;
}
.contact-form div.submit input[type="submit"] {
	text-indent:-9999px;
}


/******************
 Social Section 
 *******************/
 
.social-section {
	text-align:center;
}

.social-section .social-links li {
	margin:0px -2px;
	font-size:25px;
	line-height:1em;
}
.social-section .social-links li a {
	padding:15px 15px 10px 15px;
	display:inline-block;
	
	transition:all 0.4s ease-in-out;
}


/****************
 Blog Posts 
 ********************/
 
.blog-area.blog-single-page .blog-box {
	margin-bottom:50px;
}
.blog-box {
	margin-bottom:25px;
	position:relative;
}
.blog-box .image {
	margin-bottom:20px;
}
.blog-box h4 {
	margin-bottom:0px;
	font-weight:400;
}

.blog-detail {
	padding:30px 0px;
	background-color:#fff;
}
.blog-detail .contact-form textarea.form-control {
	margin-top:30px;
}
.blog-detail form.contact-form .submit .btn {
	width:155px;
}
.blog-options {
	padding:6px 0;
	margin-bottom:20px;
	color:#b9b9b9;
	display:inline-block;
	border-width:1px 0px;
	border-style:solid;
	border-color:#b3b3b3;
}
.blog-options ul {
	display:inline-block;
}
.blog-options .options li [class^="icon-"] {
	margin-left:5px;
}
.blog-options .social-links li {
	font-size:18px;
}
.blog-options ul li a {
	opacity:0.4;
	filter:alpha(opacity=40);
	
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.blog-options ul li a:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

.user-area {
	margin-bottom:20px;
}
.user-area .contact-form .submit {
	float:right;
}
.user-comments li ul {
	margin-left:20px;
}

.comment-box {
	position:relative;
	margin-bottom:15px;
}
.user-comments li li .comment-box {
	padding-left:20px;
}
.user-comments li li .comment-box:before {
	width:3px;
	height:100%;
	display:block;
	content:'';
	
	position:absolute;
	top:0px;
	left:0px;
}

.comment-box p {
	margin-bottom:0px;
}
.comment-box .time {
	opacity:0.5;
	filter:alpha(opacity=50);
}
.comment-box .time [class^="icon-"] {
	margin-right:10px;
}
.site-btm {
	padding:30px 0px;
	color:#fff;
	text-align:center;
	background-color:#0f1418;
}
.site-btm p {
	margin-bottom:0px;
}


/****************** 
Dark Section - Adjust Color Schemes 
***************/
.dark,
.dark .page-wraper {
	color:#8e8e8e;
	background-color:#212526;
}
.dark a,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark .h1,
.dark .h2,
.dark .h3,
.dark .h4,
.dark .h5,
.dark .h6 {
  color:#fff;
}
.dark h1 a,
.dark h2 a,
.dark h3 a,
.dark h4 a,
.dark h5 a,
.dark h6 a,
.dark .h1 a,
.dark .h2 a,
.dark .h3 a,
.dark .h4 a,
.dark .h5 a,
.dark .h6 a {
  color:inherit;
}

.dark .navbar,
.dark .navbar-collapse {
	background-color:#141618;
}
.navbar-nav > li {
	float:left;
}
.navbar-nav > li > ul
{
	left: 0;
    min-width: 200px;
    opacity: 0;
    padding-top: 25px;
    position: absolute;
    top: 100%;
    transform: translateY(40px);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 500;
}
.navbar-nav li:hover > ul {
	opacity:1;
	filter:alpha(opacity=100);
	visibility:visible;
	transform:translateY(0px);
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
}
.navbar-nav > li > ul > li {padding-left:15px; padding-right:5px; display:inline-block; width:100%;}
.navbar-nav > li > ul > li:hover{background-color:black;}
.navbar-nav > li > ul > li > a{display:block; color:white;}
.navbar-nav > li > ul > li > ul > li {padding-left:15px; padding-right:5px; display:inline-block; width:100%;}
.navbar-nav > li > ul > li > ul > li:hover{background-color:black;}
.navbar-nav > li > ul > li > ul > li > a{display:block; color:white;}
.height_fixed { min-height:505px !important;}
.para_height{min-height:295px !important;}
.para_height_270{min-height:270px !important;}
.para_2_height{min-height:370px !important;}
.para_height_image{min-height:35px !important; margin-bottom:0px !important;}
.sticky
{}
.tag-sticky-2 h4
{
	border-left: 3px solid red;
    padding-left: 10px;
}
.navbar-nav > li > ul > li > ul
{
    min-width: 200px;
    opacity: 0;
    padding-top: 28px;
    position: absolute;
    left: 100%;
    transform: translateY(40px);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 500;
	padding-left:5px;
}
.navbar-nav li:hover > ul > li:hover > ul {
	opacity:1;
	filter:alpha(opacity=100);
	visibility:visible;
	transform:translateY(0px);
	-moz-transform:translateY(0px);
	-webkit-transform:translateY(0px);
}
.navbar-nav ul ul {
	padding-top:0px;
	margin-top:-3px;
	
	top:0px;
	left:100%;
}
.navbar-nav li li {
	list-style:none;
	border-width:0px 1px 1px 1px; 
	border-style:solid;
	border-color:rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.2);
	padding-bottom:10px;
}
.navbar-nav ul > li:first-child {
	border-top-width:3px;
}
.navbar-nav > li > ul > li:first-child:before {
	width:0; 
	height:0; 
	content:'';
	border-bottom:7px solid transparent; 
	border-left:10px solid transparent; 
	border-right:10px solid transparent;
	
	position:absolute;
	top:-10px;
	left:20px;
}
.dark .navbar-nav > li > a,
.dark .navbar-nav > li > ul > li > a,
.dark .service-box .iconic,
.dark .pricing-table .price-amount {
	color:#fff;
}
.dark .bg-gray {
	background-color:#1e2225;
}
.dark .about-box .iconic,
.dark .progress-bar {
	color:#212526;
	background-color:#ffffff;
}
.dark .about-box:hover {
	background-color:#34383d;
}
.dark .pricing-detail {
	color:#787878;
	background-color:#212527;
}
.dark ul.pricing-list li,
.dark ul.list-style-1 li {
	border-color:#2f3132;
}
.dark .blog-detail,
.dark .portfolio-detail {
	background-color:#181b1c;
}

.dark .form-control {
	border-bottom-color:rgba(120, 120, 120, 0.2);
}
.dark textarea.form-control {
	background-color:#2328291;
	background-color:rgba(40,45,46,0.7);
}


.dark .portfolio-detail .detail-btm,
.portfolio-detail .detail-btm a {
	color:#535555;

}
.portfolio-detail .detail-btm a:hover {
	color:#8e8e8e;
}
.blog-options ul li {
	color:#787878;
}
.blog-options ul li span {
	color:#787878 !important;
}

.dark .mfp-close:before,
.dark .mfp-arrow-left:before,
.dark .mfp-arrow-right:after {
	color:#fff;
}

.bg-black {
	background-color:#0f1418;
}
.btn-load {
	padding-left:35px;
	border:1px solid #dddddd;
	position:relative;
	border-radius:0px;
	margin-bottom:50px;
	color:#444444;
}
.btn-load span {
	margin-right:10px;
}
.widget {
	overflow:hidden;
}
.widget h4 {
	color:#ffffff;
	margin-bottom:45px;
	font-weight:600;
}
.widget.light {
	margin-bottom:50px;
}
.widget.light h4 {
	font-family:roboto;
	color:#212526;
	font-weight:400;
	letter-spacing:0.02em;
	position:relative;
	margin-bottom:20px;
	padding-bottom:10px;
}
.widget.light h4:after {
	width:120px;
	height:1px;
	content:'';
	display:block;
	border-bottom:1px dotted transparent;
	
	position:absolute;
	left:0px;
	bottom:0px;
}
.widget.light strong {
	font-weight:500;
}
.widget-recent-post.light p {
	font-size:13px;
	font-family:Roboto;
}
.widget-recent-post.light span {
}
.widget-recent-post.light h5 {
	font-size:16px;
	font-family:Roboto;
	font-weight:400;
}
.widget-recent-post.light h5 > a {
	color:#212526;
}
.widget-recent-post.light .thumbnail-list .text a {
}

/***************************
 Archive Widgets
================================================== */
.archives-3
{
	width:100%;
	float:left;
}
.archives-3 ul
{
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
}
.archives-3 ul li
{
	width:100%;
	float:left;
	position:relative;
	text-align:right;
	padding:4px 0px;
	display:inline-block;
}
.archives-3 ul li:first-child
{
	border-top:none;
}
.archives-3 ul li a
{
	float:left;
	text-align:left;
	display:inline-block;
	color:#ffffff;
}
.archives-3 ul li span {
}

/************************************
 Widget Popular Post Style 
=================================== */
.widget-popular-post > ul,
.widget-recent-post > ul {
	padding-left:0;
	list-style:none;
}
.widget-popular-post > ul > li + li,
.widget-recent-post > ul > li + li,
.widget-tweet ul > li + li {
	padding-top:20px;
	margin-top:28px;	
	border-top:1px solid #1d2429;
}
.widget-recent-post.light ul > li + li,
.widget-tweet.light ul > li + li  {
	border-top:1px solid #e3e3e3;
}
.widget-popular-post .options {
	margin-bottom:0px;	
}
.widget-popular-post .options > li {
	font-size:11px;
	margin-right:3px;
	color:#666666;
}
.widget-popular-post .options > li:after {
	content:'/';
	
	position:relative;
	right:-3px;
}
.widget-popular-post .options > li:last-child:after {
	content:'';
}

/************************************
 Widget Category List Style 
 ************************************/
 
.widget-category-list > ul > li:before {
	content:'\f105';
	font-family:'FontAwesome';
	font-size:16px;
	padding-right:10px;
	
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
}
.widget-category-list > ul > li + li {
	padding-top:7px;
	margin-top:7px;	
	border-top:1px solid #e3e3e3;
}
.widget-category-list > ul > li > a {
	padding:3px 0;
	
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
}
.widget-category-list > ul > li:hover > a {
	padding:3px 7px;
	color:#fff;
}
.widget-recent-post .thumbnail-list .text {
	min-height:83px;
}
.widget-recent-post .thumbnail-list figure img {
	width:90px;
	height:83px;
}
.widget-recent-post .thumbnail-list .options {
	margin-bottom:0px;
}
.widget-recent-post .options li {
	font-size:11px;
	color:#666666;
	margin-right:2px;
}
.widget- .options > li:after {
	content:'/';
	
	position:relative;
	right:-3px;
}

/***********************************
 Widget Tweets Style 
===================================*/

.widget-tweet ul {
	padding-left:0;
	list-style:none;
}
.widget-tweet ul > li:before {
	content: "\f099";
	font-family: 'icomoon';
	font-size:14px;
	color:#ffffff;
	padding-right:10px;
	float:left;
	
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	
	position:absolute;
	top:0px;
	left:0px;
}
.widget-tweet.light ul > li:before {
}
.widget-tweet ul > li + li:before{
	top:18px;
}
.widget-tweet ul > li {
	padding-left:20px;
	position:relative;
}
.widget-tweet ul > li + li {
	padding-top:17px;
	margin-top:15px;
}
.widget-tweet ul > li a {
	margin-bottom:3px;
	font-size:13px;
	color:#666666;
	font-weight:300;
}
.widget-tweet.light ul > li p {
	font-family:Roboto;
	color:#787878;
	font-style:normal;
}
.widget-tweet ul > li > p {
	margin-bottom:0px;
	font-size:12px;
	font-style:italic;
}

/************************************
 Categories Widgets
================================================== */


.categories-3
{
	width:100%;
	float:left;
}
.categories-3 ul {
	margin:0px;
	padding:0px;
}
.categories-3 ul li {
	position:relative;
	display:block;
}
.categories-3 ul li p {
	margin-left:20px;
}
.categories-3 ul li:before {
	font-family:"icomoon";
	content: "\f061";
	font-size:10px;
	color:#666666;
	margin-right:10px;
}
.categories-3 ul li:first-child {
	border-top:none;
}
.categories-3 ul li a {
	font-family:Roboto;
	color:#ffffff;
}

/***************************************************
 Widget Links
================================================== */

.pages-2
{
	width:100%;
	float:left;
}
.pages-2 ul{
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
}
.pages-2 ul li li:before {
	font-family:"icomoon";
	content: "\f061";
	font-size:10px;
	color:#666666;
	
	position:absolute;
	left:0;
	top:7px;
}
.pages-2 ul li:before {
	font-family:"icomoon";
	content: "\f061";
	font-size:10px;
	color:#666666;
	
	position:absolute;
	left:0;
	top:7px;
}
.page_item_has_children {
	padding-left:10px;
}
.pages-2 .children li {
	padding-left:10px;
}
.pages-2 ul li{
	width:100%;
	float:left;
	position:relative;
	text-align:right;
	padding:4px 0px;
	display:inline-block;
}
.pages-2 ul li a{
	float:left;
	text-align:left;
	display:inline-block;
	color:#ffffff;
	margin-left:15px;
}
.pages-2 ul li ul{
	width:100%;
	float:left;
	position:relative;
	padding:5px 20px 0px 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pages-2 ul li ul li{
	padding:5px 0px;
}
.pages-2 ul li ul li:first-child{
	padding:5px 0px;
}

/************************************
 Widget Flicker Style 
=================================== */

.widget-flicker-feed > ul {
	margin-left:-10px;
	padding-left:0px;
	list-style:none;
}
.widget-flicker-feed > ul > li {
	width:33.3333%;
	float:left;
	margin-bottom:10px;
	padding-left:10px;
	position:relative;	
}
.widget-flicker-feed > ul > li img {
	width:100%;
}
.widget-flicker-feed > ul > li > a {
	position:relative;
	display:block; 
}
.widget-flicker-feed ul li a:before {
	width:100%;
	height:100%;
	content:'';
	background:rgba(11,174,214,0.8);
	opacity:0;
	
	position:absolute;
	top:0;
	left:0;
	
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
}
.widget-flicker-feed ul li a:hover:before {
	opacity:1;
}
.widget-flicker-feed ul li a:after {
	font-family:'icomoon';
	content: "\f002";
	color:#fff;
	font-size:18px;
	margin-top:-15px;
	margin-right:-9px;
	opacity:0;
	
	position:absolute;
	right:10px;
	top:50%;
}
.widget-flicker-feed ul li a:hover:after {
	right:50%;
	opacity:1;
	
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
}

/************************************
 Thumbnail list style
=================================== */

.thumbnail-list > figure {
	float:left;
	margin-top:3px;
}
.thumbnail-list .text {
	margin-left:110px;	
}
.thumbnail-list .text a {
	color:#ffffff;
}
.thumbnail-list .text h5 {
	margin-bottom:5px;
}

/*************************************
 Widget Tags
=================================== */

.tagcloud {
	width:100%;
	float:left;
}
.tagcloud a,
.tagcloud.light a {
	padding:1px 9px 3px;
	display:inline-block;
	color:#FFFFFF;
	background:#192024;
	font-size:13px !important;
	float:left;
	margin:0px 4px 4px 0px;
}
.tagcloud.light a {
	background:#f1f1f1;
	color:#000000;
}
.tagcloud.light a:hover {
	color:#ffffff;
}
.tagcloud .tagcloud {
	width:100%;
	float:left;
	padding:10px 0px 0px 0px;
}
.tagcloud a:hover {
	color:#FFFFFF;
}

/**************************
 widget-search 
 **************************/
 
.error .widget-search form {
	height:65px;
	line-height:65px;
	margin-top:40px;
}
.widget-search form {
	width:100%;
	height:45px;
	display:block;
	border:1px solid #e3e3e3;	
	position:relative;
	margin-bottom:40px;
	line-height:45px;
}
.widget-search form input[type="text"] {
	width:100%;
	height:42px;
	padding:5px 15px;
	line-height:42px;
	background:none;
	border:0px;
}
.widget-search form input[type="submit"] {
	width:40px;
	height:100%;
	text-indent:-9999px;
	border:0px;
	background:url(../images/sprites.png) 11px -198px no-repeat;
	border-left:1px solid #e3e3e3;
	position:absolute;
	top:0px;
	right:0px;
}


#search {
	padding-top:90px !important;
}
.search-result figure {
	float:right;
	margin-left:40px;
}
.search-result h4 {
	line-height:30px;
}
.search-result p {
	margin-bottom:25px;
}

.error-display {
	width:436px;
	height:436px;
	border:10px solid #ffffff;
	background:#f9f9f9;
	border-radius:50%;
	box-shadow:0px 0px 10px 10px #ececec;
	text-align:center;
}
.error-display h1 {
	font-size:192px;
	margin-top:50px;
	margin-bottom:0px;
}
.error-display span {
	font-size:90px;
	line-height:90px;
}
.error {
	padding-top:50px;
}
.error h2 span {
}
.error .social-links li {
	width:41px;
	height:41px;
	border-radius:50%;
	border:1px solid #000;
	text-align:center;
}

#cancel-comment-reply-link {
	padding: 1px 12px 0px;
	float: right;
	margin-top: -15px;
	color:#eee;
	font-size: 14px;
	line-height: 1.8;
}
.comment-reply  {
	float:right;
	padding:1px 12px;
	margin-left:20px;
}
.comment-reply > a {
	color:#eeeeee;
}
.user-area {
	min-height:420px;
}


p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
    text-align: center;
}

.gallery-caption {
    display: block;
    margin-bottom: 1em;
}

.commentlist .bypostauthor {
    border-top: 10px solid #e18728;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 10px 4px 5px;
}


.alignright{
	float:right;
	margin-left:10px !important;
	margin-bottom: 15px;
	clear: right;
}
.aligncenter{
	margin-left: auto; 
	margin-right: auto; 
	margin-top:50px; 
	text-align:center;
	display:inherit;
}
img.aligncenter{
	margin-top:10px !important;
	margin-bottom:15px;
}
.alignleft{
	float:left; 
	margin-right:10px !important;
	margin-bottom: 10px;
}
img.alignnone{
	margin-top: 10px;
	margin-bottom: 15px;
}
.post h1 {
	font-size:40px;
}
.post h2 {
	font-size:32px;
}
.post h3 {
	font-size:24px;
}
.post h4 {
	font-size:18px;
	font-weight:600;
	text-transform:capitalize;
	line-height:26px;
}
.post h5 {
	font-size:16px;
}
.post h6 {
	font-size:14px;
}
table {
	margin-bottom:50px;
}
table dd {
	margin-bottom:50px;
}
.post strong {
	color:#444444;
}

.single_page_content ul li {
	list-style:none;
}
.single_page_content ul li:before,
.single_page_content ul li li:before {
	font-family:'icomoon';
	content: "\f061";
	font-size:10px;
	color:#666666;
	float:left;
	margin-top:3px;
	margin-right:10px;
}
.page-numbers {
	list-style:none;
	float:left;
	padding-left:6px;
}
.page-numbers > li {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 9px;
	display: inline-block;
}
.page-numbers > li > a, 
.page-numbers > li > span {
	font-family:'Raleway',sans-serif ;
	float: left;
	line-height: 1.6;
	position: relative;
	text-decoration: none;
	margin-bottom:20px;
	padding: 9px 17px;
	border: 1px solid #e5e5e5;
	display: block;
	color: #131313;
	font-size: 16px;
	font-weight: 600;
}
.page-numbers > li > a:hover,
.page-numbers > li > span {
	color: #ffffff;
}

.page-numbers > li > span.dots{
	background-color:transparent;
	color:#131313;
	border:1px solid #e5e5e5;
}

	
@media screen and (min-width: 768px) and ( max-width : 860px) {
	
	.tp-caption.very_large_text
	{
		font-size:38px !important;
		text-align:center !important ; 
	}
	.tp-caption.large_text
	{
		text-align:center !important ; 
	}
	.tp-caption.small_text
	{
		text-align:center !important ; 
	}
	
}
@media screen and (min-width: 769px) {
	
	.tp-caption.very_large_text
	{
		margin-top:200px !important;
		line-height:100px !important; 
	}
	
}
@media screen and (min-width: 300px) and ( max-width : 767px) {
	.navbar-nav > li
	{
		float:none !important ;
	}
	.tp-caption.very_large_text
	{
		font-size:18px !important;
		text-align:center !important ;
		line-height:20px !important; 
	}
	.tp-caption.large_text
	{
		font-size:16px !important;
		text-align:center !important ; 
	}
	.tp-caption.small_text
	{
		margin-top:80px!important;
		font-size:12px !important;
		/*text-align:center !important ; */
		
	}
	.stat-box:hover .display_all {
		opacity:1;
		filter:alpha(opacity=100);
		visibility:visible;
		
		transform:translate(0px, 0px);
		-moz-transform:translate(0px, 0px);
		-webkit-transform:translate(0px, 0px);
	}
	
}

@media screen and (max-width: 980px) and (min-width : 760px) {
	.custom-colmd6
	{
		min-height:505px !important; 
	}
	
}
.alert{
	margin-bottom:0px !important;
	padding:0px !important;
	border:1px solid #FFF;
	border-radius:0px !important; 
}

.description_strip {
	min-height:86px;
}

.description_strip p{
	padding-top:13px !important;
}

.description_strip a{
	position:absolute !important;
	right:15px !important;
	top:15px !important;
}
.navbar-brand{
	text-transform:uppercase !important;
}
button.mfp-close{
	
}
.pad_top { padding-top:90px !important;}

.no_skills{
		padding:0px !important;
}
.no_skill{
		padding:40px 0 0 0 !important;
}

.dark .blog-options ul li a{color:#212526;}

.services_detail{width:100% !important;}
.portfolio-detail .detail.services_detail {
    padding: 60px 250px;
}
@media screen and (max-width: 911px) {
	
	.portfolio-detail .detail.services_detail {
		padding: 60px 120px;
	}
	
}
@media screen and (max-width: 767px) {
	
	.portfolio-detail .detail.services_detail {
		padding: 60px 80px;
	}
	
}
@media screen and (max-width: 499px) {
	
	.portfolio-detail .detail.services_detail {
		padding: 60px 60px;
	}
	
}
.page_min_height{min-height:500px;}

.blog-post-details p {
    color: #8e8e8e !important;
    font-family: "Roboto",sans-serif;
    font-size: 14px !important;
    line-height: 1.85 !important;
}

.pt-90{
	padding-top: 90px;
}
.pb-90{
	padding-bottom:90px;
}
.mt-68{
	margin-top:68px;
}

.admin-bar .navbar.nav-sticky {
    top: 32px !important;
}

@media only screen and (max-width: 782px) {
    .admin-bar .navbar.nav-sticky {
        top: 46px !important;
    }
}

@media only screen and (max-width: 600px) {
    .admin-bar .navbar.nav-sticky {
        top: 0px !important;
    }
}

.black-background-overlay{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.single_page_content:after {
    content: "";
    display: table;
    clear: both
}

.wp-block-button a.wp-block-button__link{
	transition: background .15s ease-in-out;
	line-height: 1.2;
	box-sizing: border-box;
	text-decoration: none;
	padding: 10px 15px;
	border-radius: 5px;
	margin-bottom:15px;
}
.wp-block-button.is-style-squared a.wp-block-button__link{
	border-radius: 0px;	
}
.wp-block-button.is-style-outline a.wp-block-button__link:hover{
	background-color:transparent;
}
.wp-block-button a.wp-block-button__link:hover{
	color:#ffffff;
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
    color: #ffffff !important;
    font-size: 2em;
    line-height: 1.25;
    z-index: 1;
    margin-bottom: 0;
    max-width: 610px;
    padding: 14px;
    text-align: center;
}

.wp-block-cover p {
    color: #ffffff !important;
    font-size: 2em;
    line-height: 1.6;
    margin-bottom: 0;
}
.wp-block-cover p strong {
    color: #ffffff !important;
}

.wp-block-cover p a{
    color: #ffffff !important;
    font-size: 1em !important;
    line-height: 1.25 !important;
	text-decoration:underline;
}
.wp-block-cover{
	margin-bottom:20px;
}
.wp-block-cover + p {
    margin-top: 30px;
}
.wp-block-media-text{
	margin-bottom:15px;
}
.wp-block-pullquote,
.wp-block-video{
	margin-bottom:20px;
}
.wp-block-pullquote,
.wp-block-pullquote blockquote {
	border-left: none !important;
}
.wp-block-pullquote.is-style-solid-color{
	border:none !important;
}

.wp-block-archives-dropdown select{
	display: block;
	width: 300px;
	height: 56px;
	padding: 6px 0px;
	font-size: 14px;
	line-height: 1.85;
	color: inherit;
	background-color: transparent;
	background-image: none;
	border: 2px solid transparent;
	border-bottom-color: transparent;
	border-bottom-color: rgb(218,218,218);
	border-bottom-color: rgba(218,218,218,0.7);
	-webkit-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
}

table {
    font-size: 14px;
    margin: 0 0 20px;
    border-collapse: collapse;
    width: 100%;
}

table,
th,
td {
    text-align: left;
}

table tr>th,
table tr>td {
    line-height: 2.5;
    vertical-align: top;
    border: 1px solid #dbf5fd;
	padding: .3em 1em;
}

.wp-block-table.is-style-stripes td, 
.wp-block-table.is-style-stripes th {
    border-color: #dbf5fd;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
    color: #ffffff;
}

.post-password-form input[type=submit] {
    color: #fff;
	font-size: 18px;
	min-height: 44px;
	transition: background .15s ease-in-out;
	line-height: 1.2;
	box-sizing: border-box;
	text-decoration: none;
	padding: 10px 15px;
	border-radius: 0px;
	margin-bottom: 15px;
	background-color: #32373c;
	border: 1px solid #32373c;
}


.post-password-form label {
	width: 100%;
}
.post-password-form input {
    display: block;
	width: 100%;
	height: 56px;
	padding: 6px 0px;
	font-size: 14px;
	line-height: 1.85;
	color: #000000;
	text-align:center;
	background-color: transparent;
	background-image: none;
	border: 2px solid transparent;
	border-bottom-color: transparent;
	border-bottom-color: rgb(218,218,218);
	border-bottom-color: rgba(218,218,218,0.7);
	-webkit-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
}

.blocks-gallery-grid,
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0 !important;
    margin: 20px 0;
}
li.blocks-gallery-item figcaption {
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 100% !important;
    padding: 15px !important;
}

ul.wp-block-gallery {
    margin-top: 0;
}
.columns-3 .blocks-gallery-item figcaption {
    font-size: 16px !important;
	padding: 15px 30px !important;
}
.columns-4 .blocks-gallery-item figcaption {
    font-size: 20px !important;
	padding: 15px 30px !important;
}
.wp-block-gallery .blocks-gallery-item figcaption{
	font-size: 14px;
}

/* =Tiled Gallery Default Styles
-------------------------------------------------------------- */

.tiled-gallery {
	clear: both;
	margin: 0 0 20px;
	overflow: hidden;
}
.tiled-gallery img {
	margin: 2px !important; /* Ensure that this value isn't overridden by themes that give content images blanket margins */
}
.tiled-gallery .gallery-group {
	float: left;
	position: relative;
}
.tiled-gallery .tiled-gallery-item {
	float: left;
	margin: 0;
	position: relative;
	width: inherit; /* prevents ie8 bug with inline width styles */
}
.tiled-gallery .gallery-row {
	 overflow: hidden;
}
.tiled-gallery .tiled-gallery-item a { /* Needs to reset some properties for theme compatibility */
	background: transparent;
	border: none;
	color: inherit;
	margin: 0;
	padding: 0;
	text-decoration: none;
	width: auto;
}
.tiled-gallery .tiled-gallery-item img,
.tiled-gallery .tiled-gallery-item img:hover { /* Needs to reset some properties for theme compatibility */
	background: none;
	border: none;
	box-shadow: none;
	max-width: 100%;
	padding: 0;
	vertical-align: middle;
}
.tiled-gallery-caption { /* Captions */
	background: #eee;
	background: rgba( 255,255,255,0.8 );
	color: #333;
	font-size: 13px;
	font-weight: 400;
	overflow: hidden;
	padding: 10px 0;
	position: absolute;
		bottom: 0;
	text-indent: 10px;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
}
.tiled-gallery .tiled-gallery-item-small .tiled-gallery-caption { /* Smaller captions */
	font-size: 11px;
}

/* Hide galleries in widgets until they've been resized to fit.
   Gallery widgets are almost guaranteed to need resizing, and
   the jump is a little more obvious than galleries in content. */
.widget-gallery .tiled-gallery-unresized {
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}

/* =Greyscale
-------------------------------------------------------------- */

.tiled-gallery .tiled-gallery-item img.grayscale {
	position: absolute;
		left: 0;
		top: 0;
}
.tiled-gallery .tiled-gallery-item img.grayscale:hover {
	opacity: 0;
}


/* =Circles Layout
-------------------------------------------------------------- */

.tiled-gallery.type-circle .tiled-gallery-item img {
	border-radius: 50% !important; /* Ensure that circles are displayed in themes that add border-radius to all images as a default */
	object-fit: cover;
}
.tiled-gallery.type-circle .tiled-gallery-caption {
	display: none;
	opacity: 0;
}


/* =Square Layout
-------------------------------------------------------------- */
.tiled-gallery.type-square .tiled-gallery-item img {
	object-fit: cover;
}


.wp-block-coblocks-pricing-table-item__price-wrapper{
	display:block;
}

.post-nav-links{
	font-size:18px;
}
.post-nav-links a, 
.post-nav-links span {
	font-family:'Raleway',sans-serif ;
	line-height: 1.6;
	position: relative;
	text-decoration: none;
	margin-bottom:20px;
	padding: 9px 17px;
	border: 1px solid #e5e5e5;
	color: #131313;
	font-size: 16px;
	font-weight: 600;
	margin-right: 5px;
}
.post-nav-links a:hover,
.post-nav-links span {
	color: #ffffff;
}

li.blocks-gallery-item:before,
ul.wp-block-coblocks-pricing-table-item__features li:before,
.wp-block-categories.aligncenter li:before {
	content:'' !important;
}

.admin-bar .mfp-wrap {
    top: 32px !important;
}

@media only screen and (max-width: 782px) {
    .admin-bar .mfp-wrap {
        top: 46px !important;
    }
}

@media only screen and (max-width: 600px) {
    .admin-bar .mfp-wrap {
        top: 0px !important;
    }
}