/*
Theme Name: manau
Author: Themebuzz
Author URI: #
Description: Themebuzz team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
License: GNU General Public License version 3.0
License URI: #
Version: 1.0.0
Requires at least: 4.0
Tested up to: 5.6.2
Requires PHP: 7.3
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: manau
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Transition
# Color
# Buttons
# Header 
# Hamburger icon
# X icon
# Blog Section
# Footer
# Copyright 
# Top To Buttom
# 404 Page
# Preloader 
--------------------------------------------------------------*/
.elementor-widget-sidebar .widget.footer-widget__post {
    box-shadow: none;
    padding: 0!important;
    border: none;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    color: #ff631b;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #ff631b;
}

ul.footer-widget__contact-list li i {
    margin-right: 7px;
    color: #ff5a3c;
    margin-top: 7px;
}
.header2-left ul li i {
    font-size: 18px;
    padding-right: 5px;
}
.header2-right.ml-auto ul li a {
    padding: 10px 0;
}
.header2-right.ml-auto ul li a i {
    font-size:16px;
}

.boxs .col-lg-3.d-flex.flex-wrap.align-content-center {
    margin: 0 auto;
    padding: 200px 0;
}
.team-two .team-social {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 26px 0;
    background: #ff0000b0;
    transition: 1s;
    opacity: 0;
    left: 0;
}
.team-box .no-slide .team-single {
    margin-bottom: 30px;
    background: red;
    padding: 15px;
}
.arrow-nav button.slick-arrow {
    position: absolute;
    top: 430px!important;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* margin-right: 21%; */
    width: 51px;
    height: 44px;
}
.team-two .team-social ul {
    float: right!important;
    margin-right: 10px!important;

}
img.attachment-manau-project-image.size-manau-project-image.wp-post-image {
    width: 100%;
    height: 385px;
}
.header-two .cta-butons a {
    color: #FF631B;
    background: #ff5a3c;
	border-radius: 3px;
}
.header-five .header-top ul li a {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
}
.header-five .header-top ul li {
    color: #ffffff;
    font-size: 17px;
}
.header-two .cta-butons a:hover {
    color: #fff;
    background: #002155;
}
.manau-canva .bs-canvas-header.overflow-auto button span {
    font-size: 50px;
    color: #000 !important;
    font-weight: 400;
    background: white;
    line-height: 1;
    padding: 0px 10px;
    text-shadow: none !important;
    display: inline-block;
    font-family: 'FontAwesome';
}
.team-image img {
    width: 100%;
    height: 250px!important;
}
.client-items .item a.stylead {
    font-size: 21px;
    color: #110303;
    text-align: center;
    padding: 10px 10px 10px 10px;
    margin: 18px 18px 18px 18px;
    display: inline-block;
}
.ft-bottom {
    display: none;
}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
    padding: 13px 20px;
    padding-right: 58px;
    font-size: 17px;
    font-weight: 600;
    line-height: 17px;
    text-decoration: none;
    text-transform: capitalize;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 150px;
}
.elementor-3646 .elementor-element.elementor-element-2da374f .blob-btn {
    padding: 15px 30px 15px 30px;
    color: #ffffff;
    display: block;
}
.blob-btn__inner:hover {
    background: #349cfc!important;
    transition: .4s;
}
.blog-box .post-single {
    padding: 20px 20px;
    box-shadow: 3px 3px 43px 3px rgb(0 0 0 / 3%);
	background: #dbdbdb40;
}
.service_item {
    text-align: center;
}
.blog-top ul li.postby a:hover {
    color: Black;
}
ul#menu-tab-menus li.current-menu-item a {
    background-color: #002155 !important;
    color: #fff !important;
}
.blog-top ul li.postby a {
    color: #FF631B;
}
.contact-info-list ul li {
    list-style: none;
    margin: 0;
    padding: 5px;
}
.blog-body p {
    color: black;
}
.service-dec p {
    font-size: 16px;
    color: black;
}
.widget ul li a {
    font-weight: 400;
    display: inline-block;
    font-size: 18px;
}
.header-four .cta-butons a:hover {
    color: white;
    background: Black;
	transition:.5s;
}
.pro-list label {
    display: inline-block !important;
}
.pro-list span {
    color: #ff631b!important;
}
.contact-info-list label {
    display: inline-block!important;
}

.hobe_mar input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    padding: 10px 20px;
    border: none;
}
.mc4wp-form-fields button {
    position: absolute;
    right: 40px;
    border: none;
    padding: 11px 23px!important;
    font-size: 24px;
    background: #349cfc;
    color: #fff;
    cursor: pointer;
    transition: .4s;
}
.mc4wp-form-fields button {
    background: #fd4b19!important;
}
.wp-block-social-links li a {
    background-color: #005dae!important;
    color: #fff;
    font-size: 23px;
}
pre {
    background-color: #fd5d14!important;
	color:white;
}
.wp-block-social-links li a:hover {
    background-color: #005dae!important;
    color: #000!important;
}
ul#menu-tab-menus li a {
    color: black;
    background: #ff5a3c;
    padding: 12px 20px;
    border-radius: 5px;
    transition: .5s;
}
.footer-four {
    background: #121234;
    padding: 35px 0;
}
.elementor-element.elementor-element-e076dd3.left-arget.elementor-widget.elementor-widget-wp-widget-nav_menu ul li a:hover{
    color: white;
    background: #002155;
    transition:.5s;
}

.testimonial-boxs.style-one .testi-content p {
    padding-left: 2px!important;
}


.active:after {
    content: ""!important;
}

.loader_bg {
    width: 100%;
    height: 100%;
    background: #000;
}

.loader img{
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	position:absolute;
}
.service-title-con {
    margin-bottom: 27px;
}

.ft-subscribe-dec p {
    color: #ffffff!important;
}
.footer-widget-area ul li {
    color: #ffffff!important;
}

.widget.manau-nav-widgets {
    border: none;
    padding: inherit;
}

ul#menu-quick-link li a:before {
    font-size: 16px;
    content: "\f105";
    font-family: 'FontAwesome';
    color: #fd5d14;
    padding-right: 6px;
}
ul#menu-quick-link li a {
    font-size: 16px;
	font-weight:400;
   
}

ul#menu-quick-link li a:hover {
    color: #0EB582;
}
ul#menu-quick-link li a:hover {
    padding-left: 6px;
}

ul#menu-quick-link li a:hover:before {
    color: #000!important;
}


.manau-footer-widgets .widget ul li a:before {
   display:none;
}


.widget.widget_meta ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #ff6600;
}

.widget ul li a:hover {
    color: #000033 !important;
}
.widget.widget_meta ul li a:hover {
    padding-left: 6px;
}

.widget.widget_meta ul li a:hover:before {
    color: #000!important;
}


.elementor-3807 .elementor-element.elementor-element-4dce11c .blog-footer .left a:hover {
    background-color: #000033!important;
}


.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #16203b !important;
}
.widget_block ul li a {
    color: #000000;
    font-weight: 500;
	color:#000033;
}
.wp-block-table.is-style-stripes {
    border-bottom: #16203b !important;
}
.wp-block-social-links .wp-social-link svg {
     width: 20px !important; 
    height: 20px !important; 
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
    background-color: inherit;
    color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
    background-color: inherit;
    color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
    background-color: inherit;
    color: #fff;
}

.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
    background-color: inherit;
    color: #fff;
}
.protfolio-box:hover .pt-portfolio-info {
    opacity: 1;
	transition:.5s;
}
.pt-portfolio-info {
    opacity: 0;
	transition:.5s;
}

iframe {
    height: 200px;
}
.pr-menu {
    text-align: center;
    display: none;
}
.elementor-3646 .elementor-element.elementor-element-5a165ff {
    color: #ffffff!important;

}


.blog-image {
    position: relative;
    height: 100%;
    width: 100%;
}
.blog-image:after {
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom,rgb(0 31 80 / 36%),rgb(0 30 78 / 68%));
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    transform: scale(0.2);
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    opacity: 0;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.blog-box .item:hover .blog-image:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
}
.elementor-3647 .elementor-element.elementor-element-52e4e65 .portfolio-img:hover img {
    filter: blur(0px);
	 -webkit-transform: scale(1.2);
    transform: scale(1.2);
    overflow: hidden;
    transition: .5s;
}
.copyright {
    text-align: center;
}
.client-items .item {
    display: inline-block;
    margin: 0 10px;
    border-radius: 15px;
}
.client-items .item i {
    display:inline-block;
}

.client-items .item i {
    color: #000;
    font-size: 40px;
    margin: -55px 0px 0px 0px;
    padding: 25px 20px 15px;
    background: white;
    /* border-radius: 50%; */
    width: auto;
    line-height: 35px;
    height: auto;
}

.client-items .item i:hover {
    transition:.5s;
}
.client-items .item h2:hover {
    transition:.5s;
}
.client-items .item a.stylead:hover {
    transition:.5s;
}

img.attachment-large.size-large {
    width: 100%;
    border-radius: 15px 15px 0 0;
}
@keyframes mymove {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
label {
    display: block!important;
    margin-bottom: .5rem;
}

.header-bottom.sticky {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    animation: mymove 0.4s linear;
    background: #fff!important;
    z-index: 999;
	border: 1px solid #93939333;
}
.serv-section .item .Innea_log i {
    display: inline-block;
    background: #ff5a3c;
    top: 30px;
    position: absolute;
    padding: 5px;
    content: "";
    right: 30px;
	border-radius: 3px;
}

.serv-section .item .Innea_log i:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    border-radius: inherit;
    border: 3px solid #ff194a;
    animation: btnIconRipple 2s cubic-bezier(.23,1,.32,1) both infinite;
}
@keyframes btnIconRipple {0%{border: 2px solid #ff631b36; transform:scale(.2)}
	80%{border: 3px solid #ff631b;transform:scale(1.2)}
	to{opacity:0}}

.serv-section .item .Innea_log a {
    display: inline-block;
    bottom: 30px;
    position: absolute;
    content: "";
    color: white;
    text-align: center;
    width: 100%;
    height: auto;
}



.serv-section .item:before {
    content: "";
    position: absolute;
    background-color: transparent;
    background-image: linear-gradient(180deg, #002E4200 30%, #002642 90%);
    width: 100%;
    height: 200px;
    bottom: 0px;
    left: -20px;
    margin: 0 20px;
}

.serv-section .item img {
    min-height: 360px;
    width: 100%;
    border-radius: 5px ;
}

.serv-section .item {
    margin: 10px;
    border-radius: 10px;
	display:inline-block;
	overflow:hidden;
	position:relative;
}