/*
Theme Name: Astn 
Theme URI: 
Author: star-themes
Author URI: http://demo.mgartlens.com/
Description: Astn is a beautiful free WordPress theme. It is a multi-purpose theme for tour & travel, Education, News, Entertainment, foods. This is a simple theme easy to use. Astn supports all plugins like Elementor, Contact form 7. You can create a beautiful homepage contain slider, about, services, blogs. Theme contains custom template page full width and page with left sidebar. Demo link - http://demo.mgartlens.com/
Version: 0.1
Tested up to: 5.5.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: right-sidebar, left-sidebar, custom-logo, custom-header, custom-menu, editor-style, full-width-template, featured-images, sticky-post, translation-ready, Blog, Entertainment, E-Commerce

Text Domain: astn
*/


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>
:: 1.0 Helper Class CSS
:: 2.0 Header/menu CSS
:: 3.0 Breadcrumb CSS
:: 4.0 About Section CSS
:: 5.0 Blog Section CSS
:: 6.0 Home Slider SEction CSS
:: 7.0 Scroll up CSS
:: 7.0 Scroll up CSS
:: 8.0 Footer Section CSS
:: Responsive CSS
<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/* ----------------------------------------------------------------
:: 1.0 Helper Class CSS
-----------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
p {
margin-top: 3px;
padding: 0;
font-size: 14px;
letter-spacing: 1px;
line-height: 1.9;
color: #000;
}
a {
	color: #000;
}
a:hover{
text-decoration:none;
color: #ff7f7f;
}
.wp-caption {
width: 100% !important;
}
.wp-caption-text {
}
.screen-reader-text {
}
.gallery-caption {
}
.bypostauthor {
}
.alignright {
}
.alignleft {
}
img { 
height: auto; 
max-width: 100%; 
}
.wp-caption img {
width: 100%;
}
.text-bl {
color: #343a40;
}
.text-wh {
color: #fff;
}
.text-li {
color: #f8f9fa;
}
.bg-li {
background: #f8f9fa;
}
.bg-wh {
background: #fff;
}
.let {
letter-spacing: 1px;
}
.aligncenter {
text-align: center;
}	
a.move-top {
position: fixed;
bottom: 1.5%;
right: 0;
z-index: 9999;
}
a.move-top span {
color: #fc636b;
font-size: 30px;
}

/* Accessibility */
.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-size: 0.875rem;
font-weight: bold;
height: auto;
right: 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;
}

/* screen render ends here */

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


/* ----------------------------------------------------------------
:: 2.0 Header/menu CSS
-----------------------------------------------------------------*/
.navbar {
border-radius: 0;
transition: all 0.3s ease-out;
}
header {
background: #ff7f7f;
z-index: 9999;
}
#logo a {
text-decoration: none;
float: none;
display: initial;
font-weight: 600;
font-size: 35px;
color: #fff;
text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06);
}
#logo img {
width: 200px;
height: 80px;
}
nav ul li:hover > ul {
display: inherit;
}
.dropdown-menu {
top: 98%;
left: -1%;
}
.navbar-light .navbar-toggler {
padding: 10px;
}

.navbar-toggler {
background-color: #ffffff;
border: 1px solid white;
}

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

.collapse.in {
display: block;
}

.dropdown-menu {
padding: 0;
}

.dropdown-item {
color: #ffffff;
background-color: #ffc107;
}
ul li:hover > ul,
ul li:focus-within > ul,
ul li ul:hover {
visibility: visible;
opacity: 1;
display: block;
}

.menu1.container-fluid {
background: #000;
z-index: 9999;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
color: #fff;
}
.navbar-light .navbar-nav .nav-link{
border-bottom: 1px solid #000;
}
.navbar-light .navbar-nav .nav-link:hover {
color: #ff7f7f !important;
border-bottom: 1px solid #ff7f7f;
transition:all ease 0.6s;
}
.navbar-light .navbar-nav .active.nav-item .nav-link {
color: #ff7f7f !important;
border-bottom: 1px solid #ff7f7f;
}
.navbar-light .navbar-nav .nav-link {
color: #fff;
}

.dropdown-item:focus, .dropdown-item:hover {
color: #000;
text-decoration: none;
background-color: #ffc107;
}

nav.navbar.navbar-expand-lg.navbar-light {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #fff;
}

div#main-menu {
background: #000;
}

.logo p {
font-size: 17px;
}

div#logo {
margin-top: 10px;
}

.navbar-light .navbar-nav .nav-link {
color: #fff !important;
}

/* social icons */
ul.social-network {
list-style: none;
display: inline;
margin-left: 0;
padding: 0;
}

ul.social-network li {
display: inline;
}

.social-network a.icoRss:hover {
background-color: #F56505;
}

.social-network a.icoFacebook:hover {
background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
background-color: #33ccff;
}

.social-network a.icoGoogle:hover {
background-color: #BD3518;
}

.social-network a.icoVimeo:hover {
background-color: #0590B8;
}

.social-network a.icoLinkedin:hover {
background-color: #007bb7;
}

.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
color: #fff;
}

a.socialIcon:hover, .socialHoverClass {
color: #44BCDD;
}

.social-circle li a {
display: inline-block;
position: relative;
margin: 0 auto 0 auto;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
width: 50px;
height: 50px;
font-size: 20px;
background-color: #000000;
}

.social-circle li i {
margin: 0;
line-height: 50px;
text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms--transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}

.social-circle i {
color: #fff;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
nav a {
		color: #fff;
}
/* Media Queries
--------------------------------------------- */
@media (max-width: 1280px) {
nav a {
	font-size: 17px;
	font-weight: 600;
}
}

@media all and (max-width: 991px) {
#logo {
	display: block;
	padding: 0;
	width: 100%;
	text-align: center;
	float: none;
}

/* Change menu item's width to 100% */
nav ul li {
	display: block;
	width: 100%;
}

.dropdown-item {
	color: #ffffff;
}

nav a:hover,
nav ul ul ul a {
	background-color: transparent;
}

/* Hide Dropdowns by Default */
nav ul ul {
	float: none;
	position: static;
	color: #ffffff;
}

/* Hide menus on hover */
nav ul ul li:hover > ul,
nav ul li:hover > ul {
	display: none;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
	display: block;
	width: 100%;
	padding: 0;
}

nav ul ul li a {
	letter-spacing: 2px;
}

nav ul ul ul li {
	position: static;
	/* has to be the same number as the "width" of "nav ul ul li" */
}

nav a {
	font-size: 14px;
	display: block;
	margin: 0px 0;
}

}
@media all and (max-width: 330px) {

nav ul li {
	display: block;
	width: 94%;
}

}
#demo {
margin: 10px 0 0px 0;
}
#demo .wrapper {
display: inline-block;
position: relative;
}
#demo .parent {
height: 100%;
width: 100%;
display: block;
cursor: pointer;
line-height: 30px;
height: 30px;
color: #fff;
z-index: 2;
position: relative;
-webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
-webkit-transition-delay: .8s;
text-align: center;
color: #fff;
text-transform: capitalize;
font-weight: 500;
font-size: 15px;
letter-spacing: 1px;
padding-left: 0;
padding-right: 0;
}
#demo .parent:hover,
#demo .content:hover ~ .parent {
-webkit-transition-delay: 0s, 0s, 0s;
}
#demo .content:hover ~ .parent {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
z-index: 0;
}
#demo .content {
position: absolute;
top: 0;
display: block;
z-index: 1;
height: 0;
width: 150px;
padding-top: 30px;
-webkit-transition: height .5s ease;
-webkit-transition-delay: .4s;
}
#demo .wrapper:active .content {
height: 150px;
z-index: 3;
-webkit-transition-delay: 0s;
}
#demo .content:hover {
height: 150px;
z-index: 3;
-webkit-transition-delay: 0s;
}
#demo .content ul {
background: #fff;
margin: 0;
padding: 0;
overflow: hidden;
height: 100%;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#demo .content ul a {
text-decoration: none;
padding: 0;
}
#demo .content li {
list-style: none;
text-align: left;
color: #999;
font-size: 16px;
line-height: 30px;
height: 40px;
line-height: 40px;
padding-left: 10px;
border-top: 1px solid #eee;
}
#demo .content li:last-of-type {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.col-md-6.contact {
float: left;
word-spacing: 13px;
letter-spacing: 2px;
}

.col-md-6.social {
text-align: right;
float: right;
margin-top: 20px;
}

.social ul li {
display: inline-block;
padding-left: 13px;
}

.social ul li a {
color: #000;
font-size: 25px;
}


/* ----------------------------------------------------------------
:: 3.0 Breadcrumb CSS
-----------------------------------------------------------------*/
.inner-banner {
min-height: 300px;
position: relative;
z-index: 0;
background-size: cover !important;
}

.breadcrumb .breadcrumb-item.active {
color: #fff;
}
.inner-banner.d-flex.flex-column.justify-content-center.align-items-center {
background-attachment: fixed !important;
}
.inner-banner.d-flex.flex-column.justify-content-center.align-items-center::after {
content: "";
background-color: #0000005c;
width: 100%;
height: 100%;
position: absolute;
}
nav .breadcrumb {
position: absolute;
width: 100%;
margin: 0 auto;
	background-color: transparent;
}
.astn_title {
margin-bottom: 3em;
}
li.breadcrumb-item {
color: #fff;
font-weight: bold;
}

h4.astn-title {
color: #000;
text-transform: capitalize;
font-size: 2.3em;
font-weight: 600;
}

p.sub-title {
word-break: break-word;
color: #000000d1;
text-transform: capitalize;
width: 60%;
margin: 1em auto 0;
}
span.sub-title {
text-transform: capitalize;
font-size: 1em;
color: #fc636b;
}
.breadcrumb  .breadcrumb-item+.breadcrumb-item::before {
color: #ffff;
}


/* ----------------------------------------------------------------
:: 4.0 About Section CSS
-----------------------------------------------------------------*/
.abt-icon {
border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.abt-icon span {
font-size: 2.7em;
color: #ffffff;
}
.abt-txt h4 a {
word-break: break-word;
text-transform: capitalize;
font-size: 20px;
margin-bottom: 0.5em;
text-decoration: none;
color: #000;
}
.abt-txt {
margin-left: 1em;
}
#about .astn_link_bnr:hover {
background: transparent;
border: 1px solid #ff7f7f;
color: #ff7f7f;
}
.abt-grid {
transition: 0.5s;
padding: 24px;
transition: 0.5s;
}
.abt-grid:hover {
transform: scale(1.1);
}
#about h4.astn-title {
color: #fff;
	border-bottom: 1px solid #fff;
display: initial;
}
.about-theme {
color: #fff;
background:#171717;
background-image: url(images/dark.png);
background-repeat: no-repeat;
background-attachment: fixed;
}

h4.abt-text {
word-break: break-word;
color: #fff;
line-height: 1.5;
font-size: 3em;
margin: 0 auto 0.5em;
font-weight: 300;
}

.abt_bottom p {
color: #fff;
text-align: center;
word-break: break-word;
margin-bottom: 1em;
letter-spacing: 1px;
font-size: 1.1em;
}
.abt-grid {
margin: 0 0 50px;
border-radius: 5px;
border: 1px solid #cccccc6b;
transition: all 0.3s ease 0s;
z-index: 1;
box-shadow: 0 3px 30px rgba(0, 0, 0, 0.17);
	border-radius: 0 70px;
}

.abt-grid:hover {
box-shadow: 0 20px 60px rgba(21, 62, 77, 0.3);
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transform: translate3d(0, -20px, 0);
}
#about .astn_link_bnr {
padding: 13px 21px;
color: #fff;
font-weight: 600;
font-size: 16px;
letter-spacing: 1px;
border: none;
text-transform: capitalize;
border-radius: 0px;
background: #ff7f7f;
}

/* ----------------------------------------------------------------
:: 5.0 Blog Section CSS
-----------------------------------------------------------------*/
span.post-icon {
position: absolute;
line-height: 3;
text-align: center;
font-size: 1.2em;
letter-spacing: 1px;
bottom: 0;
width: 100%;
left: 0;
padding: 0px 12px;
text-transform: capitalize;
background: hsla(357, 0%, 2%, 0.28);
color: #fff;
}
h5.blog-title a {
font-size: 0.9em;
text-transform: capitalize;
color: #333;
font-weight: 600;
display: block;
}
.blog-btn {
background: transparent;
font-weight: 500;
font-size: 15px;
letter-spacing: 1px;
color: #000000;
text-transform: uppercase;
}
.blog-btn:hover {
color: #000;
}
.card-body {
background: #ffff;
}
.card {
border: 1px solid #ff7f7f;
}
a.blog_link {
padding: 12px 21px;
font-weight: 600;
font-size: 16px;
border-radius: 0px;
display: inline-block;
margin-top: 2em;
background: #ff7f7f;
color: #fff;
letter-spacing: 1px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
-moz-border-radius: 0px;
text-transform: capitalize;
}
.category_list {
padding-top: 18px;
}
.slide-img {
background: url(../images/banner.jpg) no-repeat center;
background-size: cover;
min-height: 500px;
}
hr {
border-top: 1px solid #ccc !important;
}
a.blog_link {
border: 1px solid #ff7f7f;
}
.astn_blog a.single {
border: 1px solid #ff7f7f;
}
.align-blog {
padding: 3em 0;
}
.front-blog {
background: #ff7f7f0d;
}

.metabox {
color: #fff;
clear: both;
top: 57px;
background-color:#ff7f7f;
width: 100%;
font-weight: bold;
padding: 10px;
border: 1px solid #ff7f7f;
}
.single .metabox {
top:80px; 
}
.astn_blog img {
width: 100%;
}

.metabox a {
text-decoration: none;
color: #ffffff;
font-weight: bold;
}

.metabox a:hover {
	color: #000;
}

.metabox .entry-date {
margin: 0 13px 0 0;
}

.metabox .entry-author {
margin: 0 13px 0 0;
}

.metabox .entry-comments {
margin: 0 13px 0 0;
}

.category span {
font-weight: 600;
font-size: 15px;
}

.category a,.category a:hover {
	color: #ff7f7f;
}

.mm_single_submit input {
font-weight: 600;
font-size: 16px;
border-radius: 20px;
display: inline-block;
margin-top: 2em;
padding: 6px 18px;
background: #ffc107;
background-image: linear-gradient(to right, #d80c89, #5919cc);
color: #fff;
letter-spacing: 1px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
-moz-border-radius: 0px;
text-transform: capitalize;
border: none;
}

#mm_single_submit {
font-weight: 600;
font-size: 16px;
display: inline-block;
margin-top: 2em;
padding: 6px 18px;
background: #000;
color: #ff7f7f;
letter-spacing: 1px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
-moz-border-radius: 0px;
text-transform: capitalize;
border: none;
}

.media-body.comments-grid-right {
padding: 0 13px;
}

ol.children {
margin-left: 18%;
}

.comments {
border: 1px solid #cccccc6e;
margin-bottom: 3%;
}

.media.mt-4 {
padding: 10px;
}

.comments-grids {
padding: 10px;
}

a.comment-reply-link {
text-decoration: none;
font-weight: 700;
}

.leave-coment-form h3 {
color: #000000;
font-weight: 600;
}

.tags.mt-4.p-4.border li {
display: inline;
}

.tags.mt-4.p-4.border li a {
font-size: 15px;
padding: 0 9px 0 9px;
}

img.img-fluid.page-full.img-thumbnail {
width: 100%;
}
.astn_blog {
border: 1px #ccc;
box-shadow: 10px #cccccccc;
margin-bottom: 39px;
border: none;
border-radius: 6px;
-webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
padding: 20px;
}

.astn_blog a.single {
font-weight: 600;
font-size: 16px;
display: inline-block;
margin-bottom: 1em;
padding: 11px 18px;
background: #0d0d0d;
color: #ff7f7f;
letter-spacing: 1px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
-moz-border-radius: 0px;
text-transform: capitalize;
text-decoration: none;
	transition: all ease 0.6s;
}

.blog_page a.single:hover {
background: transparent;
border: 1px solid #ff7f7f;
}

.event-right .btn {
width: 38%;
margin-top: 0;
background: linear-gradient(to right, #d80c89, #5919cc);
}

.categories.mb-4.p-sm-4.p-3.border li a {
color: #000;
}

.card-title a {
text-decoration: none;
color: #000;
}
.card-title a:hover {
text-decoration: none;
color: #000;
}

.tagcloud a {
text-decoration: none;
}


.swiper-container {
width: 100%;
height: 85%;
}

.swiper-slide {
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide {
background-size: cover;
background-position: center;
}

#blog .swiper-container {
width: 100%;
height: 100%;
}

#blog .swiper-slide {
text-align: left;
font-size: 18px;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#blog .swiper-slide  .card{
box-shadow:8px 8px 30px 0px rgba(42, 67, 113, 0.26);
	border-radius: 0 70px;
overflow: hidden;
}


/* ----------------------------------------------------------------
:: 6.0 Home Slider Section CSS
-----------------------------------------------------------------*/
.slider-info h3 {
font-size: 48px;
word-break: break-word;
text-transform: uppercase;
color: #fff;
word-spacing: 5px;
letter-spacing: 1px;
font-weight: 500;
line-height: 1.3;
border-bottom: 2px solid #fff;
display: initial;
}

.slider-info p {
word-break: break-word;
margin-top: 0.5em;
font-size: 1.1em;
font-weight: 600;
color: #fff;
text-transform: capitalize;
}
#astn_banner_slider  .swiper-button-next, #astn_banner_slider  .swiper-button-prev {
background-image: none;
}

#astn_banner_slider  i {
font-size: 28px;
background-color: #0000006b;
color: #fff;
padding: 10px;
}
#astn_banner_slider  i:hover{
background-color: #000;
color: #ff7f7f;
}

.banner-text {
text-align: center;
}

.astn_link_bnr:hover {
color: #fff;
}

.btn:hover, .btn:focus {
text-decoration: none;
}

#astn_banner_slider .astn_link_bnr:hover {
background: transparent;
border: 2px solid #ff7f7f;
color: #ff7f7f;
}
.astn_link_bnr {
padding: 8px 35px;
color: #000;
font-weight: 600;
font-size: 16px;
letter-spacing: 1px;
border: none;
text-transform: capitalize;
border-radius: 20px;
background: #fff;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
.color-white {
color: #fff;
}

#astn_banner_slider .astn_link_bnr {
padding: 13px 21px;
color: #fff;
font-weight: 600;
font-size: 16px;
letter-spacing: 1px;
border: none;
text-transform: capitalize;
border-radius: 0px;
background: #ff7f7f;
}


.astn_title.text-center {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

/* ----------------------------------------------------------------
:: 7.0 Scroll Button  CSS
-----------------------------------------------------------------*/
.circle {
height: 50px;
width: 50px;
border-radius: 50%;
background: #ff7f7f;
position: relative;
-webkit-transition: height .25s ease, width .25s ease;
transition: height .25s ease, width .25s ease;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.circle:before,
.circle:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 50%;
border: 1px solid #ff7f7f;
}
.circle:before {
-webkit-animation: ripple 2s linear infinite;
animation: ripple 2s linear infinite;
}
.circle:after {
-webkit-animation: ripple 2s linear 1s infinite;
animation: ripple 2s linear 1s infinite;
}


@-webkit-keyframes ripple {
0% {
	-webkit-transform: scale(1);
}
75% {
	-webkit-transform: scale(1.75);
	opacity: 1;
}
100% {
	-webkit-transform: scale(2);
	opacity: 0;
}
}

@keyframes ripple {
0% {
	transform: scale(1);
}
75% {
	transform: scale(1.75);
	opacity: 1;
}
100% {
	transform: scale(2);
	opacity: 0;
}
}

.circle i {
line-height: 41px;
font-size: 30px;
color: #fff;
}

.align-about {
padding-top: 3rem;
padding-bottom: 3rem;
}

.align-page-full {
padding-top: 3rem;
padding-bottom: 3rem;
}


/* flip */
.flip-card {
float: none;
margin: 0 auto;
background-color: transparent;
width: 300px;
height: 300px;
perspective: 1000px;
}

.flip-card-inner {
position: relative;
width: 100%;
height: 78%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}


.flip-card-front {
background: #ff7f7f;
color: #fff;
z-index: 2;
}

.flip-card-back {
background-color: #000000;
color: white;
transform: rotateY(180deg);
z-index: 1;
}

.flip-card-front h1 {
padding-top: 26%;
font-size: 4rem;
}

.flip-card-back h3 {
padding-top: 26%;
font-size: 2rem;
}

.flip-card-back p {
color: #fff;
font-size: 1rem;
}

.astn_blog.sticky {
position: relative;
}

.navigation a {
color: #000;
}


/* parallax */
.parallax {
overflow: hidden;
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}



/* 404 page */
.text-center {
text-align: center;
}

.astn-main {
display: -webkit-flex;
display: -webkit-box;
display: -moz-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}

.notfound h2 {
font-size: 2.5em;
text-transform: capitalize;
color: #000;
letter-spacing: 3px;
flex-basis: 100%;
}

.notfound h1 {
margin-bottom: 10px;
font-size: 6em;
flex-basis: 100%;
display: inline-block;
font-weight: bold;
letter-spacing: 5px;
text-decoration: none;
-webkit-text-stroke-width: 2px;
color:#ff7f7f;
}

.responsive_tabs.astn_tab {
margin: 0;
}

textarea {
min-height: 100px;
}

.searchform {
text-align: left;
flex-basis: 70%;
margin: 0em auto ;
position: relative;
}

.footer  .searchform input[type="text"] {
color: #fff;
}
.searchform input[type="text"] {
padding: 13px 15px;
border: none;
width: 69%;
box-sizing: border-box;
text-align: left;
font-size: 15px;
color: #000;
background-color: transparent;
outline: none;
letter-spacing: 2px;
border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}

.searchform input[type="submit"] {
width: 30%;
height: 48px;
color: #ff7f7f;
cursor: pointer;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
background:#000000;
position: absolute;
top: 0px;
right: 0px;
padding: 0em;
border: none;
outline: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}


button.submit {
outline: none;
padding: 10px 28px;
background: #ff3a26;
font-size: 1.1em;
text-align: center;
border-radius: 7px;
font-weight: 400;
color: #fff;
border: none;
text-transform: capitalize;
letter-spacing: 2px;
cursor: pointer;
flex-basis: 13%;
margin: 0 auto;
}

button.submit:hover {
background: #e85342;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}

.notfound p {
flex-basis: 100%;
font-size: 19px;
line-height: 1.8em;
color: #17181b;
letter-spacing: 2px;
margin-bottom: 2em;
}

.searchform form {
text-align: left;
border: 1px solid #ff7f7f;
}

/*--placeholder-color--*/

.astn_tab input[type="name"]::-webkit-input-placeholder {
color: #fff;
}

.astn_tab input[type="name"]:-moz-placeholder {
/* Firefox 18- */
color: #fff;
}

.astn_tab input[type="name"]::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
}

.astn_tab input[type="name"]:-ms-input-placeholder {
color: #fff;
}

.home-btn {
margin: 3rem 0;
}

.home-btn a {
padding: 10px;
background: #fff;
font-size: 20px;
letter-spacing: 2px;
color: #ff7f7f;
font-weight: 600;
border: 1px solid #ff7f7f;
}

.home-btn a:hover {
background: #ff7f7f;
color: #fff;
border: 1px solid #fff;
text-decoration:none;
}


.Archives.border ul li a {
text-decoration: none;
color: #000;
font-weight: 600;
font-size: 17px;
}
.footer_widgetul li a {
word-break: break-word;
text-decoration: none;
font-size: 15px;
color: #000;
padding: 8px;
font-weight: 500;
}

.tagcloud a {
text-decoration: none;
font-size: 15px !important;
color: #000;
font-weight: 600;
padding: 5px;
}

.astn_footer_widgeta {
font-size: 15px;
color: #fff;
text-decoration: none;
padding: 5px;
}

.astn_footer_widgeta:hover {
font-size: 15px;
color: #fff;
text-decoration: none;
}
.astn_footer_widgetul {
color: #fff;
}
.widget-title {
border-bottom: 1px solid #ff7f7f;
}

.footer table#wp-calendar {
color: #fff;
}
.footer_widget ul {
padding: 0;
}

section#blog .blog-thumb {
width: 100%;
height: 100%;
}

section#blog iframe {
width: 100%;
}
a.blog_link:hover {
color: #ff7f7f;
text-decoration: none;
background: transparent;
border: 1px solid #ff7f7f;
}

div#comments .media img {
width: 10%;
height: 10%;
}

.slide-img-2 img {
width: 100% !important;
}

div#comments {
margin-top: 10%;
}

.single_left {
float: left;
}

.single_right {
float: right;
} 

.navigation a {
color: #17181b;
font-weight: 900;
font-size: 15px;
padding: 7px;
}

.single_left a:hover {
text-decoration: none;
color: #17181b;
}

.single_right a:hover {
text-decoration: none;
color: #17181b;
}

a.page-numbers {
color: #000;
font-size: 16px;
}

a.page-numbers {
text-decoration: none;
padding: 10px;
border: 1px solid #000;
}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}

.icon-bar {
background-color: #fff;
}

.icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
margin-bottom: 10%;
}

.swiper-slide {
height: auto;
padding-top: 0;
}

#astn_blog_slider .card-header img {
height: 230px;
object-fit: cover;
width: 100%;
}
#astn_blog_slider span.swiper-pagination-bullet{
background-color: #000;
}
#astn_blog_slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #ff7f7f;
}


.blog-date {
background: #ff7f7f;
color: #fff;
padding: 5px;
font-size: 12px;
left: 0;
bottom: 0;
}
section#service {
background-color: rgb(210 213 218 / 26%);
}
#contact {
padding: 3em 0 3em;
background-color: #ff7f7f54;
}

.header_contact {
background: #000;
padding-top: 10px;
}

.col-md-6.email p, .col-md-6.email a {
color: #fff;
font-weight: 600;
font-size: 15px;
}

.col-md-6.addres p {
color: #fff;
font-weight: 600;
font-size: 15px;
float: right;
margin-right: 6px;
}
.email span:hover,
.email span:hover a,
.addres p:hover {
color:#ff7f7f;
text-decoration:none;
}
.email span  i , .addres p  i{
transform: scale(1);
transition: all ease 0.6s;
}

.email span:hover i , .addres p:hover i{
transform: scale(1.5);
transition: all ease 0.6s;
}

span.entry-author a:hover {
text-decoration: none;
}

.category_list a:hover {
text-decoration: none;
}

.tag_list a:hover {
text-decoration: none;
}

div#contact h4.astn-title {
color: #fff;
}

.card-body h4 a {
font-size: 20px;
text-decoration: none;
color: #000;
}

#blog .swiper-slide:hover .card-body h4 a {
color: #ff7f7f;
}

#blog .swiper-slide:hover a.blog_link {
background: #fff;
color: #ff7f7f;
}

#blog .swiper-slide:hover a.blog_link {
border: 1px solid #ff7f7f;
}

h4.astn-title {
color: #ff7f7f;
}

.calendar_wrap td a {
font-weight: bold;
color: #777;
padding: 0;
text-decoration: none;
}


/* ----------------------------------------------------------------
:: 8.0 Footer Section CSS
-----------------------------------------------------------------*/
.footer {
background: #17181b;
overflow: hidden;
}
.text-theme-2 {
color: #000;
}
.text-theme-2:hover {
color: #000;
}
.footer h2 a {
font-family: 'Lato', sans-serif;
text-transform: capitalize;
font-size: 0.9em;
color: #fff;
}
.footer h2 a:hover {
color: #fff;
}
.footerv3-top h3 {
font-size: 1.3em;
color: #fff;
text-transform: uppercase;
margin-bottom: 1.5em;
}
.footv3-left h4 a {
font-size: 1.3em;
letter-spacing: 0.5px;
color: #fff;
padding: 14px 0 0;
position: relative;
text-transform: capitalize;
}
h4.footer-title {
color: #777;
text-transform: capitalize;
}
.footerv3-top p {
font-size: 1em;
color: #a3b1bf;
margin: 1em 0;
line-height: 1.5em;
}
.footer p a {
color: #fff;
text-decoration: underline;
}
.footer p a:hover {
color: #fff;
}
.fv3-contact p {
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: 16px;
}
.footer-top p {
max-width: 400px;
}
.list-title li a {
color: #fff;
font-size: 1em;
text-transform: capitalize;
}
h3.f_title {
font-size: 1.3em;
color: #fff;
font-weight: 400;
}
.cpy-right {
padding: 1vw;
	background-color: #000;
}
.cpy-right p {
color: #fff;
}
.cpy-right a {
color: #fff;
}
.cpy-right a:hover {
text-decoration: none;
color: #fff;
}

.gallery-caption {
color: #fff;
}
.astn_footer_widget.searchform input[type="text"] {
border: 1px solid #ffeb3b;
}
.astn_footer_widget.searchform input[type="text"]::placeholder {
color: #fff;
}

.menu-menu-1-container ul li:before {
display: none;
}
.dropdown-menu {
top: 96% !important;
}
table.wp-block-table {
width: 100%;
}
table.wp-block-table td {
font-size: 18px;
padding: 7px;
}
table.wp-block-table tr {
border-bottom: 1px solid #cccccc73;
}
.align-blog .card-body {
padding-top: 32px !important;
}
ul.dropdown-menu ul {
top: 6px !important;
left: 155px;
}
.calendar_wrap caption {
caption-side: top;
}
.align-blog h3.card-title {
word-break: break-word;
}
.align-blog p {
word-break: break-word;
}
.single-left p {
margin-top: 40px;
}
.astn_footer_widget.searchform input {
color: #FFFFFF !important;
}
.footer_widget li {
display: inline-block;
}
.footer_widget li  a, .footer_widget  a{
	color: #777;
}
.footer_widget li  a:hover, .footer_widget  a:hover{
 text-decoration: none;	
}
.astn_footer_widget a {
color: #fff;
text-decoration: none;
}
.astn_footer_widget li a:hover,
#commentform a, .footer_widget  a:hover {
color: #ff7f7f;
	text-decoration: none;
}
.tag_list a {
word-break: break-word;
padding-right: 10px;
}
.tag_list a::after {
content: ", ";
}
.astn_footer_widget #wp-calendar caption{
color: #fff;
}
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover {     background: #ff7f7f;  color: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

.astn_footer_widget h3 {
   text-transform: uppercase;
font-weight: 500;
border-bottom: 1px solid #ff7f7f;
display: inline-block;
margin-bottom: 30px !important;
}
.astn_footer_widget ul {
padding: 10px 0;
}
.astn_footer_widget ul li {
display: block;
}
.astn_footer_widget ul li span {
color:#747373;
}
.media-body.comments-grid-right {
overflow: hidden;
}
span.entry-date i.fa.fa-calendar {
padding-right: 6px;
}
.footer-info .social-icon li {
padding-right: 15px;
padding-top: 0;
padding-bottom: 0;
}
.astn_footer_widget .social-icon li {
display: inline-block;
}
.footer-info p, .textwidget p {
color: #fff;
margin-bottom: 15px;
}
ul.social-network a {
color: #fff;
padding: 10px;
font-size: 22px;
}

/* ----------------------------------------------------------------
:: Responsive CSS
-----------------------------------------------------------------*/
@media(min-width:1200px){
.abt-icon img {
width: 100%;
height: 210px;
object-fit: cover;
}
.swiper-container.slider-top {
width: 100%;
height: 500px;
}
}

@media (min-device-width: 768px) and (max-device-width: 1023px) {
a.blog_link {
	padding: 8px 28px !important;
}

.flip-card {
	width: 226px;
	height: 275px;
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
.flip-card {
	width: 167px;
	height: 241px;
}

.col-md-6.addres p {
	font-size: 12px !important;
}

.col-md-6.email p, .col-md-6.email a {
	font-size: 12px !important;
}

.slider-info h3 {
	font-size: 2em;
}

.col-md-6.social {
	text-align: center !important;
	margin-bottom: 20px;
}

.abt-grid {
	padding: 9px;
}

a.blog_link {
	padding: 8px 4px;
	font-size: 14px;
}

span.post-icon {
	font-size: 12px;
}

h5.blog-title a {
	font-size: 14px;
}
}

@media (min-width: 768px) {
.navbar-toggle {
	display: none;
}

#logo {
	text-align: left;
}
.navbar-collapse.collapse {
	height: auto !important;
	padding-bottom: 0;
	overflow: visible !important;
}

.navbar {
	padding: 0 !important;
}
}


@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1.5rem;
}
	.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 15px !important;
	padding-left: .5rem;
}
nav .breadcrumb {
top: 40%;
}
}

@media (max-width: 800px) {
.notfound h1 {
	font-size: 2.2em;
	color: #000;
	letter-spacing: 0px;
}
}

@media (max-width: 667px) {
.notfound h1 {
	font-size: 2em;
}

.notfound h2 {
	font-size: 10em;
}

.notfound h1 {
	line-height: 1.6em;
	margin: 0.5em auto;
}
	h4.abt-text {
	font-size: 2em;
}
}

.header.logo-center h1 {
text-align: center;
}
.header.logo-center p {
text-align: center;
color: #fff;
}
.center_menu_layout .navbar-nav {
margin: 0 auto;
}
.center-social {
float: right;
margin-top: -84px;
}
.center-social .social-network a {
padding: 10px;
font-size: 22px !important;
}
.reply a {
color: #000;
}
.comments-grid-right a,
.comment-reply-title a {
color: #777;
}

.comments-area  a:hover {
color:#ff7f7f !important;
}

ol.commentlist {
padding: 0;
}
textarea#comment {
box-shadow: 4px 5px 4px 2px #ced4da;
}
.comment-respond  input {
box-shadow: 4px 5px 4px 2px #ced4da;
}
p.comment-form-cookies-consent input{
box-shadow:none;
}
.notfound {
margin-top: 20px;
}


#astn_banner_slider .astn_link_bnr {
border: 2px solid #ff7f7f;
}
#about .astn_link_bnr {
border: 1px solid #ff7f7f;
}
@media screen and (max-width: 1080px) {

.align-about {
	padding: 12em 0 8em;
}

h4.astn-title {
	font-size: 2.1em;
}

.services-bg-color {
	padding: 0 2em;
}

a.reqe-button {
	padding: 9px 16px;
	font-size: 13px;
}

}

@media screen and (max-width: 1050px) {

.align-blog {
	padding: 3em 0;
}

.py-lg-5 {
	padding-bottom: 3rem;
}

.abt-txt {
	margin-left: 2em;
}
}

@media screen and (max-width: 1024px) {

p.bnr-txt {
	width: 100%;
}

.inner-banner {
	min-height: 250px;
}
.contact {
	letter-spacing: 0px;
	word-spacing: -1px;
}

.abt_bottom p {
	font-size: 1em;
}


}

@media screen and (max-width: 991px) {
.navbar-light .navbar-toggler {
	margin-left: auto;
}

.dropdown-menu {
	text-align: center;
}

.right_nav {
	margin: 0 auto;
	text-align: center;
}

.bb-img h3 {
	font-size: 1.05em;
}

p.sub-title {
	width: 100%;
}

.astn_title {
	margin-bottom: 4em;
}

.align-about {
	padding: 3em 0 3em;
}

.abt-txt h4 {
	font-size: 1.1em;
}

.abt-txt {
	margin-left: 2em;
}

.slide-banner {
	min-height: 420px;
}

.slide-img {
	min-height: 450px;
}

.carousel-indicators {
	bottom: -45px;
}

.img-grid {
	max-width: 640px;
	margin: 0 auto 2em;
}

.social ul li {
	padding-left: 11px;
}

.search1 .form-control {
	width: 62%;
}
}

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

h4.astn-title {
	font-size: 1.9em;
}

.astn_title {
	margin-bottom: 3em;
}

#logo a {
	font-size: 32px;
}
}

@media screen and (max-width: 667px) {
.bb-img h3 {
	font-size: 1em;
}

.abt-icon span {
	font-size: 1.5em;
}

h4.astn-title {
	font-size: 1.8em;
}
}


@media screen and (max-width: 640px) {
.slide-banner {
	min-height: 385px;
}

.carousel-indicators {
	bottom: -35px;
}

}

@media screen and (max-width: 568px) {
a.blog_link {
	padding: 8px 5px;
	font-size: 11px;
}

.wthree-link-bnr {
	padding: 3px 25px;
	letter-spacing: 0px;
	font-size: 13px;
}

.navbar-light .navbar-nav .nav-link {
	padding: 4px 15px;
	font-size: 0.85em;
	letter-spacing: 1px;
}

p.bnr-txt {
	font-size: 1em;
	line-height: 1.5;
}

.align-about {
	padding: 26em 0 3em;
}

h4.astn-title {
	font-size: 1.6em;
}

div#contact h4.astn-title {
	color: #fff;
}

.services-bg-color {
	padding: 0;
}

.align-blog {
	padding: 2em 0;
}
.sidebar li {
	display: block;
}
.slide-img {
	min-height: 300px;
}

.box13 .box-content,
.box13:after {
	left: 21px;
	right: 33px;
}

#contact iframe {
	min-height: 300px;
}

h5.cont-form {
	font-size: 1.5em;
}

form.register-wthree .form-control {
	padding: 8px 20px;
}

a.navbar-brand {
	font-size: 0.75em;
}

.contact-form-wthreelayouts {
	padding: 1em;
}

.toggle {
	padding: 6px 10px;
}

.modal-body {
	margin: 0 1em;
}
}

@media screen and (max-width: 480px) {
 .slider-info p {
	letter-spacing: 0px;
	font-size: 12px !important;
}

.col-md-6.email p, .col-md-6.email a {
	font-size: 14px;
	text-align: center;
}

.col-md-6.addres p {
	text-align: center;
	float: none !important;
}

.astn_title {
	margin-bottom: 2.5em;
}

.align-about {
	padding: 3em 0 3em;
}

.inner-banner {
	min-height: 200px;
}

.slide-img {
	min-height: 200px;
}

h3.f_title {
	font-size: 1.1em;
}

.banner_text_wthree_pvt {
	padding: 22vw 0;
}

p.bnr-txt {
	font-size: .8em;
}

p {
	font-size: 13px;
}

.popup {
	margin: 5em 1em;
	padding: 2.5em 1.5em 1.5em;
}

.flip-card {
	float: none;
	margin: 0 auto;
	background-color: transparent;
	width: 300px !important;
	height: 300px !important;
	perspective: 1000px;
}
.right_nav {
	margin: 0.5em auto;
}

.align-about {
	padding: 21em 0 3em;
}

#logo a {
	font-size: 28px;
}
.img-grid {
	padding: 0;
}

.testi-text p {
	width: 100%;
	font-size: 1em;
}

.testi-desc h5 {
	font-size: 1em;
}

.bb-img h3 {
	font-size: 0.9em;
}

.abt-icon {
	width: 50px;
	height: 50px;
}

.abt-icon span {
	font-size: 1.2em;
}

.abt-txt h4 {
	font-size: 1em;
}

.align-about {
	padding: 17em 0 3em;
}

h4.astn-title {
	font-size: 1.4em;
}

h4.home-title {
	font-size: 1.1em;
}

input.serach-input {
	padding: 9px 12px;
	letter-spacing: 0px;
	font-size: 13px;
}
  #astn_banner_slider .astn_link_bnr {
	padding: 4px 9px;
}

#about .astn_link_bnr {
	padding: 4px 9px;
}

.abt-txt {
	margin-left: 0em;
}
   .notfound form {
	flex-basis: 80%;
}

.notfound h1 {
	font-size: 7em;
}

.notfound h2 {
	font-size: 1.6em;
}

.notfound p {
	letter-spacing: 2px;
}
.notfound form {
	flex-basis: 70%;
}

.notfound h1 {
	font-size: 9em;
}
.center-social {
text-align: center;
margin-top: 0;
float: none;
}
.metabox {
width: 83%;
	text-align: center;
}
.metabox .entry-date, .metabox .entry-author, .metabox .entry-comments{
font-size: 12px;
}
.notfound h1 {
	font-size: 1.5em;
}

.searchform {
	flex-basis: 87%;
}
 div#comments {
	margin-top: 15% !important;
}

h2.comments-title {
	font-size: 1.5rem;
}

.abt-txt {
	margin-left: 0em;
}

.flip-card-inner {
	width: 97%;
}

.swiper-container {
	width: 100%;
	height: 40%;
}

.slider-info h3 {
	font-size: 22px;
}

h4.abt-text {
	font-size: 1.5em;
}

.abt_bottom p {
	letter-spacing: 0;
	font-size: 12px;
}

div#about {
	text-align: center;
}

.align-about {
	padding: 3em 0 3em;
}

.abt-grid {
	padding: 10px;
}

a.top_link {
	font-size: 12px;
}

.col-md-6.contact {
	word-spacing: 3px;
}

.astn_link_bnr {
	padding: 5px 13px;
	font-size: 14px;
}

#about .astn_link_bnr {
	padding: 8px 16px;
}

.social-circle li i {
	line-height: 32px;
}

.social ul li a {
	font-size: 17px;
}

.social-circle li a {
	width: 30px;
	height: 30px;
	font-size: 20px;
}

.col-md-6.social {
	text-align: center;
}

#logo a {
	float: none;
}

.col-md-6.social {
	margin-top: 0px;
	margin-bottom: 10px;
}

#astn_banner_slider .astn_link_bnr {
	padding: 8px;
}
}