/*
Theme Name: Ariana
Theme URI: https://bestwpware.com/themes-wp/ariana
Author: themes_mountain
Author URI: https://themeforest.net/user/themes_mountain
Description: This is Digital Agency One Page WordPress Theme
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ariana
Tags: two-columns, right-sidebar

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

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

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

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

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

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

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

[hidden],
template {
	display: none;
}


a:active,
a:hover {
	outline: 0;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}
img{
	max-width: 100%;
  height: auto;
}
select {
  border: 1px solid #ddd;
  padding: 10px;
}
.widget select {
  width: 100%;
}
.widget caption {
  font-size: 14px;
  margin: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

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

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}
blockquote {
  border-left: inherit;
  font-size: 15px;
  margin: 0 0 20px;
  padding: 10px 20px;
}
table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
caption {
    font-size: 16px;
    margin: 20px 0;
}
th {
    font-weight: bold;
    text-transform: uppercase;
}
td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}
del {
    color: #333;
}
ins {
    background: #fff9c0 none repeat scroll 0 0;
    text-decoration: none;
}
dl {
  margin: 0 20px;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 0 20px;
}

.user_login_menu,
.navbar-default.menu-shrink.user_login_menu{
	padding-top: 32px;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

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

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

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	
}

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {

}

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

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

.page-content,
.entry-content,
.entry-summary {

}

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

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

.bypostauthor {
	display: block;
}

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

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

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

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

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

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

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

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

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

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

.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;
	padding-top: 17px;
}

/*
 * ----------------------------------------------------------------------------------------
 *  19.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top-title h2 {
    color: #fff;
    font-size: 32px;
    margin: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:320px) { 
    .section-top-title h2 { font-size: 40px }
}
.section-top-title {
	padding-bottom: 60px;
	padding-top: 150px;
}
.section-top-title .breadcrumb{
	margin-top: 10px;
}
.section-top-title,
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.section-top-title ol li { color: #fff!important; }
.section-top-title ol li a { color: #fff!important; }
.section-top-title ol li a:hover { color: #1CBAC8!important; }
.section-top .overlay{
	position: relative;
}
.no-results.not-found {
	margin-bottom: 15px;
}
#cancel-comment-reply-link{
	margin-left: 15px;
}

/*
 * ----------------------------------------------------------------------------------------
 * 19.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/

.about_project_details ul{
	list-style-type: none;
}

.about_project_details ul li{
	border: 1px solid #ddd;
	margin: 17px 0;
	padding: 12px;
}
.about_project_details ul li .fa{
	padding-right: 8px;
}
.about_project_details ul li a{
	color: #93989b;
}
.project_details a.btn-light-bg {
  display: inline-block;
  margin-top: 20px;
}
.about_project_details ul li .fa,
.about_project_details ul li b{
	color: #03a9f4;
	text-transform: uppercase;
}
.about_project_details > h4 {
  margin-bottom: 20px;
  text-transform: uppercase;
}
.content-area{
	padding: 60px 0;
}
#secondary {  
  padding-bottom: 15px;
}
#secondary ,
.post_border{
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 2px;
}
.blog_area{
	padding: 30px 30px 1px;
}
.single_post,
.comment_template{
	padding: 30px;
}
.comment_template{
	margin-top: 30px;
}
.single_post_blog{
	margin-bottom: 40px;
}

.widget {
  padding: 26px 30px 0px;
  overflow: hidden;
}
.widget ul{
	list-style-type: none;
}
.widget-title {
  clear: both;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  margin-top: 0;
  text-transform: uppercase;
}
.widget,
.widget ul a{
	color: #666;
}
.widget ul a:hover{
	color: #03a9f4;
}
.widget ul li{
	border-bottom: 1px solid rgba(0,0,0,0.05);
	padding: 8px 0;
	margin: 0 0 10px;
}
.widget ul li ul li{
	border-bottom: medium none !important;
	margin-bottom: 0;
	padding: 8px 0 0px 20px;

}
.widget ul li:last-child{
	border: none;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="reset"],
input[type="search"],
#billing_phone,
textarea,
.form-control
{
	background: #f7f7f7 none repeat scroll 0 0;
	border: 1px solid #eeeeed;
	box-shadow: none;
	color: #999;
	display: block;
	float: left;
	
	margin-right: 0;
	padding: 14px !important;
	width: 100%;
	border-radius: 0!important;
}
textarea{
	height: 150px!important;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="reset"],
input[type="search"]{
	height: 50px;
	line-height: 50px;
}
.entry-title,
.entry-title a
{
	color: #333;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 20px;
	transition: .5s;
	
}
.entry-title a:hover{
	color: #03a9f4;
}
.post_btn{
	display: inline-block;
}
.form-submit #submit{

}
.comments-title,
#reply-title{
	font-size: 16px;
	margin-top: 0;
	text-transform: uppercase;
}
#commentform textarea,
#commentform input[type="text"],
#commentform input[type="email"]
{
	margin-bottom: 15px;
}
.comment-list{
	list-style-type: none;
	padding-left: 0;
}
.comment-list .comment_avatar{
	float: left;
	margin-right: 20px;
}
.comment_avatar img{
	border-radius: 50%;
}
.creply_link{
	display: inline-block;
	float: right;
	text-align: right;
}
.entry-content p{
	margin-bottom: 20px;
}
.comments-area ol li{
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	margin: 0 0 10px;
	padding: 22px 0;
}
.comments-area ul,
.comments-area ol{
	list-style-type: none;
}
.comments-area ol>li:last-child
{
	border-bottom: none;
}
.comments-area .children li{
	padding-left: 30px;
}
#commentform {
	margin-bottom: 20px;
}
.navigation.pagination{
	display: inline-block;
	margin-bottom: 28px;
	margin-top: 0;
	text-align: center;
	width: 100%;
}
.navigation.pagination a{
	display: inline-block;
}
.navigation.pagination .page-numbers.current

{
	background: #222;
	border-color: #222;
	color: #fff;
	font-size: 12px;
    padding: 9px 20px;
	border: 2px solid #222;
    border-radius: 3px;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);	
}
.navigation.pagination a:hover{
	background: #222;
	border-color: #222;	
}
.entry_meta{
	margin-bottom: 8px;
	color: #03a9f4;
}
.entry_meta i{
	color: #333;
	color: #333;
}
.next-prev-link{
	display: inline-block;
	text-align: center;
	width: 100%;	
	margin-bottom: 15px;
}
.next_post_link{
	margin-left: 20px;
}
.prev_post_link,
.next_post_link{
	background: #03a9f4 none repeat scroll 0 0;
	color: #fff;
	padding: 15px 20px;
	transition: .5s;
}
.next-prev-link span:hover{
	background: #03a9f4;
	color: #fff;
}
.post_image{
	margin-bottom: 26px;
	box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.2);
	transition: .5s;
	filter: blur(0px);
    transition: opacity 0.25s ease-in-out 0s;	
}
.post_image:hover{
	filter: blur(2px);
	opacity: 0.4;
	transition: filter 400ms ease 0s, -webkit-filter 400ms ease 0s;	
}
.post_audio_video{
	margin-bottom: 26px;
}
.center-block{
	float: inherit;
}
.error-404.not-found p{
	margin-bottom: 40px;
}
.error-404.not-found .page-header {
  margin: 24px 0 20px;

}
.hentry ul{
margin-bottom: 10px;
margin-top: 0;
padding-left: 35px;
}
.hentry img{
	max-width: 100%;
}
.entry-content img.alignleft, .entry-content .wp-caption.alignleft,
.entry-content img.alignright, .entry-content .wp-caption.alignright {
    margin-bottom: 20px;
}
.page-links {
  clear: both;
  margin: 16px 0 0;
}
.post-password-form input[type="submit"]{
	display: block;
	margin-top: 10px;
}
.tagcloud a {
  border: 1px solid #eee;
  display: inline-block;
  font-size: 13px !important;
  margin-bottom: 9px;
  padding: 9px 13px;
  color: #666;
}
.form-control:focus {
  border-color: #66afe9;
  box-shadow: none;
  outline: 0 none;
}

/* Search Form*/

.search_form form{
	position: relative;
}
.search_form .form-control::-webkit-input-placeholder {
  color: #777;
  opacity: 1;
}

.search_form .form-control::-moz-placeholder {
  color: #777;
  opacity: 1;
}

.search_form .form-control:-ms-input-placeholder {
  color: #777;
  opacity: 1;
}
.search_form .form-control {
	height: 55px;
	line-height: 55px;
	padding: 10px 15px;
	background-color: #fff;
	color: #777;
	border-radius: 0;
	font-size: 14px;
}
.search_form .form-control:focus{
	box-shadow: inherit;
	border-color: #03a9f4
}
.search_form button{
	position: absolute;
	right: 0;
	top: 0;
	background: #03a9f4;
	color: #fff;
	border: 1px solid transparent;
	height: 55px;
	padding: 0 25px;
	line-height: 50px;
	border-radius: 0;
	font-size: 14px;
	
}

.post_border.blog_area {
	overflow: hidden;
	padding-bottom: 30px;
}

/*Woocommerce CSS*/

.woocommerce.woocommerce-page h1.page-title {
	display: inline;
	text-align: left;
	float: left;
	clear: both;
	font-size: 28px;
}
.woocommerce .woocommerce-result-count {
	margin: 0 0 0px;
	display: inline-block;
	float: left;
	text-align: left;
	clear: both;
}
.woocommerce .woocommerce-ordering {
	margin: 0 0 25px;
}
.woocommerce ul.products li.product .button ,
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
button#place_order {
	background: #01c7e9 none repeat scroll 0 0;
	border: 2px solid #01c7e9;
	border-radius: 100px;
	color: #fff;
	font-size: 13px;
	padding: 15px 31px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	margin-top: 15px;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
	background-color: #222!important;
	border-color: #222!important;
	text-decoration: none;
	background-image: none;
	color: #fff;
}
.woocommerce span.onsale {
	height: 50px;
	width: 50px;
	padding: 0;
	line-height: 50px;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {	
	border: inherit;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
	line-height: 30px;
	display: inline-block;
	padding: 0px 18px;
	margin-right: 8px;
	margin-bottom: 10px;
	transition: .5s;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 30px;

}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: #01c7e9;
	color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus{
	background: #fff;
	color: #333;
}
.woocommerce-Reviews #reply-title{
	display: block;
}
.woocommerce-variation-price{
	margin-bottom: 20px;
}
.woocommerce-variation-add-to-cart{
	margin-top: 40px;
}
.summary.entry-summary .single_add_to_cart_button{
	margin-top: 0!important;
	margin-left: 10px;
}
.woocommerce-message a.button,
.checkout_coupon button.button{
	margin-top: 0;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img, 
.woocommerce-checkout table.cart img {
	width: 83px;
}
.woocommerce .quantity .qty {
	width: 60px;
	height: 43px;
}
.woocommerce a.remove {
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 100%;
	display:inline-block;
}
#coupon_code{
	width: auto;
	padding: 15px;
	margin-right: 20px;	
}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit[disabled]:disabled, 
.woocommerce a.button.disabled, 
.woocommerce a.button:disabled, 
.woocommerce a.button[disabled]:disabled, 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button[disabled]:disabled, 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button[disabled]:disabled {
	color: #fff;
	font-size: 13px;
	padding: 15px 31px;

}
.woocommerce-cart-form__contents button.button{
	margin-top: 0;
}
.woocommerce-billing-fields input{
	padding: 8px 15px!important;
}
#customer_details{
	margin-bottom: 20px;
}

.woocommerce-pagination{
	margin-bottom: 40px;
}
.woocommerce-product-details__short-description{
	margin-bottom: 20px;
	margin-top: 10px;
}
.cart_totals.calculated_shipping h2{
	font-size: 25px;
}
.woocommerce.woocommerce-page h1.page-title{
	display: none;
}

.woocommerce-ordering{
	
}
.woocommerce-Tabs-panel h2,
.related.products h2{
	font-size: 18px;
	margin-bottom: 20px;
}
.woocommerce-Tabs-panel p{
	padding-bottom: 20px;
}
.product_title.entry-title{
	font-size: 20px;
	margin-bottom: 15px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 1px solid #f1f1f1;
	background-color: #f1f1f1;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
	border: 1px solid #f1f1f1!important;

}

.dark .contact-form-area-wrapper .form-control {
	border-bottom: 1px solid #717896;
	color: #c0c4d6;
}
.dark .contact-form-area .form-control:focus {
	border-color: #ffcc74;
	box-shadow: none;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price  {
	color: #202020;

}
.woocommerce-notices-wrapper{
	margin-top: 42px;
}
.elementor-widget:not(:last-child) {
	margin-bottom: 0px!important;
}

#kc_page_template{
	margin-left: -15px ;
	margin-right: -15px ;
}

.wp-block-button__link,
.wp-block-cover,
body.single-post.single .entry_meta{
	margin-bottom: 15px;
}

.wp-block-cover-text{
	color: #fff!important;
}

.entry-content h1
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
	margin-top: 0;
}

.widget.woocommerce.widget_products .star-rating {
	margin: 7px 0;
}