/*! 
 * Theme Name: xprosik
 * Theme URI: http://themesholder.com/wp-demo/xprosik/
 * Author: Themesholder
 * Author URI: https://themeforest.net/user/themesholder
 * Description: xprosik Saas Software Apps WordPress Theme, This theme is very user friendly and build it for 
 				showcase, landing page business, portfolio, consult and also you can use this theme for any purpose.
 * Version: 1.0
 * License: GNU General Public License v2 or later 
 * License URI: LICENSE 
 * Text Domain: xprosik 
 * Tags: custom-background, custom-logo, custom-menu, featured-images,  translation-ready
 *  
==================================
 	   | Indexing Table |
=================================== 

	=>-Default CSS
	=>-Mobiloe Menu CSS
	=>-Preeloader CSS
	=>-Page Internal Style
	=>-Header Area Style
	=>-Footer Area Style
	=>---about footer social wiget
	=>---footer menu widget
	=>---side bar widget
	=>---search Widget
	=>---Tags Widget
	=>---Latest News Widget
	=>---Category Widget
	=>---About Widget
	=>---Instagram Widget
	=>-Footer Bottom
	=>-Blog Page Style
	=>-Single Blog Style
	=>-Comment Style
	=>-Responsive
 */

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/*woocommerce*/
.single-product .breadcrumb-area, .post-type-archive-product .breadcrumb-area {
    background-image: none!important;
}
.woocommerce .woocommerce-product-rating .star-rating, .woocommerce ul.products li.product .star-rating {
    color: tomato;
}
.woocommerce ul.products li.product .price {
    color: #888;
    font-weight: 900;
    font-size: 18px;
}
h2.woocommerce-loop-product__title {
    color: #141f4e;
    font-size: 22px!important;
    font-weight: 900;
}
.woocommerce ul.products li.product .button {
	    padding: 15px 20px;
}
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.added_to_cart, .woocommerce div.product form.cart .button {
    background: #141f4e;
    color: #fff;
    border-radius: 3px;
}
.woocommerce ul.products li.product a.added_to_cart {
    margin-left: 22px;
    padding: 10px 20px!important;
    font-weight: 600;
}
/*checkout form*/
.woocommerce form .form-row {
    display: block;
}
form.checkout.woocommerce-checkout .col-1 {
    display: inline-table;
    width: 650px;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: none;
    width: 450px;
    display: inline-table;
}
/* Text meant only for screen readers. */
a {
	color: #333;
}
.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;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	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;
}
div#contact-form .form-group textarea {
    width: 100%;
    height: 110px;
}
.wpcf7-form p:empty { display: none!important; }
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

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

.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

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

.alignfull,
.alignwide {
	margin-left: calc( -100vw / 2 + 100% / 2);
	margin-right: calc( -100vw / 2 + 100% / 2);
	max-width: 100vw;
	margin: 30px 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
--------------------------------------------------------------*/

/* Default Widget Css*/

.widget select {
	max-width: 100%;
}

.widget.widget_archive li a,
.widget.widget_categories li a,
.widget.widget_pages li a,
.widget.widget_meta li a,
.widget.widget_recent_comments li,
.widget.widget_recent_entries li a,
.widget.widget_rss li a,
.widget.widget_nav_menu li a {
	padding-left: 15px;
    font-size: 16px;
    display: inline-block;
    padding-bottom: 5px;
    color: #8a8d91;

}

aside .widget li a:hover,
.widget.widget_recent_comments li:hover:before {
	text-decoration: none;
}

.widget.widget_recent_comments li:before {
	top: -4px;
}

aside.sidebar-widget-area li {
	margin-bottom: 5px;
}

aside .footer-mail-address a {
	color: #505050;
}

aside.sidebar-widget-area .widget_rss li {
	margin-bottom: 20px;
}

.widget.widget_rss a,
.widget.widget_rss cite {
	font-weight: 600;
}

.rss-date {
	margin-left: 10px;
}

.rssSummary {
	margin: 10px 0;
}

aside.sidebar-widget-area li:last-child,
.widget_rss li:last-child {
	margin-bottom: 0;
}

.widget.widget_recent_comments li a {
	color: #505050;
	margin-left: 5px;
}
.comment-body footer, footer.wp-block-latest-comments__comment-meta, footer.wp-block-latest-comments__comment-meta {
    background: #fff;
}
.widget.widget_recent_comments li span {
	margin-right: 2px;
}

aside.sidebar-widget-area .widget {
	border: 1px solid;
	padding-left: 30px;
	margin-bottom: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}

aside.sidebar-widget-area .widget_search h4 {
	margin-bottom: 0;
}

aside.sidebar-widget-area .widget_search .search-form {
	margin-top: 30px;
}

aside.sidebar-widget-area .widget:last-child {
	margin-bottom: 0;
}

aside.sidebar-widget-area .widget-title {
	border-bottom: 1px solid;
	margin-right: -30px;
	margin-left: -30px;
	padding-left: 30px;
	margin-bottom: 26px;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}

aside.sidebar-widget-area .widget-title a {
	color: #ffffff;
}

aside.sidebar-widget-area .widget select {
	width: 100%;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 5px;
}

select:focus {
	outline: none;
	box-shadow: none;
}

table {
	width: 100%;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	margin-top: 15px;
}

.widget table {
	margin-bottom: 0;
	margin-top: 0;
}

table th,
table td {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}

.calendar_wrap table th {
	background-color: #dddddd;
}

aside.sidebar-widget-area .widget_calendar .widget-title {
	margin-bottom: 35px;
}

table td a {
	font-weight: 600;
}

.calendar_wrap table caption {
	padding-bottom: 0;
}

.widget ul ul {
	padding-left: 15px;
}

.widget_search .search-submit {
	color: #ffffff;

}

.widget img {
	height: auto;
}

.widget.widget_text .textwidget img {
	margin: 10px 0;
}


aside .widget .children li, .footer-top-area .widget .children li {
    padding-left: 10px;
}


.sidebar-widget-area .widget ul li.recentcomments span a:before {
    content: "";
    margin-left: 0px;
    margin-right: 0px;
}

/*--------------------------------------------------------------
# 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%;
}

/* Make sure logo link wraps around logo image. */

.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/


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

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

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

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

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

.bypostauthor {
	display: block;
}

#commentform span {
	font-size: 15px;
	margin-left: 3px;
	line-height: 1;
}

.comment-form-cookies-consent {
	display: none;
}

.comment-form-cookies-consent input {
	margin-right: 8px;
}

.comment-form-wrap {
	margin-top: 30px;
}

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

.comment-meta {
	position: relative;
	padding-left: 100px;
	margin-bottom: 40px;
}

.comment-meta img.avatar {
	position: absolute;
	left: 0;
	top: -10px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.comment article {
    margin: 30px 0;
    padding: 15px 15px 15px 0;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.comments-title {
	margin-bottom: 25px;
	margin-top: 10px;
	font-size: 28px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dddddd;
}

.comment-metadata a {
	color: #505050;
	font-size: 14px;
}

.reply a {
	display: inline-block;
	padding: 0 10px;
	font-size: 18px;
	font-weight: 600;
	color: #141f4e;
}

.reply {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 5px;
}

.comment-author.vcard a,
.comment-author.vcard .fn {
	color: #141f4e;
	font-size: 18px;
	margin-right: 5px;
}

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

.children li {
	padding-left: 30px;
}


#comments {
	margin-top: 60px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.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;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

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

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

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

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

.gallery-icon img {
    margin-bottom: 10px;
}

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

/*
---------------------------------------
        | Default CSS |
 --------------------------------------
 */

body {
	line-height: 28px;
	font-size: 14px;
}
input:focus {
    outline: none;
}
a,
a:hover,
a:focus,
button,
button:focus {
	text-decoration: none;
	outline: none;
	transition: 0.5s;
}

img {
	max-width: 100%;
	height: auto;
}
h1,h2,h3,h4,h5,h6{
	color: #141f4e;
}
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

p {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	font-size: 16px;
}
.scrollup {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    position: fixed;
    right: 50px;
    bottom: 30px;
    cursor: pointer;
    color: #fff!important;
    transition: .5s;
    z-index: 999;
    background: #184d9d;
	display: none;
}
.blog-title a {
	color: #141f4e;
}

/*
--------------------------------------------
        | Mobiloe Menu CSS |
 -------------------------------------------
 */

#mobile-menu {
	display: none;
}

.slicknav_menu {
	background: transparent;
}

.sticky #mobile-menu .slicknav_btn {
	padding: 10px 20px;
}
.sticky .slicknav_menu .slicknav_icon-bar {
    background: #fff;
}
#mobile-menu .slicknav_btn {
	background: transparent;
	border-radius: 2px;
	display: block;
	padding: 0px 20px;
	bottom: 65px;
}

#mobile-menu .slicknav_btn span {
	text-shadow: none;
}

.slicknav_nav {
	background: #184d9d;
	text-align: left;
	position: absolute;
	width: 94%;
	top: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 999;
}

.slicknav_menu .slicknav_icon-bar {
	font-size: 30px;
}

.slicknav_nav a,
a.slicknav_row:hover {
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	text-transform: capitalize;
}

.slicknav_nav a:hover,
a.slicknav_row:hover {
	background: transparent;
	color: #FF3A33;
}

.slicknav_nav>ul {
	margin: 0;
	padding: 0;
}

.slicknav_nav li {
	border-bottom: 1px solid #184d9d;
}

.slicknav_nav li:last-child {
	border: none;
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
	padding: 10px 20px;
	margin: 0px 5px;
}

.slicknav_nav .slicknav_row:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 0;
	color: #fff;
}

.slicknav_nav ul {
	margin: 0;
}

.slicknav_nav ul li ul {
	margin-left: 20px;
}

.slicknav_item.slicknav_row:hover a {
	color: #fff;
}


/*
--------------------------------------------
        | Preeloader CSS |
 -------------------------------------------
 */

.main-site.loaded {
	overflow: hidden;
}

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	overflow: hidden;
}

#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #141f4e;
	-webkit-animation: spin 1.7s linear infinite;
	animation: spin 1.7s linear infinite;
	z-index: 11;
}

#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #141f4e;
	-webkit-animation: spin-reverse 0.6s linear infinite;
	animation: spin-reverse 0.6s linear infinite;
}

#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #141f4e;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes spin-reverse {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
	}
}

@keyframes spin-reverse {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #FBF9FE;
	z-index: 10;
}

#loader-wrapper .loader-section.section-left {
	left: 0;
}

#loader-wrapper .loader-section.section-right {
	right: 0;
}

.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	background: #9397B1;
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	background: #9397B1;
}

.loaded #loader {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}

/* Page Internal Style */

.page-template-default .xprosik-internal-area {
	padding: 0;
}

.xprosik-internal-area.error-page {
	text-align: center;
	text-transform: uppercase;
}

.xprosik-internal-area.error-page h4 {
	margin-bottom: 30px;
}

.xprosik-internal-area.error-page h2 {
	font-size: 150px;
	margin: 0;
}

.xprosik-internal-area {
	overflow: hidden;
	padding: 90px 0px;
}


/*
-------------------------------------------
   Header Area Style
-------------------------------------------
*/
.logo {
	display: block;
	text-align: left;
}
.logo h2 {
	margin: 0;
}
.logo h2 a {
    font-size: 40px;
    display: block;
    line-break: anywhere;
    color: #141f4e;
}
.sticky {
	background: #184d9d;
	position: fixed;
	box-shadow: 0px 0px 10px rgb(99, 104, 142, 0.2);
	z-index: 999;
	top: 0;
}
.sticky-logo {
    display: none;
}
.sticky .sticky-logo {
    display: block!important;
}
.sticky .logo a img {
	width: 100%;
	margin-top: 10px;
}
.sticky .logo h2 a img {
    display: none;
}
.sticky .main-menu ul li a {
    color: #fff;
}
.sticky .main-menu ul li a::before, .sticky .main-menu ul li a.active::before {
    background: #fff;
}
.sticky header {
	padding: 10px 0;
}

header {
	width: 100%;
	margin: 0 auto;
	z-index: 5;
	position: absolute;
	padding: 20px 0;
}
.main-menu {
	line-height: 40px;
}
.main-menu ul li {
	display: inline-block;
	padding: 0 15px;
}
.main-menu ul li a:hover {
/* 	color: #141f4e; */
}

.main-menu ul li a {
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 700;
	transition: .5s;
	position: relative;
	color: #141f4e;
	transition: all .3s ease-in-out;
	display: block;
}
.menu_clr2 ul li a {
  color: #ffffff!important;
}
.menu_clr2 ul li a::before, .menu_clr2 ul li a.active::before {
  background: #ffffff!important;
}
.menu_clr2.main-menu ul li.menu-item-has-children::after {
    color: #fff!important;
}
.sticky .main-menu ul li.menu-item-has-children::after {
    color: #fff;
}
.main-menu ul li a.active {
	position: relative;
}

.main-menu ul li a::before,
.main-menu ul li a.active::before {
	content: '';
    position: absolute;
    bottom: -2px;
    width: 0;
    height: 1px;
    background: #141f4e;
    opacity: 1;
    transition: all .3s ease-in-out;
    left: 0;
}
.main-menu ul li a:hover:after {
    width: 100%;
}
.main-menu ul li a:hover::before,
.main-menu ul li a.active::before {
	width: 100%; 
}

.main-menu ul li.menu-item-has-children, .main-menu ul li.page_item_has_children {
	position: relative;
}

.main-menu ul li.menu-item-has-children ul.sub-menu, .main-menu ul li.page_item_has_children ul.children {
	width: 200px;
    background: #fff;
    position: absolute;
    top: 50px;
    opacity: 0;
    transition: all .3s ease-in-out;
    visibility: hidden;
    box-shadow: 0 15px 36px 4px rgba(79,35,35,.1);
    padding: 10px 0;
    border-radius: 5px;
    padding: 20px 20px;
    left: 0;
	z-index: 9;
}

.main-menu ul li.menu-item-has-children:hover ul.sub-menu, .main-menu ul li.page_item_has_children:hover ul.children {
	top: 50px;
	visibility: visible;
	opacity: 1;
}
.main-menu ul li.menu-item-has-children ul li a, .main-menu ul li.page_item_has_children ul li a {
	display: block;
    padding:0px;
    color: #141f4e!important;
    text-align: left;
	font-size: 16px;
}

.main-menu ul li.menu-item-has-children ul li a::before, .main-menu ul li.page_item_has_children ul li a::before {
	background: #141f4e!important;
}
.main-menu ul li.menu-item-has-children ul li, .main-menu ul li.page_item_has_children ul li {
	display: block;
	transition: 0.5s;
	padding: 0;
}

.main-menu ul li.menu-item-has-children ul li.menu-item-has-children ul.sub-menu, .main-menu ul li.page_item_has_children ul li.page_item_has_children ul.children {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 100%;
}
.main-menu ul li.menu-item-has-children ul li.menu-item-has-children:hover ul.sub-menu, .main-menu ul li.page_item_has_children ul li.page_item_has_children:hover ul.children {
	opacity: 1;
	visibility: visible;
	top: 0;
}
/*menu dropdown icon*/
.main-menu ul li.menu-item-has-children::after {
    position: absolute;
    content: "\f107";
    font-family: fontawesome;
    font-size: 16px;
    top: 0;
    right: 0;
    color: #141f4e;
}
.header-right-info {
	display: block;
	margin: -5px 0;
	text-align: center;
}
.call-button {
	text-align: center;
	transition: .5s;
	display: inline-block;
	margin: 0 10px;
	border-radius: 20px 20px 20px 20px;
	box-shadow: 0px 7px 10px 0px rgba(252,53,73,0.3);
}

.download-btn a {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    padding: 15px 47px;
    border-radius: 3px;
    margin-left: 20px;
    transition: all .3s ease-in-out;
     background: #141f4e;
}
.call-button a:hover, .call-button a:focus {
	color: #fff;
}
.header-social {
	display: inline-block;
}
.header-social ul li a {
	color: #fc3549;
	font-size: 18px;
	padding: 0px 5px;
}
 .header-social ul li a i.fa.fa-facebook {
	color: #3b5998;
}
 .header-social ul li a i.fa.fa-twitter {
	color: #1da1f2;
}
 .header-social ul li a i.fa.fa-linkedin {
	color: #0077B7;
}
 .header-social ul li a i.fa.fa-instagram {
	color: #D62F8B;
}
.header-social ul li {
	display: inline-block;
}
body, .hero-content h4, .counter-project span, .testimonial-content span, .subscribe-box h2, .subscribe-box h4, .blog-posts-meta ul li, .portfolio-menu ul li, .price-swetch ul li {
	font-weight: 500;
}

/*
 --------------------
 Footer Area Style
 --------------------
*/

input.submit-btn.home-3 {
  background: linear-gradient(-45deg, rgba(237, 60, 163, 1) 0%, rgba(242, 140, 106, 0.99) 100%);
  border: none;
}

footer {
  background: #906CDB;
  margin-top: 100px;
}
a.cta-btn {
  font-weight: 900;
  font-size: 18px;
  color: #fff;
  padding: 20px;
  border-radius: 3px;
  display: inline-block;
	background: #FECA34;
}

.cta-box h2 {
  font-size: 36px;
  font-weight: 700;
  margin: 12px 0px;
}
.cta-box {
  background: #fff;
  padding: 30px;
  text-align: center;
  margin-top: -60px;
  box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.12);
  border: 3px solid #fff;
  border-radius: 5px;
}
.cta-box h2 span {
  color: #ff614c;
}
.subscribe-box {
  padding-top: 50px;
}
.subscribe-box h2 {
  color: #fff;
  margin-bottom: 20px;
}
form.subscribe-form input {
  width: 80%;
  height: 55px;
  margin: 0 auto;
}
.subscribe-btn {
  position: absolute;
  top: 6px;
  right: 80px;
  color: #141f4e!important;
  font-size: 14px;
  font-weight: 900;
  padding: 10px 25px;
	background: #FECA34;
}

form.subscribe-form {
  position: relative;
}
.footer-bottom {
  padding-bottom: 90px;
  padding-top: 50px;
  text-align: center;
}
.footer-logo img {
    height: 45px;
}
.footer-bottom p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
.footer-logo {
  margin-bottom: 15px;
}
.footer-logo a {
    color: #ffff;
    font-size: 35px;
    text-transform: capitalize;
}
/*Home Two*/

/* #accordion.style-2 a.card-link.collapsed,
#accordion.style-2 a.card-link.collapsed i {
  color: #141f4e;
} */
/* #accordion.style-2 a.card-link,
#accordion.style-2 a.card-link i {
  color: #FE805A;
} */
input.submit-btn.home-2 {
  background: linear-gradient(-45deg, rgba(157, 82, 237, 1) 0%, rgba(106, 73, 227, 1) 100%);
  border: none;
}

/*Home 3*/

input.submit-btn.home-3 {
  background: linear-gradient(-45deg, rgba(237, 60, 163, 1) 0%, rgba(242, 140, 106, 0.99) 100%);
  border: none;
}
footer .cta-box a.cta-btn {
  color: #141f4e!important;
}
footer.home-3 {
  background: linear-gradient(-45deg, rgba(241, 114, 68, 1) 0%, rgba(235, 29, 139, 0.99) 100%);
}
.subscribe-box.home-3 .subscribe-btn {
  color: #141f4e;
}
/*footer blog*/

footer.blog {
  background: #141f4e;
}

.footer-top {
	padding: 100px 0;
}

.widget-title {
	font-size: 24px;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: inline-block;
	color: #141f4e;
}

.widget_xprosik_address_widget ul li,
.widget_xprosik_address_widget ul li p a {
	display: block;
	font-size: 16px;
	font-weight: 400;
}

.widget_xprosik_address_widget ul li i {
	float: left;
	line-height: 24px;
	margin-right: 10px;
}

.widget_xprosik_address_widget ul li p {
	margin: 0;
	padding-bottom: 5px;
}


/*about footer social wiget*/

.widget_xprosik_footer_social_widget ul li {
	display: inline-block;
	padding-right: 10px;
	margin-bottom: 10px;
}

.widget_xprosik_footer_social_widget ul li a i {
	font-size: 18px;
	color: #141f4e;
    opacity: .8;
}
.widget_xprosik_footer_social_widget ul li a:hover i {
	opacity: 1;
} 

/*footer menu widget */

.widget-link li {
	display: block;
	padding-bottom: 10px;
}

.widget-link li a {
	font-size: 16px;
	display: block;
	font-weight: 400;
	font-family: 'Rubik', sans-serif;
}

.widget-link ul.menu {
	display: inline-block;
	float: left;
}

.widget-feed ul li {

    float: left;
    display: block;
    width: 100%;
    padding-bottom: 5px;

}

.widget-feed>ul>li>a>img {
	width: 80px;
	height: 83px;
	max-width: 100%;
}

.widget-feed ul li img {
	width: 100px;
	height: 100px;
}


/* side bar widget */

#secondary.widget-area .widget {
	padding: 30px;
	margin-bottom: 30px;
	border: 1px solid #caceff;
}

#secondary.widget-area .widget h2.widget-title {
	text-align: center;
}


/*search Widget*/
input.search-submit {
	border: none;
	color: #fff;
	font-family: 'Rubik', sans-serif;
	text-transform: uppercase;
	border-radius: 30px;
	cursor: pointer;
	color: transparent;
	right: 34px;
	position: absolute;
	padding: 15px 0px;
	
}
#secondary.widget-area .widget.widget_search {
	padding: 30px 15px;
}
.widget_search input[type="submit"] {
	margin: 0 0 0 5px;
}


/*Tags Widget*/

.tagcloud a {
	background: #e7e9ff;
	padding: 10px 30px;
	border-radius: 30px;
	font-size: 14px !important;
	margin: 5px;
	display: inline-block;
}

.tagcloud a:hover {
	color: #fff;
	background: #141f4e;
}
.post-tags p {
    margin: 0;
}

/* Latest News Widget*/

.rpwwt-widget ul li a {
	font-size: 14px;
	text-transform: capitalize;
}

#rpwwt-recent-posts-widget-with-thumbnails-2 img {
	margin-right: 30px;
}

.rpwwt-widget ul li {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.rpwwt-widget ul li:last-child {
	border: none;
	margin: 0;
	padding: 0;
}


/*Category Widget*/

#secondary.widget-area .widget_categories li a,
#secondary.widget-area .widget_archive li a {
	padding: 10px 0;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	text-align: left;
	display: inline-block;
	width: 90%;
}

#secondary.widget-area .widget_categories li,
#secondary.widget-area .widget_archive li {
	display: block;
	text-align: right;
}


/*footer bottom*/

/*.footer-bottom {
	padding: 10px 0;
	border-top: 1px solid #cacaca;
	background: #FBF9FE;
}*/

.copyright-text {
	line-height: 40px;
}

.copyright-text>p {
	margin: 0;
	color: #8a8d91;
}

.breadcrumb-area {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 200px 0;
	text-align: center;
	background-color: #f0f7fd;
	margin-bottom: 40px;
}

.breadcrumb-area h2 {
	font-size: 35px;
	text-transform: capitalize;
	padding-bottom: 20px;
	color: #141f4e;
}
.xprosik-blog-post p {
	color: #8a8d91;
}
.breadcrumb-area span {
	display: inline-block;
	padding: 0 4px;
	font-size: 20px;
	text-transform: capitalize;
}


/*Author Widget*/

.widget_xprosik_about_author_widget {
	position: relative;
	text-align: center;
}

.widget_xprosik_about_author_widget>img {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	height: 120px;
}

.widget_xprosik_about_author_widget .author-img img {
	margin: 10%;
}

.widget_xprosik_about_author_widget p {
	font-size: 14px;
}

.widget_xprosik_about_author_widget h2 {
	font-size: 24px;
	text-transform: capitalize;
	margin: 0;
}

ul.author-social li {
	display: inline-block;
	padding: 0 5px;
}

ul.author-social li a {
	display: block;
	color: #fff;
	background: #BBBBBB;
	padding: 5px;
	border-radius: 2px;
	line-height: 14px;
}

ul.author-social li:hover a {
	color: #fff;
}

.widget_xprosik_about_author_widget .signature {
	margin-bottom: 20px;
}


/*
 -----------------------
 Blog Page Style
 -----------------------
*/
.xprosik-blog-post {
    margin-bottom: 40px;
    border-bottom: 1px solid 
    #caceff;
    padding-bottom: 40px;
}
.xprosik-blog-post {
	margin-bottom: 50px;
}

.blog-posts-meta ul li {
	display: inline-block;
	padding: 25px 50px 25px 0;
	font-weight: 400;
	text-transform: capitalize;
	color: #63688e;
}

.blog-posts-meta ul li i {
	margin-right: 10px;
}
.blog-title {
    margin-bottom: 20px;
}
.blog-title a {
	font-size: 24px;
	text-transform: capitalize;
	color: #161c42;
	word-break: break-word;
}

.xprosik-btn.read-more:hover {
	color: #fff;
}

.xprosik-btn.read-more {
    background: 
#141f4e;
text-transform: uppercase;
padding: 15px 40px;
border-radius: 2px;
color:
    #fff!important;
    font-weight: 600;
    margin-top: 20px;
    font-size: 14px;
    display: inline-block;
}

.navigation.pagination a,
.navigation.pagination span {
	font-size: 16px;
	width: 50px;
	border: 1px solid #caceff;
	border-radius: 100%;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-right: 20px;
	color: #141f4e;
}

.blog-Pagination a i {
	font-weight: 600;
	font-size: 20px;
}

.blog-Pagination {
	margin: 50px 0;
}

.navigation.pagination a:hover,
.navigation.pagination span.current {
	color: #fff;
	background-color: #141f4e;
}

/*
 -----------------------
 Single Blog Style
 -----------------------
*/
.post-thumb img, .single-post-thumb img {
    margin-bottom: 20px;
}
.post-thumb img {
    width: 750px;
    height: 370px;
}
.single-posts h2 {
    font-size: 24px;
    padding-bottom: 25px;
    margin: 0;
    line-height: 30px;
}
.single-post-meta ul li {
    display: inline-block;
    padding-right: 30px;
    text-transform: capitalize;
    font-weight: 400;
    position: relative;
    font-size: 16px;
}

.single-post-meta ul li i {
	margin-right: 10px;
	color: #141f4e;
	font-size: 16px;
}
.single-post-meta {
    margin-bottom: 20px;
    display: inline-block;
}
/*
.single-post-thumb {
	position: relative;
	width: 100%;
	height: 350px;
	border: 1px solid #f7f7f7;
}
*/
.single-post-thumb img {
	width: 100%;
	height: 350px;
	border-radius: 5px;
}
.single-post-meta ul li::before {
    position: absolute;
    content: "|";
    color: #63688e;
    right: 10%;
}

.single-post-meta ul li:last-child::before {
	display: none;
}
.entry-content p {
    margin-bottom: 20px;
}
.single-posts blockquote {
    background: #fff4f4;
    padding: 28px 40px 22px 40px !important;
    margin: 40px 0px 45px;
}
.single-posts blockquote p {
    font-size: 20px;
    position: relative;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 0;
}

.single-posts blockquote p::after {
    position: absolute;
    content: "\f10e ";
    color: #63688e;
    font-size: 30px;
    font-family: fontawesome;
    padding: 0 22px;
    font-weight: 900;
}

.image-content img {
	float: left;
	padding-right: 30px;
}

.image-content {
	margin: 20px 0;
	display: inline-block;
	line-height: 26px;
}

.post-tags a {
	display: inline-block;
	padding-right: 5px;
	font-size: 16px;
}
.post-tags a:hover {
	color: #141f4e;
}
.post-share {
	float: right;
	margin-top: -3px;
}

.post-share li {
	display: inline-block;
	padding: 0 10px;
}

.post-share li a {
	background: #e7e9ff;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	color: #141f4e;
}

.post-share li a:hover {
	color: #fff;
}

.entry-footer {
	padding: 20px 0;
	border-top: 1px solid #caceff;
	border-bottom: 1px solid #caceff;
	margin: 50px 0;
}

.post-tags {
	display: inline-block;
}
.comment-form-comment {
    margin-bottom: 0;
}
#commentform > .form-submit {
    margin-bottom: 30px;
}
.comment-form input,
.comment-form textarea,
[type="search"] {
	width: 100%;
	margin-bottom: 0px;
}
.search-form {
	position: relative;
}

input[type="search"] {
	border-radius: 50px;
	width: 320px;
	border: 1px solid #caceff!important;
	position: relative;
	font-size: 14px;
	color: #8a8d91;
	font-weight: 500;
	margin: 0;
}
.error404 .search-submit {
	right: 36%;
	top: 6px;
}
.search-submit {
	position: absolute;
	right: 6px;
	top: 6px;
	color: #fff;
	border: none;
	width: 50px;
	border-radius: 50px;
	height: 50px;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	background: #152545;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea,
[type="search"] {
	border: 1px solid #caceff;
	padding: 15px;
}

input[type="submit"] {
	border: none;
	padding: 15px 30px;
	color: #fff;
	font-family: 'Rubik', sans-serif;
	text-transform: uppercase;
	border-radius: 3px;
	cursor: pointer;
	width: auto;
	background: #141f4e;
}


/*Comment Styl */
.comments-title {
	margin: 40px 0;
}

.comment-author img {
	display: block;
	float: left;
	margin-right: 50px;
	width: 90px;
	height: 90px;
	margin-bottom: 20%;
	border-radius: 50px;
	border: 3px solid #fff;
	box-shadow: 0px 0px 20px #ddd;
}

.comment-author {
	text-transform: capitalize;
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
}

ol.comment-list li {
	display: inline-block;
	position: relative;
	width: 100%;
}

.comment-metadata time {
	font-weight: 400;
}

.comment-metadata {
	padding: 10px 0;
}

.comment-content p {
	margin: 20px 0;
	display: block;
}

.comments-area ol.children {
	margin-left: 15%;
}

.reply a::before {
	position: absolute;
	content: "\f112 ";
	font-family: fontawesome;
	left: -25px;
	top: 0px;
}

.reply a {
	position: relative;
	font-size: 16px;
	background: transparent;
}

.reply {
	top: 0;
	position: absolute;
	right: 0;
}

h3#reply-title {
	display: inline-block;
	text-align: left;
	width: 100%;
}

#commentform>.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form- {
	width: 48%;
	float: left;
}

#commentform>.comment-form-url {
	display: none;
}

#commentform>.comment-form-email {
	float: right;
}

input#wp-comment-cookies-consent {
	display: inline-block;
	width: 10%;
}


/*instagram widget */

.wdi_feed_thumbnail_1 .wdi_feed_container,
.wdi_feed_thumbnail_1 .wdi_photo_wrap_inner,
.wdi_feed_theme_1 .wdi_feed_wrapper {
	background-color: transparent!important;
	border-color: transparent!important;
}
/*search resuld form hide*/
.xprosik-sr .search-form {
    display: none!important;
}
/*404 search form*/
.xprosik-internal-area.error-page input[type="search"] {
    width: 130%;
}
/*noting found content page*/
.no-results.not-found h1, .no-results.not-found p {
    padding: 20px 0;
}
.widget_pages ul.children, .widget_nav_menu ul.sub-menu, .single-posts ul li ul, .single-posts ul li ol, .single-posts ol li ol, .single-posts ol li ul, .widget_categories ul li ul, .entry-content li > ol, .entry-summary li > ol, .comment-content li > ol, .entry-content blockquote > ol, .entry-summary blockquote > ol, .comment-content blockquote > ol, .entry-content ul {
    padding-left: 1.5em;
	list-style: circle;
}
.wp-block-archives.extraclass.wp-block-archives-list a {

    color: #222;

}
/**/
.home.page-template-default.logged-in.admin-bar .entry-content {
    overflow: hidden;
}
/*entry content spech*/
.page.type-page.status-publish.hentry .entry-content {
/*     padding: 50px 0; */
}
/*entry content no spech for home page*/
.home.page-template-default .entry-content {
    padding: 0;
}
/*instagram widget hide head*/
.sb_instagram_header, #sbi_load {
    display: none;
}
/*search content*/
.entry-header {
    position: unset;
}
.xprosik-search-content {
    border: 1px solid 
#ddd;
background:
    #f0f7fd;
    padding: 30px;
    margin-bottom: 40px;
}
.xprosik-search-content .entry-summary p {
    margin: 0;
}
.xprosik-search-content header.entry-header {
    margin: 0;
    padding: 0;
}

/* Calendar widget*/
.widget_calendar tr td, .widget_calendar th {
    padding: 0;
    border: 1px solid #f1f1f1;
}
.widget_calendar tr td a {
    color: #141f4e;
}
/*archives dropdown widget*/
.widget_archive select, .textwidget select, .widget_categories select {
    width: 100%;
    border: 1px solid #d7d7d7;
    padding: 10px;
}
/*image alignment*/
img.alignright {
	clear: both;
}
/*sticky post*/
.xprosik-blog-post.sticky {
    display: block;
    position: relative;
    padding: 30px 30px 35px;
    z-index: 0;
    background: #f0f7fd;
    height: auto;
    box-shadow: none;
}

.xprosik-blog-post.sticky::before {
	position: absolute;
	content: '\f08d';
	top: 1px;
	right: 1px;
	font-family: fontawesome;
	font-size: 30px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #141f4e;
	border-radius: 0 5px;
}
/*table */
table tbody tr td, table tbody tr th {

    border: 1px solid 

    #d7d7d7;
    padding: 20px 40px;

}
table tbody tr td a {
    font-size: 15px;
    color: 
    #333;
    font-weight: 600;
}
table {
	margin: 30px 0;
}
dl dt, dl dd {
    font-size: 16px;
}
dl dd {
    margin-bottom: 20px;
}
/*===========================================
			Responsive Style 
============================================*/


/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.logo {
		padding: 0px;
		text-align: left;
	}
	.main-menu {
		text-align: center!important;
	}
	/*dropdown icon*/
	.main-menu ul li.menu-item-has-children::after {
		font-size: 12px;
		top: 3px;
		right: -2px;
	}
	.call-button {
	    border-radius: 50px;

	}
	.call-button a {
		font-size: 14px;
		padding: 0px 10px 0px 10px;
	}
	.header-social {
		display: none;
	}
	.main-menu ul li {
		padding: 0px;
	}
	.main-menu ul li a {
	    font-size: 14px;
	    padding: 4px 8PX;
	}
	.main-menu ul li a:hover::before, .main-menu ul li a.active::before {
	    width: 90%;
	}
	.main-menu ul li a::before, .main-menu ul li a.active::before {
		bottom: 0;
	}
	.main-menu ul li.menu-item-has-children ul li a::before, .main-menu ul li.page_item_has_children ul li a::before {
		display: none;
	}
	.widget-link li a, .about-widget p {
		font-size: 14px;
	}
	.widget_xprosik_footer_social_widget ul li a {
    width: 40px;
    height: 40px;
    line-height: 45px;
}
	input[type="search"] {
    width: 95%; 
	}
	#rpwwt-recent-posts-widget-with-thumbnails-2 img {
    margin-right: 10px;
}
	.rpwwt-widget ul li a span {
    font-size: 11px;
}
	.rpwwt-post-date {
    font-size: 10px;
}
	.tagcloud a {
    padding: 6px 18px;
    font-size: 10px !important;
    margin: 5px;;
}
	.blog-title a {
    font-size: 18px;
}
	.xprosik-btn.read-more {
    padding: 15px 40px;
}
	.single-post-meta ul li {
    padding-right: 26px;
    font-size: 12px;
}
	.comment-content p {
    margin: 0px 0 30px 0;
    font-size: 14px;
}
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.logo {
	    padding: 5px 20px;
	    text-align: left;
	    margin-right: 0;
	}

	.logo h2 a {
		font-size: 30px;
	}
	.download-btn a {
    font-size: 10px;
		padding: 10px 24px;
	}
	.header-social {
		display: none;
	}
	.main-menu {
    line-height: 10px;
}
	.main-menu ul li {
		padding: 10px 0;
	}
	.main-menu ul li a {
		font-size: 10px;
		padding: 5px;
	}
	.main-menu ul li.menu-item-has-children ul li a::before, .main-menu ul li.page_item_has_children ul li a::before {
		display: none;
	}
	.main-menu ul li.menu-item-has-children ul li a, .main-menu ul li.page_item_has_children ul li a {
	    font-size: 10px;
	    padding-bottom: 5px;
	}
	.main-menu ul li.menu-item-has-children ul.sub-menu, .main-menu ul li.page_item_has_children ul.children {
		width: 120px; 
		    padding: 15px 20px;

	}

	.main-menu ul li.menu-item-has-children:hover ul.sub-menu {
		top: 40px;
	}
	/*dropdown icon*/
	.main-menu ul li.menu-item-has-children::after {
		font-size: 8px;
		top: 15px;
		right: -2px;
	}
	.widget-title {
		font-size: 16px;
		margin-bottom: 18px;
	}
	.widget_xprosik_address_widget ul li,
	.widget_xprosik_address_widget ul li p a,
	.about-widget p,
	.widget-link li a {
		font-size: 10px!important;
		line-height: 20px;
	}
	.widget-link li {
		padding-bottom: 0px;
	}
		.widget_xprosik_footer_social_widget ul li a {
		width: 40px;
		height: 40px;
		line-height: 45px;
	}
	.copyright-text>p {
		font-size: 12px;
	}
	.blog-title a {
		font-size: 16px;
	}
	#secondary.widget-area .widget {
		padding: 10px;
	}
	.widget_xprosik_about_author_widget p {
		font-size: 10px;
		line-height: 14px;
	}
	#secondary.widget-area .widget_categories li a,
	#secondary.widget-area .widget_archive li a {
		width: 85%;
		font-size: 12px;
		line-height: 14px;
	}
	.tagcloud a {
		padding: 5px 10px;
		font-size: 10px!important;
	}
	.breadcrumb-area h2 {
		font-size: 40px;
	}
	.comment-content p {
		margin: 20px 0;
		font-size: 10px;
		line-height: 16px;
	}
	#commentform>.comment-form-author,
	.comment-form-email,
	.comment-form-url,
	.comment-form- {
		width: 100%;
		float: left;
	}
	#rpwwt-recent-posts-widget-with-thumbnails-2 img {
		margin-right: 10px;
	}
	.rpwwt-widget ul li a {
		font-size: 10px;
		line-height: 0;
	}
	.rpwwt-post-date {
    font-size: 8px;
    padding-top: 6px;
}
	.blog-posts-meta ul li {
		padding: 25px 20px 25px 0;
		font-size: 12px;
	}
	input[type="search"] {
	   width: 100%; 
	}
		.single-post-meta ul li {
		padding-right: 10px;
		font-size: 10px;
	}
	.single-post-meta {
		padding: 10px 20px;
	}
	.xprosik-btn.read-more {
    padding: 10px 30px;
    font-size: 12px;
}
	#rpwwt-recent-posts-widget-with-thumbnails-2 img {
    width: 60px;
    height: 60px;
    margin-bottom: 40px;
}
	.rpwwt-widget ul li {
    overflow: auto;
    line-height: 15px;
}
	.rpwwt-widget ul li a span {
    font-size: 8px;
}
	#secondary.widget-area .widget_categories li a, #secondary.widget-area .widget_categories li {
    font-size: 12px;
    line-height: 14px;
}
	.single-post-meta ul li::before {
		opacity: 0;
	visibility: hidden;
	}
	.single-posts h2 {
    font-size: 16px; 
	}
	.entry-content p {
	  font-size: 14px;
}
	.single-posts blockquote p {
    font-size: 14px;
    line-height: 30px; 
	}
	/*footer cta and subscribe */
	.cta-box {
    padding: 10px 20px;
}
footer .cta-box h2 {
    font-size: 20px;
	line-height: 40px; 
}
a.cta-btn {
    font-size: 12px;
    padding: 10px 20px;
    margin: 10px auto;
}


.subscribe-box h2 {
    font-size: 30px;
}
form.subscribe-form input {
    width: 100%;
    height: 55px;
    padding: 0px 70px;
    margin: 0 auto;
}
.subscribe-btn {
    top: 10px;
    right: 10px;
    font-size: 10px;
    padding: 10px 30px;
    z-index: 0;
}
	.subscribe-box {
    padding-top: 70px;
}
.footer-bottom {
    padding-bottom: 50px;
	padding-top: 50px;
	}

}


/* Mobile Layout: 767px. */

@media only screen and (max-width: 767px) {
		header {
		padding: 10px;
		border: none;
	}
	#mobile-menu .slicknav_btn {
		bottom: 40px;
	}
	.logo {
		border: none;
		text-align: left;
	}
	.sticky .logo a img {
		width: auto;
	}
	.header-right-info {
		display: none;
	}
	#mobile-menu {
		display: block;
	}
	.main-menu {
		display: none;
	}
	.sticky {
		height: 80px;
	}
	.sticky .sticky-logo {
		padding: 15px 0;
	}
	header.sticky #mobile-menu .slicknav_btn {
		bottom: 70px!important;
	}
	header.sticky .slicknav_nav {
		top: 0px;
	}
	.contact-form {
    padding: 0 30px;
}
	.copyright-text,
	.footer-logo {
		text-align: center;
	}
	#wdi_feed_0 .wdi_feed_item {
		width: 30%!important;
	}
	.blog-posts-meta ul li {
		padding: 25px 10px 25px 0;
		font-size: 10px;
	}
	nav.navigation.pagination {
		margin-bottom: 50px;
	}
	.breadcrumb-area h2 {
		font-size: 40px;
	}
	.breadcrumb-area span {
		font-size: 14px;
	}
	.xprosik-internal-area {
		padding: 50px 0px;
	}
	#commentform>.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment {
		width: 100%;
	}
		.single-post-meta ul li::before {
		opacity: 0;
	visibility: hidden;
	}
	.single-post-thumb img {
    width: 100%;
    height: auto; 
	}
	/*search result*/
.xprosik-sr {
    padding-bottom: 80px;
}
	.xprosik-sr .page-title {
    font-size: 20px;
    margin-top: 13px;
}
	.xprosik-sr .page-content p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 391px) and (max-width: 450px) {
	#mobile-menu .slicknav_btn {
		bottom: 45px;
	}
	header.sticky #mobile-menu .slicknav_btn {
		bottom: 80px!important;
	}
	.logo {
		display: inline-block;
		margin-left: 25px;
	}
	.single-post-meta ul li {
		font-size: 12px;
	}

	.breadcrumb-area {
		height: 200px;
		padding-bottom: 250px;
	}
	
	.comment-author {
		font-size: 12px;
	}
	.comment-author img {
		margin-right: 15px;
		margin-bottom: 0;
	}
	.comment-content p {
		font-size: 14px;
	}
	.post-tags, .post-share {
		width: 100%;
		text-align: center;
		display: inline-block;
	}
		.entry-footer {
		overflow: hidden;
	}
	.single-post-meta ul li {
		padding-right: 10px;
		font-size: 8px;
	}
	.blog-title a {
    font-size: 14px; 
	}
	.single-post-meta {
		padding: 5px 10px;
		margin-bottom: 0;
	}
	.single-post-meta ul li i {
    margin-right: 5px;
		font-size: 10px;
}
	.xprosik-btn.read-more {
    padding: 10px 30px;
    font-size: 12px;
}
	.post-thumb img, .single-post-thumb img {
    margin-bottom: 5px;
}
	input[type="search"] {
    width: 170%; 
	}
	.breadcrumb-area h2 {
    font-size: 18px;
		padding-bottom: 0;
}
	.breadcrumb-area span {
    font-size: 10px;
    line-height: 15px;
    padding: 0 5px;
}
	.single-posts h2 {
    font-size: 14px;
    padding-bottom: 20px; 
	}
	.single-posts blockquote p {
    font-size: 14px;
    line-height: 30px;
}
	.single-posts blockquote p::after {
    font-size: 20px;
    padding: 0 15px;
}
	.entry-content p {
    margin-bottom: 10px;
    font-size: 14px;
}
	/*404 search*/
	.xprosik-internal-area.error-page .search-submit {
    right: 30px;
    top: 6px;
}
	.xprosik-internal-area.error-page input[type="search"] {
    width: 100%;
}
	/*footer cta*/
	footer .cta-box {
		padding: 20px;
	}
	footer .cta-box h2 {
    font-size: 26px;
    margin: 12px 0px;
}
	footer .cta-box a.cta-btn {
    font-size: 14px;
    padding: 10px 20px;
	}
	/*subscribe*/
	.subscribe-box {
    padding-top: 80px;
}
form.subscribe-form input {
    width: 90%;
    height: 55px;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
}
.subscribe-btn {
    position: unset;
    top: 4px;
    right: 80px;
    font-size: 14px;
    padding: 10px 25px;
}
/*footer bottom*/
	.footer-bottom p {
    line-height: 20px;
}
.footer-bottom {
    padding-bottom: 10px;
    padding-top: 50px;
    text-align: center;
}
}


/* small Layout: 390px. */

@media only screen and (max-width: 390px) {
	#mobile-menu .slicknav_btn {
		bottom: 45px;
	}
	header.sticky #mobile-menu .slicknav_btn {
		bottom: 80px!important;
	}
	.logo {
		display: inline-block;
		margin-left: 25px;
	}
	.logo h2 a {
		font-size: 45px;
	}
	.blog-posts-meta ul li {
		padding: 25px 5px 25px 0;
		font-size: 8px;
	}
	.single-post-meta ul li {
		font-size: 10px;
	}
	.breadcrumb-area {
		height: 200px;
		padding-bottom: 250px;
	}
	.comment-author {
		font-size: 12px;
	}
	.comment-author img {
		margin-right: 15px;
		margin-bottom: 0;
	}
	.comment-content p {
		font-size: 14px;
	}
	.post-tags, .post-share {
		width: 100%;
		text-align: center;
		display: inline-block;
	}
	.entry-footer {
		overflow: hidden;
	}
		input.search-submit {
		margin: 0;
	}
		.single-post-meta ul li {
		padding-right: 10px;
		font-size: 8px;
	}
	.blog-title a {
    font-size: 14px; 
	}
	.single-post-meta {
		padding: 5px 10px;
		margin-bottom: 0;
	}
	.post-thumb img, .single-post-thumb img {
    margin-bottom: 5px;
}
	.single-post-meta ul li i {
    margin-right: 5px;
		font-size: 10px;
}
.xprosik-btn.read-more {
    padding: 5px 20px;
    font-size: 10px;
    margin-top: 15px;
}
	input[type="search"] {
    width: 120%; 
	}
	.breadcrumb-area h2 {
    font-size: 18px;
		padding-bottom: 0;
}
	.breadcrumb-area span {
    font-size: 10px;
    line-height: 15px;
    padding: 0 5px;
}
	.single-posts h2 {
    font-size: 14px;
    padding-bottom: 20px; 
	}
	h3.blog-title {
    line-height: 20px;
}
	.single-posts blockquote p {
    font-size: 14px;
    line-height: 30px;
}
	.single-posts blockquote p::after {
    font-size: 20px;
    padding: 0 15px;
}
	.entry-content p {
    margin-bottom: 10px;
    font-size: 14px;
}
		/*404 search*/
	.xprosik-internal-area.error-page .search-submit {
    right: 10px;
    top: 6px;
}
	.xprosik-internal-area.error-page input[type="search"] {
    width: 100%;
}
	/*footer cta*/
	footer .cta-box {
		padding: 20px;
	}
	footer .cta-box h2 {
    font-size: 26px;
    margin: 12px 0px;
}
	footer .cta-box a.cta-btn {
    font-size: 14px;
    padding: 10px 20px;
	}
	/*subscribe*/
	.subscribe-box {
    padding-top: 80px;
}
form.subscribe-form input {
    width: 90%;
    height: 55px;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
}
.subscribe-btn {
    position: unset;
    top: 4px;
    right: 80px;
    font-size: 14px;
    padding: 10px 25px;
}
/*footer bottom*/
	.footer-bottom p {
    line-height: 14px;
		font-size: 10px;
}
.footer-bottom {
    padding-bottom: 10px;
    padding-top: 50px;
    text-align: center;
}
	
}

section {
    max-width: 100%;
}
html,body{
	overflow-x:hidden !important;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track{
	/*border-radius:0px !important;*/
}

html::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb:hover{
	background: #184d9d !important; 
	/*border-radius:0px !important;*/
}
@media(max-width:768px){
	header .logo img {
		max-width: 100%;
		width: auto;
		height: 55px;
		/* margin: 0px !important; */
		padding: 5px 0px !important;
		margin: 3px auto !important;
	}
	header .logo {
		margin: 0px !important;
	}
	header #mobile-menu .slicknav_menu a.slicknav_btn {
		margin: 0px !important;
		/* margin-top: -22px; */
		bottom: 50px !important;
		padding: 0px !important;
	}
	header.sticky #mobile-menu .slicknav_menu a.slicknav_btn {
		bottom: 60px !important;
	}
	header .logo img.sticky-logo {
		max-width: 80%;
		margin: 0px !important;
		margin-top: 5px !important;
	}
	.scrollup {
		right: 20px;
		bottom: 20px;
	}
}
@media(max-width:390px){
	header .logo img {
		height: 40px;
	}
	header #mobile-menu .slicknav_menu a.slicknav_btn {
		bottom: 40px !important;
		padding: 0px;
	}
	header.sticky #mobile-menu .slicknav_menu a.slicknav_btn {
		bottom: 45px !important;
	}
	.slicknav_menu .slicknav_icon-bar {
		font-size: 20px;
	}
	header.sticky-header.sticky {
		height: 65px;
	}
}