/*
Theme Name: Twenty Seventeen Mod
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: CO/LAB
Author URI: https://colablosangeles.com
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

.soingle_postt ul {
    width: 100%;
    display: inline-block;
}
.soingle_postt ul li {
    font-size: 17px;
    color: #636363;
    margin: 5px 0 5px 17px;
    line-height: 24px;
    padding: 0;
	list-style: inherit;
}

.menu_btn {
    color: #000;
    cursor: pointer;
    font-size: 30px;
    padding: 0 10px;
}


@media screen and (max-width:576px){
	.logo {
		text-align: left;
	}
}

.page-template-portfolio .portfolio_box figure img {
    width: 350px !important;
    height: 224px;
}


.page-template-contact .conatct_box_outer .row {
    display: flex;
    align-content: center;
    justify-content: center;
}

.page-template-contact .conatct_box_outer .row .offset-xl-2 {
    margin-left: 0;
}

.page-template-contact .conatct_box_outer > .col-lg-6 {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 35px;
}

.page-template-contact .breadcrumm {
    text-align: center;
}

.page-template-contact .map {
    width: 40%;
}

.page-template-contact .contact_address {
    float: unset !important;
}

	span.menu_btn {
    color: #fff;
    top: 10px;
    position: relative;
}

.header_top {
    padding: 2rem 0;
	background: #000;
}



@media screen and (max-width: 1000px) and (min-width: 768px) {
	.header_top {
    padding: 2rem 0;
	background: #000;
}
	
		span.menu_btn {
    color: #fff;
    top: 10px;
    position: relative;
}
	
	
}


/*  form css */

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
    width: 25px !important;
    margin-bottom: 0 !important;
    margin-left: 20px !important;
}

.catalog_form_outer .form_header {
    height: 500px;
}

.catalog_form input {
    margin: 0 0 20px;
}

.catalog_form span.wpcf7-form-control-wrap.recaptcha span.wpcf7-not-valid-tip {
    bottom: -41px !important;
}

.catalog_form .wpcf7-response-output {
    color: #fff;
}



/* 05-09-2023 */
.header_menu{
	background:#414141;
}
.menu_desktop ul li a {
	font-size: 16px;
}
h3.grey.head.first.top {
    font-size: 65px;
}

h2.color.head.sec.top {
    text-transform: uppercase;
}

h3.grey-third-head {
    font-size: 24px;
    line-height: 34px;
    text-transform: capitalize;
    letter-spacing: 1px;
    opacity:1;
    font-weight:400;
}

.con_first_box p {
    margin: 10px 0px 20px;
}
.con_first_contact section.col-first a {
    font-family: barlow_condensedlight;
    letter-spacing: 4px;
    font-weight: 600 !important;
}

.con_fist_btn a {
    font-style: inherit;
    font-weight: 500;
    font-size: 24px !important;
}
a.right {
    float: right;
}
.parallax-bg.header-2.com_second_header {
    background-attachment: fixed;
    background-size: 80% 100%;
    background-color: #ccbba1;
    background-position: right 10% center;
    background-repeat: no-repeat;
    padding: 50px 0px;

}
.com_second_box {
    margin-top: 0px;
}

.com_second_box h2 {
    z-index: 2222;
    display: inline-block;
}

.com_second_box h2::before {
    content: " ";
    width: 100%;
/*     background: #FFB83C; */
    height: 45%;
    z-index: -1;
    position: absolute;
    bottom: 0;
}
.com_second_box p {
    font-size: 18px;
}

.parallax-bg.header2.fourth_header {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    background-color: #e7e7e7;
    height: inherit;
    padding: 80px 0px;
    background-attachment: fixed;
}

.com_fourth_box {
    margin-top: 0px;
}


h2.color.four.head.sec.top {
    font-size: 50px;
}

span.grey-inner {
    color: #717171;
    margin-left: 5px;
}
.con_fist_btn.sec-three {
    margin-top: 20px;
}

h2.top-main-sec-four {
    font-family: barlow_condensedlight;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
    font-size: 60px;
    color: #353434;
    font-weight: 800;
}

h3.second-head-sec-four {
    font-size: 52px;
    color: #ffb83c;
    font-family: "Basic Sans Heavy SF";
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 35px;
}
.com_third_box:hover .new_hover article {
    background-color: #ffb83ce8;
}

.com_third_box:hover .new_hover section {
    border-color: white;
}

.com_third_box:hover .new_hover h3 {
    color: white !important;
    filter: invert(5);
}

.new_hover p {
    color: white !important;
    filter: invert(5);
    
}


.com_third_box.third_common.third_box1 .ribbon {
    display: none;
}

section.faqs {
    background-color: #E7E7E7;
    padding: 100px 0px;
}

h2.main-faq-head {
    color: #1E1E1E;
    margin-bottom: 10px;
    font-size: 35px;
    font-family: 'barlow_condensedlight';
    font-weight: 800;
    letter-spacing: 2px;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
  }
  

  
  .accordion:after {
    content: '';
    color: black;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-family: 'FontAwesome';
  }
  
  .active:after {
      transform: rotate(90deg);
  }
  button.accordion {
      background: white;
      box-shadow: 0px 0px 10px 0px #FFB83C;
      font-family: 'barlow_condensedlight';
      letter-spacing: 2px;
      font-size: 17px;
      font-weight: 700;
      color: black;
  }
  .acd{
      margin-bottom: 15px;
      display: block;
  
  }
  .accordion.active, .accordion:hover {
      background: #FFB83C;
      
  }
  .panel {
    padding: 0px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  button.accordion.active ~ .panel {
      padding: 25px 20px;
  }
  
  button.accordion:focus {
      outline: none;
  }
  .panel p {
      font-weight: 400;
      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
      font-size: 16px;
      color: #4d4d4d;
  }

  .accordion::after {
    top: calc(50% - 12px );
    position: absolute;
    right: 10px;
}

button.accordion {
    position: relative;
}
.one {
    padding: 150px 0px;
    background-color: lightgrey;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: -1px;

}

h2.test-head {
    color: #FFB83C;
    font-weight: bolder;
    font-size: 38px;
    line-height: 50px;
    font-family: "Basic Sans Heavy SF";
    letter-spacing: 2px;
    text-transform: uppercase;
}

p.test-details {
    color: white;
    font-size: 17px;
}


.testimonials .owl-dots {
    margin-top: -50px;
    z-index: 222;
    position: relative;
}

.testimonials .owl-dot span {
    background-color: transparent !important;
    border: 1px solid #FFB83C;
}

.testimonials .owl-dot.active span {
    background-color: #FFB83C !important;
}

.com_fith_outer {
    padding-top: 40px;
}
.con_first_contact {
    margin-top: 13px;
}

.con_fist_btn {
    margin-bottom: 25px;
}
.com_second_box h2 {
    text-transform: uppercase;
    font-size: 50px;
}
.con_second_btn a {
    font-style: normal;
    font-weight: 600;
}
.con_six_btn a {
    margin: 0px 8px;
}

.new_hover section h3 a {
    font-weight: 600;
}
.top-bar-header {
    padding: 20px;
    background-color: #222222;
}

h2.top-hedaer-ach {
    color: white;
    text-align: center;
    font-family: Basic;
    font-size: 17px;
    line-height: 17px;
}
body.home .header {
    position: absolute;
    top: 50px;
}
.top_search {
    margin-bottom: 0px;
}











@media screen and (max-width:1200px) {
	h2.color.head.sec.top {
    font-size: 50px;
}

h3.grey.head.first.top {
    font-size: 40px;
}
    .parallax-bg.header-2.com_second_header {
        background-size: 90% 80%;
    }

    .com_second_box h2 {
        font-size: 40px;
        }

        h2.color.four.head.sec.top {
            font-size: 40px;
        }


        h2.top-main-sec-four {
            font-size: 40px;
        }
        
        h3.second-head-sec-four {
            font-size: 40px;
        }


}


@media screen and (max-width:992px) {
	.con_fist_btn.frst-btns {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

    section.faqs{
        padding: 80px 0px;
    }
    .parallax-bg.header2.fourth_header {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        }
    .one {
        padding: 100px 0px;
    }

    h2.top-main-sec-four {
        font-size: 35px;
    }
    
    h3.second-head-sec-four {
        font-size: 35px;
    }

    .parallax-bg.header2.fourth_header {
        padding: 60px 0px;
        height: auto !important;
    }

    h2.color.four.head.sec.top {
        font-size: 35px;
    }

    .com_second_box h2 {
        font-size: 35px;
        }
    .parallax-bg.header-2.com_second_header {
        background-size: 80% 80%;
    }
    a.right{
        float: left;
    }
    h3.grey.head.first.top {
        font-size: 45px;
    }
    
	img.hm-sc-two-image,img.right-third{
		margin-top:20px;
	}
	.com_six_header .con_six_btn a {
		font-size: 18px !important;
	}
}



@media screen and (max-width:767px) {
	
	.con_fist_btn.frst-btns {
    display: block;
    flex-direction: row-reverse;
    justify-content: space-between;
}
	.banner_box {
    margin-top: 135px;
}
.header_top .top_right {
    justify-content: center;
    display: block;
}
	.header {
    position: inherit;
}
    section.faqs{
        padding: 50px 0px;
    }
    .com_second_box h2 {
        font-size: 30px;
    }

    .one {
        padding: 80px 0px;
    }
    .tests {
        padding-left: 20px;
    }

    h2.top-main-sec-four {
        font-size:35px;
    }
    
    h3.second-head-sec-four {
        font-size: 30px;
    }
    .parallax-bg.header-2.com_second_header {
        background-size: 100% 60%;
    }
    .com_second_header{
        height: auto !important;
    }
    h3.grey.head.first.top {
        font-size: 45px;
    }

}


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

a.right {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}

}



/* .portfolio_singlee_outer {
    margin-top: 200px;
}
.single_blog_outer {
    margin-top: 200px;
} */



.soingle_postt h3, .soingle_postt h3 span {
    font-size: 20px !important;
    font-weight: 600 !important;
}

.single-post h4 span, .single-post h4 {
    font-size: 18px;
    font-weight: 500 !important;
    margin-top: 20px !important;
    display: block;
}