/*
Theme Name: Animal Caretaker Pro
Theme URI:  https://www.mishkatwp.com/themes/animal-caretaker-wordpress-theme/
Description: The Animal Caretaker WordPress Theme is a specialized, premium website template designed to cater to the diverse needs of individuals and organizations deeply involved in animal care and welfare. It serves as a powerful tool for users such as animal shelters, veterinarians, pet sitters, wildlife sanctuaries, and passionate animal enthusiasts seeking to establish a compassionate online presence dedicated to our beloved animal companions. The theme offers a cohesive and professional platform for showcasing all aspects of animal welfare and care, providing a one-stop solution for users with varying technical expertise to create a polished, emotionally engaging online environment focused on animals. With its modern aesthetics and visual appeal, the theme's look and layout create an inviting online space dedicated to animals. Its clean and responsive design ensures seamless functionality on any device, from desktop computers to tablets and smartphones, enhancing the user experience. The premium status of the Animal Caretaker WordPress Theme brings substantial benefits. While it comes at a cost, it offers advanced features and functionalities that effectively communicate dedication to animal care. Advanced customization options allow users to personalize the website to align with their branding and style, fostering a unique online identity within the world of animal care and welfare.
Author:mishkatwp 
Author URI: https://www.mishkatwp.com/
Version: 1.1
Requires PHP: 5.6
Tested up to: 5.8
Tags: portfolio, photography, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Text Domain: animal-caretaker-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.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;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.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: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}
.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
  color: #757575;
  text-transform: capitalize;
  font-weight: 600;
}
.post-single span{
  text-transform: capitalize;
  font-weight: 600;
}
body {
  font-family: 'Nunito Sans', sans-serif;
  color: #7e8d95;
  margin:0;
  background: #fff;
}
h1,h2, h3, h4, h5, h6{
 font-family: 'Yeseva One', cursive;
}
a {
  color:#4b5168;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
  font-family: "Nunito Sans";
  font-weight: 600;
}

a:hover,
a:focus {
  color:#ed6436;
  text-decoration: none;
}

section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */


.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #262f34;
}
.page-404 h3{
	font-size: 38px;
	color: #ed6436;;
}
.page-404 hr{
	width: 10%;
	background: #262f34;
	padding: 1px;
}
.page-404 .intro-button{
 text-align: center;
 display: inline-block;
 padding: 5px;
}
.page-404 .button{
	padding: 15px 40px;
	color: #fff;
	font-size: 18px;
	display: inline-block;
	transition: all 0.2s; 
  text-decoration: none;
}
.page-404 .intro-button:hover{
	background: #262f34;
}
.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #ed6436;;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #262f34;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#262f34;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}


/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
  font-size: 14px;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color: #fff;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 25px;
  padding-left: 0;
	margin:0;
	font-weight: 400;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:40px;
  font-family:"Yeseva One";
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#ed6436;;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}
#main-menu ul li:hover .sub-menu {
display: block;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	display:block; 
  position:relative; 
  float:none; 
  line-height:18px; 
  margin-left:0; 
  margin-right:0; 
  -webkit-transform: skew(0deg); 
  -ms-transform: skew(0deg); 
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}

#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	display: block;
  position:relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
	color: #262f34;
	-webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;
  -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#main-menu ul.sub-menu li a:hover {
	color: #fff;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	content: '';
	position: absolute;
	-webkit-transition: 
	inherit;transition: 
	inherit;z-index: -1;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	top: 0;
	width: 0;
	height: 100%;
}
#main-menu ul.sub-menu li a:before{
	left: 0;
	border: 1px solid #ed6436;;
	border-left: 0;
	border-right: 0;
}
#main-menu ul.sub-menu li a:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before,
 #main-menu ul.sub-menu li a:hover:after {
 	width: 100%;
 }
#main-menu ul.sub-menu li a:after {
	right: 0;
}
#main-menu ul.sub-menu li a:hover:after {
	background: #ed6436;;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: #262f34;
	color: #fff;
}
#main-menu ul li:hover .sub-menu {
 display: block;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i{
  font-size: 18px;
  cursor: pointer;
	color: #262f34;
	margin: 10px 0; 
 }
 a.cart-customlocation i {
  font-size: 16px;
  cursor: pointer;
  color: black;
 }
 p.cart-item-box{
 	position: absolute;
    top: -30%;
    left: 50%;
    background: #ed6436;;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
 }
 .header-search .open-search-form i:hover{
 	color: #262f34;
 }

.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}


/* ===============================================
   POST BOX
   ============================================= */

 
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 22px;
  color: #262f34;
  font-weight: 700;
}
.post-content p{
	color: #262f34;
}
.post-meta i{
	color: #ed6436;;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
  float: left;
  width: 100%;
}
.latest-post .post-date, .latest-post .post-comments {
    color: #262f34;
    font-weight: 600;
    text-transform: capitalize;
  }
.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	background: #262f34;
	overflow: hidden;
  border-radius: 10px;
}
.latest-post figure:hover+span{
	opacity: 1;
}
.latest-post figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
  border-radius: 10px;
}
.latest-post:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
  border-radius: 10px;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #ed6436;;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#262f34 ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #ed6436;;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	margin:0 10px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background: #262f34;
}
.post-single {
	display: block;
}
label{
	display: block;
}
 
.latest-post h4 a{
  color: #4b5168;
  font-weight: 700;
  font-size: 18px;
  font-family: "Nunito Sans";
}
.latest-post h4 a:hover{
  color: #ed6436;;
}
.latest-post .post-content p{
  color: #7f859d;
  font-weight: 400;
  font-family: "Nunito Sans";
}

.latest-post .owl-item .post-admin span img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
.latest-box{
  filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
  background: #fff;
  border-radius: 15px 15px 15px 0px;
  padding: 5px 4px;
}
.latest-post .far.fa-calendar-alt, .latest-post .fas.fa-bookmark{
  color: #717982;
} 
.latest-post .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
.latest-post figure{
  margin: 0;
  padding: 0;
  background: #262f34;
  overflow: hidden;
  border-radius: 10px;
  height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
 }
.latest-post figure:hover+span{
  opacity: 1;
}
.latest-post figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  border-radius: 10px;
}
.latest-post .post-item:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
  border-radius: 10px;
}
 
.latest-post .far.fa-calendar-alt{
  color: #ed6436;;
}
.latest-post .far{
  color: #ed6436;;
  font-size: 18px;
}
.latest-post .comments{
 color: #707070;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post .read_more{
  color: #ed6436;
  font-weight: 600;
  text-transform: capitalize;
  text-decoration: revert;
}
.latest-post .read_more:hover{
  color: #282a2e;
}
.latest-post .time{
  float: right;
}
.latest-post .time:hover{
  color: #ed6436;
}
.latest-post .admin a{
  color: ;
  text-transform: capitalize;
  font-weight: 800;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #ed6436;;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color: #262f34;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #ed6436;;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
   background: #262f34;
  color: #f3f4f7;
  text-decoration: none;
}

 
@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }
  #mySidenav span{
  	display: block;
  	font-size:30px;
  	cursor:pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu{
  	display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #262f34;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.animal-caretaker-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.animal-caretaker-pro-pagination a span,
.animal-caretaker-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
  filter: drop-shadow(8.866px 9.508px 15px rgba(0,0,0,0.1));
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.animal-caretaker-pro-pagination span.current,
.animal-caretaker-pro-pagination span.current:hover,
.animal-caretaker-pro-pagination span.current:focus,
.animal-caretaker-pro-pagination a span:hover,
.animal-caretaker-pro-pagination a span:focus {
	background:#ed6436;;
  color: #ffffff;
}

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

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

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#262f34;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #262f34;
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#262f34;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
  background: #fff;
  border: 1px solid  #e9e7f4;
  filter: drop-shadow(0 5px 8px rgba(0,0,0,0.08));
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
  text-transform: capitalize;
}
.sidebar-area a{
  font-weight: 600;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style:none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #262f34;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #ed6436;
  color: #fff;
  font-size: 24px;
  background: linear-gradient(0deg, #2947ff 0%, #3969fb 100%);
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #262f34;
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: 1px solid rgba(0, 0, 0, 0.125);
  float: unset;
}
.sidebar-area input[type="search"]{
  width: 69%;
  border: none;
  background: transparent;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: 2px solid #efefef;
  outline: none;
}
.searchform input[type=submit]{
	background: #ed6436;;
	border: none;
	color: #fff;
	font-size:15px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:110px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#262f34;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 18px;
  }
footer {
	background: #fff;
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #d0d0d0;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-bottom: 20px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}
.footer-area .woocommerce ul.cart_list li img, .footer-area .woocommerce ul.product_list_widget li img{
	height: 70px;
}


/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #ed6436;;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}
#button_scroll:hover {
  background: #262f34;
}
#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after {
  background: #ed6436;;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/

.loader {
        width: 64px;
        height: 64px;
        position: relative;
        left: 48%;
        background-image:
          linear-gradient(#FFF 16px, transparent 0) ,
          linear-gradient(#FF3D00 16px, transparent 0) ,
          linear-gradient(#FF3D00 16px, transparent 0) ,
          linear-gradient(#FFF 16px, transparent 0);
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: left top , left bottom , right top , right bottom;
        animation: rotate 1s linear infinite;
      }
      @keyframes rotate {
        0% {
          width: 64px;
          height: 64px;
          transform: rotate(0deg)
        }
        50% {
          width: 30px;
          height: 30px;
          transform: rotate(180deg)
        }
        100% {
          width: 64px;
          height: 64px;
          transform: rotate(360deg)
        }
      }
.lt {
    color: #fff;
    margin: 30px auto;
    text-align: center;
    font-weight: 100;
    letter-spacing: 10px;
}


a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
	margin-top: 32px;   
} 

/*Body*/ 

header#site-navigation.fix-sticky{
  background: #282a2e;
}
.header-menu {
  background: linear-gradient(0deg, #282a2e 0%, #282a2e 100%);
}
.page-template-frontpage .header-menu {
  background: transparent;
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  margin-top: 15px
}
.menu-header {
  backdrop-filter: blur(9px);
  border-radius: 9px;
  background: #282a2eba;
}
.menu-header .button{
  background: #ed6436;
  color: #fff;
  padding: 10px 25px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  text-transform: capitalize;
  border-radius: 10px 10px 10px 0px;
  position: relative;
  top: 5px;
}
.menu-header .button:hover{
  background: #fff;
  color: #262f34;
  text-decoration: none;
}
.menu-header .button,
.menu-header .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.menu-header .button::before,
.menu-header .button::after {
  background:#ed6436;
  content: '';
  position: absolute;
  z-index: -1;
}
.menu-header .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.menu-header .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*SLIDER SECTION*/ 

#slider .slider-content{
	position: absolute;
	top: 40%;
  transform: translateY(-50%);
  left: 10%;
  right: 10%;
}
#slider h1{
	color: #282a2e;
	font-weight: 400;
	font-size: 60px;
	filter: drop-shadow(0px 5px 1.5px rgba(0,0,0,0.18));
}
#slider .circle{
  font-size: 35px;
  color: #157fd1;
}
#slider a.open-video {
  position: relative;
}
#slider .large i{
  font-size: 20px;
  background:#ed6436;
  width: 60px;
  height:60px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%; 
  color: #fff;
 -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#slider .platform-bg:hover .large i{
  transform: rotate(360deg);
  color: #090909;
}
#slider .video-section .fish-aquarium-blog{
  position:fixed;
  top:0;
  right:-100%;
  width:100%;
  height:100%;
  padding:0;
  z-index:1001;
  visibility: hidden;
  -webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  background: rgba(255,255,255, 0.98) none repeat;
  border:none !important;
}
#slider .video-section .fish-aquarium-blog .is-open {
  right:0;
  height:100%;
  visibility: visible;
  top: 30px;
}
#slider .video-section  .fish-aquarium-blog .is-open section{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#slider .video-section .fish-aquarium-blog a.close-video {
  top:50px;
  position:absolute;
  margin-left:-13px;
  left:50%;
}
#slider .video-section .fish-aquarium-blog i.videoblog-close-button {
  font-size:25px;
  color:#616161 !important;
  opacity:0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#slider .video-section .fish-aquarium-blog .is-open i.videoblog-close-button {
  opacity:1;
  position: relative;
  bottom: 35px;
}
#slider .video-section .fish-aquarium-blog.is-open i.videoblog-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#slider a.open-video img{
  width: 100%;
}

/*ABOUTUS SECTION*/ 

 
#about_us figure {
    margin: 0;
    padding: 0;
    background: #2d3446;
    overflow: hidden;
    border-radius: 10px
}

#about_us figure:hover+span {
    opacity: 1;
}

#about_us figure img {
    webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
}

#about_us figure:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.5;
    border-radius: 10px
}
#about_us h4{
  background-color: #282a2e;
  padding: 45px 30px;
  right: 0;
  text-align: center;
  position: absolute;
  right: 0;
  font-size: 23px;
  left: 58%;
  bottom: 30%;
  color: white;
  border-radius: 10px;
  text-align: left;
  width: 54%;
  z-index: 999;
}
#about_us .aboutus_box h3{
	color:#282a2e;
  font-size: 40px;
}
#about_us .aboutus_box h6{
  font-family: "Nunito Sans";
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
#about_us .button{
  background: #ed6436;
  color: #fff;
  padding: 10px 25px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  text-transform: capitalize;
  border-radius: 10px 10px 10px 0px;
  position: relative;
  top: 5px;
}
#about_us .button:hover{
  background: #282a2e;
  color: #fff;
  text-decoration: none;
}
#about_us .button,
menu-header .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#about_us .button::before,
#about_us .button::after {
  background:#ed6436;
  content: '';
  position: absolute;
  z-index: -1;
}
#about_us .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#about_us .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*FISHES*/
#fishes h3{
  font-size: 40px;
} 
#fishes h6 {
  font-family: "Nunito Sans";
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
#fishes p{
  font-size: 14px;
}
#fishes .names{
  font-family: "Nunito Sans";
  position: relative;
  left: 34%;
  color: #4b5168;
  font-weight: 600;
}
#fishes .fishes_box{
	background:#fff;
	border: 2px solid white;
  border-radius: 10px;
}
#fishes .fishes-box1 , #fishes .fishes-box2{
	background-color:#282a2e;	
}
#fishes .fishes-box2{
	background-color:#282a2e;
	border-radius: 0px 15px 15px 0px;
	color:white; 
}
#fishes img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1.0;
}

/*FEATURED PRODUCT*/

#featured_product h3{
  color: #282a2e;
  font-size: 40px;
}
#featured_product .sub-text{
  color: #888888;
  font-weight: 400;
  font-size: 18px;
  margin-left: 25%;
  margin-right: 25%;
}
#featured_product img{
  width: 100%;
}
#featured_product h5.product-titel a{
  color: #4b5168;
  font-weight: 700;
  font-family: "Nunito Sans";
  font-size: 22px;
}
#featured_product h5.product-titel a:hover{
  color: #ed6436;
}
#featured_product .product-content{
  color: #888888;
  font-weight: 400;
}
#featured_product .price{
  color: #282a2e;
  font-size: 23px;
  font-weight: 700;
  font-family: "Nunito Sans";
}
#featured_product ins span.woocommerce-Price-amount.amount{
  color: #222222;
  font-weight: 800;
  font-size: 18px;
  float: right;
  text-decoration: none;
}
#featured_product ins{
  text-decoration: none;
}
#featured_product del span.woocommerce-Price-amount.amount bdi{
  display: none;
}
#featured_product .icon {
  color: #000000;
  text-align:center;
  position: absolute;
  transform: translateY(-100px);
  bottom: 15px;
  right: -30px;
   -o-transition:all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
   -webkit-font-smoothing: antialiased;
   cursor: pointer;
}
#featured_product .icon:hover{
  color: #6f46c5;
}
#featured_product .icon::before {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f07a";
}
#featured_product .icon:before{
  z-index: 99;
  position: relative;
}
#featured_product .box{
  overflow: hidden;
  position: relative;
}
#featured_product .box img{
  width: 100%;
  height: auto;
  transition: all 0.3s ease 0s;
  filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
}
#featured_product .box .box-content{
  color: #fff;
  background: transparent;
  text-align: center;
  width: 188px;
  padding: 12px;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  bottom: 0%;
  left: 50%;
  z-index: 1;
  transition: all 0.3s ease-out;
}
#featured_product .box .box-content:hover{
  background: transparent;
}
#featured_product .box-content:hover{
  background: transparent;
}
#featured_product .box:hover .box-content{ opacity: 1; }
#featured_product .box .box-content:before,
#featured_product .box .box-content:after{
  content: '';
  height: 100%;
  width: 100%;
  transform: scale(0);
  transform-origin: top left;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.2s;
}
#featured_product .box:hover .box-content a:before,
#featured_product .box:hover .box-content a:after{
    transform: scale(1.4);
}
#featured_product .box-content a.added_to_cart.wc-forward{
  position: relative;
  float: right;
  right: 15px;
  color: #fff;
  padding: 10px 20px;
  top: 20px;
  background: #ed6436;
  font-size: 14px;
  border-radius: 10px;
}
#featured_product .box-content a.added_to_cart.wc-forward:hover{
  background: #282a2e;
}
#featured_product .box-content  a.button{
  margin: 5px 0;
  color: #ffffff;
  font-weight: 600;
  background: #ed6436;
  border-radius: 10px 10px 10px 0px;
  padding: 15px 30px;
  font-size: 13px;
  transition: all 0.2s; 
  text-decoration: none;
}
#featured_product .box-content  a.button:hover{
  background: #282a2e;
}
#featured_product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
#featured_product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
  position: absolute;
  transform: translateY(-100px);
  overflow: hidden;
  bottom: 100px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  right: -20px;
  width: 40px;
  height: 40px;
  background: #0e0f0f;
}
#featured_product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,
#featured_product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover{
  background: #60cb92;
 }
#featured_product a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after.tinvwl-product-in-list{
  background: #60cb92;
  color: #fff;
  border: none;
}
#featured_product .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color: #7dc242;
  margin: 10px 0;
}
#featured_product .star-rating::before {
  content: "\73\73\73\73\73";
  color: #a9b6be;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
#featured_product .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#featured_product .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
#featured_product #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart,
#featured_product #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart,
#featured_product #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart{
  position: absolute;
  transform: translateY(-100%);
  bottom: 35px;
  left: 95%;
  font-size: 20px;
  color: #000000;
  border: none;
  background: none;
}
#featured_product #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart:hover,
#featured_product #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart:hover,
#featured_product #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart:hover{
  color: #6f46c5; 
}
#featured_product a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after {
  transform: translateY(-100%);
  position: relative;
  color: #000000;
  bottom: 55px;
  left: 72%;
  display: none;
}
#featured_product a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after:hover{
  color: #6f46c5; 
} 
.wqv-product-images img{
  padding: 10px;
}
#featured_product figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#featured_product figure:hover+span{
  opacity: 1;

}
#featured_product figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;

}
#featured_product .product-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}
#featured_product .dashicons{
  float: right;
  color: #040405;
  font-size: 30px;
  position: relative;
  bottom: 60px;
}
#featured_product span.onsale {
  display: none;
  position: absolute;
  background: #6dc479;
  padding: 10px 5px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  top: 10px;
  left: 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
}
#featured_product .tab-product:hover span.onsale{
  background: #000000;
}
#featured_product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before{
  font-size: 20px;
}
#featured_product .button1{
  background: #ed6436;;
  padding: 15px 45px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
}
#featured_product .button1:hover{
  background: #1b1a29;
  border-radius: 10px;
  color: #ffffff;
}
#featured_product .button1,
#featured_product .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#featured_product .button1::before,
#featured_product .button1::after {
  background: #ed6436;;
  content: '';
  position: absolute;
  z-index: -1;
}
#featured_product .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#featured_product .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#featured_product a#sp-wqv-view-button{
  position: relative;
  top: 130px;
}


/*ACHIEVEMENTS*/ 

#achievements .achievements-box{
	background: #fff;
	filter: drop-shadow(0px 5px 20px rgba(0,0,0,0.05));	
}
#achievements{
	background-color:#ed6436; 
}
#achievements .achievements-box:hover{
	background:#282a2e;
	color:#fff;
}
#achievements h3{
	text-align: center;
	color:#fff;
  font-size: 40px;  
}
#achievements h6{
  font-family: "Nunito Sans";
  font-size: 20px;
  font-weight: 600;
}
#achievements .dashicons{
	font-size: 50px;
  position: relative;
  right: 6%;
}
#achievements .achievements-box{
	border-radius: 15px;
}
#achievements h4{
	color:#4b5168;
	font-size: 35px; 
}
#achievements .achievements-box:hover h4{
  color:#fff;  
}

/*SERVICES*/
#services .services-box1 h3{
	color: white;
  font-size: 40px;
}
#services .services-box1 p{
  color: white;
}
#services .button{
  background-color: #ed6436; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 15px 15px 15px 0px;
  margin-top: 18px;
}
#services .button:hover{
  background-color: #282a2e; 
}
#services .services-box1{
	border-radius: 10px;
  backdrop-filter: blur(50px);
}
#services h6 {
  color: #4b5168;
  font-family: "Nunito Sans";
  font-weight: 700;
  font-size: 18px;
}
#services .button1{
	color:#ed6436; 
}
#services .button1:hover{
  color: #282a2e; 
}
#services .services-box2{
	background:#fff;
	border-radius: 10px 10px 10px 0;
	border: 1px solid #ebeff1;
	filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
}
#services img{
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#services :hover img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

/*CLIENTS*/

#clients .client-box{
	background-color: white;
	filter: drop-shadow(0px 5px 20px rgba(0,0,0,0.05));
}
#clients .clent-box1 img{
	width: auto;
	position: relative;
  left: 33%;
  right: 0;
}
#clients h3 {
  text-align: center;
}
#clients .client-box{
	border-radius: 15px;
}
#clients h3{
	color:#282a2e;
  font-size: 40px 
}
#clients .dashicons{
	font-size: 70px;
  color:#ed6436;
  margin-right: 40px; 
}
#clients h5{
	color: #4b5168;
  font-family: "Nunito Sans";
  font-weight: 600;
}
#clients h6{
  font-family: "Nunito Sans";
  color: #7f859d;
}

/*Images Gallery*/

#gallery_div h5{
  background: #ea3a38;
  color: #fff;
  display: inline-block;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 30px;
}
#gallery_div h3{
  font-size: 34px;
  color: #fff;
  font-weight: 600;
}
#gallery_div figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#gallery_div figure:hover+span{
  opacity: 1;
}
#gallery_div figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#gallery_div .gallery_box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#gallery{
  -webkit-column-count:4;
  -moz-column-count:4;
  column-count:4;
  -webkit-column-gap:15px;
  -moz-column-gap:15px;
  column-gap:15px;
}
@media (max-width:1200px){
  #gallery{
  -webkit-column-count:4;
  -moz-column-count:4;
  column-count:4;
    
  -webkit-column-gap:15px;
  -moz-column-gap:15px;
  column-gap:15px;
}
}
@media (max-width:800px){
  #gallery{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
    
  -webkit-column-gap:10px;
  -moz-column-gap:10px;
  column-gap:10px;
}
}
@media (max-width:600px){
  #gallery{
  -webkit-column-count:1;
  -moz-column-count:1;
  column-count:1;
}  
}
#gallery img{
  width:100%;
  height:auto;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin: 10px 0;
}
.modal-img{
  width:100%;
  height:auto;
}
.modal-body{
  padding:0px;
}

/*Schedule*/

#schedule{
  background-size: 100% 100%;
}
#schedule .schedule-box{
  background: #282a2e;
  border-radius: 10px;
}
#schedule h3{
  color:#fff;
  font-size: 40px;
}
#schedule input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 45%;
  padding: 15px 10px;
  border: none;
  outline: none;
  margin: 10px 10px;
  border-radius: 10px;
  background:#fff;
}
#schedule input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
  width: 45%;
  padding: 15px 10px;
  border: none;
  outline: none;
  margin: 10px 10px;
  border-radius: 10px;
  background:#fff;
}
#schedule input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
  width: 45%;
  padding: 15px 10px;
  border: none;
  outline: none;
  margin: 10px 10px;
  border-radius: 10px;
  background:#fff;
}
 #schedule input.wpcf7-form-control.has-spinner.wpcf7-submit {
  padding: 20px 55px;
  margin: 10px 10px;
  border: none;
  outline: none;
  border-radius: 15px 15px 15px 0px;
  background:#ed6436;
  color: #fff;
  font-family: "Nunito Sans";
  font-weight: 600;
  }
#schedule input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background:#282a2e;
}
#schedule .wpcf7-spinner{
  display:none;
}

/*latest news*/
#latest_news h3{
  color: #282a2e;
  font-size: 40px;
}
#latest_news hr{
  background:#4b5168 ;
  width: 8%;
  padding: 1px;
}
#latest_news .admin{
  color:#4b5168;
  font-weight: 600;
  text-transform: capitalize;
  font-family: "Nunito Sans"; 
}
#latest_news .admin:hover{
  color:#ed6436;
}
#latest_news .time{
  color: #6d7284;
  font-weight: 600;
  font-family: "Nunito Sans";
}
#latest_news .time:hover{
  color: #ed6436;
}
#latest_news .section-content{
  margin-left: 23%;
  margin-right: 23%;
  color: #7e8d95;
}
#latest_news .post-box {
  background: #ffff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 5px 4px;
  box-shadow: 0 10px 13px -7px  rgb(0 0 0 / 34%);
  border-radius: 10px 10px 10px 0;
}
#latest_news .far fa-user{
  color: #4b5168;
}
#latest_news .righttitle a, #leatest-news .lefttitle a{
  color:#4b5168;
  font-weight: 700;
  font-size: 17px;
  font-family: "Nunito Sans";
}
#latest_news .righttitle a:hover, 
#latest_news .lefttitle a:hover{
  color:  #ed6436;
}
#latest_news img{
  width: 100%;
}
#latest_news .latest-content{
  color: #7f859d;
  font-size: 15px;
  margin-bottom: 16px;
  font-family: "Nunito Sans";
}
#latest_news  .post-date{
  position: relative;
  left: 4%;
}
#latest_news  .post-date1{
  position: relative;
  left: 0%;
}
#latest_news figure {
  margin: 0;
  padding: 0;
  background: #222222;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
}
#latest_news figure:hover+span {
  opacity: 1;
}
#latest_news figure img {
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 10px;
  height:100%;
}
#latest_news figure:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
  border-radius: 10px;
}
#latest_news .read_more{
  color: #ed6436;
}



/*Footer Section*/

.footer-area .textwidget{
  list-style: none;
}
.footer-area .textwidget ul{
  padding: 0 10px;
}
.footer-area .textwidget ul li {
  margin: 10px 0;
  color: #d0d0d0;
  font-weight: 500;
}
.footer-area li::marker {
    color: #ed6436;;
}
.footer-area h2{
  color: #fff;
  font-weight: 500;
}
.footer-area h4.title{
  color: #fff;
  font-size: 24px;
  margin-top: 55px;
}
.footer-area  .fab{
  margin-right: 20px;
  margin-top: 10px;
  color: #a4a0bc;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
}
.footer-area .fas, .footer-area .far{
  color: #fff;
  margin-right: 10px;
  background: #ed6436;;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 13px 13px;
}
.footer-area .fab:hover{
  color: #ed6436;;
}
.footer-area .post-thumbnail img {
    max-width: 100px;
    height: 70px;
    float: right;
}
.footer-area .post-title {
    font-size: 16px;
    font-weight: 400;
}
.footer-area .post-meta a{
  font-weight: 400;
  color: #ed6436;;
  font-size: 18px;
}
.footer-area ul {
  padding: 0px;
  line-height: 2;
}
.footer-area ul li{
  margin: 10px 0; 
  color: #d0d0d0;
  list-style: none;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #ed6436;;
}
.copyright {
  background: #ed6436;
}
.copyright .copyright-box {
  border-top: 1px solid #424749;
}
.copyright p{
  color: #fff;
  margin-bottom: 0;
}
.copyright a{
  color: #fff;
}
.copyright a:hover{
  color: #ed6436;;
}
.footer-area .woocommerce ul.product_list_widget li{
   padding: 5px 0;
}
.footer-area img{
  width: 100%;
}
.page-template-frontpage  .footer-area h2{
  margin-top: 50px;
}
#gallery-1 img {
    padding: 4px;
    border-radius: 17px;
}

/*Contact Page*/
 
#contact .contact-form h5{
  color:#282a2e;
}
#contact .contact-form hr{
  border: 1px solid #ed6436;
  width:17%;
  margin-left: 4px;
  margin-right: auto;
  margin-top: auto;
}
#contact .contact-form h2{
  color:#282a2e;
}
#contact .icon2{
  font-size: 33px;
  color:#ed6436; 
}
#contact .form1{
 filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
 box-shadow: 1px 1px 5px 5px #add8e6;
 border-radius: 10px; 
}
#contact .form h3{
  color: #282a2e;
}
#contact input.wpcf7-form-control.wpcf7-text {
  width: 45%;
  padding: 15px 10px;
  border: none;
  outline: none;
  margin: 10px 10px;
  border-radius: 10px;
  background: #fff;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea {
  width: 93%;
  padding: 15px 10px;
  border: none;
  outline: none;
  margin: 10px 10px;
  border-radius: 10px;
  background: #fff;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  padding: 20px 55px;
  margin: 10px 10px;
  border: none;
  outline: none;
  border-radius: 10px;
  background: #ed6436;
  color: #fff;
  margin-left: 65px;
}
#contact .icon1{
  font-size: 25px;
  background: #ed6436;
  border-radius: 50%;
  padding: 10px 0px;
  width: 50px;
  height:50px;
  color:#fff;
  margin:0px 5px;
  text-align: center;
}


/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){

  .menu-header{
    backdrop-filter:unset;
  }
  .admin-bar .fix-sticky{
   	margin-top: 0;
   }
   .fix-sticky{
    position: unset;
   }
   #main-menu ul li a{
    color: #262f34;
   }
	.sidenav {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 9999;
	  top: 0;
	  left: 0;
	  background-color: #ffff;
	  overflow-x: hidden;
	  transition: 0.5s;
	  padding-top: 60px;
	  text-align:center;
	}
	.sidenav a {
	  padding: 8px 8px 8px 32px;
	  text-decoration: none;
	  font-size: 25px;
	  color: #818181;
	  display: block;
	  transition: 0.3s;
	}
  .page-template-frontpage .header-menu {
    background:linear-gradient(0deg, #2947ff 0%, #3969fb 100%); 
    position: relative;
    z-index: 999;
    left: 0;
    right: 0;
    margin-top:0;
  }
	#main-menu{
		top: 25px;
	}
	.sidenav a:hover{
	  color: #f1f1f1;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		box-shadow: none;
	}
	.sidenav .closebtn {
	  position: absolute;
	  top: 50px;
	  right: 25px;
	  font-size: 36px;
	  margin-left: 50px;
	}
	#site-navigation .sidenav a.closebtn, .open-menu{
		display: inline-block;
		background: #ed6436;;
		padding: 0 10px;
		color: #fff;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		background: transparent;
	}
	#main-menu ul.sub-menu li a:hover:after{
		background: transparent;
		color: #262f34;
	}
	#main-menu ul.sub-menu li a:hover{
		color: #262f34;
	}
	#main-menu ul.sub-menu li a:before{
		border: none;
	}
	.woocommerce #content table.cart td.actions .coupon .button.alt,
	.woocommerce #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce table.cart td.actions .coupon .button.alt,
	.woocommerce table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page #content table.cart td.actions .coupon .button.alt,
	.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page table.cart td.actions .coupon .button.alt,
	.woocommerce-page table.cart td.actions .coupon .input-text+.button{
     float: unset;
     width: 100% !important;
     margin: 0;
  }
	.woocommerce #content table.cart td.actions .button,
	.woocommerce table.cart td.actions .button,
	.woocommerce-page #content table.cart td.actions .button,
	.woocommerce-page table.cart td.actions .button{
    width: 100%;
    margin: 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
  	width: 100% !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li{
  	padding: 10px 20px;
  }
  .woocommerce .quantity .qty{
  	max-width: 120px;
  }
  .summary.entry-summary{
    text-align: center;
  }
  .woocommerce div.product div.images img,
  .woocommerce ul.products li.product a img{
    padding: 0 5px;
  }
  section.related.products{
    padding: 0 5px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
  	width: 100%;
  }
  .page-404 h1{
  	font-size: 100px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
  p.cart-item-box{
    left: 50%;
  }
  .admin-bar .fix-sticky{
    position: relative;
  }
  .top_header{
  background: linear-gradient(0deg, #2947ff 0%, #3969fb 100%);
  }
  .top_header .div_box1{
    background: #ed6436;;
  }
  .header-menu {
    background:blue;  
    position: unset;   
  }
  #slider .slider-content{
    top: 35%;
    left: 5%;
    right: 5%;
  }
  #slider h1{
    font-size: 18px;
  }
  #slider .large i{
  font-size: 10px;
  background:#ed6436;
  width: 40px;
  height:40px;
  text-align: center;
  border-radius: 50%; 
  color: #fff;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  position: relative;
  bottom: 39px;
  right: 4px;
}
  #about_us h4 { 
      position:unset;  
      width: 100%;
      font-size: 21px
  }
  #about_us .about_us1{order: 1;}
  #about_us .about_us2{order: 3;}
  #about_us .about_us3{order: 2;}
  #schedule input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
      width: 100%;   
      margin: 10px 0px;  
  }
  #schedule input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
      width: 100%;  
      margin: 10px 0px;      
  }
  #schedule input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
      width: 100%;  
      margin: 10px 0px;    
  }
  #latest_news img{
    width: 100%;
  }
}
 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px){
	#main-menu{
		float: left;
		width: 100%;
	}
  .admin-bar .fix-sticky{
    margin-top: 45px;
  }
	.sidebar-area .post-title{
		font-size: 14px;
	}
	.woocommerce div.product div.images img{
		width: auto;
	}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	 	width: 50%;
	}
	.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary,
	.woocommerce div.product div.images, .woocommerce div.product div.summary, 
	.woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, 
	.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
	 	float: left;
	 	width: 50%;
	}
	.woocommerce button.button{
	 	margin: 0 10px;
	 	padding: 12px 20px;
	}
  .top-header span{
    font-size: 12px;
  }
  #main-menu ul li a{
    padding: 10px 10px;
    font-size: 14px;
  }
  #slider h1{
    font-size: 34px;
  }
  #slider .slider-content{
    top: 43%;
    left: 5%;  
    right: 5%;
  }
  #about_us h4 { 
    position: unset; 
    width: 100%;    
  }
  #about_us h3 {
    font-size: 20px;
  }
  #about_us h6 {
    font-size: 14px;
  }
  #about_us p {
    font-size: 12px;
  }
  #schedule input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    margin: 10px 0px;
  }
  #schedule input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    width: 100%;
    margin: 10px 0px; 
  }
  #schedule input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
    width: 100%;
    margin: 10px 0px; 
  }
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  
	#main-menu ul li a{
		padding: 10px 10px;
    font-size: 16px;
	}
  .top_header{
    background: linear-gradient(90deg, #ed6436; 25%, #fff 25%);
  }
  #slider h1{
    font-size: 44px;
  }
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
  
   
}