/*
Theme Name: Hicell
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
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: 3.2
Tested up to: 6.2
Requires at least: 4.7
Requires PHP: 5.2.4
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, block-patterns

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
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap');


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    overflow-x: hidden !important;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #2d2d2d;
    background-color: #fff;
}

h1, h2, h3, h4 {
    font-family: 'Poppins', sans-serif;
}


section {
    padding: 90px 0;
    position: relative;
}

section img {
    max-width: 100%;
}

h2.sect_title {
    margin-bottom: 25px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 50px;
    color: #15222c;
}




a {
    color: #000;
    transition: 0.5s;
  }

p {
    margin: 0;
    padding: 0;
}
  
  a:hover, a:active, a:focus {
    color: #008bff;
    outline: none;
    text-decoration: none;
  }
  
  .menu_contanear
  {
      display: block;
      float: left;
      width: 100%;
     text-align: right;	
  }
  
  .nav-menu, .nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
  }
  
  .nav-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
  }
  
  .nav-menu li {
    position: relative;
    white-space: nowrap;
    margin-left: -5px;
  }
  
  .nav-menu > li {
      display: inline-block;
      /*border-right: 1px solid #e70233;*/
      line-height: initial;
  }
  


  .nav-menu li:hover > ul,
  .nav-menu li.sfHover > ul {
    display: block;
  }
  
  .nav-menu ul ul {
    top: 0;
    left: 100%;
  }
  
  .nav-menu ul li {
    min-width: 180px;
  }
  
  /* Nav Menu Arrows */
  .sf-arrows .sf-with-ul {
    padding-right: 30px;
  }
  
  .sf-arrows .sf-with-ul:after {
    content: "\f0d7";
    position: absolute;
    right: 15px;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
      font-size: 13px;
      top: 50%;
      transform: translateY(-50%);
  }
  
  .sf-arrows ul .sf-with-ul:after {
    content: "\f105";
  }
  
  /* Nav Meu Container */
  #nav-menu-container {
    float: left;
    margin: 0;
   width: 100%;
    
  }
  
  
  
  @media (max-width: 768px) {
    #nav-menu-container {
      display: none;
    }
  }
  

  
  .nav-menu a {
      padding: 10px 21px;
    text-decoration: none;
    display: inline-block;
    color: #4e2823;
    font-size: 14px;
    outline: none;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      }
  
  
  .nav-menu li:hover > a, .nav-menu > .menu-active > a {
      color: #2d439c;
  }
  
  
  .nav-menu ul {
    margin: 4px 0 0 0;
    padding: 10px;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    background: #000000;
    text-align: left;
  }
  
  .nav-menu ul li {
    transition: 0.3s;
  }
  
  .nav-menu ul li a {
    padding:5px 10px ;
    color: #515353;
    transition: 0.3s;
    display: block;
    font-size: 13px;
    text-transform: none;
      border-bottom: 2px solid transparent;	
  }
  
  .nav-menu ul li:hover > a {
      border-bottom: 2px solid #FFFFFF;
      background-color: #004780;
  }
  
  .nav-menu ul ul {
    margin: 0;
  }
  
  /* Mobile Nav Toggle */
  #mobile-nav-toggle {
    position: absolute;
    right: 0;
    top: -3px;
    z-index: 999;
    margin: 12px 20px 0 0;
    border: 0;
    background: none;
    font-size: 24px;
    display: none;
    transition: all 0.4s;
    outline: none;
    cursor: pointer;
  }
  
  #mobile-nav-toggle i {
    color: #000;
  }
  
  @media (max-width: 768px) {
    #mobile-nav-toggle {
      display: inline;
    }
  }
  
  /* Mobile Nav Styling */
  #mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background: rgba(0, 0, 0, 0.8);
    left: -260px;
    width: 260px;
    overflow-y: auto;
    transition: 0.4s;
  }
  
  #mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  #mobile-nav ul li {
    position: relative;
  }
  
  #mobile-nav ul li a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: none;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
  }
  
  #mobile-nav ul li a:hover {
    color: #fff; background-color: #004780;
  }
  
  #mobile-nav ul li li {
    padding-left: 30px;
  }
  
  #mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
    color: #fff;
  }
  
  #mobile-nav ul .menu-has-children i.fa-chevron-up {
    color: #d5d5d5;
  }
  
  #mobile-nav ul .menu-has-children li a {
    text-transform: none;
  }
  
  #mobile-nav ul .menu-item-active {
    color: #d5d5d5;
  }
  
  #mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    display: none;
  }
  
  /* Mobile Nav body classes */
  body.mobile-nav-active {
    overflow: hidden;
  }
  
  body.mobile-nav-active #mobile-nav {
    left: 0;
  }
  
  body.mobile-nav-active #mobile-nav-toggle {
    color: #fff;
  }


header {
    background: #ffffffe6;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
}

.head_top {
   width: 100%;
    display: block;
    padding: 8px 5px;
    border-bottom: 1px solid #fff;
}

.head_top span {
    color: #fff;
    font-size: 14px;
}

.head_top .row .col-12:nth-child(2) {
    text-align: right;
}

 /**/
/* ==== Main CSS === */
@media (min-width: 1200px){
.container {
    max-width: 1200px;
}
    }

.sect_title {
    font-size: 50px;
}

.large {
    position: relative;
    
    background-size: cover;
    background-repeat: no-repeat;
    padding: 180px 0 100px 0;
}

.large:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #2c0601;
    opacity: .6;
}

.large h5 {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 18px;
}

.large h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 50px;
}

.large p {
    color: #d7d7d7;
    font-size: 16px;
    font-weight: 500;
    padding-right: 60px;
}


header img.color_logo {
    max-width: 170px;
    min-width: 150px;
}

header .connect_area {
    text-align: right;
    max-width: 280px;
}

header .connect_area .btn {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

header .connect_area .connect_btn.btn {
    border: 2px solid #4e3136;
    margin-right: 10px;
    margin-top: 3px;
}

header .connect_area .connect_btn:hover {
    background-color: #6ea543;
    color: #fff;
    border-color: #6ea543;
}

header .connect_area .product_btn {
    background-color: #4e3136;
    color: #fff;
    border: 2px solid #4e3136;
}

header .connect_area .product_btn:hover {
    background-color: #6ea543;
    border-color: #6ea543;
}

header .head_bottom {
    padding: 26px 30px;
}

.nav-menu a:hover, .nav-menu .current-menu-item a {
    color: #e79605 !important;
}

.what_we_do_sect {
    background-color: #4e2823;
    padding-bottom: 150px;
    padding-top: 120px;
}

.what_we_do_sect h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
}

.what_we_do_sect p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding-left: 60px;
}

.home_middle_area {
    padding-top: 0;
}

.mid_img_big {
    margin-top: -100px;
}

.mid_img_big img {
    border-radius: 10px;
}

 

.home_middle_area .nav-pills .nav-link.active {
    color: #4e2823;
    background-color: inherit;
}

.tab_title_area {
    background-color: #f1f1f1;
}

.middle_tab_area {
    padding: 0 15px;
}

.middle_tab_area .tab-pane {
    font-size: 20px;
}

.tab-pane ul {
    padding-left: 24px;
    margin: 15px 0;
}

.tab_title_area {
    background-color: #f1f1f1;
    padding: 100px 70px;
}

.tab_content_area {
    background-color: #fff;
    padding: 90px 70px;
}

.tab_title_area .nav-link {
    font-size: 30px;
    font-weight: 700;
    color: #1a1919;
    border-bottom: 2px solid #4e2823;
    padding: 20px 0 30px 0;
    border-radius: 0;
}

.home_middle_area .nav-pills .nav-link i.fa {
    float: right;
    margin-top: 14px;
    font-size: 24px;
}

.home_middle_area .nav-pills .nav-link.active i.fa {
    color: #81443c;
}

.home_middle_area .nav-pills .nav-link:hover {
    transform: scale(1.05);
    color: #4e2823;
}

.tab_area_btn_p .btn {
    color: #4e2823;
    font-size: 20px;
    font-weight: 600;
    padding: 0;
}

.tab_area_btn_p .btn {
    color: #4e2823 !important;
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    border-top: 2px solid #4e2823;
    border-radius: 0;
    margin-top: 10px;
    padding-top: 7px;
}


 

.tab_area_btn_p .btn .fa {
    color: #81443c;
}

.tab_area_btn_p .btn .fa {
    color: #81443c;
    font-size: 16px;
    padding-left: 12px;
    transform: translateY(-2px);
}

.solution_sect {
    background-color: #f1f1f1;
    padding: 110px 0;
}


.tab_area_btn_p .btn:hover {
    color: #e79605 !important;
    border-top: 2px solid #e79605;
}

.tab_area_btn_p .btn:hover .fa {
    color: #e79605 !important;
}


.cta_sect .tab_area_btn_p .btn:hover {
    color: #e79605 !important;
    border-top: 2px solid #e79605 !important;
}

.cta_sect .tab_area_btn_p .btn:hover .fa {
    color: #e79605 !important;
}

.solution_sect .sect_title {
    color: #4e2823;
}

.solution_sect .top_area p {
    font-size: 20px;
    line-height: 1.4;
    padding-left: 60px;
}

.solution_sect .btm_area {
    margin-top: 80px;
}

.feat_box h5 {
    font-weight: 500;
    margin-top: 10px;
}

.feat_box hr {
    border-color: #4e2823;
    border-width: 2px;
}

.feat_box img {
    height: 84px;
    margin-bottom: 15px;
}

.btm_area .feat_box {
    width: 100%;
    max-width: 210px;
    
}

.btm_area .feat_box img {
    transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
}

.btm_area .feat_box:hover img {
    transform: translateY(-10px);
}

.solution_sect .btm_area .row .col-12:nth-child(2) article {
    margin-left: auto;
    margin-right: auto;
}

.solution_sect .btm_area .row .col-12:nth-child(3) article {
    margin-left: auto;
    margin-right: 0;
}

.cta_sect {
    
    background-size: cover;
    background-position: top right;
}

.cta_sect h2 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
}

.cta_sect p {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 30px;
}

.cta_sect .tab_area_btn_p .btn {
    color: #fff !important;
    border-color: #fff !important;
    border: none;
    border-top: 2px solid #fff !important;
}

.cta_sect .tab_area_btn_p .btn .fa {
    color: #fff !important;
}

.safety_sect p {
    font-size: 20px;
}

.safety_sect .sect_title {
    color: #4e2823;
}

.safety_sect .tab_area_btn_p .btn .fa {
    color: #4e2823;
    padding-left: 6px;
}

.safety_sect .tab_area_btn_p {
    margin-top: 20px;
}

footer {
    background-color: #4a4646;
    padding-top: 70px;
}


footer li, footer a, footer p, footer span, footer h5 {
    color: #fff;
}

footer li, footer a, footer p, footer span {
    font-size: 15px;
}

footer ul li {
    list-style-type: none;
}

footer h5 {
    font-size: 20px;
}

footer ul li a:hover {
    color: #e79605 !important;
}

ul.q_links li {
    margin-bottom: 5px;
}

.footer_info .right p {
    margin-bottom: 5px;
}

.footer_info {
    margin-bottom: 30px;
}

.footer_social_info {
    margin-top: 30px;
}

.footer_social_info li {
    display: inline-block;
}

.footer_social_info li .fa {
    width: 30px;
    height: 30px;
    background-color: #000;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    padding-top: 5px;
    margin-right: 5px;
    transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
}

.footer_social_info li .fa:hover {
    transform: scale(1.2);
}

.footer_social_info li .fa.fa-facebook {
    background-color: #3b5998;
}

.footer_social_info li .fa.fa-instagram {
    background-color: #c13584;
}

.footer_social_info li .fa.fa-twitter {
    background-color: #1da1f2;
}

.footer_social_info li .fa.fa-linkedin {
    background-color: #0077b5;
}

.address_footer_social_info {
    padding-left: 34px;
}

.footer_btm {
    margin-top: 34px;
}

.footer_btm .container .warp_footer_btm {
    border-top: 1px solid #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer_btm .container .footer_btm_menu_area {
    text-align: right;
}

.footer_btm ul li {
    display: inline-block;
}

.footer_btm ul {
    margin: 0;
}

.footer_btm ul li {
    padding-left: 30px;
}

.footer_btm ul li a {
    font-size: 13px;
}

.copyright_txt {
    font-size: 13px;
}