/*
Theme Name: zakon
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: zakon
*/


/*--------------------------------------------------------------
>>> 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;
}
.col-lg-3.d-flex.flex-wrap.align-content-center {
    margin: 0 auto;
    padding: 200px 0;
}

.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;
}
.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;
}
.nextort ul.menu li a {
    display: block;
    padding: 18px 25px;
    background-color: #ff5200;
    margin: 8px 0;
    color: #fff;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
}
.nextort ul.menu li a:hover {
    background-color: #002155;
    color: #fff;
}
.nextort ul.menu li.current-menu-item a {
    background-color: #002155;
    color: #fff;
}
.nextort ul#menu-tab-menus {
    margin: 0;
    padding: 0;
}
.zakon-social-widgets.widget ul li a {
    width: 80px;
    height: 80px;
    background: #FF5200;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    padding: 4px;
    line-height: 70px;
}
label:nth-of-type(2) {
    width: 12px !important;
	transition:.6s;
}
button.header-five-canvas.blob-btn:hover label:nth-of-type(2) {
    width: 25px !important;
	transition:.6s;
}


.site-branding.site-logo-area {
    z-index: 99;
}
.team-two .team-social ul {
    float: right!important;
    margin-right: 10px!important;

}
img.attachment-zakon-project-image.size-zakon-project-image.wp-post-image {
    width: 100%;
    height: 345px;
}
.header-two .cta-butons a {
    color: #FF631B;
    background: #c69d67;
}
.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;
}
.zakon-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;
}
.header-five .header-top {
    background: #2c3943;
    display: none;
}
.blog-top ul li.postby a:hover {
    color: Black;
}

.blog-top ul li.postby a {
    color: #000;
}
.blog-body p {
    color: black;
    font-size: 17px;
}
.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;
}

.header-four .cta-butons a {
    color: white;
    background: #20767D;
	transition:.5s;
}
.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: #002155!important;
}
.wp-block-social-links li a {
    background-color: #fd5d14!important;
    color: #fff;
    font-size: 23px;
}
pre {
    background-color: #fd5d14!important;
	color:white;
}
.wp-block-social-links li a:hover {
    background-color: #fff!important;
    color: #000!important;
}


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

.elementor-widget-wp-widget-nav_menu ul.menu li.current-menu-item a {
    background-color: #ff0000;
    color: #fff;
}
.elementor-widget-wp-widget-nav_menu ul.menu li a:hover {
    background-color:#ff0000 ;
    color: #fff;
}

.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: #000!important;
}
.footer-widget-area ul li {
    color: #ffffff!important;
}

.widget.zakon-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;
}


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


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


.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;
}

.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: 18px 0px 0px 0px;
    padding: 25px 20px 15px;
    background: white;
    width: auto;
    line-height: 35px;
    height: auto;
    display: none;
    z-index: 999;
}
button.header-five-canvas.blob-btn {
    padding: 12px 11px;
    margin-left: 25px;
    border: none;
    cursor: pointer;
    background: #c69d6700;
    z-index: 99;
}
.bs-offset-main.bs-canvas-anim.theme-btn {
    z-index: 9;
}
.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 {
    height: auto;
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.client-items .item a.stylead {
    display: block;
    margin: 20px 0px 0px 0px;
}
@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;
}

.pro-list label {
    display: inline-block!important;
    margin-bottom: .5rem;
}
.header-bottom .zakon-theme-buttons {
    margin-left: 30px;
    z-index: 9;
}
.header-bottom.sticky {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    animation: mymove 0.4s linear;
    background: #000000b0!important;
    z-index: 999;
}