/*
Theme Name: Professional Cleaning Company Pro
Theme URI: https://www.misbahwp.com/themes/cleaning-company-wordpress-theme/
Description: Cleaning Company WordPress Theme is a theme of top class order and is noticeably appropriate for the groups like online Labor offerings as nicely as House Cleaning. It is additionally exact for builders, cleaning, cleansing company, cleansing service, contractor, electricians, engineers, handymen, maids, maintenance, painter, plumbers, responsive, and suppliers’ websites. It has some brilliant points to help, and some of these are retina-ready, professional, personalization options, testimonial section, customization options, multipurpose, translation ready, and a good deal more. This WordPress theme is designed for cleansing websites, and there is a choice to show the commercial enterprise data and the alternative of the product sale online. It is additionally especially designed for retail outlets and group sites. It should be used for all online stores, including cleaners, cleaning, cleansing agency, cleansing business, cleansing company, cleansing services, flooring cleaning, residence cleaning, and janitor. When you buy the cleaning company WordPress theme, there are advantages in phrases of high-quality elements like CTA or the Bootstrap Framework. Such a theme can be applied to a cleaner, cleaning, cleansing agency, cleansing business, cleansing company, cleansing service, ground cleaning, residence cleaning, maintenance, washing websites, and more. Cleaning company WordPress theme has customization alternatives, making it in shape for websites like clothing, multipurpose online save, and many more.
Author: misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 7.2
Tested up to: 6.1
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: professional-cleaning-company-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: 'Roboto', sans-serif;
  color: #063763;
  margin:0;
  background: #fff;
}
h1,h2, h3, h4, h5, h6{
 font-family: 'Roboto', sans-serif;
}
a {
  color:#063763;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#ffcd6c;
  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: #063763;
}
.page-404 h3{
	font-size: 38px;
	color: #2ea3ed;
}
.page-404 hr{
	width: 10%;
	background: #063763;
	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: #063763;
}
.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: #2ea3ed;
  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: #063763;
  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:#063763;
}
.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;
}
#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: #063763;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 25px;
  text-transform: capitalize;
  padding-left: 0;
	margin:0;
	font-weight: 500;
	-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;
}
#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:#ffcd6c;
}
#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: #063763;
	-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 #2ea3ed;
	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: #2ea3ed;
	-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: #063763;
	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: #063763;
	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: #2ea3ed;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    display: none;
 }
 .header-search .open-search-form i:hover{
 	color: #063763;
 }
/* a.cart-customlocation i:hover{
 	color: #fff;
 }*/
.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: #063763;
  font-weight: 700;
  margin-top: 10px;
}
.post-content p{
	color: #063763;
}
.post-meta i{
	color: #2ea3ed;
}
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: #063763;
    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{
  background-image: linear-gradient(90deg, #073763 0%, #00abe9 100%);
  overflow: hidden;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
 }

.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%;
}
.latest-post:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #2ea3ed;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#ffcd6c ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #2ea3ed;
	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: #ffcd6c;
}
.post-single {
	display: block;
}
label{
	display: block;
}
 
.latest-post h4 a{
  color: #063763;
  font-weight: 700;
  font-size: 18px;
}
.latest-post h4 a:hover{
  color: #ffcd6c;
}
.latest-post .post-content p{
  color: #757575;
  font-weight: 400;
}

.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: 10px;
}
.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 .far.fa-calendar-alt{
  color: #00adeb;
}
.latest-post .far{
  color: #00adeb;
  font-size: 18px;
}
.latest-post .comments{
 color: #707070;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post .read_more{
  color: #2ea3ed;
  font-weight: 600;
  text-transform: capitalize;
  text-decoration: revert;
}
.latest-post .post-date{
  color: #00adeb;
 
}
.latest-post .time{
  float: right;
}
.latest-post .admin a{
  color: #00adeb;
  text-transform: capitalize;
  font-weight: 600;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #2ea3ed;
  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: #ffcd6c;
}
.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: #2ea3ed;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
   background: #ffcd6c;
  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 #063763;
    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,
.professional-cleaning-company-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.professional-cleaning-company-pro-pagination a span,
.professional-cleaning-company-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,
.professional-cleaning-company-pro-pagination span.current,
.professional-cleaning-company-pro-pagination span.current:hover,
.professional-cleaning-company-pro-pagination span.current:focus,
.professional-cleaning-company-pro-pagination a span:hover,
.professional-cleaning-company-pro-pagination a span:focus {
	background:#2ea3ed;
  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:#063763;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #063763;
	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:#063763;
}

.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));
  transition: all .3s ease-in-out;
  transform: translateY(0);
}
.sidebar-area .sidebar-widget:hover{
  transform: translateY(-7px);
}
.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: #063763;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #2ea3ed;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  background: #063763;
}
.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: #063763;
	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: #2ea3ed;
	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:#ffcd6c;
	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: #a4a0bc;
}
.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: #2ea3ed;
  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: #ffcd6c;
}
#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: #2ea3ed;
  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 **/

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #fff transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}
.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #2ea3ed transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/

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

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.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: #fff;
  
}
 
.header-menu{
  background: #fff;
}
 
.menu-header .appintment-div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #cbd8e4;
  padding: 5px 20px;
  border-radius: 30px
}
.menu-header .dashicons{
  background: #00acea;
  color: #fff;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  border-radius: 30px;
  filter: drop-shadow(0px 6px 6px rgba(0,172,234,0.3));
}
.extra-div{
  display: flex;
  align-items: center;
}
.menu-header .last-div{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 250px;
}
.menu-header .last-div i{
  background: #fff;
  color: #063763;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 2px solid #cbd8e4;
}
.menu-header .last-div i:hover{
  color: #ffcd6c;
}
.language-div .switcher .selected{
  background: #fff;
}
.language-div .switcher .selected a{
  border-radius: 30px;
  border: 2px solid #cbd8e4;
  padding: 5px;
}
.language-div select#gtranslate_selector{
  border-radius: 30px;
  border: 2px solid #cbd8e4;
  padding: 10px;
  color: #063763;
}
 
/*SLIDER SECTION*/ 

#slider .slider-content{
  position: absolute;
  top: 20%;
  left: 10%;
  bottom: 0;
  margin: 0;
} 
#slider h2{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
#slider h1{
  color: #fff;
  font-weight: 700;
  font-size: 60px;
  max-width: 450px;
}

#slider .owl-dots{
  display: none;
}
#slider .circle{
  font-size: 35px;
  color: #157fd1;
}
#slider a.open-video {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background: #ffcd6c;
  border-radius: 50%;
  color:#063763 ;
}
#slider a.open-video:hover{
  color: #fff;
}
#slider .video-section .video-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 .video-blog .is-open {
  right:0;
  height:100%;
  visibility: visible;
  top: 0;
}
#slider .video-section  .video-blog .is-open section{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#slider .video-section .video-blog a.close-video {
  top:50px;
  position:absolute;
  margin-left:-13px;
  left:50%;
}
#slider .video-section .video-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 .video-blog .is-open i.videoblog-close-button {
  opacity:1;
  position: relative;
  bottom: 35px;
}
#slider .video-section .video-blog.is-open i.videoblog-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}


/*Search Form*/

#search_form .form-div{
  background: #fff;
  border-bottom: 5px solid #00adeb;
  filter: drop-shadow(0px 8px 8px rgba(208,218,228,0.3));
  margin-top: -70px;
    position: relative;
    z-index: 9;
}
#search_form input#s{
  padding: 10px 20px;
  width: 250px;
  margin-right: 100px;
  border-radius: 30px;
  border: 1px solid #063763;
  outline: none;
  height: 60px;
  line-height: 60px;
  color: #063763;
  font-weight: 600;
}
#search_form input#s::placeholder{
  color: #063763;
}
#search_form select#cat{
  padding: 0 20px;
  width: 250px;
  margin-right: 100px;
  border-radius: 30px;
  border: 1px solid #063763;
  outline: none;
  height: 60px;
  line-height: 60px;
  color: #063763;
  font-weight: 600;
}
#search_form button{
  padding: 0 20px;
  width: 220px;
  border-radius: 30px;
  border: 1px solid #063763;
  outline: none;
  color: #063763;
  background: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  line-height: 60px;
  color: #063763;
  font-weight: 600;
}
#search_form i.fa.fa-search{
    width: 40px;
    height: 40px;
    background: #ffcd6c;
    color: #063763;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    margin-left: auto;
    filter: drop-shadow(0px 6px 6px rgba(185,130,25,0.3));
}
 
.page-template-frontpage  h3{
   font-size: 50px;
   line-height: 70px;
  }
/* ABout Us Section */
#about_us h5{
	color: #063763;
	font-weight: 700;
}
#about_us h3{
	color: #063763;
	font-weight: 700;
}  
#about_us h6{
	color: #063763;
  font-weight: 800;
}
#about_us figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#about_us figure:hover+span{
  opacity: 1;
}
#about_us img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#about_us img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#about_us .list-box{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#about_us .plan-list{
  margin-left: 30px;
  color: #063763;
  font-weight: 500;
  margin-bottom: 0;
}
#about_us .content{
  filter: drop-shadow(0px 6px 6px rgba(201,211,220,0.2));
  background-color: #ffffff;
  padding:20px;
  border-left: 5px solid #00adeb;
}
#about_us .dashicons{
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 45px;
  filter: drop-shadow(0px 6px 6px rgba(201,211,220,0.2));
  background: #fff;
}


/* Services Section*/

#services{
  background: -webkit-linear-gradient(180deg, #063763 50%, #f5faff 50%);
  background: -o-linear-gradient(180deg, #063763 50%, #f5faff 0%);
  background: -moz-linear-gradient(180deg, #063763 50%, #f5faff 50%);
  background: linear-gradient(180deg, #063763 50%, #f5faff 50%);
}
#services h5{
  color: #fff;
  font-weight: 700;
}
#services h3{
  color: #fff;
  font-weight: 700;
}
#services h4{
  color: #063763;
  font-weight: 600;
  font-size: 22px;
}
#services .services-deta{
  background: #fff;
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 0;
  filter: drop-shadow(0px 8px 8px rgba(201,211,220,0.2));
}
#services img{
  width: 100%;
}

#services figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
}
#services figure:hover+span{
  opacity: 1;
}
#services img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#services .services-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}
#services h6{
  color: #00adeb;
  font-weight: 500;
}
 
#services .button{
  background: #063763;
  color: #fff;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-weight: 600;
  overflow: hidden;
  display: inline-block;
  border-radius: 30px;
}
#services .button:hover{
  background: #ffcd6c;
  color: #fff;
}
#services .button,
#services .button::after {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#services .button::before,
#services .button::after {
  background: #063763;
  content: '';
  position: absolute;
  z-index: -1;
}
#services .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#services .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#services .icon-box{
  background: #fff;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  color: #063763;
  margin-top: -50px;
  float: right;
  filter: drop-shadow(0px 8px 8px rgba(201,211,220,0.2));
}
#services .dashicons{
  display: inline-table;
  font-size: 32px;
}




/*Quotes Section*/

#quote h5{
  color: #063763;
  font-weight: 700;
}
#quote h3{
  color: #063763;
  font-weight: 700;
} 
#quote .content{
  filter: drop-shadow(0px 6px 6px rgba(201,211,220,0.2));
  background-color: #ffffff;
  padding:20px;
  border-left: 5px solid #00adeb;
}
#quote .contact-box{
  display: flex;
  justify-content: space-between;
}
#quote .contact{
  border-radius: 30px;
  border: 2px solid #cbd8e4;
  padding: 10px 20px;
  width: 260px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#quote .contact .number{
  color: #063763;
  font-weight: 700;
}
#quote .contact .dashicons{
  display: flex;
  float: right;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  filter: drop-shadow(0px 6px 6px rgba(0,172,234,0.3));
  background: #00acea;
  justify-content: center;
  color: #fff;
  align-items: center;
}
#quote .contact-head{
  display: flex;
  align-items: center;
}
#quote h6{
  margin-bottom: 0;
  color: #063763;
  font-weight: 700;
}
#quote .box1{
  position: relative;
  z-index: 99;
}
#quote .box2{
  position: relative;
  bottom: 30px;
  left: 45%;
}
#quote .img-box{
  position: relative;
}
#quote .icon-div{
  position: absolute;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  top: 40%;
  right: 55px;
  border-radius: 50%;
  filter: drop-shadow(0px 8px 8px rgba(201,211,220,0.3));
  z-index: 99;
}
#quote .icon11{
  font-size: 60px;
  color: #063763;
  display: inline-table;
}

#quote .box1{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#quote .box1:hover+span{
  opacity: 1;
}
#quote img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#quote .box1:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/*Working Process Section*/

#work_process h5{
  color: #063763;
  font-weight: 700;
}
#work_process h3{
  color: #063763;
  font-weight: 700;
}
#work_process .work_box{
  background: #fff;
  filter: drop-shadow(0px 8px 8px rgba(198,209,220,0.3));
  border-top: 4px solid transparent;
  margin-top: 30px;
}
#work_process .work_box:hover{
   border-top: 4px solid #2ea3ed;
}

#work_process .button{
  color:#2ea3ed ;
}
#work_process .step_box{
  background: #2ea3ed;
  color: #fff;
  border-radius: 30px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 30px;
  bottom: 30px;
  filter: drop-shadow(0px 6px 6px rgba(46,163,237,0.3));
  
}
#work_process h4{
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 0;
}
#work_process .icon1{
  font-size: 50px;
  color: #063763;
  display: inline;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
  margin: 25px 0;
}
#work_process .work_box:hover .icon1{
  transform: rotate(360deg);
  color: #ffcd6c;
}
#work_process h6{
  color: #063763;
  font-weight: 600;
  font-size: 26px;
  margin: 20px 0 10px;
}
#work_process .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
}
#work_process .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #063763;
  margin: 0 5px;
  outline: none;
}
#work_process .owl-dots button.owl-dot.active {
   background-color:#2ea3ed;
}
#work_process .work_box {
  transition: all .3s ease-in-out;
  transform: translateY(0);
}
#work_process .work_box:hover{
  transform: translateY(-7px);
}

/*Appointment*/

#appointment h5{
  color: #fff;
  font-weight: 400;
}
#appointment h3{
  color: #fff;
  font-weight: 600;
}
#appointment input.wpcf7-form-control.wpcf7-text{
  border: 2px solid #fff;
  color: #fff;
  outline: none;
  background: rgba(255,255,255,0);
  border-radius: 30px;
  padding: 15px 20px;
  margin-right: 20px;
  width: 350px;
  max-width: 350px;
}
#appointment input.wpcf7-form-control.wpcf7-text::placeholder{
  color: #fff;
}
#appointment select.wpcf7-form-control.wpcf7-select{
  border: 2px solid #fff;
  color: #fff;
  outline: none;
  background: rgba(255,255,255,0);
  border-radius: 30px;
  padding: 15px 20px;
  margin-right: 20px;
  width: 350px;
  max-width: 350px;
  margin-top: 30px;
}
#appointment option{
  background: #00abe9 ;
}
#appointment input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date{
  border: 2px solid #fff;
  color: #fff;
  outline: none;
  background: rgba(255,255,255,0);
  border-radius: 30px;
  padding: 15px 20px;
  margin-right: 20px;
  width: 350px;
  max-width: 350px;
}
#appointment input.wpcf7-form-control.has-spinner.wpcf7-submit{
  margin-top: 30px;
  background: #ffff;
  color: #063763;
  border-radius: 35px;
  border: 0;
  outline: none;
  padding: 15px 20px;
  font-weight: 500;
  width: 250px;
  min-width: 250px;
  transition: all .3s ease-out;
}
#appointment input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #ffcd6c;
  color: #fff;
}
#appointment .wpcf7-spinner{
  display: block;
}
#appointment .wpcf7 form.failed .wpcf7-response-output, #appointment .wpcf7 form.aborted .wpcf7-response-output{
  border-color: #fff;
  color: #fff;
  padding: 10px;
}

/*Our Projects*/

#projects_div h5{
  color: #063763;
  font-weight: 700;
}
#projects_div h3{
  color: #063763;
  font-weight: 600;
}
#projects_div .project-box img{
  width: 100%;
  height: auto;
}
#projects_div .project-box{
  position: relative;
}

#projects_div  .box-content{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 30px;
  padding: 10px 20px;
  background: #063763;
}
#projects_div .box-content .catname{
  color: #00adeb;
  font-weight: 700;
}
#projects_div .project-box a h4{
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  color: #fff;
}
#projects_div .project-box :hover a h4{
  color: #ffcd6c;
}
#projects_div  .icon{
  color: #fff;
  filter: drop-shadow(0px 8px 8px rgba(255,205,108,0.3));
  background: #ffcd6c;
  font-size: 16px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s ease-in-out;
  border-radius: 30px;
}

#projects_div a.read_more{
  color: #063763;
  font-weight: 800;
  cursor: pointer;
}
#projects_div a.read_more:hover{
  color: #2ea3ed;
}
#projects_div figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-image: linear-gradient(90deg, #073763 0%, #00abe9 100%);
}
#projects_div figure:hover+span{
  opacity: 1;
}
#projects_div img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#projects_div .project-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}


/*Sponsor Section*/

#sponsor .img-box img{
  filter: grayscale(1);
}
#sponsor .img-box img:hover{
  filter: url();
}

/*Newsletter*/

#newsletter h5{
  color: #fff;
  font-weight: 700;
}
#newsletter h3{
  color: #fff;
  font-weight: 700;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
  background: #fff;
  padding: 20px 30px;
  border: none;
  outline: none;
  width: 100%;
  color: #063763;
  border-radius: 40px;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email::placeholder{
  color: #063763;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
  background: #2ea3ed;
  padding: 15px 20px;
  color: #fff;
  outline: none;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 20px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 16px;
  width: 160px;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: all .3s ease-out;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
 background: #ffcd6c;
  color: #fff;
}
 
#newsletter .content{
  width: 70%;
}
#newsletter figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: transparent;
}
#newsletter figure:hover+span{
  opacity: 1;
}
#newsletter img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#newsletter img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#newsletter .wpcf7 form.failed .wpcf7-response-output, #newsletter .wpcf7 form.aborted .wpcf7-response-output{
  border-color: #fff;
  padding: 10px;
  color: #fff;
}


/*Our Team Section*/

#our_team h5{
  color: #063763;
  font-weight: 700;
}
#our_team h3{
  color: #063763;
  font-weight: 600;
}
#our_team .icon-div{
  padding: 20px;
  background: #063763;
  border-radius: 0 0 8px 8px;
}
#our_team .icon-div .dashicons{
  color: #fff;
  margin: 0 5px;
}
#our_team .icon-div .dashicons:hover{
  color: #ffcd6c;
}
#our_team h4{
  color: #1c1c2f;
  font-weight: 700;
}
#our_team h6{
  color: #8e8d99;
}
#our_team figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
  border-radius: 8px 8px 0 0;
}
#our_team figure:hover+span{
  opacity: 1;
}
#our_team img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  height: 320px;
  max-height: 320px;
}
#our_team .box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}


/*Banner Section*/

#banner_div h5{
  color: #fff;
  font-weight: 700;
  font-size: 40px;
}
#banner_div .banner_box{
  margin-bottom: -80px;
  position: relative;
  z-index: 99;
  filter: drop-shadow(0px 19px 25.5px rgba(0,0,0,0.18));
}

#banner_div h3{
  color: #fff;
  font-weight: 700;
}
#banner_div .div-flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#banner_div .call_box{
  background: #fff;
  border-radius: 30px;
  padding: 5px 15px 5px 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 250px;
}
#banner_div .icon_box{
  position: relative;
  right: 30px;
}
#banner_div .dashicons{
  filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.1));
  background-color: #053763;
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#banner_div .call_box:hover .dashicons{
  transform: rotate(360deg);
  color: #ffcd6c;
}
#banner_div h6{
  color: #063763;
  font-weight: 600;
  margin-bottom: 0;
}
#banner_div h6:hover{
  color: #ffcd6c;
}


/*Footer Section*/


.page-template-frontpage  .footer-area .footer{
  margin-top: 100px;
}
.footer-area .textwidget{
  list-style: none;
}
.footer-area .textwidget ul{
  padding: 0 10px;
}
.footer-area .textwidget ul li {
  margin: 10px 0;
  color: #a4a0bc;
  font-weight: 500;
}
.footer-area li::marker {
    color: #2ea3ed;
}
.footer-area h2{
  color: #fff;
  font-weight: 500;
  font-family: 'Maven Pro', sans-serif;
}
.footer-area h4.title{
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  border-left: 3px solid #ffcd6c;
  padding-left: 10px;
}
/*.footer-area hr{
  background: #2ea3ed;
  margin-right: 70%;
  border: none;
  height: 2px;
  margin-top: 10px;
}*/
.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: #2ea3ed;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 13px 13px;
}
.footer-area .fab:hover{
  color: #2ea3ed;
}
.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: #2ea3ed;
  font-size: 18px;
}
.footer-area ul {
  padding: 0px;
  line-height: 2;
}
.footer-area ul li{
  margin: 10px 0; 
  color: #a4a0bc;
  list-style: none;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #2ea3ed;
}
/*.footer-area ul li::before {
  content: '\f8dd';
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 10px;
  color: #2ea3ed;
}*/
.copyright {
  background: #001b33;
 
}
.copyright .container{
   border-top: 1px solid #1d344a;
}
.copyright p{
  color: #fff;
  margin-bottom: 0;
}
.copyright a{
  color: #2ea3ed;
}
.copyright a:hover{
  color: #ffcd6c;
}
.footer-area .woocommerce ul.product_list_widget li{
   padding: 5px 0;
}
.custom-h6{
  font-size: 18px !important;
}
.footer-area .textwidget img{
  width: 100%;
}

/*Contact Page*/

#contact .contact-title{
  font-size: 44px;
  color: #1e1e1e;
  font-weight: 700;
}
#contact h2{
 font-size: 30px;
  line-height: 42px;
  color: #fff;
  font-weight: 600;
}
#contact p{
  color: #063763;
}
#contact .contact-text{
  color: #fff;
}
#contact .icon1{
  background: #fff;
  color: #063763;
  border-radius: 50%;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  width: 45px;
  height: 45px;
  padding: 10px;
  margin: 0 5px;
  webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
  font-size: 24px;
  cursor: pointer;
}
#contact .icon1:hover{
  transform: rotate(360deg);
  color: #fff;
  background: #2ea3ed;
}
#contact .contact-enquiry{
  background: #fff;
}
#contact .services-box{
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  height: 225px;
}

#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 25%;
  margin: 10px 10px;
}
#contact input.wpcf7-form-control.wpcf7-text{
  padding: 15px 20px;
  background: transparent;
  border: 1px solid #fff ;
  margin: 10px;
  outline: none;
  width: 46%;
  color: #fff;
  border-radius: 30px;
}
#contact input.wpcf7-form-control.wpcf7-text::placeholder{
  color: #fff;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
  width: 95%;
  height: 130px;
  padding: 20px 25px;
  margin: 15px 10px;
  background: transparent;
  border: 1px solid #fff ;
  outline: none;
  color: #fff;
  border-radius: 10px;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
  color: #fff;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 10px 30px;
  margin: 20px 10px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  font-weight: 500;
  background: #2ea3ed;
  border: none;
  border-radius: 30px;
  transition: all .3s ease-out;
}
 
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #ffcd6c;
  color:#fff; 
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}
#contact .icon2{
  font-size: 50px;
  color: #063763;
  display: inline;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#contact .services-box:hover .icon2{
  transform: rotate(360deg);
  color: #2ea3ed;
}
#contact h6{
  color: #063763;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}
#contact h5{
  color: #2ea3ed;
  text-transform: capitalize;
  font-size:32px;
  font-weight: 700;
}
#contact h3{
  color: #063763;
  text-transform: capitalize;
  font-size: 34px;
  font-weight: 600;
}
.contact-form{
  filter: drop-shadow(0px 19px 25.5px rgba(0,0,0,0.18));
  background: #031e35;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
   	margin-top: 0;
   }
   .fix-sticky{
    position: unset;
   }
   #main-menu ul li a{
    color: #063763;
   }
	.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;
	}
	#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: #2ea3ed;
		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: #063763;
	}
	#main-menu ul.sub-menu li a:hover{
		color: #063763;
	}
	#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;
  }
  .menu-header .appintment-div{
    padding: 5px 10px;
    height: 45px;
  }
  .language-div select#gtranslate_selector{
    width: 150px;
    font-size: 12px;
  }
  .menu-header .last-div i{
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
   
   
  #slider .slider-content{
    top: 5%;
    left: 10%;
  }
  #slider a.open-video{
    width: 35px;
    height: 35px;
  }
  #slider h2{
    font-size: 16px;
  }
  #slider h1{
    font-size: 20px;
  }
   
  #slider .owl-carousel .owl-nav{
    display: none;
  }
  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }
  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #slider .owl-dots button.owl-dot.active {
    background-color:#2ea3ed;
  }
  #search_form .form-div{
    margin-top: 0;
  }
  #search_form input#s, #search_form select#cat{
    width: 100%;
    margin-bottom: 20px;
    height: 45px;
    font-size: 14px;
    margin-right: 0;
  }
  #search_form button{
    width: 100%;
    height: 50px;
    font-size: 14px;
  }
  .page-template-frontpage  h3{
   font-size: 28px;
   line-height: 40px;
  }
  #about_us .div1{
    order: 2;
  }
  #about_us .div2{
    order: 1;
  }
  #about_us .plan-list{
    margin-left: 10px;
    text-align: left;
  }
  #services .owl-carousel .owl-nav{
    display: none;
  }
  #services .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
  }
  #services .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #services .owl-dots button.owl-dot.active {
    background-color:#2ea3ed;
  }
  #quote .div1{
    order: 2;
  }
  #quote .div2{
    order: 1;
  }
  #quote .contact-box{
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  #quote .box2{
    left: 0;
  }
  #quote img{
    width: 100%;
  }
  #quote .icon-div{
    top: 55%;
  }
  #quote .box2{
    top: 30px;
  }
  #appointment input.wpcf7-form-control.wpcf7-text,
  #appointment select.wpcf7-form-control.wpcf7-select,
  #appointment input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date{
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
  }
  #appointment select.wpcf7-form-control.wpcf7-select{
    margin-top: 0;
  }
  #our_team img{
    height: 100%;
    max-height: 380px;
  }
  #banner_div .div-flex{
    flex-direction: column;
  }
   #banner_div h5{
    font-size: 20px;
  }
  #banner_div .call_box{
    width: 100%;
    margin-bottom: 10px;
    margin-top: 30px;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
    padding: 15px 20px;
    width: 100%;
    font-size: 14px;
  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
    position: unset;
    right: 0;
    margin: 15px 0;
    padding: 10px 20px;
  }
  #newsletter{
    background-size: auto !important;
  }
  #newsletter .wpcf7-spinner{
    display: block;
  }
  #banner_div .banner_box{
    margin-bottom: 0;
  }
  .page-template-frontpage .footer-area .footer{
    margin-top: 0;
  }
  .footer-area ul{
    padding: 0 10px;
  }
  #contact .dashicons{
  	margin: 20px 0;
    display: inline;
  }
  #contact hr {
   width: 30%;
  }
  #contact .contact-form p{
  	margin-left: 0;
  	margin-right: 0;
  }
  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 100%;
  	margin: 15px 0;
  }
  #contact .wpcf7 .ajax-loader{
  	display: block;
  	left: 38%;
  }
  #comments textarea{
  	width: 100%;
  }
	.woocommerce-page div.product div.summary{
	 	padding: 15px;
	} 
  .post-single .blog_share_icon .fab{
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 -1px;
  }
  .copyright  img{
    margin: 10px 0;
  }
  .latest-post .comments{
    font-size: 16px;
  }
  .latest-post .date-meta{
    font-size: 14px;
  }
   
  .page-template-frontpage .footer{
    margin-top: 40px;
  }
   
   
}

 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px){
	#main-menu{
		float: unset;
		width: 100%;
    display: flex;
    justify-content: end;
	}
  .admin-bar .fix-sticky{
    margin-top: 45px;
  }
  header#site-navigation.fix-sticky{
    position: relative;
  }
  
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 30%;
  }
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 95%;
		margin: 15px 0;
	}
	#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number{
		width: 45%;
		margin: 10px 10px;
	}
	#contact input.wpcf7-form-control.wpcf7-text{
		width: 46%;
		margin: 20px 10px;
	}
	#contact .wpcf7 .ajax-loader{
		display: block;
	}
	.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;
	}
   
  /*#main-menu ul li a{
    padding: 10px 10px;
    font-size: 14px;
  }*/
  .menu-header .div_box1{
    order: 3;
  }
  .menu-header .div_box2{
    order: 4;
  } 
  .menu-header .extra-div{
    order: 2;
    justify-content: end;
  }
  .menu-header .menu-box{
    order: 1;
  }
  #slider .slider-content {
    top: 25%;
    left: 10%;
    right: 25%;
  }
  #slider .text1, #slider .text2{
    font-size: 12px;
  }
  #slider p{
    display: none;
  }
  #slider h1 {
    font-size: 34px;
  }
  #slider .button{
    padding: 6px 10px;
    font-size: 14px;
  }
  #slider .owl-carousel .owl-nav{
    display: none;
  }
  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }
  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #slider .owl-dots button.owl-dot.active {
    background-color:#2ea3ed;
  }
   #search_form .form-div{
    margin-top: 0;
  }
  #search_form input#s, #search_form select#cat{
    width: 200px;
    margin-right: 30px;
    height: 50px;
  }
  #search_form button{
    width: 200px;
    height: 50px;
  }
  .page-template-frontpage h3{
    font-size: 34px;
    line-height: 45px;
  }
  #about_us .div1{
    order: 2;
  }
  #about_us .div2{
    order: 1;
  }
  #quote .div1{
    order: 2;
  }
  #quote .div2{
    order: 1;
  }
  #quote .icon-div{
    right: 200px;
  }
  #appointment .wpcf7-form-control.wpcf7-text{
    float: left;
  }
  #appointment input.wpcf7-form-control.wpcf7-text{
    width: 320px;
    max-width: 320px;
    margin-bottom: 20px;
  }
  #appointment input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date,
  #appointment select.wpcf7-form-control.wpcf7-select{
    margin-top: 0;
    width: 320px;
    max-width: 320px;
  }
  #newsletter .newsletter_box{
    top: 0;
    margin-bottom: 0;
  }
  #newsletter h3{
    font-size: 24px;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
    padding: 15px 15px;
    width: 100%;
  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
    right: 0;
    margin: 15px 0;
    position: relative;
  }
  #newsletter .wpcf7-spinner{
    display: block;
  }
  .page-template-frontpage .footer{
    margin-top: 40px;
  }
  #banner_div .banner_box{
    margin-bottom: 0;
  }
  .page-template-frontpage .footer-area .footer{
    margin-top: 0;
  }
  #our_team img{
    height: 350px;
    max-height: 350px;
  }
  #quote .box2{
    display: flex;
    justify-content: end;
    right: 50px;
    left: 0;
  }

}

/*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;
	}*/
  #main-menu {
    float: unset;
    width: 100%;
    display: flex;
    justify-content: end;
  }
  .menu-header .div_box1{
    order: 3;
  }
  .menu-header .div_box2{
    order: 4;
  } 
  .menu-header .extra-div{
    order: 2;
    justify-content: end;
  }
  .menu-header .menu-box{
    order: 1;
  }
   
  #slider h2{
    font-size: 18px;
  }
  #slider h1{
    font-size: 34px;
  }
  #slider .social-links{
    left: 5%;
  }
  #search_form input#s,
  #search_form select#cat{
    margin-right: 40px;
  }
  .page-template-frontpage h3{
    font-size: 38px;
  }
  #quote .icon-div{
    right: 0;
  }
  #quote .box2{
    left: 40%;
  }

  #appointment input.wpcf7-form-control.wpcf7-text,
  #appointment select.wpcf7-form-control.wpcf7-select,
  #appointment input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date{
    width: 280px;
  }
  #banner_div h5{
    font-size: 28px;
  }
  #banner_div .call_box{
    width: 200px;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
   width: 95%;
  }
  .latest-post .date-meta{
    font-size: 12px;
  }
  #recent_blog .post-date{
    top: 46%;
  }
  #recent_blog .owl-dots{
    display: block;
  }
	
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
  #testimonial .owl-carousel .owl-nav{
    display: none;
  }
  
	.woocommerce .quantity .qty{
		max-width: 150px;
	}
  .latest-post .date-meta{
    font-size: 12px;
  }
   
}