.search_wrap{
display:none;
}

.nav_wrap.scrollable{
background-color :080e12;
}

.wpsm_panel {
    background-color: #0c0e12;
	}
 

/*
Theme Name: Density
Theme URI: http://wpalter.com/density-wordpress-theme/
Author: wpalter
Author URI: http://wpalter.com
Description:  Density is wordpress theme useful for startups business, company, corporate, consultancy. Theme is also tested latest version of WordPress. Theme is  Theme can be customize in an easy way.  The theme is fully editable because this is built on WordPress customizer. Theme is useful for digital agency, corporate startups and any type of company. The theme is free for use so lets start to build beautiful website. Vertical menu is best feature of this theme . Theme have consists features like mobile Responsive. Theme is Gutenberg ready. Support is superior from our side. Theme is WooCommerce ready and Translation Ready which support RTL erady.  Google Fonts are awesome. Some of the many customizable aspects include: Layouts / Header elements (Email Address , Contact Number), Featured images, Colors ,Post metas, Widgets areas, Homepage elements, Slider, Latest Blog, About Block, services, Call To Action Socials and much more. It’s a multi-purpose & beautiful theme suitable for Digital Market / Digital Agency / Online Business / Affiliate Market / App Landing Page / Software Landing Page and for more. We use WordPress customizer for it. Theme have vertical menus these give a unique touch to the theme. See Demo - http://wpalter.com/density-free See Docs- http://wpalter.com/docs/density-documentation/index.html
Version:  1.3
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: density
Tags: right-sidebar, one-column, two-columns, three-columns, four-columns, custom-logo, custom-menu, editor-style,  footer-widgets, full-width-template, translation-ready
density WordPress Theme, Copyright (C) 2018, wpalter
density is distributed under the terms of the GNU General Public License v3
*/

html {
  overflow-x: hidden;
  padding: 0px;
  margin: 0px
}
body{
  font-family: 'ubuntu', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #666;
  font-weight: 400;
  word-wrap: break-word;
  letter-spacing: 0.5px;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'ubuntu', sans-serif;
  font-weight: 400;
}
svg{
  fill: currentcolor;
  width: 15px;
  height: 15px;
}
img.svg{
  width: 15px;
  height: 15px;
}
.density_fn_sticky_section{
  position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
  overflow: visible;
  top: 50px;
}
.sticky{}
.density_fn_sticky_section:after{
  clear: both;
  display: table;
  content: '';
}
.density_tm_wrapper_all{
  width: 100%;
  min-height: 100vh;
  float: left;
  clear: both;
  position: relative;
  z-index: 25;
}
.density_tm_overlay_window{
  position: fixed;
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 6;
}
.density_tm_overlay_window.color{
  display: block;
  background-color: #0c0e12;
}
.density_tm_section{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.text-blk{
  color:#000 !important;
}
.bg-theme{
  background: #edbe7b !important;
}
.colaud-two:hover{
  background: #14141c !important;
}
.v-btn{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);
    border: 2px solid #0c0e12;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 9;
}
.v-btn .fa-play{
  color: #0c0e12;
    text-align: center;
    display: block;
  line-height: 40px;
  text-decoration: none;
  position: relative;
}
.v-btn .fa-play:after{
  content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
    background-color: inherit;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    border: 2px solid #949494;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.v-btn:hover .fa-play:after{
  opacity: 1;
    -webkit-animation: cs_fn_pulse 2s ease-out infinite;
    animation: cs_fn_pulse 2s ease-out infinite;
}
.bg-gray{
  background-color: #eaeaea;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.hover-blue:hover{
  color:#edbe7b !important;
}
/*------------------------------------------------------------------*/
/*  03) SPACING SECTION
/*------------------------------------------------------------------*/

.pb-70{
  padding-bottom: 70px;
}
.pb-50{
  padding-bottom: 50px;
}
.ptb-100{
  padding: 100px 0;
}
.mt-20{
  margin-top: 20px;
}
.mt-40{
  margin-top: 40px;
}
.mt-70{
  margin-top: 70px;
}
.mb-50{
  margin-bottom: 50px;
}
.mob-menu-icon{
  float: right;
}
/*-------------- Breadcrumbs -----------------*/
.breadcrumbs{

}
.breadcrumbs ul{
text-align: center;
}
.breadcrumbs li{
    list-style: none;
  display: inline-block;
  margin: 0 4px;
}
.breadcrumbs li a{
  color: #14141c;
  font-weight: 500;
}
.breadcrumbs li a:hover{
  color: #edbe7b;
}
/*------------------------------------------------------------------*/
/*  02) DENSITY SKELETON
/*------------------------------------------------------------------*/

.density_tm_wrapper_all[data-border="fixed"] .density_tm_top_border{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 10px;
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
  z-index: 1000;
}
.density_tm_wrapper_all[data-border="fixed"] .density_tm_bottom_border{
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 10px;
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
  z-index: 1000;
}
.density_tm_wrapper_all[data-border="fixed"] .density_tm_left_border{
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 10px;
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
  z-index: 1000;
}
.density_tm_wrapper_all[data-border="fixed"] .density_tm_right_border{
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 10px;
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
  z-index: 1000;
}

.density_tm_wrapper_all[data-border="none"] .density_tm_top_border{display: none;}
.density_tm_wrapper_all[data-border="none"] .density_tm_bottom_border{display: none;}
.density_tm_wrapper_all[data-border="none"] .density_tm_left_border{display: none;}
.density_tm_wrapper_all[data-border="none"] .density_tm_right_border{display: none;}

.density_tm_wrapper_all .pattern_border:before{
  position: absolute;
  background-image: url(../img/patterns/green-dust-and-scratches.png);
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.density_tm_wrapper_all[data-border="fixed"] .pattern_border:before{content: '';}
.density_tm_wrapper_all .wrapper_inner{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_wrapper_all[data-border="fixed"] .wrapper_inner{padding: 10px;}
.density_tm_wrapper_all[data-border="none"] .wrapper_inner{padding: 0px;}
.density_tm_wrapper_all[data-border="fixed"] .main_leftpart{
  width: 480px;
  position: fixed;
  top: 10px;
  left: 10px;
  bottom: 10px;
  z-index: 10
}
.density_tm_wrapper_all[data-border="none"] .main_leftpart{
  width: 480px;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 10
}
.density_tm_wrapper_all .main_leftpart .menubar_wrap{
  width: 400px;
  height: 100%;
  float: left;
  color: #0c0e12;
  background-color: #08090c;
  position: relative;
}
.density_tm_wrapper_all .main_leftpart .logo_wrap{
  max-width: 100%;
  height: auto;
  background-color: #08090c;
  text-align: left;
  padding: 35px 0px;
  position: relative;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_wrapper_all .main_leftpart .logo_wrap.animate{padding: 20px 0px;}
.density_tm_wrapper_all .main_leftpart .logo_wrap img{
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
          margin-top: 30px;
}
.density_tm_wrapper_all .main_leftpart .logo_wrap.animate img{transform: scale(0.7,0.7);margin-top: 20px;}

.density_tm_wrapper_all .main_leftpart .nav_wrap{
  max-width: 100%;
  height: auto;
  clear: both;
  float: left;
  padding: 50px 40px 0px 40px;


  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_wrapper_all .main_leftpart .nav_wrap > ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_wrapper_all .main_leftpart .nav_wrap > ul > li{
  margin: 0px 0px 0px 0px;
  position: relative;
}
.density_tm_wrapper_all .main_leftpart .nav_wrap > ul > li a {
    text-decoration: none;
    color: #edbe7b;
    font-family: 'ubuntu', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 9px 7px;
    display: block;
    position: relative;
    font-weight: 300;
}
.density_tm_wrapper_all .main_leftpart .nav_wrap > ul > li a:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #0c0e12;
  bottom: 0px;
  left: 0px;
}
.menu-sep{
    position: absolute;
  right: 15px;
  -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #666;
    margin-top: -30px;

}
/* .density_tm_wrapper_all .main_leftpart .nav_wrap > ul > li.has_children:after{
  position: absolute;
  content: "";
  border: 5px solid transparent;
  border-left-color: #14141c;
  top: 16px;
  right: 0px;
} */
.density_tm_wrapper_all .main_leftpart .nav_wrap .sub-menu{display: none;}
.density_tm_wrapper_all[data-border="none"] .density_tm_animate_menu{left: 400px;}
.density_tm_animate_menu{
  width: 270px;
  background-color: #181b21;
  position: fixed;
  left: 410px;
  top: 50%;
  padding: 30px;
  z-index: 15;
  border: 0px solid #f1f1f1;
  opacity: 0;
  visibility: hidden;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

}
.density_tm_animate_menu.opened{
  opacity: 1;
  visibility: visible;
}
.density_tm_animate_menu li{
  margin: 0px;
  list-style-type: none;
  border-bottom: 0px solid #12141a;
  padding: 5px;
  position: relative;
}
.density_tm_animate_menu li .menu-sep{
  margin-top: 0
}
.density_tm_animate_menu ul li{
  margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #12141a;
    padding-bottom: 10px;}
.density_tm_animate_menu ul li:last-child{margin-bottom: 0px;}
.density_tm_animate_menu a{
  text-decoration: none;
  color: #edbe7b;
  font-family: 'ubuntu', sans-serif;
  font-size: 14px;
}
.density_tm_wrapper_all .main_leftpart .short_info_wrap{
  width: 80px;
  height: 100%;
  float: right;
  position: relative;
  background:#181b21;
}
.density_tm_wrapper_all .main_leftpart .short_info_wrap.pattern-two{
  background:#181b21;
}

.density_tm_wrapper_all .main_leftpart .short_info_wrap .bottom_shape:before{
    position: absolute;
    content: "";
    border: 1px solid transparent;
    border-right-color: #0c0e12;
    right: 100%;
    left: -11px;
}
.density_tm_wrapper_all .main_leftpart .short_info_wrap .bottom_shape:after{
    position: absolute;
    content: "";
    border: 6px solid transparent;
    border-left-color: #0c0e12;
    right: -12px;
}
.density_tm_wrapper_all .main_leftpart .short_info_wrap:before{
    position: absolute;
    content: "";
    width: 1px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 11;
    background-color: #181b21;
}
.density_tm_wrapper_all .main_leftpart .short_info_wrap .content{
  position: absolute;
    z-index: 10;
  text-align: center;
  width: 100%;
    top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.density_tm_wrapper_all .main_leftpart .short_info_wrap .content span{
  color: #0c0e12;
  font-size: 25px;
  line-height: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.density_tm_wrapper_all .main_leftpart .social_wrap{
  position: relative;
  margin-top: 30px;
}
.density_tm_wrapper_all .main_leftpart .short_contact_wrap ul li::before{
    content: "";
    position: absolute;
    left: 0;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
    bottom: -10px;

}
.density_tm_wrapper_all .main_leftpart .social_wrap ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_wrapper_all .main_leftpart .social_wrap ul li{margin: 0px 0px 30px 0px; position: relative;}
.density_tm_wrapper_all .main_leftpart .social_wrap ul li::before{
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    background: #a7a7a7;
    left: 50%;
    bottom: -26px;
}

.density_tm_wrapper_all .main_leftpart .social_wrap ul li:last-child{margin-bottom: 0px;}
.density_tm_wrapper_all .main_leftpart .social_wrap ul li a{
  text-decoration: none;
    color: #cda56b;
    display: inline-block;
    font-size: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.density_tm_wrapper_all .main_leftpart .social_wrap ul li a:hover{
  color: #14141c;
}
.density_tm_wrapper_all .main_leftpart .social_wrap ul li a i{
  -webkit-transition: all .0s ease;
     -moz-transition: all .0s ease;
      -ms-transition: all .0s ease;
       -o-transition: all .0s ease;
          transition: all .0s ease;
}
.density_tm_short_contact_triangle{
  position: fixed;
  left: 490px;
  top: 62px;
  border: 10px solid transparent;
  border-right-color: #0f0f16;
  z-index: 10;

  opacity: 0;
  visibility: hidden;

  -webkit-transition: top .2s ease;
     -moz-transition: top .2s ease;
      -ms-transition: top .2s ease;
       -o-transition: top .2s ease;
          transition: top .2s ease;
}
.density_tm_short_contact_triangle.opened{
  visibility: visible;
  opacity: 1;
}
.density_tm_short_contact_content{
  width: 400px;
  min-height: 200px;
  background-color: #0f0f16;
  position: fixed;
  left: 510px;
  top: 30px;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
.density_tm_wrapper_all[data-border="none"] .density_tm_short_contact_content{left: 500px;}
.density_tm_wrapper_all[data-border="none"] .density_tm_short_contact_triangle{left: 480px;}
.density_tm_short_contact_content .inner_wrap{
  padding: 50px 40px 45px 40px;
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_short_contact_content.opened{
  visibility: visible;
  opacity: 1;
}
.density_tm_short_contact_content .inner_wrap .address_image{margin-bottom: 37px;}
.density_tm_short_contact_content .inner_wrap .main_def h3{
  font-family: 'ubuntu', sans-serif;
  font-size: 20px;
  color: #eee;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0px;
  margin-bottom: 20px;
}
.density_tm_short_contact_content .inner_wrap .main_def p,
.density_tm_short_contact_content .inner_wrap .main_def label{
  font-size: 14px;
  color: #999;
  line-height: 1.7;
}
.density_tm_short_contact_content .inner_wrap .main_def p{margin-bottom: 7px;}
.density_tm_short_contact_content .inner_wrap .main_def p:last-child{margin-bottom: 0px;}
.density_tm_short_contact_content .inner_wrap .main_def span,
.density_tm_short_contact_content .inner_wrap .main_def a{padding-left: 3px;}
.density_tm_short_contact_content .inner_wrap .main_def p a{
  text-decoration: none;
  color: #ff8f03;
}
.density_tm_short_contact_content .inner_wrap .contact_wrap h3{
  font-size: 20px;
  color: #eee;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0px;
  margin-bottom: 20px;
}
.density_tm_short_contact_content .inner_wrap .contact_wrap p{
  font-size: 14px;
  color: #999;
  line-height: 1.7;
  margin-bottom: 20px;
}
.density_tm_short_contact_content .inner_wrap .input_list_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_short_contact_content .inner_wrap .input_list_wrap .input_row{
  width: 100%;
  clear: both;
  float: left;
  margin-bottom: 10px;
}
.density_tm_short_contact_content .inner_wrap .input_list_wrap .input_row input{
  width: 100%;
  border: 1px solid rgba(229,229,229,.04);
    background-color: rgba(255,255,255,.02);
  color: #999;
  height: 50px;
  padding: 0px 20px !important;
}
.density_tm_short_contact_content .inner_wrap .input_list_wrap .input_row input:focus{outline: none;}
.density_tm_short_contact_content .inner_wrap .input_list_wrap .input_row textarea{
  width: 100%;
  height: 170px;
  border: 1px solid rgba(229,229,229,.04);
    background-color: rgba(255,255,255,.02);
  color: #999;
  padding: 14px 20px !important;
}
.density_tm_short_contact_content .inner_wrap .input_list_wrap .input_row textarea:focus{outline: none;}
.density_tm_button{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_button a{
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: #14141c;
  letter-spacing: .5px;
  background-color: #ff8f03;
  padding: 17px 24px 16px 24px;
  border-radius: 3px;
  display: inline-block;
}
.density_tm_short_contact_content .inner_wrap .phone_wrap{text-align: center;}
.density_tm_short_contact_content .inner_wrap .phone_wrap .image_holder{
  width: 120px;
  height: 120px;
  display: inline-block;
  margin-bottom: 22px;
}
.density_tm_short_contact_content .inner_wrap .phone_wrap .image_holder img{border-radius: 100%;}
.density_tm_short_contact_content .inner_wrap .phone_wrap h3{
  font-size: 20px;
  color: #ff8f03;
  font-weight: 400;
  margin-bottom: 7px;
}
.density_tm_short_contact_content .inner_wrap .phone_wrap p{
  font-size: 18px;
  color: #eee;
}
.density_tm_short_contact_content .inner_wrap .working_hours_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_short_contact_content .inner_wrap .working_hours_wrap h3{
  font-size: 20px;
  color: #eee;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0px;
  margin-bottom: 20px;
}
.density_tm_short_contact_content .inner_wrap .working_hours_wrap .subtitle{
  font-size: 14px;
  color: #999;
  line-height: 1.7;
  margin-bottom: 20px;
}
.density_tm_short_contact_content .inner_wrap .working_hours_wrap .hour_list{
  width: 100%;
  float: left;
  clear: both;
}
.density_tm_short_contact_content .inner_wrap .working_hours_wrap .hour_list ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_short_contact_content .inner_wrap .working_hours_wrap .hour_list ul li{
  width: 100%;
  float: left;
  margin: 0px;
  border-bottom: 1px dashed #2b2b31;
  margin-bottom: 4px;
  padding-bottom: 5px;
}
.density_tm_short_contact_content .inner_wrap .working_hours_wrap .hour_list ul li:last-child{
  border: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.density_tm_short_contact_content .inner_wrap .working_hours_wrap .hour_list ul li .left{
  color: #ccc;
  float: left;
}
.density_tm_short_contact_content .inner_wrap .working_hours_wrap .hour_list ul li .right{
  color: #ff8f03;
  float: right;
}
.density_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap{
  position: absolute;
  bottom: 20px;
  left: 60px;
}
.density_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .search{
  width: 180px;
  position: relative;
  margin-bottom: 15px;
}
.density_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .search input[type=text]{
  width: 100% !important;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ececec;
    color: #999;
    padding-left: 30px !important;
    padding-bottom: 5px !important;
}
.density_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .search input[type=text]:focus{
  outline: none;
  border-bottom: 1px solid #ececec;

}
.density_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .search input[type=submit]{
  width: 5px !important;
  height: 5px !important;
  background-color: transparent;
  position: absolute;
  top: 9px;
  z-index: 2;
}
.density_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .search .svg{
  position: absolute;
  top: 12px;
  z-index: 1;
  color: #999;
}
.density_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .tagline_word p{color: #ccc;}
.density_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .tagline_word span{color: #ff8f03;}
.density_tm_wrapper_all .main_rightpart{
  width: 100%;
  min-height: auto;
  clear: both;
  float: left;
  padding-left: 480px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.header_link{

}
.header_link ul{

}
.header_link li{
list-style: none;
display: inline-block;
padding-right: 10px;
}
.header_link li>a{
  color: #14141c;
 }
 .header_link li>a:hover{
  color: #edbe7b;
}

.header_link li>i{
  padding-right:5px;
}
/*------------------------------------------------------------------*/
/*  03) DENSITY MOBILE MENU
/*------------------------------------------------------------------*/

.density_tm_mobile_menu_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  display: none;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_mobile_menu_wrap .topbar_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  padding: 15px 20px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_mobile_menu_wrap .topbar_wrap .inner_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  z-index: 15;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_mobile_menu_wrap .topbar_wrap .bg{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.density_tm_mobile_menu_wrap .topbar_wrap .bg:before{
  position: absolute;
  content: '';
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 5;
    background-image: linear-gradient(to right, #edbe7b, #563d2a);
}
.density_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap{float: left;}
.density_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul li{
  margin: 0px 10px 0px 0px;
  float: left;
}
.density_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul li:last-child{margin-right: 0px;}
.density_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul li a{
  text-decoration: none;
  display: block;
  padding: 5px 5px;
}
.density_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul li .svg{
  width: 20px;
    height: 20px;
    color: #999;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul li.opened a .svg,
.density_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul li a:hover .svg{color: #ff8f03;}
.density_tm_mobile_menu_wrap .topbar_wrap .social_wrap{float: right;}
.density_tm_mobile_menu_wrap .topbar_wrap .social_wrap ul{
  list-style-type: none;
  margin: 0px;
}
.density_tm_mobile_menu_wrap .topbar_wrap .social_wrap ul li{
  margin: 0px 9px 0px 0px;
  float: left;
}
.density_tm_mobile_menu_wrap .topbar_wrap .social_wrap ul li:last-child{margin-right: 0px;}
.density_tm_mobile_menu_wrap .topbar_wrap .social_wrap ul li a{
  text-decoration: none;
  color: #0c0e12;
  border: 1px solid #0c0e12;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  display: block;
  text-align: center;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_mobile_menu_wrap .topbar_wrap .social_wrap ul li a i{
  -webkit-transition: all .0s ease;
     -moz-transition: all .0s ease;
      -ms-transition: all .0s ease;
       -o-transition: all .0s ease;
          transition: all .0s ease;
}
.density_tm_mobile_menu_wrap .topbar_wrap .social_wrap ul li a:hover{
  color: #14141c;
  background-color: #0c0e12;
}
.density_tm_mobile_menu_wrap .hamburger_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  background-color: #08090c;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 20px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_mobile_menu_wrap .hamburger_wrap .logo_wrap{float: left;}
.density_tm_mobile_menu_wrap .hamburger_wrap .trigger_wrap{float: right;}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger {
  padding: 15px 15px;
  display: inline;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.10s;
  transition-timing-function: linear;
  font-family: Ubuntu, sans-serif;
  color: #563d2a;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: hidden;
}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger-box {
  width: 30px;
  height: 15px;
  display: inline-block;
  position: relative;
  color: #563d2a;

}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger-inner {
  display: block;
  top: 20%;
  margin-top: -2px;
}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #edbe7b;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger-inner::before,
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger-inner::after {
    content: "";
    display: block;
}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger-inner::before{top: -8px;}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger-inner::after{ bottom: -10px;}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger--collapse-r .hamburger-inner::after{
    top: -16px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger--collapse-r .hamburger-inner::before{
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger--collapse-r.is-active .hamburger-inner{
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger--collapse-r.is-active .hamburger-inner::after{
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger--collapse-r.is-active .hamburger-inner::before{
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger{
  padding: 0px;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger-box{display: block;}
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger .hamburger-inner::before,
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger .hamburger-inner::after,
.density_tm_mobile_menu_wrap .trigger_wrap .hamburger .hamburger-inner{
  background-color: #edbe7b;
  width: 30px;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_mobile_menu_wrap .menu_list_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  background-color: #14141c;
  display: none;
  padding: 43px 20px 42px 20px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_mobile_menu_wrap .menu_list_wrap > ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_mobile_menu_wrap .menu_list_wrap > ul > li{margin: 0px 0px 10px 0px;}
.density_tm_mobile_menu_wrap .menu_list_wrap > ul > li:last-child{margin-bottom: 0px;}
.density_tm_mobile_menu_wrap .menu_list_wrap > ul > li > a{
  text-decoration: none;
    color: #ccc;
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    display: block;
    position: relative;
}
.density_tm_mobile_menu_wrap .menu_list_wrap > ul > li .sub-menu{
  display: none;
  margin: 0px;
  list-style-type: none;
  padding: 19px 20px 9px 20px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_mobile_menu_wrap .menu_list_wrap > ul > li .sub-menu li{margin: 0px 0px 10px 0px;}
.density_tm_mobile_menu_wrap .menu_list_wrap > ul > li .sub-menu li:last-child{margin-bottom: 0px;}
.density_tm_mobile_menu_wrap .menu_list_wrap > ul > li .sub-menu li a{
  text-decoration: none;
    color: #ccc;
    font-size: 18px;
    line-height: 27px;
    text-transform: capitalize;
    display: block;
    position: relative;
}
.density_tm_dropdown_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  background-color: #14141c;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_dropdown_wrap .drop_list{display: none;}
.density_tm_dropdown_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  background-color: #14141c;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_dropdown_wrap .adress_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 40px 0px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_dropdown_wrap .adress_wrap .office_image{
  max-width: 320px;
  margin-right: 30px;
}
.density_tm_dropdown_wrap .definitions_wrap{width: auto;}
.density_tm_dropdown_wrap .definitions_wrap h3{
  margin: 0px;
    padding: 0px;
    font-size: 20px;
    letter-spacing: 0px;
    color: #eee;
    font-weight: 300;
    margin-bottom: 17px;
}
.density_tm_dropdown_wrap .definitions_wrap p{
  color: #999;
  margin-bottom: 10px;
}
.density_tm_dropdown_wrap .definitions_wrap p a{
  text-decoration: none;
  color: #ff8f03;
  padding-left: 3px;
}
.density_tm_dropdown_wrap .definitions_wrap p:last-child{margin-bottom: 0px;}
.density_tm_dropdown_wrap .short_contact{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  padding: 35px 0px 40px 0px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_dropdown_wrap .short_contact .title{
  margin: 0px;
    padding: 0px;
    font-size: 20px;
    letter-spacing: 0px;
    color: #eee;
    line-height: 1.3;
    margin-bottom: 18px;
    font-weight: 300;
}
.density_tm_dropdown_wrap .short_contact .subtitle{
  margin: 0px;
    padding: 0px;
    margin-bottom: 24px;
    color: #999;
}
.density_tm_dropdown_wrap .inputs_wrap,
.density_tm_dropdown_wrap .input_list_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_dropdown_wrap .input_list_wrap ul{
  margin: 0px 0px 0px -20px;
  list-style-type: none;
}
.density_tm_dropdown_wrap .input_list_wrap ul li{
  margin: 0px 0px 20px 0px;
  float: left;
  width: 33.3333%;
  padding-left: 20px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_dropdown_wrap .input_list_wrap ul li input{
  width: 100%;
    height: 50px;
    border: 1px solid rgba(229,229,229,.04);
    background-color: rgba(255,255,255,.02);
    padding: 0px 20px !important;
    margin-bottom: 10px;
    color: #999;
}
.density_tm_dropdown_wrap .input_list_wrap ul li input:focus{outline: none;}
.density_tm_dropdown_wrap textarea{
  width: 100%;
  min-height: 150px;
    border: 1px solid rgba(229,229,229,.04);
    background-color: rgba(255,255,255,.02);
    padding: 10px 20px !important;
    margin-bottom: 20px;
    color: #999;
}
.density_tm_dropdown_wrap textarea:focus{outline: none;}
.density_tm_dropdown_wrap .button{
  width: 100%;
  height: auto;
  float: left;
  clear: both;
}
.density_tm_dropdown_wrap .button a{
  height: 50px;
    padding: 0px 26px;
    background-color: #ff8f03;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #14141c;
    font-weight: 600;
    line-height: 50px;
    border: none;
    border-radius: 2px;
  text-decoration: none;
  display: inline-block;
}
.density_tm_dropdown_wrap .call_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  text-align: center;
  padding: 40px 0px 35px 0px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_dropdown_wrap .call_wrap .image{display: inline-block;}
.density_tm_dropdown_wrap .call_wrap .image img{
  border-radius: 100%;
  max-width: 120px;
  background-color: #0c0e12;
  margin-bottom: 26px;
}
.density_tm_dropdown_wrap .call_wrap h3{
  margin: 0px;
    padding: 0px;
    color: #ff8f03;
    font-size: 20px;
    letter-spacing: 0.5px;
    font-weight: 300;
    margin-bottom: 10px;
}
.density_tm_dropdown_wrap .call_wrap p{
  margin: 0px;
    padding: 0px;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-weight: 300;
    color: #eee;
}
.density_tm_dropdown_wrap .working_hours_wrap_short{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  padding: 40px 0px 40px 0px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_dropdown_wrap .working_hours_wrap_short h3{
  font-size: 20px;
  color: #eee;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0px;
  margin-bottom: 20px;
}
.density_tm_dropdown_wrap .working_hours_wrap_short .subtitle{
  font-size: 14px;
  color: #999;
  line-height: 1.7;
  margin-bottom: 20px;
}
.density_tm_dropdown_wrap .working_hours_wrap_short .hour_list{
  width: 100%;
  float: left;
  clear: both;
}
.density_tm_dropdown_wrap .working_hours_wrap_short .hour_list ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_dropdown_wrap .working_hours_wrap_short .hour_list ul li{
  width: 100%;
  float: left;
  margin: 0px;
  border-bottom: 1px dashed #2b2b31;
  margin-bottom: 4px;
  padding-bottom: 5px;
}
.density_tm_dropdown_wrap .working_hours_wrap_short .hour_list ul li:last-child{
  border: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.density_tm_dropdown_wrap .working_hours_wrap_short .hour_list ul li .left{
  color: #ccc;
  float: left;
}
.density_tm_dropdown_wrap .working_hours_wrap_short .hour_list ul li .right{
  color: #ff8f03;
  float: right;
}

/*------------------------------------------------------------------*/
/*  04) DENSITY HERO HEADER
/*------------------------------------------------------------------*/

.density_tm_hero_header_wrap{
  width: 100%;
  height: 100vh;
  clear: both;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_hero_header_wrap .carousel_wrap{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.density_tm_hero_header_wrap .carousel_wrap ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_hero_header_wrap .carousel_wrap ul li{
  margin: 0px;
  height: 100vh;
}
.density_tm_hero_header_wrap .carousel_wrap ul li .image{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
}

.density_tm_hero_header_wrap .overlay_color{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
}
.density_tm_hero_header_wrap .overlay_color.overlay_color-two{
  background-color: rgba(37, 64, 216, 0.85);
}
.density_tm_hero_header_wrap .carousel_nav{
  position: absolute;
    bottom: 45px;
    right: 30px;
    z-index: 3;
}
.density_tm_hero_header_wrap .carousel_nav .custom_nav a{
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
  width: 30px;
  height: 30px;
  border-radius: 2px;
  display: inline-block;
  position: relative;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_hero_header_wrap .carousel_nav .custom_nav a:hover{background-color: #000000;}
.density_tm_hero_header_wrap .carousel_nav .custom_nav a:after{
  width: 0px;
  height: 0px;
  position: absolute;
  content: '';
  border: 5px solid transparent;
  border-left-color: #0c0e12;
  top: 10px;
  left: 13px;
}
.density_tm_hero_header_wrap .carousel_nav .custom_nav .prev:after{
  transform: rotate(180deg);
  left: 8px;
}
.density_tm_hero_header_wrap .carousel_nav .custom_nav i{color: #1b1b1b;}
.density_tm_hero_header_wrap .hero_text_wrap{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  z-index: 4;
    width: 70%;

}
.container.hero{height: 100%;}
.density_tm_hero_header_wrap .hero_text_wrap .title{    margin-bottom: 40px;
    text-align: center;}
.density_tm_hero_header_wrap .hero_text_wrap .title h3{
  color: #0c0e12;
  font-size: 48px;
  text-transform: capitalize;
  font-weight: 800;
  line-height: 1;
}
.density_tm_hero_header_wrap .hero_text_wrap .title h3 span{
  position: relative;
  display: block;
}
.density_tm_hero_header_wrap .hero_text_wrap .text{margin-bottom: 44px;}
.density_tm_hero_header_wrap .hero_text_wrap .text p{
  color: #0c0e12;
    line-height: 1.7;
    letter-spacing: 0px;
    text-align: center;
    font-size: 16px;
}
.density_tm_hero_header_wrap .hero_text_wrap .buttons_wrap{
  width: 100%;
  height: auto;
  clear: both;
  text-align: center;
}
.density_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .discover{
  text-decoration: none;
  color: #0c0e12;
  font-size: 14px;
  text-transform: uppercase;
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
  font-weight: 500;
  border-radius: 2px;
  padding: 15px 25px 15px 24px;
  display: inline-block;
  margin-right: 30px;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.btn-discover-two{
    border: 1px solid #0c0e12;
    background-color: transparent !important;
}
.btn-discover-two:hover{
  background-color: #edbe7b !important;
  border-color:#edbe7b;
  color:#0c0e12 !important;
}
.density_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .discover:hover{
  background-color: #0c0e12;
  color: #14141c;
}
.density_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch{
  display: inline-block;
    line-height: 40px;
    position: relative;
    top: 3px;
    cursor: pointer;
    padding-left: 55px;
}
.density_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch .play{
  position: absolute;
    left: 0px;
    width: 40px;
    height: 40px;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 100%;
}
.density_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch .play:before{
  position: absolute;
  content: "";
  border: 7px solid transparent;
  border-left-color: #ccc;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
}
.density_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch .play:after{
  content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
    width: 44px;
    height: 44px;
    background-color: inherit;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    border: 3px solid #777;
    border-radius: 100%;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch:hover .play:after{
  opacity: 1;
  -webkit-animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;
    animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;
}
@-webkit-keyframes cs_fn_pulse{ from{ opacity:1;  transform:scale(1,1)}
 to{ opacity:0;  transform:scale(1.8,1.8)}
}
@keyframes cs_fn_pulse{ from{ opacity:1;  transform:scale(1,1)}
 to{ opacity:0;  transform:scale(1.8,1.8)}
}
.density_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch .text{
  position: relative;
    text-transform: uppercase;
    color: #ccc;
    padding-left: 6px;
    font-weight: 500;
}
.density_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch .full_link{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
}

/*------------------------------------------------------------------*/
/*  05) DENSITY HIGHLIGHTS
/*------------------------------------------------------------------*/

.density_tm_highlights_wrap{
  width: 100%;
    height: auto;
    clear: both;
  float: left;
  position: relative;
    background-image: url(../img/animate/3.jpg);
    padding: 100px 0px 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.density_tm_highlights_wrap::before {
    content: "";
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.9;
}
.theme-overlay::before{
  background:#edbe7b !important;
}
.density_tm_highlights_wrap .inner_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_highlights_wrap ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_highlights_wrap ul li{
  float: left;
  width: 30.3333%;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_highlights_wrap ul li .inner{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_highlights_wrap ul li .title_holder .definition{padding-left: 55px; color: #0c0e12;}
.density_tm_highlights_wrap ul li .title_holder{
  width: 100%;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_highlights_wrap ul li .title_holder .definition h3{
  font-size: 20px;
  color: #eee;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 5px;
}
.density_tm_highlights_wrap ul li .title_holder .definition span{
  font-size: 14px;
  color: #d8d8d8;
  line-height: 1.7;
}
.density_tm_highlights_wrap ul li .title_holder .shape{
  position: absolute;
    left: 0px;
    top: 3px;
  width: 40px;
    height: 40px;
    text-align: center;
    background: #0c0e12;
    border-radius: 3px;
}
.density_tm_highlights_wrap ul li .title_holder .shape>span{
  color: #000;
  line-height: 40px;
    font-size: 16px;
}
.nav_wrap ul li ul{display:none;}
.nav_wrap ul li ul:hover{display:block;}

/*------------------------------------------------------------------*/
/*  06) DENSITY HOME ABOUT
/*------------------------------------------------------------------*/

.density_tm_universal_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  display: flex;
  flex-direction: row;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
 .density_tm_universal_wrap .leftbox{
  width: 600px;
    min-width: 600px;
}
.density_tm_title_holder{
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 47px;
}
.density_tm_title_holder h3{
    color: #14141c;
    font-size: 48px;
    font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}
.density_tm_title_holder h3 strong{font-weight:500; }
.density_tm_title_holder h3 span{
  position: relative;
  display: block;
}
.density_tm_title_holder h3 span:before{
  position: absolute;
  content: "";
  width: 100px;
  height: 2px;
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
  bottom: -15px;
  left: 50%;
    transform: translateX(-50%);
}
.density_tm_title_holder h3 span.sep-two:before{
  background-color: #0c0e12;
}
.density_tm_title_holder h3 span.left-sep:before{
  left: 0;
    transform: translateX(0);
}
.density_tm_universal_wrap .leftbox .text{margin-bottom: 68px;}
.density_tm_universal_wrap .about-type-two .text{margin-bottom: 30px;}
.density_tm_universal_wrap .leftbox .text p{
  line-height: 1.7;
  color: #666;
  margin-bottom: 26px;
  letter-spacing: 0px;
}
.density_tm_universal_wrap .leftbox .text h3{
  margin-bottom: 10px;
  color: #14141c;
}
.density_tm_universal_wrap .leftbox .text p:last-child{margin-bottom: 0px;}
.density_tm_universal_wrap .leftbox .sign{margin-bottom: 28px;}
.density_tm_universal_wrap .leftbox .name_holder h3{
  line-height: 1;
  font-size: 18px;
  font-weight: 400;
  color: #14141c;
  margin-bottom: 7px;
}
.density_tm_universal_wrap .leftbox .name_holder span{color: #666;}
.density_tm_universal_wrap .rightbox{
  width: 100%;
  height: auto;
  margin-left: 50px;
}
.density_tm_universal_wrap .rightbox .about_wrap{
  float: right;
  padding-right: 40px;
}
.density_tm_universal_wrap .rightbox .image_holder{
  position: relative;
  float: left;
}
.density_tm_universal_wrap .rightbox .image_holder img{opacity: 0;}
.density_tm_universal_wrap .rightbox .image_holder .main_image{
  position: absolute !important;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../img/animate/2.jpg);
  z-index: 5;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.density_tm_universal_wrap .rightbox .image_holder .main_image::before{
  content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}
.density_tm_universal_wrap .rightbox .image_border{
    position: absolute;
    top: 20px !important;
    bottom: 20px;
    left: 20px !important;
    right: 20px;
    z-index: 7;
}
.density_tm_universal_wrap .rightbox .image_border img{opacity: 0;}
.density_tm_universal_wrap .rightbox .image_border .border{
  position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border: 2px solid #08090c;
    z-index: 7;
}
.density_tm_universal_wrap .rightbox .pattern{
    position: absolute;
    top: -40px !important;
    bottom: 40px;
    left: 40px !important;
    right: -40px;
}
.density_tm_universal_wrap .rightbox .pattern img{opacity: 0;}
.density_tm_universal_wrap .rightbox .pattern .in{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: repeat;
  background-image: url(../img/patterns/point.png);
}
.about-list li{
  list-style: none;
  padding-bottom: 10px;
}
.about-list li>span{
  padding-right: 10px;
}
/*------------------------------------------------------------------*/
/*  07) DENSITY WHY CHOOSE US
/*------------------------------------------------------------------*/

.density_tm_rating_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  margin-bottom: 145px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_rating_wrap .container{position: static;}
.density_tm_rating_wrap .inner{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  display: flex;
  flex-direction: row;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_rating_wrap .inner .leftbox{
  width: 50%;
  width: calc(50%-40px);
  height: auto;
  background-color: rgb(15, 15, 22);
  position: relative;
  padding: 144px 20px 150px 0px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_rating_wrap .inner .leftbox:before{
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0px;
  right: 100%;
  left: -3000px;
  background-color: rgb(15, 15, 22);
}
.density_tm_rating_wrap .inner .leftbox:after{
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0px;
  left: 100%;
  right: -3000px;
  background-color: rgb(15, 15, 22);
  display: none;
}
.density_tm_rating_wrap .inner .leftbox .title{margin-bottom: 25px;}
.density_tm_rating_wrap .inner .leftbox .title h3{
  font-size: 24px;
  color: #eee;
  line-height: 1.3;
  font-weight: 600;
}
.density_tm_rating_wrap .inner .leftbox .text{margin-bottom: 35px;}
.density_tm_rating_wrap .inner .leftbox .text p{
  color: #ccc;
  line-height: 1.7;
}
.density_tm_project_video{
  float: left;
  width: auto;
  position: relative;
}
.density_tm_project_video .project_video_button{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 111;
}
.density_tm_project_video span{
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  border: 2px solid #777;
  text-align: center;
  position: relative;
}
.density_tm_project_video span:after{
  content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 28px;
    height: 28px;
    background-color: inherit;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    border: 2px solid #777;
    border-radius: 100%;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_project_video:hover span:after{
  opacity: 1;
  -webkit-animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;
    animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;
}
.density_tm_project_video span .svg{
    position: relative;
    top: 2px;
    left: 2px;
    color: #d2d2d2;
    font-size: 12px;
}
.density_tm_project_video .project_time{
  text-decoration: none;
  font-size: 18px;
  color: #0c0e12;
  position: relative;
  top: 2px;
  border-bottom: 1px solid transparent;
  border-bottom-color: rgba(255, 255, 255, 0.3);
  margin-left: 6px;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_project_video:hover .project_time{border-bottom-color: transparent;}
.density_tm_rating_wrap .inner .star{margin-bottom: 15px;}
.density_tm_rating_wrap .inner .number{margin-bottom: 6px;}
.density_tm_rating_wrap .inner .number span{
  font-size: 24px;
  color: #0c0e12;
  font-weight: 400;
  line-height: 0.5;
  letter-spacing: -0.25px;
}
.density_tm_rating_wrap .inner .title p{
  font-size: 10px;
  color: #0c0e12;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0px;
}
.density_tm_rating_wrap .rating_text{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
}
.density_tm_rating_wrap .rating_text span:before{
  position: absolute;
  content: "";
  width: 20px;
  height: 1px;
  background-color: #8d8d91;
  left: 12px;
  top: 7px;
}
.density_tm_rating_wrap .rating_text .inner{
  position: absolute;
    transform: rotate(90deg);
    transform-origin: left top 0px;
    top: 0px;
    left: 80px;
    height: 80px;
    min-width: -webkit-max-content;
    display: flex;
    align-items: center;
}
.density_tm_rating_wrap .rating_text span{
  display: block;
    min-width: -webkit-max-content;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    color: #eee;
    padding-left: 45px;
    position: relative;
    top: 1px;
    line-height: 1;
}
.density_tm_rating_wrap .inner .rightbox{
  width: 50%;
  width: calc(50%-40px);
  height: auto;
}
.density_tm_rating_wrap .inner .rightbox .bg_image{
  left: 50%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 5;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  background-image: url(../img/portfolio/1.jpg);
}
.density_tm_rating_wrap .inner .rightbox .bg_image::before{
    content: "";
    position: absolute;
    border: 15px solid transparent;
    border-right-color: #0c0e12;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
}

/*------------------------------------------------------------------*/
/*  08) DENSITY SERVICES
/*------------------------------------------------------------------*/

.density_tm_services_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 3px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_title_holder.services_home{margin-bottom: 80px;text-align: center;}
.density_tm_services_wrap ul{
  margin: 0px 0px 0px -30px;
  list-style-type: none;
}
.density_tm_services_wrap ul li{
  margin: 0px 0px 30px 0px;
  float: left;
  width: 33.3333%;
  padding-left: 30px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_services_wrap ul li .inner{
  width: 100%;
    height: auto;
    text-align: center;
    position: relative;
  padding: 30px 15px 30px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f1f1f1;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

.density_tm_services_wrap ul li:hover .inner{
  -webkit-box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.2);

}
.density_tm_services_wrap.service-type-two ul li .inner{
    border: 1px solid #f1f1f1;
  background: transparent;
  padding: 50px 15px 50px 15px;
}
.density_tm_services_wrap.service-type-two ul li .inner .shape .svg{
  color:#bbb;
  z-index: -1;

}
.density_tm_services_wrap.service-type-two ul li .inner h3{
  color:#14141c;
}
.density_tm_services_wrap.service-type-two ul li .inner .arrow,
.density_tm_services_wrap.service-type-two ul li .inner p{
  color:#666;
}
.density_tm_services_wrap.service-type-two ul li .inner .arrow{
  display: inline-block;
  border-bottom: 1px solid #666;
  font-weight: 500;
}
.density_tm_services_wrap.service-type-two ul li .inner .arrow:hover{
  border-bottom-color: #edbe7b;
  color: #edbe7b;
}
.density_tm_services_wrap ul li .inner .service-icon{
    font-size: 35px;
    padding-bottom: 6px;
    display: block;
}
.density_tm_services_wrap ul li .inner h3{
    font-size: 18px;
   color: #14141c;
    line-height: 1;
    line-height: 29px;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-bottom: 10px;
    -webkit-transition: all .3s 0s ease;
    -moz-transition: all .3s 0s ease;
    -ms-transition: all .3s 0s ease;
    -o-transition: all .3s 0s ease;
    transition: all .3s 0s ease;
}
.density_tm_services_wrap ul li .inner p{
    line-height: 24px;

    letter-spacing: 0px;

    -webkit-transition: all .3s 0s ease;
     -moz-transition: all .3s 0s ease;
      -ms-transition: all .3s 0s ease;
       -o-transition: all .3s 0s ease;
          transition: all .3s 0s ease;
}
.density_tm_services_wrap ul li .inner .arrow{
  display: inline-block;
    border-bottom: 1px solid #ccc;
    color: #14141c;
    z-index: 2;
  opacity: 1;
  position: relative;
    -webkit-transition: all .3s .3s ease;
    -moz-transition: all .3s .3s ease;
    -ms-transition: all .3s .3s ease;
    -o-transition: all .3s .3s ease;
    transition: all .3s .3s ease;
    margin-top: 12px;
}
.density_tm_services_wrap ul li .inner .arrow:hover{
  color: #edbe7b;
}
.density_tm_services_wrap ul li:hover .arrow .svg{color: #0c0e12;}
.density_tm_services_wrap ul li .inner .shape .svg{
    top: 50%;
    left: 50%;
    font-size: 170px;
    position: absolute;
    color: #0c0e12;
    transform: translate(-50%,-50%);
    opacity: 0.1;
}
.density_tm_service_subtext{
  width: 100%;
  max-width: 550px;
  height: auto;
  float: left;
  margin-bottom: 58px;
}
.density_tm_service_subtext p{
  color: #666;
  line-height: 1.7;
}
.density_tm_all_item_link a{
  text-decoration: none;
  display: inline-block;
  color: #14141c;
  font-size: 18px;
  letter-spacing: 0px;
  position: relative;
  padding-right: 12px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_all_item_link .arrow{
  position: absolute;
  top: 2px;
  left: 100%;
}

/*------------------------------------------------------------------*/
/*  09) DENSITY OUR RESPONSIBILITY
/*------------------------------------------------------------------*/

.density_tm_responsibility_text_wrap{
  width: 100%;
    height: auto;
    clear: both;
    float: left;
    background-color: #3a3a3a;
    padding: 50px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.density_tm_responsibility_text_wrap .inner_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_responsibility_text_wrap .inner_wrap .left{padding-right: 20px;}
.density_tm_responsibility_text_wrap .inner_wrap .left h3{
    color: #08090c;
    font-size: 24px;
    margin-bottom: 8px;
}
.density_tm_responsibility_text_wrap .inner_wrap .left p{
  color: #ccc;
}
.density_tm_button_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_button_wrap a{
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  color: #14141c;
  letter-spacing: .5px;
  background-color: #0c0e12;
  display: inline-block;
  font-weight: 500;
  padding: 15px 25px 14px 25px;
  border-radius: 2px;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_button_wrap a:hover{    background-image: linear-gradient(to right, #edbe7b, #563d2a);
    color: #0c0e12;}
.density_tm_main_responsibility_wrap{
      width: 100%;
    height: auto;
    clear: both;
    float: left;
    background: #eaeaea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.density_tm_universal_parallax_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  overflow: hidden;
  background: #eaeaea;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_universal_parallax_wrap .main_bg{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
}
.density_tm_universal_parallax_wrap .main_bg .overlay_image{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
}
.density_tm_universal_parallax_wrap .main_bg .overlay_video{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
}
.density_tm_universal_parallax_wrap .main_bg .overlay_video video{
  width: 100%;
  height: 100%;
  background-position: center;
  object-fit: cover;
}
.density_tm_universal_parallax_wrap .main_bg .overlay_color{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 3;
}
.density_tm_universal_parallax_wrap .main_content{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  z-index: 4;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_universal_parallax_wrap .main_bg .overlay_image.responsibility{background-image: url(../img/slider/5.jpg);}
.density_tm_universal_parallax_wrap .main_bg .overlay_color.responsibility{background-color: rgba(17,17,25,.9);}
.density_tm_universal_parallax_wrap .main_content.responsibility{padding: 150px 0px 143px 0px;}
.density_tm_main_responsibility_wrap .content_inner_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_experience_box{
    width: 100%;
    min-width: 240px;
    max-width: 240px;
    min-height: 240px;
    border: 2px solid #edbe7b;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 13px 20px 10px 18px;
    margin-right: 120px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.density_tm_experience_box .top p{
    font-size: 18px;
    color: #212121;
    font-weight: 400;
    line-height: 1.3;
}
.density_tm_experience_box .bottom{
  display: flex;
  align-items: center;
}
.density_tm_experience_box .bottom .number span{
  font-size: 72px;
  color: #212121;
  letter-spacing: -0.25px;
  line-height: 1;
  font-weight: 400;
}
.density_tm_experience_box .bottom .definition{
  font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
  color: #edbe7b;
    margin-left: 10px;
    letter-spacing: 1px;
}
.density_tm_main_responsibility_wrap .experience_list{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_main_responsibility_wrap .experience_list ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_main_responsibility_wrap .experience_list ul li{
  margin: 0px;
  float: left;
  width: 33.3333%;
  position: relative;
  padding-left: 24px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_main_responsibility_wrap .experience_list ul li span{
  font-size: 16px;
  color: #212121;
  line-height: 2.3;
}
.density_tm_main_responsibility_wrap .experience_list ul li:before{
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background-color: #212121;
  top: 50%;
  left: 0px;
}

/*------------------------------------------------------------------*/
/*  10) DENSITY HOME PROJECT
/*------------------------------------------------------------------*/

.density_tm_home_project_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  display: flex;
  margin-bottom: 115px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_home_project_wrap .leftbox{
  width: 350px;
  min-width: 350px;
}
.density_tm_home_project_wrap .leftbox .subtitle p{
  line-height: 1.7;
    color: #666;
    letter-spacing: 0px;
  margin-bottom: 58px;
}
.density_tm_all_item_link.project{margin-bottom: 0px;}
.density_tm_home_project_wrap .rightbox{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  padding-left: 70px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_home_project_wrap .rightbox ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_home_project_wrap .rightbox ul li{
  margin: 0px 0px 45px 0px;
  float: left;
  width: 100%;
}
.density_tm_home_project_wrap .rightbox ul li:last-child{margin-bottom: 0px;}
.density_tm_home_project_wrap .rightbox ul li .inner{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_home_project_wrap .rightbox ul li .inner .image_wrap{
  float: left;
  position: relative;
  min-width: 100%;
}
.density_tm_home_project_wrap .rightbox ul li .inner .image_wrap .image{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.density_tm_home_project_wrap .rightbox ul li:nth-child(1) .image_wrap .image{
  background-image: url(../img/portfolio/15.jpg);
}
.density_tm_home_project_wrap .rightbox ul li:nth-child(2) .image_wrap .image{
  background-image: url(../img/portfolio/2.jpg);
}
.density_tm_home_project_wrap .rightbox ul li:nth-child(3) .image_wrap .image{
  background-image: url(../img/portfolio/4.jpg);
}
.density_tm_home_project_wrap .rightbox ul li .inner .image_wrap .overlay_color{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0,0,0,.2);

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_home_project_wrap .rightbox ul li .inner:hover .image_wrap .overlay_color{background-color: rgba(15,15,22,.9);}
.density_tm_home_project_wrap .rightbox ul li .inner .image_wrap .plus{
  position: absolute;
  top: 49px;
  left: 50px;
  z-index: 3;
}
.density_tm_home_project_wrap .rightbox ul li .inner .image_wrap .plus:before{
  position: absolute;
  content: "";
  width: 0px;
  height: 2px;
  background-color: #ff8f03;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

  transition-delay: .2s;
}
.density_tm_home_project_wrap .rightbox ul li .inner .image_wrap .plus:after{
  position: absolute;
  content: "";
  width: 2px;
  height: 0px;
  top: -9px;
  left: 9px;
  background-color: #ff8f03;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

  transition-delay: .1s;
}
.density_tm_home_project_wrap .rightbox ul li .inner:hover .image_wrap .plus:before{width: 20px;}
.density_tm_home_project_wrap .rightbox ul li .inner:hover .image_wrap .plus:after{height: 20px;}
.density_tm_home_project_wrap .rightbox ul li .inner:before{
  position: absolute;
  content: "";
  left: 30px;
  right: 30px;
  height: 15px;
  background-color: #ff8f03;
  bottom: -15px;
}
.density_tm_home_project_wrap .rightbox ul li .inner .title_holder{
  position: absolute;
  bottom: 34px;
  left: 50px;
  z-index: 3;
}
.density_tm_home_project_wrap .rightbox ul li .inner .title_holder h3{
  font-size: 24px;
  color: #eee;
  line-height: 1;
  margin-bottom: 10px;
}
.density_tm_view_more_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_view_more_wrap a{
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #ccc;
  font-size: 14px;
  letter-spacing: 0px;
  position: relative;
  padding-right: 10px;
  font-weight: 600;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_view_more_wrap a .svg{
  color: #ccc;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_view_more_wrap .arrow{
  position: absolute;
  top: 2px;
  left: 100%;
}
.density_tm_home_project_wrap .rightbox ul li .inner:hover .density_tm_view_more_wrap a{color: #ff8f03;}
.density_tm_home_project_wrap .rightbox ul li .inner:hover .density_tm_view_more_wrap a .svg{color: #ff8f03;}
.density_tm_home_project_wrap .rightbox ul li .inner .image_wrap .link{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 4;
  display: block;
}

/*------------------------------------------------------------------*/
/*  11) DENSITY HOME REQUEST
/*------------------------------------------------------------------*/

.density_tm_request_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  border: 15px solid #0e2424;
  margin-bottom: 150px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_request_wrap .inner_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  padding: 45px 280px 42px 50px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_request_wrap .inner_wrap .text_wrap{margin-bottom: 25px;}
.density_tm_request_wrap .inner_wrap .text_wrap p{
  font-size: 24px;
  color: #14141c;
  line-height: 1.2;
}
.density_tm_request_wrap .density_tm_button_wrap{margin-bottom: 22px;}
.density_tm_button_wrap.yellow a{
  background-color: #ff8f03;
  color: #14141c;
}
.density_tm_button_wrap.yellow a:hover{
  background-color: #14141c;
  color: #ff8f03;
}
.density_tm_request_wrap .toll_free span{
  font-size: 18px;
  color: #14141c;
}
.density_tm_request_wrap .inner_wrap .image_wrap{
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 280px;
}
.density_tm_request_wrap .inner_wrap .image_wrap span{
  display: block;
    content: '';
    position: absolute;
    border-right: 280px solid #ff8f03;
    border-top: 227px solid transparent;
    bottom: 0px;
    right: 0px;
}
.density_tm_request_wrap .inner_wrap .image_wrap img{
  position: absolute;
  bottom: 0px;
  right: 20px;
  z-index: 1;
}

/*------------------------------------------------------------------*/
/*  12) DENSITY HOME BLOG
/*------------------------------------------------------------------*/

.density_tm_title_holder.home_blog{margin-bottom: 70px;}
.density_tm_home_blog_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_home_blog_wrap .inner_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_home_blog_wrap .inner_wrap .list_wrap{
  width: 100%;
  float: left;
  /* margin-bottom: 30px; */
}
.density_tm_home_blog_wrap .inner_wrap ul{
  margin: 0px 0px 0px -30px;
  list-style-type: none;
}
.density_tm_home_blog_wrap .inner_wrap ul li{
  margin: 0px 0px 30px 0px;
  float: left;
  width: 33.3333%;
  padding-left: 30px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_home_blog_wrap .inner_wrap ul li:last-child{margin-bottom: 0px;}
.density_tm_home_blog_wrap .inner_wrap ul li .inner{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_home_blog_wrap .inner_wrap ul li .inner .image_wrap{
  position: relative;
  float: left;
  min-width: 100%;
}
.density_tm_home_blog_wrap .inner_wrap ul li .inner .image_wrap img{min-width: 100%;}
.density_tm_home_blog_wrap .inner_wrap ul li .inner .image_wrap .image{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.density_tm_home_blog_wrap .inner_wrap ul li:nth-child(1) .inner .image_wrap .image{
  background-image: url(../img/blog/1.jpg);
}
.density_tm_home_blog_wrap .inner_wrap ul li:nth-child(2) .inner .image_wrap .image{
  background-image: url(../img/blog/3.jpg);
}
.density_tm_home_blog_wrap .inner_wrap ul li:nth-child(3) .inner .image_wrap .image{
  background-image: url(../img/blog/2.jpg);
}
.density_tm_home_blog_wrap .inner_wrap ul li .definition_wrap{
  width: 100%;
  float: left;
  clear: both;
  background: #0c0e12;
}
.inner-des-blog{
  padding: 25px 15px;
}
/* .density_tm_home_blog_wrap .inner_wrap ul li .definition_wrap .title_holder{margin-bottom: 20px;} */
.density_tm_home_blog_wrap .inner_wrap ul li .definition_wrap .title_holder h3{
  font-size: 18px;
    color: #14141c;
    margin-bottom: 8px;
    line-height: 1.4;
    text-transform: uppercase;
}
.density_tm_home_blog_wrap .inner_wrap ul li .definition_wrap .title_holder h3 a{
  text-decoration: none;
  color: #14141c;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_home_blog_wrap .inner_wrap ul li .definition_wrap .title_holder h3 a:hover{color: #edbe7b;}
.density_tm_home_blog_wrap .inner_wrap ul li .date_wrap{
  width: 100%;
    position: relative;
    margin-bottom: 10px;

}
.density_tm_home_blog_wrap .inner_wrap ul li .date_wrap>a{
  position: relative;
  margin-right: 12px;
  font-size: 13px;
  color: #14141c;
  text-transform: capitalize;
}
.margin{margin-left: -5px;}
.density_tm_home_blog_wrap .inner_wrap ul li .date_wrap>a:hover{
  color: #edbe7b;
}
.density_tm_home_blog_wrap .inner_wrap ul li .date_wrap>a::before{
  content: "";
    position: absolute;
    width: 1px;
    height: 13px;
    background: #b3b3b3;
    right: -8px;
    top: 2px;
 }
 .density_tm_home_blog_wrap .inner_wrap ul li .date_wrap>a:last-child::before{
   position: relative;
 }
.density_tm_home_blog_wrap .inner_wrap ul li .date_wrap span{
    color: #666;
    padding-right: 5px;
    font-size: 12px;
}
.density_tm_home_blog_wrap .inner_wrap ul li .date_wrap .svg_wrap{
  position: absolute;
  top: 4px;
  right: 50px;

  opacity: 0;

  transition: all .3s .0s ease;
}
.density_tm_home_blog_wrap .inner_wrap ul li .inner:hover .date_wrap .svg_wrap{
  opacity: 1;
  right: 35px;
}
.density_tm_home_blog_wrap .inner_wrap ul li .date_wrap .svg_wrap .svg{color: #666;}
.density_tm_all_item_link.blog{margin-bottom: 0px;}

/*------------------------------------------------------------------*/
/*  13) DENSITY PROJECTS
/*------------------------------------------------------------------*/

.density_tm_main_title_holder{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_main_title_holder .title_holder{
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    padding: 94px 0px 13px 0px;

   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_main_title_holder .title_holder h3{
  margin: 0px;
    padding: 0px;
    font-size: 48px;
    letter-spacing: 0px;
    font-weight: 300;
    color: #14141c;
    line-height: 1;
    position: relative;
    left: -1px;
}
.wapper-section{
  text-align: center;
}
.wapper-section h3{
  position: relative;
}
.wapper-section h3:before{
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #a9a9a9;
    left: 50%;
    bottom: -13px;
    transform: translateX(-50%);
}
.wapper-section h3:after{
    content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: #a9a9a9;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%);
}

.density_tm_projects_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_projects_wrap .filter_wrap{
  min-width: 225px;
  display: inline-block;
  height: auto;
  position: relative;
  margin-bottom: 40px;
}
.density_tm_projects_wrap .all_projects{
  width: 100%;
  height: auto;
  background-color: #ff8f03;
  padding-top: 15px;
  padding-bottom: 13px;
  padding-left: 30px;
  position: relative;
  overflow: hidden;
  cursor: pointer;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_projects_wrap .all_projects:before{
  position: absolute;
  content: "";
  width: 60px;
  height: 100%;
  background-color: rgba(255,255,255,.2);
  top: 0px;
  right: -13px;
  transform: skewX(-25deg);
}
.density_tm_projects_wrap .all_projects:after{
    width: 0px;
    height: 0px;
    position: absolute;
    content: '';
    border: 5px solid transparent;
    border-top-color: #14141c;
    top: 23px;
    right: 18px;
}
.density_tm_projects_wrap .all_projects span{
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  padding-right: 60px;
}
.density_tm_projects_wrap .all_projects span a{
  text-decoration: none;
  color: #14141c;
}
.density_tm_projects_wrap .filter_list{
  position: absolute;
  top: 100%;
  width: 100%;
  height: auto;
  background-color: #0f111f;
  padding: 23px 30px 8px 30px;
  border-top: 1px solid rgba(255,255,255,.2);
  display: none;
  z-index: 2222;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_portfolio_filter{
  width:100%;
  height: auto;
  list-style-type:none;
  margin: 0px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_portfolio_filter li{margin:0px 0px 13px 0px;}
.density_tm_portfolio_filter li a{
  text-decoration:none;
  font-size:16px;
  color:#ccc;
  display: block;
  font-weight: 600;
  font-family:"Ubuntu";

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

/* PORTFOLIO LIST */

.density_tm_portfolio_list{
  list-style-type:none;
  margin: 0px 0px 0px -50px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_portfolio_list > li{
  width:50%;
  float:left;
  position:relative;
  margin: 0px 0px 65px 0px;
  padding-left: 50px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_projects_wrap .density_tm_portfolio_list .inner{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_projects_wrap .density_tm_portfolio_list .inner .image_wrap{
  float: left;
  position: relative;
  min-width: 100%;
}
.density_tm_projects_wrap .density_tm_portfolio_list .inner .image_wrap .image{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.density_tm_projects_wrap .density_tm_portfolio_list li:nth-child(1) .image_wrap .image{
  background-image: url(../img/portfolio/15.jpg);
}
.density_tm_projects_wrap .density_tm_portfolio_list li:nth-child(2) .image_wrap .image{
  background-image: url(../img/portfolio/2.jpg);
}
.density_tm_projects_wrap .density_tm_portfolio_list li:nth-child(3) .image_wrap .image{
  background-image: url(../img/portfolio/4.jpg);
}
.density_tm_projects_wrap .density_tm_portfolio_list li:nth-child(4) .image_wrap .image{
  background-image: url(../img/portfolio/23.jpg);
}
.density_tm_projects_wrap .density_tm_portfolio_list li:nth-child(5) .image_wrap .image{
  background-image: url(../img/portfolio/24.jpg);
}
.density_tm_projects_wrap .density_tm_portfolio_list li:nth-child(6) .image_wrap .image{
  background-image: url(../img/portfolio/8.jpg);
}
.density_tm_projects_wrap .density_tm_portfolio_list .inner .image_wrap .overlay_color{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0,0,0,.3);

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_projects_wrap .density_tm_portfolio_list .inner:hover .image_wrap .overlay_color{
  background-color: rgba(15,15,22,.9);
}
.density_tm_projects_wrap .density_tm_portfolio_list .inner .image_wrap .plus{
  position: absolute;
  top: 49px;
  left: 50px;
  z-index: 3;
}
.density_tm_projects_wrap .density_tm_portfolio_list .inner .image_wrap .plus:before{
  position: absolute;
  content: "";
  width: 0px;
  height: 2px;
  background-color: #ff8f03;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

  transition-delay: .2s;
}
.density_tm_projects_wrap .density_tm_portfolio_list .inner .image_wrap .plus:after{
  position: absolute;
  content: "";
  width: 2px;
  height: 0px;
  top: -9px;
  left: 9px;
  background-color: #ff8f03;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

  transition-delay: .1s;
}
.density_tm_projects_wrap .density_tm_portfolio_list .inner:hover .image_wrap .plus:before{width: 20px;}
.density_tm_projects_wrap .density_tm_portfolio_list .inner:hover .image_wrap .plus:after{height: 20px;}
.density_tm_projects_wrap .density_tm_portfolio_list .inner:before{
  position: absolute;
  content: "";
  left: 30px;
  right: 30px;
  height: 15px;
  background-color: #ff8f03;
  bottom: -15px;
}
.density_tm_projects_wrap .density_tm_portfolio_list .inner .title_holder{
  position: absolute;
  bottom: 34px;
  left: 50px;
  z-index: 3;
}
.density_tm_projects_wrap .density_tm_portfolio_list .inner .title_holder h3{
  font-size: 24px;
  color: #eee;
  line-height: 1;
  margin-bottom: 10px;
}
.density_tm_view_more_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_view_more_wrap a{
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #ccc;
  font-size: 14px;
  letter-spacing: 0px;
  position: relative;
  padding-right: 10px;
  font-weight: 600;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_view_more_wrap a .svg{
  color: #ccc;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_view_more_wrap .arrow{
  position: absolute;
  top: 2px;
  left: 100%;
}
.density_tm_projects_wrap .density_tm_portfolio_list .inner:hover .density_tm_view_more_wrap a{color: #ff8f03;}
.density_tm_projects_wrap .density_tm_portfolio_list .inner:hover .density_tm_view_more_wrap a .svg{
  color: #ff8f03;
}
.density_tm_projects_wrap .density_tm_portfolio_list .inner .image_wrap .link{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 4;
  display: block;
}
.density_tm_pagination{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 100px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_pagination ul{
  margin: 0px 0px 0px -5px;
  list-style-type: none;
}
.density_tm_pagination ul li{
  margin: 0px;
  display: inline-block;
  padding-left: 5px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_pagination ul li a{
  display: block;
    text-decoration: none;
    width: auto;
    height: 40px;
    padding: 0px 20px;
    color: #0c0e12;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border-radius: 2px;
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
  padding-right: 35px;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_pagination ul li a:before{
  width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-left-color: #0c0e12;
    top: 15px;
    right: 15px;

    -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_pagination ul li span{
  display: inline-block;
    width: auto;
    height: 40px;
    padding: 0px 20px;
    color: #777;
    line-height: 40px;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border-radius: 2px;
  background-color: #dddddd;
  padding-left: 35px;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_pagination ul li span:before{
  width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-right-color: #777;
    top: 15px;
    left: 15px;

    -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.filter-button-group{
  margin: 0 auto 50px;
    padding: 0;
    text-align: center;
}
.filter-button-group li{
  display: inline-block;
  margin: 0 6px 10px;
}
  .filter-button-group li>button{
    background: #3e3e3e;
    border: none;
    padding: 8px 30px;
    font-size: 15px;
    cursor: pointer;
    text-transform: capitalize;
    letter-spacing: 0.3px;
    color: #0c0e12;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .filter-button-group li>button:hover,
  .filter-button-group li>button.current{
    background: #edbe7b;
    width: 100%;
  }
.portfolio-item img{
width: 100%;
}
.portfolio-grid-3{
  width: 33.33%;
}
.portfolio-grid-3-space{
  width: 30%;
}
.portfolio-grid-2-space{
width: 47%;
}
.m-15{
  margin: 15px;
}
.portfolio-section-two .container{
  padding: 0;
}
.portfolio-item:hover .pro-overlay{
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.pro-overlay{
  position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
  background: rgba(0, 0, 0, 0.84);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pro-overlay.pro-overlay-two {
    background: rgba(37, 64, 216, 0.85);
}
.pro-des{
    display: table;
    margin: 0 auto;
    height: 100%;

}
.pro-des h3{
display: table-cell;
vertical-align: middle;
}
.pro-des h3 a{
 color: #0c0e12;
 font-size: 18px;
}
.pro-overlay .pro-icon{
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 25px;
    color: #0c0e12;
}

/*
 *****************************************
 >>> | pricing-area|
 *****************************************
*/
.pricingTable{
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 50px 15px;
    text-align: center;
    margin-top: 30px;
    color: #292929;
    perspective: 700px;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}
.pricingTable:hover{ color: #0c0e12; }
.pricingTable:after{
    content: "";
    width: 100%;
    height: 100%;
    background: #edbe7b;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transform: rotateY(70deg);
    transition: all 0.3s ease-in-out 0s;
}
.pricingTable:hover:after{
    opacity: 1;
    transform: rotateY(0deg);
}
.pricingTable .icon{
    width: 69px;
    height: 69px;
    line-height: 69px;
    border-radius: 50%;
    background: #0c0e12;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    font-size: 25px;
    color: #edbe7b;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
}
.pricingTable .pricingTable-header{
    margin-bottom: 30px;
}
.pricingTable .title{
    display: block;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.pricingTable .price-value{
    display: inline-block;
    border-bottom: 5px solid #edbe7b;
  padding-bottom:10px;
    font-size: 30px;
    font-weight: 700;

}
.pricingTable:hover .price-value{
    border-bottom-color: #0c0e12;
}
.pricingTable .pricing-content{
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}
.pricingTable .pricing-content>li{
  font-size: 14px;
    float: none;
    line-height: 40px;
  width: 100%;
  margin: 0;
}
.pricingTable .pricingTable-signup{
    display: inline-block;
    padding: 9px 23px;
    background: #edbe7b;
    font-size: 14px;
    font-weight: 600;
    color: #0c0e12;
    text-transform: uppercase;
    position: relative;
    transition: all 0.25s ease-in-out 0s;
}
.pricingTable:hover .pricingTable-signup{
    background: #0c0e12;
    color: #edbe7b;
}

.pricingTable:hover .pricingTable-signup:before{
    border-right-color: #0c0e12;
}
.pricingTable:hover .pricingTable-signup:after{
    border-left-color: #0c0e12;
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 30px; }
}
@media only screen and (max-width: 767px){
    .pricingTable{ margin-bottom: 50px; }
  .pagination-wrapper {
    text-align: center;
    padding-bottom: 30px;
}
}
/*------------------------------------------------------------------*/
/*  15) DENSITY SERVICES
/*------------------------------------------------------------------*/

.density_tm_services_list_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_services_list_wrap ul{
  margin: 0px 0px 0px -50px;
  list-style-type: none;
}
.density_tm_services_list_wrap ul li{
  margin: 0px 0px 50px 0px;
  float: left;
  width: 50%;
  padding-left: 50px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_services_list_wrap ul li .inner{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  box-shadow: 0px 0px 40px rgba(0,0,0,0.1);
  overflow: hidden;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_services_list_wrap ul li .service_image{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_services_list_wrap ul li .service_image .image{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.density_tm_services_list_wrap ul li:nth-child(1) .service_image .image{background-image: url(../img/services/11.jpg);}
.density_tm_services_list_wrap ul li:nth-child(2) .service_image .image{background-image: url(../img/services/12.jpg);}
.density_tm_services_list_wrap ul li:nth-child(3) .service_image .image{background-image: url(../img/services/13.jpg);}
.density_tm_services_list_wrap ul li:nth-child(4) .service_image .image{background-image: url(../img/services/14.jpg);}
.density_tm_services_list_wrap ul li:nth-child(5) .service_image .image{background-image: url(../img/services/15.jpg);}
.density_tm_services_list_wrap ul li:nth-child(6) .service_image .image{background-image: url(../img/services/16.jpg);}
.density_tm_services_list_wrap .list_definitions_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  background-color: #0c0e12;
  padding: 55px 100px 83px 50px;
  border: 10px solid #0e2424;
  border-top: none;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_services_list_wrap ul li .inner:hover .list_definitions_wrap{border-color: #ff8f03;}
.density_tm_services_list_wrap .list_definitions_wrap .titles{
  position: relative;
  z-index: 3;
}
.density_tm_services_list_wrap .list_definitions_wrap .title_holder{margin-bottom: 19px;}
.density_tm_services_list_wrap .list_definitions_wrap .title_holder h3{
  font-size: 22px;
    margin: 0px;
    letter-spacing: 0px;
    line-height: 1.3;
}
.density_tm_services_list_wrap .list_definitions_wrap .title_holder h3 a{
  text-decoration: none;
  color: #14141c;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_services_list_wrap .list_definitions_wrap .title_holder h3 a:hover{color: #ff8f03;}
.density_tm_services_list_wrap .list_definitions_wrap .definition p{
  color: #666;
  letter-spacing: 0px;
  line-height: 1.7;
}
.density_tm_services_list_wrap .list_definitions_wrap .read_more_wrap{
  position: absolute;
  bottom: -10px;
  left: 0px;
  max-width: calc(100% - 40px);
  z-index: 5;
}
.density_tm_services_list_wrap .list_definitions_wrap .read_more_in{
  height: 40px;
  background-color: #0e2424;
  line-height: 40px;
  position: relative;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_services_list_wrap ul li .inner:hover .list_definitions_wrap .read_more_in{background-color: #ff8f03;}
.density_tm_services_list_wrap .list_definitions_wrap .read_more_in a:before{
  position: absolute;
  content: "";
  width: 25px;
  height: 40px;
  background-color: #0e2424;
  left: 100%;
  transform: skewX(27deg);
  margin-left: -12px;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_services_list_wrap ul li .inner:hover .list_definitions_wrap .read_more_in a:before{background-color: #ff8f03;}
.density_tm_services_list_wrap .list_definitions_wrap .read_more_in a{
  text-decoration: none;
  color: #0c0e12;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0px 40px 0px 50px;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_services_list_wrap .list_definitions_wrap .shape_triangle:before{
  border-right: 10px solid #0e2424;
    border-top: 10px solid transparent;
    content: '';
    position: absolute;
    bottom: 100%;
    right: -10px;
    z-index: 3;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_services_list_wrap ul li .inner:hover .list_definitions_wrap .shape_triangle:before{
  border-right-color: #ff8f03;
}
.density_tm_services_list_wrap ul li .inner:hover .list_definitions_wrap .shape_triangle:after{
  border-left-color: #ff8f03;
}
.density_tm_services_list_wrap .list_definitions_wrap .shape_triangle:after{
  border-left: 10px solid #0e2424;
    border-top: 10px solid transparent;
    content: '';
    position: absolute;
    bottom: 100%;
    left: -10px;
    z-index: 2;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_services_list_wrap .list_definitions_wrap:before{
  position: absolute;
  content: "";
  bottom: 0px;
  right: 0px;
  width: 100px;
  height: 150px;
  background-color: #f7f7f7;
  z-index: 1;
}
.density_tm_services_list_wrap .list_definitions_wrap:after{
  position: absolute;
  content: "";
  bottom: 0px;
  right: 0px;
  width: 50px;
  height: 80px;
  background-color: #efefef;
  z-index: 2;
}
/*-------------- Error-page ----------------*/
.error-page{
    text-align: center;
}
.error-page h2{
  font-size: 120px;
    color: #edbe7b;

}
.error-page h3{
  color: #14141c;
}
.error-page a{
  margin-top: 25px;
    display: inline-block;
    background: #14141c;
    color: #0c0e12;
    padding: 9px 30px;

}
.error-page a:hover{
  background: #edbe7b;
}
/*------------------------------------------------------------------*/
/*  16) DENSITY SERVICE SINGLE
/*------------------------------------------------------------------*/

.density_tm_twicebox_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  display: flex;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_twicebox_wrap .leftbox{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-right: 50px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_service_single_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_service_single_wrap .leftbox .main_image_wrap{margin-bottom: 58px;}
.density_tm_service_single_wrap .leftbox .image_wrap{margin-bottom: 34px;}
.density_tm_service_single_wrap .leftbox .image_definition p{
  font-size: 16px;
  color: #777;
  line-height: 1.7;
  margin-bottom: 20px;
  text-align: justify;
}
.image_wrap > img {width:100%; background-size: cover; background-position: center;}
.density_tm_service_single_wrap .leftbox .image_definition p .shape{
  border: 3px solid #6ec1e4;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  display: inline-block;
  float: left;
  margin-right: 20px;
  position: relative;
  top: 8px;
}
.density_tm_service_single_wrap .leftbox .image_definition p .shape span{
  color: #6ec1e4;
  font-size: 50px;
  display: inline-block;
  font-weight: 500;
}
.density_tm_service_single_wrap .leftbox .image_definition p:last-child{margin-bottom: 0px;}
.density_tm_service_single_wrap .leftbox .service_features{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 50px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_service_single_wrap .leftbox .service_features h3{
  font-size: 24px;
  color: #181a2f;
  margin-bottom: 30px;
}
.density_tm_service_single_wrap .leftbox .service_features ul{
  margin: 0px 0px 0px -30px;
  list-style-type: none;
}
.density_tm_service_single_wrap .leftbox .service_features ul li{
  margin: 0px 0px 12px 0px;
  float: left;
  width: 50%;
  padding-left: 30px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_service_single_wrap .leftbox .service_features ul li .inner{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_service_single_wrap .leftbox .service_features .definition{padding-left: 33px;}
.density_tm_service_single_wrap .leftbox .service_features .definition p{
  font-size: 16px;
  color: #777;
}
.density_tm_service_single_wrap .leftbox .service_features .icon{
  position: absolute;
  top: 3px;
  left: 0px;
}
.density_tm_service_single_wrap .leftbox .service_features .icon .svg{
    color: #edbe7b;
    font-size: 18px;
}
.density_tm_service_single_wrap .leftbox .accordion_wrap_all{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 53px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_service_single_wrap .leftbox .accordion_wrap_all .title h3{
  font-size: 24px;
  color: #181a2f;
  margin-bottom: 30px;
}
.density_tm_service_single_wrap .accordion_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_accordion {
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style: none;
  clear:both;

  -webkit-perspective:500px;
  -moz-perspective:500px;
  perspective:500px;
}
.density_tm_accordion .accordion_in {
  position: relative;
  z-index: 10;
  overflow: hidden;
  margin-bottom:13px;
}
.density_tm_accordion .accordion_in .acc_head{
  position: relative;
  font-size: 15px;
  display: block;
  cursor: pointer;
  padding-left: 34px;
}
.density_tm_accordion .accordion_in .acc_content {
  color: #666;
  line-height: 1.6;
  font-size: 14px;
  padding-left: 34px;
  padding-top: 12px;
}
.density_tm_accordion .accordion_in .acc_content p{
  font-size:13px;
  margin-bottom:10px;
}
.density_tm_accordion .accordion_in.acc_active > .acc_content {display: block;}
.density_tm_accordion .accordion_in .wow_shape{
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid #edbe7b;
  border-radius: 3px;
  left: 0px;
  top: 3px;
}
.density_tm_accordion .accordion_in .wow_effect{position: relative;}
.density_tm_accordion .accordion_in .wow_effect:after{
  position: absolute;
  content: "";
  width: 2px;
  height: 8px;
  top: 4px;
  left: 7px;
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
}
.density_tm_accordion .accordion_in .wow_effect:before{
  position: absolute;
  content: "";
  width: 8px;
  height: 2px;
  top: 7px;
  left: 4px;
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
}
.density_tm_accordion .accordion_in.acc_active .wow_effect:after{display: none;}
.density_tm_short_contact{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #0f0f16;
  padding: 31px 30px 33px 30px;
  margin-bottom: 70px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_short_contact .density_tm_button_wrap{
  min-width: fit-content;
    min-width: max-content;
    min-width: intrinsic;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    margin-left: auto;
  width: auto;
}
.density_tm_short_contact .text h3{
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: #eee;
  margin-bottom: 3px;
}
.density_tm_short_contact .text p{
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    color: #999;
}
.density_tm_line{
  width: 100%;
  height: 1px;
  clear: both;
  float: left;
  background-color: #e9eff4;
  margin-bottom: 65px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_other_services_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_other_services_wrap > h3{
  font-size: 24px;
  color: #181a2f;
  margin-bottom: 34px;
}
.density_tm_other_services_wrap .services_list_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_other_services_wrap .services_list_wrap ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_other_services_wrap .services_list_wrap ul li{
  margin: 0px 20px 40px 0px;
    float: left;
    width: 45%;
}
.density_tm_other_services_wrap .services_list_wrap ul li:last-child{margin-bottom: 0px;}
.density_tm_other_services_wrap .services_list_wrap ul li .inner{

    width: 100%;
    height: auto;
    clear: both;
    float: left;
    position: relative;
    background-color: #e9eff4;
    padding: 40px 20px 40px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.density_tm_other_services_wrap .services_list_wrap ul li .title_holder{margin-bottom: 19px;}
.density_tm_other_services_wrap .services_list_wrap ul li .title_holder h3{
  font-size: 18px;
    text-transform: uppercase;
}
.density_tm_other_services_wrap .services_list_wrap ul li .title_holder h3 a{
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #14141c;
}
.density_tm_other_services_wrap .services_list_wrap ul li .title_holder h3 a:hover{color: #edbe7b;}
.density_tm_other_services_wrap .services_list_wrap ul li .description p{
  color: #777;
  line-height: 1.6;
}

.density_tm_other_services_wrap .services_list_wrap ul li .read_more_in{
  margin-top: 20px;
}

.density_tm_other_services_wrap .services_list_wrap ul li .read_more_in a{
    text-decoration: none;
    color: #0c0e12;
    display: inline-block;
    background: #edbe7b;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 8px 10px 8px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.density_tm_twicebox_wrap .rightbox{
  width: 300px;
  min-width: 300px;
  float: right;
}
.density_tm_categories{
  width: 100%;
  min-height: 200px;
  height: auto;
  clear: both;
  float: left;
  background-color: #0d0e13;
  padding: 31px 30px 29px 30px;
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_categories ul{
  margin: 0px;
  list-style-type: none;
  position: relative;
  z-index: 3;
}
.density_tm_categories ul li{margin: 0px 0px 10px 0px;}
.density_tm_categories ul li:last-child{margin-bottom: 0px;}
.density_tm_categories ul li a{
  text-decoration: none;
  font-size: 15px;
  color: #cccccc;
  line-height: 2;
  font-weight: 500;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_categories ul li.active a{    color: #0c0e12;
    font-size: 18px;}
.density_tm_categories ul li a:hover{color: #0c0e12;}
.density_tm_categories .svg{
  position: absolute;
  width: 50px;
  height: 50px;
  right: 20px;
  top: 90px;
  color: #1d1e23;
}

.density_tm_request_estimate_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  overflow: hidden;
  margin-bottom: 55px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_request_estimate_wrap .image_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_request_estimate_wrap .image_wrap .image{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/clients/team3.jpg);
}
.density_tm_request_estimate_wrap .definition{
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    position: relative;
    background-color: #eaeaea;
    padding: 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.density_tm_request_estimate_wrap .definition .text{margin-bottom: 25px;}
.density_tm_request_estimate_wrap .definition .text p{
  font-size: 16px;
    line-height: 1.3;
}
.density_tm_request_estimate_wrap .button{
  text-align: center;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_request_estimate_wrap .button a{
    text-decoration: none;
    display: inline-block;
    background-image: linear-gradient(to right, #edbe7b, #563d2a);
    padding: 12px 25px;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #08090c;
    text-transform: uppercase;
    border-radius: 2px;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.density_tm_request_estimate_wrap .button a:hover{
  background-color: #181a2f;
  color: #0c0e12;
}

.density_tm_brochures_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 55px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_brochures_wrap .title_holder span{
  display: block;
    font-size: 20px;
    text-transform: capitalize;
    color: #181a2f;
    margin-bottom: 24px;
    position: relative;
    line-height: 1.5;
}
.density_tm_brochures_wrap .title_holder span:before{
  position: absolute;
  content: "";
  width: 50px;
  height: 1px;
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
  bottom: -4px;
  left: 0px;
}
.density_tm_brochures_wrap ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_brochures_wrap ul li{
  margin: 0px 0px 5px 0px;
  width: 100%;
  float: left;
}
.density_tm_brochures_wrap ul li:last-child{margin-bottom: 0px;}
.density_tm_brochures_wrap ul li .inner{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  background-color: #111422;
  padding: 18px 0px 16px 0px;
  cursor: pointer;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_brochures_wrap ul li .inner .icon{
  width: 48px;
  height: 48px;
  background-color: #242633;
  position: absolute;
  left: 5px;
  top: 5px;
  text-align: center;
}
.density_tm_brochures_wrap ul li .inner .icon .svg{
  width: 26px;
  height: 26px;
  color: #eee;
  top: 50%;
  transform: translateY(-50%);
  position: relative;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_brochures_wrap ul li .inner span.text{
  font-size: 16px;
  color: #ccc;
  font-weight: 500;
  padding-left: 75px;
  padding-right: 35px;
  display: block;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_brochures_wrap ul li .inner span.arrow{
  position: absolute;
  right: 25px;
  top:24px;
}
.density_tm_brochures_wrap ul li .inner span.arrow:before{
  position: absolute;
  content: "";
  border: 5px solid transparent;
  border-left-color: #ccc;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_brochures_wrap ul li:hover .inner .icon .svg{color: #0c0e12;}
.density_tm_brochures_wrap ul li:hover .inner span.text{color: #0c0e12;}
.density_tm_brochures_wrap ul li:hover .inner span.arrow:before{border-left-color: #0c0e12;}

/*-------------------------------------
        Counter
--------------------------------------*/
  .testimonial-area,
  .counter-section {
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    position: relative;
    background-image: url(../img/animate/3.jpg);
    padding: 100px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.testimonial-area::before,
.counter-section::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.9;
}

.team-section .inner_wrap,
.counter-section .inner_wrap {
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pricing-area ul,
.team-section .inner_wrap ul,
.counter-section .inner_wrap ul {
    margin: 0px;
    list-style-type: none;
}
.pricing-area ul li,
.team-section .inner_wrap ul li,
.counter-section .inner_wrap ul li {
    float: left;
    width: 24.3333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pricing-area ul li{
  width: 29.33%;
    margin: 15px;

}
.counter-area{
    display: block;
    text-align: center;
    color: #0c0e12f;
}
.counter-area .count-icon{
  display: block;
  font-size: 30px;
  padding-bottom: 5px;
}
.counter-area .density_tm_counter{
  display: block;
    font-size: 50px;
    font-weight: 600;
}
.counter-area .count-title{
    font-size: 16px;
    font-weight: 400;
}
/*---------------------------------
    Team-Section
----------------------------------*/
.team-item {
  text-align: center;
  margin: 0 15px 30px;

  overflow: hidden;
  position: relative;
  }
  .team-item .team-info{
  position: relative;
  overflow: hidden;
  }
  .team-item .team-info::after{
  position: absolute;
  content: "";
  border:30px solid #0c0e12;
  top: 0;
  right:0;
  border-left-color: transparent;
  border-bottom-color: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }
  .team-item .team-info::before{
  position: absolute;
  content: "\f067";
  font-family: 'Ubuntu';
  color: #edbe7b;
  right: 10px;
  top: 8px;
  z-index: 1;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }
  .team-item.team-two .team-info::before,
  .team-item.team-two .team-info::after{
display: none;
  }
.team-item:hover .team-info::before{
  content: "\f068";
  color:#343a48;
  }
  .team-item .social{
  position: absolute;
  bottom:10px;
  right:-30px;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  visibility: hidden;
  z-index:2;
  opacity: 0;
  }
   .team-item:hover .social{
  visibility: visible;
  right:20px;
  opacity: 1;
  }
  .team-item .social>li {
  display: block;
    margin: 15px 5px;
    float: none !important;
    width: inherit !important;
}
  .team-item .team-avatar{
  position: relative;
  }
  .team-item .team-avatar::after{
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  left: 0;
  top:0;
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
  opacity:0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }
  .team-item:hover .team-avatar::after{
  visibility: visible;
  opacity: .8;
  width: 100%;
  }

  .team-item li a{
  color: #343a48;
    height: 30px;
    width: 30px;
    line-height: 33px;
    background-color: #0c0e12;
    border-radius: 100px;
    display: block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
 .team-item:hover li a{
  -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
      transform: rotate(360deg);
      -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
          transition-delay: .1s;
  }

  .team-item li a:hover{
  color: #0c0e12;
  background-color: #343a48;
  }
  .team-item .team-member{
  margin-top: 20px;
  }
  .team-item .team-name{
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 5px;
  display: block;
  color: #343a48;
  }
  .team-item .team-position{
  font-size: 14px;
  font-weight:500;
  text-transform: capitalize;
  color: #edbe7b;
  }
/*------------------------------------------------------------------*/
/*  17) DENSITY ABOUT
/*------------------------------------------------------------------*/

.density_tm_about_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_wrap .subtitle{margin-bottom: 52px;}
.density_tm_about_wrap .subtitle p{
  color: #777777;
    font-size: 20px;
  line-height: 1.7;
  font-weight: 300;
}
.density_tm_about_wrap .about_service_list{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 80px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_wrap .about_service_list.client{margin-bottom: 70px;}
.density_tm_about_wrap .about_service_list h3{
  color: #14141c;
    font-size: 24px;
    letter-spacing: 0px;
  margin-bottom: 17px;
}
.density_tm_about_wrap .about_service_list p{
  color: #777777;
    font-size: 16px;
  line-height: 1.7;
  font-weight: 300;
}
.density_tm_about_counter_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  background-color: #0f0f16;
  padding: 92px 0px;
  overflow: hidden;
  margin-bottom: 85px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_counter_wrap:before{
  position: absolute;
  content: "";
  width: 50%;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: #ff8f03;
}
.density_tm_about_counter_wrap .inner_counter{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_counter_wrap .inner_counter .leftbox{
  width: 290px;
  min-width: 290px;
  padding-right: 50px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_counter_wrap .density_tm_counter_wrap{
  padding: 47px 0px 58px 0px !important;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_counter_wrap .density_tm_counter_list li{
  width:100%;
  float:left;
  text-align:left;
  margin: 0px 0px 40px 0px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_counter_wrap .density_tm_counter_list li:last-child{margin-bottom: 0px;}
.density_tm_about_counter_wrap .density_tm_counter_list li .inner{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  padding: 0px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_counter_wrap .density_tm_counter_list li h3{
  color: #eee;
  font-size: 48px !important;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0px;
  margin-bottom: 3px;
}
.density_tm_about_counter_wrap .density_tm_counter_list li h3 > span{
  font-size: 48px !important;
}
.density_tm_about_counter_wrap .density_tm_counter_list li .inner > span{
  color:#999;
  font-size: 14px;
  display: block;
}
.density_tm_about_counter_wrap .inner_counter .rightbox,
.density_tm_about_counter_wrap .inner_counter .inner_rightbox{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_counter_wrap .inner_counter .rightbox{
  position: relative;
  background-color: #0c0e12;
}
.density_tm_about_counter_wrap .inner_counter .rightbox .counter_png{
  position: absolute;
  bottom: 0px;
  right: 0px;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-image: url(../img/about/counter_image.png);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.density_tm_about_counter_wrap .inner_counter .inner_rightbox{padding: 95px 100px 90px 100px;}
.density_tm_about_counter_wrap .inner_counter .rightbox .top_title{
  margin: 0px;
    padding: 0px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0px;
    color: #14141c;
    text-transform: uppercase;
}
.density_tm_about_counter_wrap .inner_counter .rightbox .title{
  margin: 0px;
    padding-top: 5px;
    font-weight: 400;
    font-size: 36px;
    letter-spacing: 0px;
    color: #14141c;
    margin-bottom: 23px;
}
.density_tm_about_counter_wrap .inner_counter .rightbox .text{
  line-height: 1.7;
  color: #666;
  margin-bottom: 32px;
  position: relative;
  z-index: 2;
}
.density_tm_counter_wrap{overflow: hidden;}
.density_tm_counter_list{
  list-style-type:none;
  width:100%;
  margin: 0px;

  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
}
.density_tm_about_counter_wrap .counter_image_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  z-index: 2;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_counter_wrap .counter_image_wrap ul{
  margin: 0px 0px 0px -10px;
  list-style-type: none;
}
.density_tm_about_counter_wrap .counter_image_wrap ul li{
  margin: 0px 0px 10px 0px;
  float: left;
  padding-left: 10px;
  width: 160px;
  height: 100px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_counter_wrap .counter_image_wrap ul li .inner{
  width: 100%;
  height: 100%;
  clear: both;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_counter_wrap .counter_image_wrap ul li .image{
  position: absolute;
  width: 150px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.density_tm_about_counter_wrap .counter_image_wrap ul li:nth-child(1) .image{
  background-image: url(../img/about/11.jpg);
}
.density_tm_about_counter_wrap .counter_image_wrap ul li:nth-child(2) .image{
  background-image: url(../img/about/12.jpg);
}
.density_tm_about_counter_wrap .counter_image_wrap ul li:nth-child(3) .image{
  background-image: url(../img/about/13.jpg);
}
.density_tm_about_counter_wrap .density_tm_counter_list li .inner:before{display: none;}
.density_tm_about_counter_wrap li .overlay{
  position: absolute;
  z-index: 2;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0,0,0,.6);

  opacity: 0;
  visibility: hidden;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_about_counter_wrap li:hover .overlay{
  opacity: 1;
  visibility: visible;
}
.density_tm_about_counter_wrap li .overlay .in{
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  transform: translate(-50%,-50%);
}
.density_tm_about_counter_wrap li .overlay .in span{
  width: 20px;
  height: 2px;
  background-color: #ff8f03;
  display: inline-block;
  position: relative;
}
.density_tm_about_counter_wrap li .overlay .in span:before{
  position: absolute;
  content: "";
  height: 20px;
  width: 2px;
  background-color: #ff8f03;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.density_tm_about_counter_wrap li .about_zoom{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 33333;
}
.density_tm_introduce_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  background-color: #111422;
  padding: 50px 70px 50px 80px;
  margin-bottom: 100px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_introduce_wrap .inner_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_introduce_wrap .inner_wrap .main_info_wrap{
  width: 100%;
  max-width: calc(100% - 240px);
  height: auto;
  float: left;
  padding-right: 15%;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_introduce_wrap .inner_wrap .main_info_wrap .top_title{
  color: #0c0e12;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 500;
    text-transform: uppercase;
}
.density_tm_introduce_wrap .inner_wrap .main_info_wrap .title{
  margin: 0px;
    padding: 5px 0px 24px 0px;
    font-size: 36px;
    letter-spacing: 0px;
    font-weight: 500;
  color: #0c0e12;
}
.density_tm_introduce_wrap .inner_wrap .main_info_wrap .text{
  font-size: 16px;
  line-height: 1.7;
  color: #0c0e12;
  margin-bottom: 30px;
}
.density_tm_introduce_wrap .experience_box{
  width: 240px;
  height: 240px;
  border: 10px solid #0c0e12;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 13px 20px 10px 18px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_introduce_wrap .experience_box .top p{
  margin: 0px;
    padding: 0px;
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #0c0e12;
    line-height: 1.2;
}
.density_tm_introduce_wrap .experience_box .bottom{
  display: flex;
  align-items: center;
}
.density_tm_introduce_wrap .experience_box .bottom .number span{
  font-size: 72px;
  color: #0c0e12;
  letter-spacing: -0.25px;
  line-height: 1;
  font-weight: 500;
}
.density_tm_introduce_wrap .experience_box .bottom .definition{
  font-size: 10px;
  color: #0c0e12;
  text-transform: uppercase;
  padding-left: 4px;
  font-weight: 500;
}
.density_tm_introduce_wrap .png_image{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-image: url(../img/about/introduce.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: auto;
  z-index: 1;
}
.density_tm_introduce_wrap .play_video{
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background-color: #ff8f03;
  bottom: -20px;
  left: 80px;
  z-index: 3;
}
.density_tm_introduce_wrap .play_video:before{
  position: absolute;
  content: "";
  border: 10px solid transparent;
  border-left-color: #0c0e12;
  border-left-width: 20px;
  border-right-width: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin-left: 13px;
}
.density_tm_introduce_wrap .play_video a{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.qqq{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  overflow: hidden;
  padding-top: 40px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.qqq .first{
  position: absolute;
  border-bottom: 36px solid #ff8f03;
  border-left: 500px solid transparent;
  top: 4px;
  right: 75px;
}
.qqq .second{
  position: absolute;
  border-bottom: 36px solid #ff8f03;
  border-right: 15px solid transparent;
  top: 4px;
  right: 60px;
}
.density_tm_about_team_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 72px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_team_wrap ul{
  margin: 0px 0px 0px -30px;
  list-style-type: none;
}
.density_tm_about_team_wrap ul li{
  margin: 0px 0px 30px 0px;
  float: left;
  width: 33.3333%;
  padding-left: 30px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_team_wrap ul li .inner,
.density_tm_about_team_wrap ul li .inner .image_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_about_team_wrap ul li .inner .image_wrap{margin-bottom: 27px;}
.density_tm_about_team_wrap ul li .inner .image_wrap img{min-width: 100%;}
.density_tm_about_team_wrap ul li .inner .image_wrap .image{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.density_tm_about_team_wrap ul li:nth-child(1) .image_wrap .image{background-image: url(../img/about/3.jpg);}
.density_tm_about_team_wrap ul li:nth-child(2) .image_wrap .image{background-image: url(../img/about/4.jpg);}
.density_tm_about_team_wrap ul li:nth-child(3) .image_wrap .image{background-image: url(../img/about/5.jpg);}
.density_tm_about_team_wrap ul li:nth-child(4) .image_wrap .image{background-image: url(../img/about/6.jpg);}
.density_tm_about_team_wrap ul li:nth-child(5) .image_wrap .image{background-image: url(../img/about/7.jpg);}
.density_tm_about_team_wrap ul li:nth-child(6) .image_wrap .image{background-image: url(../img/about/8.jpg);}
.density_tm_about_team_wrap ul li:nth-child(7) .image_wrap .image{background-image: url(../img/about/9.jpg);}
.density_tm_about_team_wrap ul li:nth-child(8) .image_wrap .image{background-image: url(../img/about/10.jpg);}
.density_tm_about_team_wrap ul li .main_definitions h3{
  margin: 0px;
    padding: 0px;
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: 0px;
    font-weight: 400;
    color: #14141c;
}
.density_tm_about_team_wrap ul li .main_definitions span{
  margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    line-height: 1.7;
    color: #666;
}
/*------------------------------------------------------------------*/
/*  18) Trstimonial
/*------------------------------------------------------------------*/
.testimonial-area{
  background-image: url(../img/animate/3.jpg);
}
.testimonial-area .density_tm_title_holder h3{
  color: #0c0e12;
}
.testimonial-area .item{
  position: relative;
  }
  .testimonial-area .text-box{
  margin: 0 0 30px;
  padding: 25px ;
  background: #0c0e12;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
  display: table;
  position: relative
  }

  .testimonial-area img {
  width: auto;
  border-radius: 50%;
  }
  .testimonial-area .para{
  vertical-align: top;
  line-height: 30px;
  font-size: 14px;
  }
  .testimonial-area .text-box:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -25px;
  left: 69px;
  border-top: 25px solid #0c0e12;
  border-right: 25px solid transparent;
  }
  .testimonial-area .author{
  position: relative;
  min-height: 80px;
  }
  .testimonial-area .image{
  position: absolute;
  left: 0;
  }
  .testimonial-area .content{
  padding-left: 80px;
  }
  .testimonial-area .rating{
  color: #099bd7;
  margin: 10px 0;
  }
  .testimonial-area h4{
  margin: 0;
  text-transform: capitalize;
  font-size: 18px;
  color: #0c0e12;
  }
  .testimonial-area .job{
  text-transform: capitalize;
  font-style: italic;
  color: #0c0e12;
  font-size: 13px;
  }
  .testimonial-area .owl-carousel .owl-dots.disabled,
  .testimonial-area .owl-carousel .owl-nav.disabled{
    display: block;
  }
  .testimonial-area .owl-carousel .owl-nav{
   width: 100%;
   margin-top: 30px;
  }
  .testimonial-area .owl-carousel .owl-nav .owl-next,
  .testimonial-area .owl-carousel .owl-nav .owl-prev{
    color: #14141c;
    left: 50%;
    position: absolute;
    background: #08090c;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 27px;
    font-size: 12px;
  }
  .testimonial-area .owl-carousel .owl-nav .owl-prev{
  left: 47%;
    margin-right: 15px;
  }
  .testimonial-area .owl-carousel .owl-nav .owl-next:hover,
  .testimonial-area .owl-carousel .owl-nav .owl-prev:hover{
    background-image: linear-gradient(to right, #edbe7b, #563d2a);
    color: #0c0e12;
  }
/*---------- Testimonial-slider-two -----------*/
#testimonial_slider-two .author{
  text-align: center;
}
#testimonial_slider-two .text-box{
  background: transparent;
    text-align: center;
    color: #0c0e12;
    margin: 0 auto;
  max-width: 700px;
  padding: 0 0 25px 0;
}
#testimonial_slider-two .image {
  width: 80px;
  height: 80px;
  text-align: center;
  margin: 0 auto;
  position: relative;

}
#testimonial_slider-two .text-box::after{
  display: none;
}
#testimonial_slider-two .content{
  padding: 0;
  margin-top: 15px;
}
#testimonial_slider-two.owl-carousel .owl-nav .owl-next, #testimonial_slider-two.owl-carousel .owl-nav .owl-prev{
  background: #0c0e12;
  color: #14141c;
}
#testimonial_slider-two.owl-carousel .owl-nav .owl-next:hover,
 #testimonial_slider-two.owl-carousel .owl-nav .owl-prev:hover{
   background: #14141c;
   color: #0c0e12;
 }

/*------------------------------------------------------------------*/
/*  18) DENSITY BLOG
/*------------------------------------------------------------------*/

.density_tm_blog_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 50px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_blog_wrap .blog_list_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_blog_wrap .blog_list_wrap ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_blog_wrap .blog_list_wrap ul li{margin: 0px;}
.density_tm_blog_wrap .blog_list_wrap ul li .inner{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  margin-bottom: 50px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_blog_wrap .blog_list_wrap ul li:last-child .inner{margin-bottom: 0px;}
.density_tm_blog_wrap .definitions_wrap{
  width: 100%;
    height: auto;
    clear: both;
    float: left;
    background-color: #0c0e12;
    padding: 30px 30px 33px 30px;
    /* border: 1px solid #e5e5e5; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);
}
.density_tm_blog_wrap .definitions_wrap .title_holder h3{
  font-size: 30px;
  line-height: 1;
  font-weight: 400;
  color: #14141c;
  margin-bottom: 20px;
}
.density_tm_blog_wrap .definitions_wrap .title_holder h3 a{
  text-decoration: none;
  color: #181a2f;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_blog_wrap .definitions_wrap .title_holder h3 a:hover{color: #edbe7b;}
.density_tm_blog_wrap .definitions_wrap .info_wrap{
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.density_tm_blog_wrap .definitions_wrap .short_info span{
    position: relative;
    color: #0c0e12;
    font-size: 14px;
    padding-right: 15px;
}
.density_tm_blog_wrap .definitions_wrap .short_info span:last-child{padding-right: 4px;}
.density_tm_blog_wrap .definitions_wrap .short_info .date:after,
.density_tm_blog_wrap .definitions_wrap .short_info .by:after,
.density_tm_blog_wrap .definitions_wrap .short_info .category:after{
    position: absolute;
    content: "";
    width: 1px;
    height: 12px;
    background-color: #ccc;
    top: 2px;
    margin-left: 8px;
}
.density_tm_blog_wrap .definitions_wrap .short_info a{
  text-decoration: none;
  color: #666;

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_blog_wrap .definitions_wrap .short_info a:hover{color: #edbe7b;}
.density_tm_blog_wrap .definitions_wrap .text{margin-bottom: 10px;}
.density_tm_blog_wrap .definitions_wrap .text p{
    margin-bottom: 10px;
    text-align: justify;
}
.density_tm_blog_wrap .definitions_wrap .continue{
    display: inline-block;
    padding-bottom: 3px;
}
.density_tm_blog_wrap .definitions_wrap .continue a{
  text-decoration: none;
  font-size: 16px;
  color: #14141c;
  line-height: 1.6;
  font-weight: 500;
}
.density_tm_sidebar_time{
  width: 100;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_sidebar_time .title_holder span{
  display: block;
    font-size: 20px;
    text-transform: inherit;
    color: #14141c;
    margin-bottom: 24px;
    position: relative;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.density_tm_sidebar_time .title_holder span:before{
  position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    background-image: linear-gradient(to right, #edbe7b, #563d2a);
    bottom: -4px;
    left: 0px;
}


.density_tm_sidebar_time .inner_list ul{
  margin: 0px;
  list-style-type: none;
}
.density_tm_sidebar_time .inner_list ul li{
  margin: 0px;
  border-bottom: 1px dashed #ccc;
  width: 100%;
  float: left;
  padding-bottom: 10px;
    margin-bottom: 10px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_sidebar_time .inner_list ul li:last-child{
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
}
.density_tm_sidebar_time .inner_list ul li .wrap{
  width: 100%;
  float: left;
}
.density_tm_sidebar_time .inner_list ul li .wrap .left,
.density_tm_sidebar_time .inner_list ul li .wrap .right{
  font-size: 14px;
  line-height: 1.5;
  color: #777;
  font-weight: 400;
}
.density_tm_sidebar_time .inner_list ul li .wrap .left{float: left;}
.density_tm_sidebar_time .inner_list ul li .wrap .right{
  float: right;
  color: #777;
  font-weight: 400;
}
.footer-widgets ul li a.text-blk:hover,
.density_tm_sidebar_time .inner_list ul li .wrap .left:hover{
  color: #edbe7b !important;
}

/*-----------------------------
  Project-Details
-------------------------------*/

.project-img-area li{
  display: inline-block;
  list-style: none;
}
.project-img-area li.img-grid{
    width: 70%;
  margin-right: 30px;
  float: left;
}

.project-img-area li.client-grid .pro-client h6{
  font-size: 16px;
  color: #14141c;
}
.project-img-area li.client-grid .pro-client p{
  margin-bottom: 25px;
}
.project-img-area li.client-grid .pro-client a{

  background: #edbe7b;
    color: #0c0e12;
    padding: 10px 25px;
    margin-top: 30px;
    display: block;
}
.project-img-area li.client-grid .pro-client a:hover{
  background: #14141c;
}
.related-project h3,
.pro-inner-des h3{
  color: #14141c;
    margin-top: 40px;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.pro-inner-des p{
  padding-bottom: 10px;
}

/*------------------------------------------------------------------*/
/*  19) DENSITY BLOG SINGLE
/*------------------------------------------------------------------*/

.density_tm_blog_single_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 150px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_blog_single_wrap .subtitle p{
  font-size: 16px;
    color: #777;
  margin-bottom: 50px;
}
.density_tm_blog_single_wrap .image_holder_blog{margin-bottom: 50px;}
.density_tm_blog_single_wrap .commentbox{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  background-color: #eee;
  padding: 40px 40px 60px 40px;
  overflow: hidden;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_blog_single_wrap .comment_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_blog_single_wrap .comment_wrap:before{
  position: absolute;
  content: "";
  width: 150%;
  height: 1px;
  background-color: #e5e5e5;
  top:100%;
  left: -100px;
}
.density_tm_blog_single_wrap .comment_wrap .title{margin-bottom: 30px;}
.density_tm_blog_single_wrap .comment_wrap .title h3{
  font-size: 24px;
  color: #777;
  letter-spacing: -0.25px;
  font-weight: 400;

}
.density_tm_blog_single_wrap .commentbox .author_wrap{
  width: 100%;
  position: relative;
  margin-bottom: 36px;
}
.density_tm_blog_single_wrap .commentbox .image_author{
  width: 60px;
  height: 60px;
  border-radius: 100%;
  position: absolute;
  left: 0px;
}
.density_tm_blog_single_wrap .commentbox .image_author img{border-radius: 100%;}
.density_tm_blog_single_wrap .commentbox .definition{
  padding-left: 90px;
  position: relative;
  top: 6px;
}
.density_tm_blog_single_wrap .commentbox .definition .title{
  font-size: 18px;
  letter-spacing: -0.25px;
  color: #777;
  font-family:"Ubuntu";
  font-weight: 400;
}
.density_tm_blog_single_wrap .commentbox .definition p span{
  font-size: 14px;
  color: #777;
  position: relative;
}
.density_tm_blog_single_wrap .commentbox .definition p span:before{
  position: absolute;
  content: "";
  width: 14px;
  height: 1px;
  background-color: #777;
  top: 50%;
  left: 100%;
  margin-left: 3px;
}
.density_tm_blog_single_wrap .commentbox .definition p a{
  text-decoration: none;
  color: #ff8f03;
  font-size: 14px;
  padding-left: 21px;
}
.density_tm_blog_single_wrap .commentbox .full_definition{
  padding-left: 90px;
  margin-bottom: 44px;
}
.density_tm_blog_single_wrap .commentbox .full_definition p{
  font-size: 14px;
  color: #777;
  line-height: 1.7;
}
.density_tm_blog_single_wrap .commentbox .full_definition p a{
  text-decoration: none;
  color: #ff8f03;
}
.density_tm_blog_single_wrap .replybox{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  padding-top: 42px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_blog_single_wrap .replybox .title{margin-bottom: 24px;}
.density_tm_blog_single_wrap .replybox .title h3{
  font-size: 24px;
  color: #777;
  letter-spacing: -0.25px;
  font-weight: 400;
}
.density_tm_blog_single_wrap .density_tm_contact_wrap{margin-bottom: 0px;}
.density_tm_blog_single_wrap .density_tm_contact_wrap input{
  background-color: #f9f9f9 !important;
}
.density_tm_blog_single_wrap .density_tm_contact_wrap textarea{
  background-color: #f9f9f9 !important;
}
.empty_notice{
  color: #FF0004;
  margin-bottom: 7px;
  display: none;
}
.contact_error{color: rgba(255,0,4,1.00);}
.returnmessage{
  color:#0064FF;
  margin-bottom: 7px;
}
/*----------------------*/
/*   wapper-page       */
/*----------------------*/
.top-wapper{
  background: #f9f9f9;
    width: 100%;
    height: 300px;
    display: table;
}
.inner-wapper{
    display: table-cell;
    vertical-align: middle;
}
.inner-wapper h3{
  margin-bottom: 40px;
    position: relative;
    color: #14141c;
    font-size: 40px;
    text-transform: capitalize;
}
/*------------------------
  Time-line
-------------------------*/
.main-timeline{ position: relative;clear: both; }
.main-timeline:before{
    content: "";
    width: 5px;
    height: 100%;
    background: #eaeaea;
    position: absolute;
    top: -40px;
    left: 50%;
}
.main-timeline .timeline{
    position: relative;
    margin-bottom: 20px;
}
.main-timeline .timeline:before,
.main-timeline .timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}
.main-timeline .timeline-icon{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #0c0e12;
    border: 3px solid #eaeaea;
    margin: 0 auto;
    position: absolute;
    top: 0px;
    left: 6px;
    right: 0;
    z-index: 1;
}
.main-timeline .timeline-content{
  width: 42%;
    padding: 20px;
    background: #eaeaea;
    float: left;
    margin-top: 8px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.main-timeline .timeline-content:before{
    content: "";
    width: 10%;
    height: 5px;
    background: #eaeaea;
    position: absolute;
    top: 0;
    right: -10%;
}
.main-timeline .title{
    font-size: 24px;
    font-weight: 600;
    color: #14141c;
    text-transform: capitalize;
    padding: 5px 0;
    position: relative;
    margin-bottom: 20px;
}
.main-timeline .title::before{
  content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #14141c;
}

.main-timeline .year{
  color: #edbe7b;
}
/* .main-timeline .description{
    font-size: 16px;
} */
.main-timeline .timeline-content.right{
    float: right;
}
.main-timeline .timeline-content.right:before{
    left: -10%;
}
@media only screen and (max-width: 767px){
    .main-timeline:before{
        left: 0;
    }
    .main-timeline .timeline-icon{
        left: -8px;
        margin: 0;
    }
    .main-timeline .timeline-content{
        width: 90%;
        float: right;
    }
    .main-timeline .timeline-content:before{
        left: -10%;
    }
}
/*------ Search-bar --------*/
.sidebar-search-form {
    position: relative;
}
.sidebar-search-form input {
    border: 1px solid #f1f1f1;
    height: 42px;
    line-height: 24px;
    padding: 8px 20px;
    width: 100%;
}
.sidebar-search-form button {
    background-color: transparent;
    border: medium none;
  color: #3e3e3e;
  cursor: pointer;
    height: 42px;
    padding: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
}
.sidebar-search-form button i {
    display: block;
    font-size: 18px;
    line-height: 42px;
}
.tags-cloud {
    float: left;
    width: 100%;
}
 .tags-cloud a {
    background-color: #f7f7f7;
    border-radius: 5px;
    color: #999999;
    display: block;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0 15px;
    text-transform: capitalize;
}
.tags-cloud a:hover{
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
  color:#0c0e12;
}
/*------- author-bio----------*/
/*-- Author Bio --*/
.co-author-bio {
  background-color: #f7f7f7;
  padding: 40px;
  overflow: hidden;
  }

  /*-- Image --*/
  .co-author-bio .image {
  width: 88px;
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  }
  .co-author-bio .image img {
  width: 100%;
  }

  /*-- Content --*/

  .co-author-bio .content{
    overflow: hidden;
  }
  .co-author-bio .content h5 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  }


  /*-- Social --*/
  .co-author-bio .content .author-social{
    padding-top:20px;
  }
  .co-author-bio .content .author-social a {
  color: #999999;
  display: block;
  float: left;
  margin-right: 20px;
  }
  .co-author-bio .content .author-social a i {
  display: block;
  font-size: 18px;
  line-height: 20px;
  }
  .co-author-bio .content .author-social a:hover {
  color: #edbe7b;
  }
  .fix{
    overflow: hidden;
  }
  .float-left{
    float: left;
  }
  /*-- Comment Wrapper --*/
.co-comment-wrapper {
  margin-top: 80px;
  }
  .co-comment-wrapper .comment-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 38px;
  }
  .co-single-comment {
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 30px;
  padding-bottom: 24px;
  }

  /*-- Image --*/
  .co-single-comment .image {
  border-radius: 50%;
  margin-right: 20px;
  overflow: hidden;
  width: 88px;
  }
  .co-single-comment .image img {
  width: 100%;
  }
  .co-comment-list li {
    list-style: none;
  }
  .co-comment-list li .child-comment {
    padding-left: 100px;
}
.co-single-comment .content .head{
  display: inline-block;
  margin-bottom: 10px;
}
.co-single-comment .content .reply {
    color: #3e3e3e;
    float: right;
    line-height: 24px;
    padding: 0 5px;
}
.co-comment-form input[type="text"], .co-comment-form input[type="email"] {
  border: 1px solid #eeeeee;
    width: 32%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    float: left;
    margin: 0px 10px 20px 0;
    padding: 7px 15px;
}

.co-comment-form textarea {
    border: 1px solid #eeeeee;
    width: 100%;
    height: 120px;
    line-height: 24px;
    font-size: 14px;
    padding: 7px 15px;
}
/*------------------------------------------------------------------*/
/*  20) DENSITY CONTACT
/*------------------------------------------------------------------*/

.density_tm_main_contact_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_main_contact_wrap .office_list{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 40px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_main_contact_wrap .office_list ul{
  margin: 0px 0px 0px -30px;
  list-style-type: none;
}
.density_tm_main_contact_wrap .office_list ul li{
  margin: 0px 0px 30px 0px;
  float: left;
  width: 33.3333%;
  padding-left: 30px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_main_contact_wrap .office_list ul li .inner{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_main_contact_wrap .office_list ul li .image_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_main_contact_wrap .office_list ul li .image_wrap .image{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.density_tm_main_contact_wrap .office_list ul li:nth-child(1) .image_wrap .image{background-image: url(../img/contact/1.jpg);}
.density_tm_main_contact_wrap .office_list ul li:nth-child(2) .image_wrap .image{background-image: url(../img/contact/2.jpg);}
.density_tm_main_contact_wrap .office_list ul li:nth-child(3) .image_wrap .image{background-image: url(../img/contact/3.jpg);}
.density_tm_main_contact_wrap .office_list ul li .definitions_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_main_contact_wrap .office_list ul li .definitions_wrap .office{
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  padding: 22px 80px 22px 40px;
  background-color: #1d1d1d;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_main_contact_wrap .office_list ul li .definitions_wrap .office h3{

  font-size: 22px;
  color: #eeeeee;
  font-weight: 400;
}
.density_tm_main_contact_wrap .office_list ul li .definitions_wrap .office .icon{
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 60px;
  background-image: linear-gradient(to right, #edbe7b, #563d2a);
}
.density_tm_main_contact_wrap .office_list ul li .definitions_wrap .office .icon .svg{
  position: absolute;
  color: #0c0e12;
  font-size: 40px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.density_tm_main_contact_wrap .office_list ul li .short_info_wrap{
  width: 100%;
  height: auto;
  float: left;
  background-color: #0d0e13;
  padding: 35px 30px 45px 38px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_main_contact_wrap .office_list ul li .short_info_wrap .row{margin-bottom: 8px;}
.density_tm_main_contact_wrap .office_list ul li .short_info_wrap .row:last-child{margin-bottom: 0px;}
.density_tm_main_contact_wrap .office_list ul li .short_info_wrap p,
.density_tm_main_contact_wrap .office_list ul li .short_info_wrap label,
.density_tm_main_contact_wrap .office_list ul li .short_info_wrap span{
  color: #999999;
  line-height: 1.5;
}
.density_tm_main_contact_wrap .office_list ul li .short_info_wrap span a{
  text-decoration: none;
  color: #0c0e12;
}
.density_tm_main_contact_wrap .contact_text{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 75px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_main_contact_wrap .contact_text p{
  font-size: 16px;
    line-height: 1.7;
}
.density_tm_main_contact_wrap .get_in_touch{margin-bottom: 30px;}
.density_tm_main_contact_wrap .get_in_touch h3{
  font-size: 24px;
  color: #14141c;
}
.density_tm_contact_wrap,
.density_tm_contact_wrap .get_in_touch_wrap,
.density_tm_contact_wrap .inner_wrap,
.density_tm_contact_wrap .inner_wrap .row{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_contact_wrap{
  position: relative;
  margin-top: -7px;
}
.density_tm_contact_wrap .inner_wrap .row{margin-bottom: 27px;}
.density_tm_contact_wrap .inner_wrap .row:last-child{margin-bottom: 0px;}
.density_tm_contact_wrap .leftbox{
  width: 65%;
  height: auto;
  float: left;
}
.density_tm_contact_wrap .leftbox .subtitle{margin-bottom: 60px;}
.density_tm_contact_wrap .leftbox .subtitle p{
  font-size: 18px;
  line-height: 1.6;
  color: #777;
}
.density_tm_contact_wrap .get_in_touch_wrap .title{margin-bottom: 34px;}
.density_tm_contact_wrap .get_in_touch_wrap .title h3{
  font-size: 24px;
  font-weight: 600;
  color: #777;
  letter-spacing: -0.25px;
}
.density_tm_contact_wrap .inner_wrap .row label{
  display: block;
  font-size: 14px;
  color: #777;
  line-height: 1.7;
  position: relative;
}
.density_tm_contact_wrap .inner_wrap .row label span{position: relative;}
.density_tm_contact_wrap .inner_wrap .row label span:before{
  position: absolute;
  content: "*";
  color: #efc142;
  left: 100%;
  margin-left: 4px;
}
.density_tm_contact_wrap .inner_wrap .row input{
  width: 340px !important;
  height: 40px !important;
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  margin-top: 9px;
}
.density_tm_contact_wrap .inner_wrap .row input:focus{
  outline: none;
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
}
.density_tm_contact_wrap .inner_wrap .row textarea{
  max-width: 600px;
  height: 220px !important;
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  margin-top: 9px;
}
.density_tm_contact_wrap .inner_wrap .row textarea:focus{
  outline: none;
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
}
.density_tm_contact_wrap .inner_wrap .row a{
  text-decoration: none;
    display: inline-block;
    background-image: linear-gradient(to right, #edbe7b, #563d2a);
    padding: 14px 25px;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #08090c;
    text-transform: uppercase;
    border-radius: 2px;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.density_tm_contact_wrap .inner_wrap .row a:hover{
  background-color: #14141c;
  color: #0c0e12;
}
.density_tm_contact_wrap .empty_notice{
  color: #FF0004;
  margin-bottom: 7px;
  display: none;
}
.density_tm_contact_wrap .contact_error{color: rgba(255,0,4,1.00);}
.density_tm_contact_wrap .returnmessage{
  color:#0064FF;
  margin-bottom: 7px;
}

/*------------------------------------------------------------------*/
/*  21) DENSITY FOOTER
/*------------------------------------------------------------------*/

.density_tm_footer{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}

.density_tm_subscribe_wrap,
.density_tm_subscribe_wrap .inner_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
 .density_tm_subscribe_wrap{
  padding-bottom: 38px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.density_tm_subscribe_wrap .inner_wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.density_tm_subscribe_wrap .left_wrap{
  display: flex;
  align-items: center;
  float: left;
}
.density_tm_subscribe_wrap .left_wrap .book svg{
  width: 50px;
  height: 50px;
  color: #ff8f03;
}
.density_tm_subscribe_wrap .left_wrap .text{
  margin-left: 20px;
}
.density_tm_subscribe_wrap .left_wrap .text p{
  font-size: 16px;
  font-weight: 300;
  color: #ccc;
}
.density_tm_subscribe_wrap .left_wrap .text p span{
  width: 16px;
  height: 1px;
  background-color: #ccc;
  display: inline-block;
  position: relative;
  top: -4px;
  margin: 0px 5px;
}
.density_tm_subscribe_wrap .right_wrap .email{
  width: 340px;
  height: 44px;
  background-color: rgba(245,245,245,0.05) !important;
  border: 1px solid rgba(229,229,229,.2) !important;
  font-size: 14px;
  color: #ccc;
}
.density_tm_subscribe_wrap .right_wrap .email:focus{outline: none;}
.density_tm_subscribe_wrap .right_wrap .button{
  width: 132px;
  height: 43px;
  background-color: #ff8f03;
  text-transform: uppercase;
  border: none;
  color: #14141c;
  margin-left: -5px;
  font-size: 14px;
  font-weight: 500;
}
.density_tm_subscribe_wrap .right_wrap .button:focus{
  border: none;
  outline: none;
}
.density_tm_list_wrap{
  width: 100%;
  height: auto;
  clear: both;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
.density_tm_list_wrap.footer{padding-top: 95px;}
.density_tm_list_wrap ul.density_list{
  margin: 0px;
  list-style-type: none;
}
.density_tm_list_wrap ul.density_list > li{
  margin: 0px;
  float: left;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */

  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

.density_tm_list_wrap[data-column="1"] ul.density_list > li{width: 100%;}
.density_tm_list_wrap[data-column="2"] ul.density_list > li{width: 50%;}
.density_tm_list_wrap[data-column="3"] ul.density_list > li{width: 33.3333%;}
.density_tm_list_wrap[data-column="4"] ul.density_list > li{width: 25%;}
.density_tm_list_wrap[data-column="5"] ul.density_list > li{width: 20%;}
.density_tm_list_wrap[data-space="0"] ul.density_list{margin-left: 0px;}
.density_tm_list_wrap[data-space="1"] ul.density_list{margin-left: 1px;}
.density_tm_list_wrap[data-space="2"] ul.density_list{margin-left: 2px;}
.density_tm_list_wrap[data-space="3"] ul.density_list{margin-left: 3px;}
.density_tm_list_wrap[data-space="4"] ul.density_list{margin-left: 4px;}
.density_tm_list_wrap[data-space="5"] ul.density_list{margin-left: 5px;}
.density_tm_list_wrap[data-space="10"] ul.density_list{margin-left: -10px;}
.density_tm_list_wrap[data-space="20"] ul.density_list{margin-left: -20px;}
.density_tm_list_wrap[data-space="30"] ul.density_list{margin-left: -30px;}
.density_tm_list_wrap[data-space="40"] ul.density_list{margin-left: -40px;}
.density_tm_list_wrap[data-space="50"] ul.density_list{margin-left: -50px;}
.density_tm_list_wrap[data-space="60"] ul.density_list{margin-left: -60px;}
.density_tm_list_wrap[data-space="70"] ul.density_list{margin-left: -70px;}
.density_tm_list_wrap[data-space="80"] ul.density_list{margin-left: -80px;}
.density_tm_list_wrap[data-space="0"] ul.density_list > li{padding: 0px;}
.density_tm_list_wrap[data-space="1"] ul.density_list > li{padding-left: 1px; margin-bottom: 1px;}
.density_tm_list_wrap[data-space="2"] ul.density_list > li{padding-left: 2px; margin-bottom: 2px;}
.density_tm_list_wrap[data-space="3"] ul.density_list > li{padding-left: 3px; margin-bottom: 3px;}
.density_tm_list_wrap[data-space="4"] ul.density_list > li{padding-left: 4px; margin-bottom: 4px;}
.density_tm_list_wrap[data-space="5"] ul.density_list > li{padding-left: 5px; margin-bottom: 5px;}
.density_tm_list_wrap[data-space="10"] ul.density_list > li{padding-left: 10px; margin-bottom: 10px;}
.density_tm_list_wrap[data-space="20"] ul.density_list > li{padding-left: 20px; margin-bottom: 20px;}
.density_tm_list_wrap[data-space="30"] ul.density_list > li{padding-left: 30px; margin-bottom: 30px;}
.density_tm_list_wrap[data-space="40"] ul.density_list > li{padding-left: 40px;}
.density_tm_list_wrap[data-space="50"] ul.density_list > li{padding-left: 50px; margin-bottom: 50px;}
.density_tm_list_wrap[data-space="60"] ul.density_list > li{padding-left: 60px; margin-bottom: 60px;}
.density_tm_list_wrap[data-space="70"] ul.density_list > li{padding-left: 70px; margin-bottom: 70px;}
.density_tm_list_wrap[data-space="80"] ul.density_list > li{padding-left: 80px; margin-bottom: 80px;}

.density_tm_list_wrap .list_inner{
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
      box-sizing: border-box; /* Opera/IE 8+ */
}
/*---------------------------------------------------*/
/*  22) Footer
/*---------------------------------------------------*/
.footer-area{
  background: #272727;
}
.footer-widgets{
  padding-bottom: 50px;
  color:#0c0e12;
}
.footer-widgets h3 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 15px 0 20px;
  color: #0c0e12;
}
.footer-widgets p{
margin-bottom: 20px;
color: #ccc
}
.footer-widgets ul {
  list-style: outside none none;
  margin: 0 0 20px;
  padding:0;
}
.footer-widgets ul li {
  margin-bottom: 15px;
  position:relative;

}
.widget_recent_entries ul li{
  border-bottom: none;
  margin: 0px;
  margin-top: 10px;
}
.footer-widgets ul li i.fa {
  margin-right: 10px;
  color:#0c0e12;
  font-size: 18px;
}
.footer-widgets ul li a {
  display: inline-block;
  color: #0c0e12;
}
.footer-widgets ul li a:hover {
  color: #b7b7b7;
}
.footer-widgets.post-img ul li{
display: table;
}
.footer-widgets.post-img ul li .date-post {
position: relative;
display: block;
left: 0;
top: 0;
color: #b7b7b7;
}
.footer-widgets.post-img ul li .post-des {
display: table-cell;
position: relative;
top: 0px;
left: 10px;
display: table-cell;
vertical-align: top;
}
.bottom_wrap{
  background: #1d1d1d;
  padding: 50px 0;
}
.copyright{
  color: #0c0e12;
  color: #0c0e12;
    text-align: center;
}
.copyright a{
  color: #0c0e12;
}
.copyright a:hover{
  color:#b7b7b7;
}
.footer-social-icon{

}
.footer-social-icon ul{
    text-align: center;
    margin-bottom: 10px;
}
.footer-social-icon ul li{
    display: inline-block;
    margin: 0 10px;
}
.footer-social-icon ul li a{
  font-size: 25px;
    color: #0c0e12;
}
.footer-social-icon ul li a:hover{
color:#edbe7b;
}
/*---------------------------------------------------*/
/*  22) DENSITY TO TOP
/*---------------------------------------------------*/

.density_tm_wrapper_all[data-border="none"] .density_tm_totop{left: 415px;}
.density_tm_totop{
  position: fixed;
    bottom: 0px;
    left: 425px;
    width: 51px;
    height:60px;
    z-index: 999999;
    overflow: hidden;
    display: block;
    text-align: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}
.density_tm_totop .shape{
  display: block;
    width: 29px;
    height: 29px;
    background-color: #edbe7b;
    position: absolute;
    left: 11px;
    top: 0px;
    border-radius: 2px;
}
.density_tm_totop .shape:after{
  width: 0px;
    height: 0px;
    position: absolute;
    content: '';
    border: 5px solid transparent;
    border-bottom-color: #edbe7b;
    top: 7px;
    left: 10px;
  z-index: 2;
}
.density_tm_totop.opened{
  visibility: visible;
  bottom: 20px;
}
.density_tm_wrapper_all[data-border="none"] .density_tm_totop.opened{    bottom: 15px;
    color: #edbe7b;
    font-size: 30px;}
.density_tm_totop .name{
  position: absolute;
    left: 0px;
    right: 0px;
    top: 45px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1;
    color: #0c0e12;
    letter-spacing: 0px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.density_tm_totop .name:hover{color: #edbe7b;}

/*------------------------------------------------------------------*/
/*  23) DENSITY MEDIA QUERIES (FOR SMALL DEVICES)
/*------------------------------------------------------------------*/

@media (max-width: 1600px) {
  .density_tm_universal_wrap .rightbox .image_holder{max-width: 400px;}
  .density_tm_main_responsibility_wrap .experience_list ul li{width: 50%;}
  .portfolio-grid-2-space{width: 47%;margin: 10px;}
}
@media (max-width: 1400px) {
  .density_tm_highlights_wrap ul li{width: 45%;}
  .density_tm_universal_wrap .leftbox.about{width: 100%;min-width: 100%;margin-bottom: 100px;}
  .density_tm_universal_wrap{flex-direction: column;}
  .density_tm_universal_wrap .rightbox{margin-left: 0px;}
  .density_tm_universal_wrap .rightbox .about_wrap{padding-left: 40px;float: left;}
  .density_tm_services_wrap ul li{width: 50%;}
  .counter-section .inner_wrap ul li{width: 50%; margin-bottom: 40px;}
  .team-section .inner_wrap ul li{width: 50%;}
  .pricing-area ul li{width: 45%;}
  .portfolio-grid-3{width: 50%}
  .portfolio-grid-3-space{width: 42%;}
  .logo_wrap{width:219px}

  .portfolio-section-two .container {
    padding: 0 0 0 40px;
  }
  .density_tm_other_services_wrap .services_list_wrap ul li{
    width: 100%;
  }

  .density_tm_home_blog_wrap .inner_wrap ul li{width: 50%;}
  /* .density_tm_services_wrap ul li:last-child{width: 100%;} */
  .density_tm_main_responsibility_wrap .content_inner_wrap{flex-direction: column;align-items: flex-start;}
  .density_tm_experience_box{margin-right: 0px;margin-bottom: 50px;}
  .density_tm_home_project_wrap{flex-direction: column;}
  .density_tm_home_project_wrap .leftbox{width: 100%;max-width: 100%;}
  .density_tm_home_project_wrap .rightbox{padding-left: 0px;}
  .density_tm_all_item_link.project{margin-bottom: 67px;}
  .density_tm_subscribe_wrap .inner_wrap{display: block;}
  .density_tm_subscribe_wrap .left_wrap{width: 100%;margin-bottom: 30px;}
  .density_tm_subscribe_wrap .right_wrap{width: 100%;float: left;display: flex;}
  .density_tm_portfolio_list{margin: 0px;}
  .density_tm_portfolio_list > li{width: 100%;padding-left: 0px;}
  .density_tm_about_counter_wrap .inner_counter .inner_rightbox{padding: 67px 7% 60px 7%;}
  .density_tm_about_team_wrap ul li{width: 33.3333%;}
  .density_tm_main_contact_wrap .office_list ul li{width: 100%;padding-left: 0px;}
  .density_tm_main_contact_wrap .office_list ul{margin: 0px;}

}
@media (max-width: 1200px) {
  .density_tm_rating_wrap .inner .leftbox:after{display: block;}
  .density_tm_rating_wrap .inner .rightbox{display: none;}
  .density_tm_rating_wrap .inner .leftbox{width: 100%;min-width: cacl(100%-80px);}
  .density_tm_list_wrap[data-column="5"] ul.density_list > li{width: 25%;}
  .density_tm_justified_content{display: block;}
  .density_tm_justified_content .leftpart{margin-bottom: 60px;}
  .density_tm_justified_content .rightpart{margin-left: 0px;width: 100%;min-width: 100%;float: left;}
  .density_tm_twicebox_wrap{display: block;}
  .pricing-area ul li{width: 42%;}
  .portfolio-grid-2-space{width: 45%;}
  .density_tm_home_blog_wrap .inner_wrap ul li{width: 100%;}
  .density_tm_twicebox_wrap .leftbox{margin-right: 0px;margin-bottom: 60px;}
  .density_tm_twicebox_wrap .rightbox{width: 100%;min-width: 100%;}
  .density_tm_about_counter_wrap .inner_counter{display: block;}
  .density_tm_about_counter_wrap{padding: 0px 0px 60px 0px;}
  .density_tm_about_counter_wrap:before{width: 100%;background-color: #0f0f16;}
  .density_tm_about_counter_wrap .inner_counter .rightbox:before{position: absolute;content: "";top: 100px;left: -200px;right: -200px;bottom: -200px;background-color: #ff8f03;z-index: 1;}
  .density_tm_about_counter_wrap .inner_counter .inner_rightbox{position: relative;z-index: 2;background-color: #0c0e12;}
  .density_tm_about_counter_wrap .density_tm_counter_list li{width: 50%;}
  .density_tm_about_counter_wrap .inner_counter .leftbox{width: 100%;min-width: 100%;padding: 0px;}
  .density_tm_about_team_wrap ul li{width: 50%;}
  .density_tm_list_wrap[data-column="3"] ul.density_list > li{width: 50%;}
  .logo_wrap{width:219px}
  
  
}
@media (max-width: 1040px) {
  .density_tm_mobile_menu_wrap{display: block;}
  .density_tm_wrapper_all .main_leftpart{display: none;}
  .density_tm_wrapper_all .main_rightpart{padding-left: 0px;}
  .density_tm_title_holder h3{font-size: 42px;}
  .density_tm_list_wrap[data-column="4"] ul.density_list > li{width: 33.3333%;}
  .density_tm_list_wrap[data-column="5"] ul.density_list > li{width: 33.3333%;}
  .density_tm_totop{right: 20px;left: auto !important;    color: #edbe7b !important;}
  .density_tm_totop .name{color: #edbe7b !important; }
  .density_tm_home_blog_wrap .inner_wrap ul li{width: 50%;}
  .density_tm_list_wrap[data-column="3"] ul.density_list > li{width: 33%;}
  .density_tm_other_services_wrap .services_list_wrap ul li{
    width: 45%;
  }
  .logo_wrap{width:219px}


}
@media (max-width: 768px) {
  .density_tm_dropdown_wrap .adress_wrap{flex-direction: column;align-items: flex-start;}
  .density_tm_dropdown_wrap .adress_wrap .office_image{margin-bottom: 20px;}
  .density_tm_dropdown_wrap .input_list_wrap ul{margin: 0px;}
  .density_tm_dropdown_wrap .input_list_wrap ul li{width: 100%;padding-left: 0px;}
  .density_tm_highlights_wrap ul li{width: 100%;margin-bottom: 30px;}
  .team-section .inner_wrap ul li{width: 100%;}
  .pricing-area ul li{width: 100%;max-width: 400px; margin: 0 auto;float: none;}
  .team-section .team-item{max-width: 400px; margin: 0 auto 40px;}
  .density_tm_services_wrap ul li{width: 100%;padding-left: 0px;}
  .density_tm_services_wrap ul{margin: 0px;}
  .density_tm_request_wrap .inner_wrap .image_wrap{display: none;}
  .density_tm_request_wrap .inner_wrap{padding: 45px 20px 42px 20px}
  .density_tm_home_blog_wrap .inner_wrap ul{margin: 0px;}
  .density_tm_home_blog_wrap .inner_wrap ul li{width: 100%;padding-left: 0px;width: 100%;padding-left: 0px;max-width: 400px;
  margin: 0 auto;float: none;}
  .density_tm_home_blog_wrap .inner_wrap ul li .inner{margin-bottom: 30px;}
  .density_tm_list_wrap[data-column="2"] ul.density_list > li{width: 100%;}
  .density_tm_list_wrap[data-column="3"] ul.density_list > li{width: 50%;}
  .density_tm_list_wrap[data-column="4"] ul.density_list > li{width: 100%;}
  .density_tm_list_wrap[data-column="5"] ul.density_list > li{width: 100%;}
  .density_tm_totop{right: 10px;left: auto !important;}
  .density_tm_services_list_wrap ul{margin: 0px;}
  .density_tm_services_list_wrap ul li{width: 100%;padding-left: 0px;}
  .density_tm_service_single_wrap .leftbox .service_features ul{margin: 0px;}
  .density_tm_service_single_wrap .leftbox .service_features ul li{width: 100%;padding-left: 0px;}
  .density_tm_short_contact .text{margin-bottom: 30px;}
  .density_tm_short_contact{flex-direction: column;align-items: baseline;}
  .density_tm_short_contact .density_tm_button_wrap{width: 100%;}
  .density_tm_about_counter_wrap{margin-bottom: 75px;}
  .density_tm_about_team_wrap ul{margin: 0px;}
  .density_tm_about_team_wrap ul li{width: 100%;padding-left: 0px;}
  .density_tm_blog_single_wrap .commentbox .full_definition{padding-left: 0px;}
  .density_tm_contact_wrap .inner_wrap .row input{width: 100% !important;}
  .density_tm_contact_wrap .inner_wrap .row textarea{width: 100% !important;}
  .density_tm_responsibility_text_wrap .inner_wrap{display: block;}
  .density_tm_responsibility_text_wrap .inner_wrap .left{padding-right: 0px;margin-bottom: 30px;}
  .logo_wrap{width:219px}

}
@media (max-width: 600px) {
  .portfolio-grid-3{width:100%; }
  .portfolio-grid-3-space{width: 100%;}
  .portfolio-grid-2-space{width: 100%;    margin: 0 -20px 30px;}
  .density_tm_list_wrap[data-column="3"] ul.density_list > li{width: 100%;}
  .logo_wrap{width:219px}
  
}
@media (max-width: 480px) {
  .density_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .discover{margin-bottom: 20px;}
  .density_tm_main_responsibility_wrap .experience_list ul li{width: 100%;}
  .density_tm_justified_content .infobox{padding: 30px;}
  .density_tm_about_counter_wrap .density_tm_counter_list li{width: 100%;text-align: center;}
  .density_tm_blog_single_wrap .commentbox .image_author{display: none;}
  .density_tm_blog_single_wrap .commentbox .definition{padding-left: 0px;}
  .density_tm_other_services_wrap .services_list_wrap ul li{
    width: 100%;margin: 0 0 30px;
  }
  
}

/*------------------------ footer widget style --------------------*/
.top-footer a{font-family: 'ubuntu', sans-serif;font-size: 17px;color: #0c0e12;line-height: 24px;margin-top: -5px;}
.screen-reader-text{display: none;}
footer .comment-author-link{text-transform: capitalize; color: #9ca6bf; display: block;}
.widget{margin-bottom: 30px; margin-bottom: 20px; color: #0c0e12;font-size: 18px;}
.widget-title{margin-bottom: 10px;color: #0c0e12;font-size: 18px;}
.widget ul li a{font-family: 'ubuntu', sans-serif;line-height: 35px;position: relative;padding-left: 5px;}
#archives-2.widget ul li a,
#categories-2.widget ul li a{
    position: absolute;
    left: 0;
    line-height: 1.1; }
.post-date{    position: relative;
    display: block;
    left: 0;
    top: 0;
    color: #b7b7b7;}

#wp-calendar caption {display:none;}
.pad{display: none;}
#wp-calendar tbody td {color: #000;margin-bottom:10px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:1px solid #585858;padding:6px;}
#wp-calendar tbody td:hover {border-color:#edbe7b;}
#wp-calendar tbody td.pad {border:0; display: none;}
#wp-calendar tbody td#today {color:#0c0e12;background-color:#edbe7b;}
#wp-calendar tfoot td#prev a,#wp-calendar tfoot td#next a { display: none;color:#888;font-size:12px;font-weight:400;position:relative;text-transform:uppercase;bottom:-9px;margin-bottom:1px;}
#wp-calendar tfoot td#prev {text-align:left; display: none;}
#wp-calendar tfoot td#next {text-align:right; display: none;}
#wp-calendar thead th {border: none;font-size:13px;font-weight:400;color:#131212;text-align:center;padding-bottom:10px;}
#wp-calendar tbody td a,#wp-calendar tfoot td#prev a:hover,#wp-calendar tfoot td#next a:hover {color:#b58542;}
footer .tagcloud a{color: #0c0e12;font-family: 'ubuntu', sans-serif;font-size: 17px;line-height: 28px;
    border: 1px solid #e1e1e1; font-size:16px;border-radius: 5px;margin-top: 4px; margin-left:5px;padding: 0 12px;}
footer .tagcloud :hover{background: #edbe7b; color:#0c0e12;}
.bottom-footer a{color:#0c0e12;}

/* footer input box style start */
.footer-widgets > input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 0; font-size: 13px;color: #333;width: 190px;margin-left: -19px;letter-spacing: 0.5px;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
    height: 30px;vertical-align: middle;border: 1px solid #eee;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;
    -ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;margin-top: -16px;}
/* footer input box style end */

.footer-widgets > table {
    width: 100%;
    max-width: 100%;
    text-align: left;
     border-collapse: collapse;
    border-spacing: 0px;
    margin-bottom: 15px;
    color: #999;
    border: 1px solid #eee;
    border: none;
}
/*--------------------------------------------------------------
Footer Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom: 1.5em;padding: 5px 0;}
.gallery-item {display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin-bottom: -21px;
    margin-left: -5px;
    margin-right: 10px;}
.gallery-item  img{width: 100%;height: auto;padding: 5px;}
.gallery-columns-2 .gallery-item {max-width: 50%; }
.gallery-columns-3 .gallery-item {max-width: 30.33%;}
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%; }
.gallery-columns-8 .gallery-item {max-width: 12.5%; }
.gallery-columns-9 .gallery-item {max-width: 11.11%; }
.gallery-caption {display: block; }
/*------------------------ footer widget style End--------------------*/

/*------------------------ Sidebar widget style --------------------*/
.sidebar .cat-item a:before {content: "\f10c"; font-family: FontAwesome;font-style: normal;font-weight: normal;
    text-decoration: inherit;color: #555555;font-size: 12px;padding-right: 1.2em;position: relative;
}
.sidebar .widget_archives ul li:before {
  content: "\f07c"; font-family: FontAwesome;font-style: normal;font-weight: normal;
    text-decoration: inherit;color: #000;font-size: 12px;padding-right: 0.5em;position: relative;
}
.sidebar li{padding: 8px 0;color: #000;
    position: relative;}
    .sidebar .widget_archives li,
    .sidebar .widget_archives li {
      text-align: right;
    }
.widget li ul li{
  margin-left:15px;
}

.widget_nav_menu li ul li{margin-left: 20px;}

.sidebar .cat-item a{padding-left: 5px;
    position: absolute;
    left: 0;
    line-height: 1.1;}
.search-submit{display: none;}
.search-field{ display: inline-block;border-top: none;border-left: none;}
.sidebar-title{ display: block;
    font-size: 20px;
    text-transform: inherit;
    color: #14141c;
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.5px; }
.sidebar_widget a{color: #666;}
.sidebar_widget li{border-top: 1px dashed #ccc; padding: 5px;}
.postform{padding: 6px; width: 300px}
#archives-dropdown-3{padding: 6px; width: 250px}
.sidebar #wp-calendar { background-color:#000;width:100%;font-size:12px;font-weight:300;border-collapse:separate;border-spacing:8px;margin-left:-2px;}
.sidebar #wp-calendar caption {display:none;}
.sidebar #wp-calendar tbody td {margin-bottom:10px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:1px solid #585858;padding:6px;}
.sidebar #wp-calendar tbody td:hover {border-color:#3f51b5;}
.sidebar #wp-calendar tbody td.pad {border:0;}
.sidebar #wp-calendar tbody td#today {color:#0c0e12;background-color:#3f51b5;}
.sidebar #wp-calendar tfoot td#prev a,#wp-calendar tfoot td#next a {color:#888;font-size:12px;font-weight:400;position:relative;text-transform:uppercase;bottom:-9px;margin-bottom:1px;}
.sidebar #wp-calendar tfoot td#prev {text-align:left;}
.sidebar #wp-calendar tfoot td#next {text-align:right;}
.sidebar #wp-calendar thead th {font-size:13px;font-weight:400;color:#888;text-align:center;padding-bottom:10px;}
.sidebar #wp-calendar tbody td a,#wp-calendar tfoot td#prev a:hover,#wp-calendar tfoot td#next a:hover {color:#b58542;}
.textwidget{color: #666; text-align: justify;}
.recentcomments a{ margin-left: -15px }

.widget_tag_cloud .tagcloud a{
  color: #555555;font-family: 'Ubuntu','sans-serif';
 font-size: 17px !important;
 line-height: 28px;
  border: 1px solid #e1e1e1;
  border-radius:5px;
  margin-top: 10px;
  padding: 5px;
  margin-left: 5px;
  margin-bottom: 0px;
  display: inline-block;
    }
.widget_tag_cloud .tagcloud :hover{background: #edbe7b; color:#0c0e12;}
.search-form label{margin-bottom: 25px;border: 1px solid #f5f5f5; background: #08090c00;box-shadow: 1px 1.7px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0;line-height: 48px;height: 30px; padding: 0 20px; display: block;position: relative;}
.footer-widgets > .search-form .form-control {border: 0;box-shadow: none;font-weight: 400;padding: 0;position: relative;}
.sidebar-search > .search-form .form-control {margin-left:0px;margin-top:0px;border: 0;box-shadow: none;font-weight: 400;padding: 0;position: relative; width: 100%;}
.footer-widgets .sidebar-search .search-btn {background: transparent;position: absolute;right: 5px;top: 25%;font-size: 14px;-webkit- transform: translateY(-50%);
    transform: translateY(-50%); color: #0c0e12;border: none;}
.search-btn {background: transparent;position: absolute;right: 10px;top: 50%;font-size: 14px;-webkit- transform: translateY(-50%);
    transform: translateY(-50%); color: #000;border: none;}
.search-form input[type=submit]:hover{
    color: #333;
}
.search-form{
    position: relative;
}

.widget select {
  padding: 8px;
    width: 100%;
}

.comment-author-link{text-transform: capitalize; color: #707d9e;display: block;}

/*------------------------ Comment Button style --------------------*/
.commbtn{background-color:#3f51b5; color: #0c0e12;}

.service-icon{font-size: 35px;
    padding-bottom: 6px;
    display: block;}

.inner .image img{width:100%;height: auto;}
.density_tm_minibox h3 > a {color: #000;}
.density_tm_minibox p {color: #666;}
.widget_categories ul{list-style-type: none;}
.widget_categories .cat-item a{float: left;}
.widget_categories > ul > li.cat-item, .top-footer .widget_categories > ul > li.cat-item {
    padding: 10px 0;
    margin-top: -10px;
    position: relative;
    text-align: right;
    clear: both;
    text-transform: capitalize;
    transition: all .3s ease;
    display: inline-block;
    width: 90%;
    list-style: none;
    color: #000;
}
.sidebar_widget .children .cat-item{border-bottom: none;}
.children{margin-left: 20px;}
.widget_archive a{float: left;}
.widget_archive > ul > li {
    padding: 10px 0;
    position: relative;
    text-align: right;
    clear: both;
    text-transform: capitalize;
    transition: all .3s ease;
    display: inline-block;
    width: 90%;
    list-style: none;
    color: #000;
    border-top: none;
    border-bottom: 1px dashed #ccc;
}

/* widget footer style */
.footer-widgets .widget_archive a{float: left;}
.footer-widgets .widget_archive .footer_widget-title{margin-top: 10px;}
.footer-widgets .widget_archive > ul > li {
    padding: 10px 0;
    margin-top: -15px;
    position: relative;
    text-align: right;
    clear: both;
    text-transform: capitalize;
    transition: all .3s ease;
    display: inline-block;
    width: 100%;
    list-style: none;
    color: #0c0e12;
    border-bottom: 1px dashed #ccc;
}

.footer_widget .tag-cloud-link{padding:5px; }

.footer-widgets .widget_categories > ul > li.cat-item, .top-footer .widget_categories > ul > li.cat-item {
    position: relative;
    text-align: right;
    clear: both;
    text-transform: capitalize;
    transition: all .3s ease;
    display: inline-block;
    width: 100%;
    list-style: none;
    color: #0c0e12;
    border-bottom: 1px dashed #ccc;
    margin-top: -10px;
}

.footer-widgets #wp-calendar thead th {
    border: none;
    font-size: 13px;
    font-weight: 400;
    color: #0c0e12;
    text-align: center;
    padding-bottom: 10px;
}

.footer-widgets #wp-calendar tbody td {
    border: 1px solid #666;
    font-size: 13px;
    font-weight: 400;
    color: #0c0e12;
    text-align: center;
    padding-bottom: 10px;
}

.footer-widgets .tagcloud a{ margin-bottom: 10px; color: #0c0e12;margin-left: 0px; }

.footer-widgets .search-form .form-control { background:transparent;  border: 0;box-shadow: none;font-weight: 400;padding: 0;position: relative; width: 232px; margin-top: -18px;}

.footer_widget .recentcomments{border-bottom: 1px dashed #ccc; width: 100%;}

/* mobile logo */
.mobile img{max-width: 100%; width: auto; height: auto; display: block; margin: 0 auto; }

.sidebar_widget a:hover{color: #edbe7b;}
.sidebar_widget select{width: 300px;}
.widget_archive li{color: #000;}

.continue a{color: #666;
    border-bottom: 1px solid #ccc;}

.density_tm_highlights_wrap ul li .title_holder .definition h3 a{
  color: #0c0e12;
}

.footer_widget select{background: transparent; color: #0c0e12; width: 250px;}
.footer_widget select option{background: transparent; color: #000; width: 250px;}

#email{width:100%; margin-top: 10px;}
#author{width:100%; margin-top: 10px;}

/* menu setup */
.nav_wrap ul > li > ul > li > ul > li > a{
  display: none;
 }

a.page-numbers {
    background: #dddddd;
  color: #777;
    padding: 10px;
    margin-right: 10px;
}

span.current{
   background: #edbe7b;
  color: #0c0e12;
    padding: 10px;
    margin-right: 10px;
}
.section-spacing{margin-top: 50px;}
.nav .menu-sep {
    position: absolute;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #666;
    margin-top: 0px;
}

.comment-area .theme-title-one h4{
  margin-bottom: 20px;
}
.comment-edit-link{margin-right: 5px;}
.logged-in-as{margin-bottom: 10px;}
.sidebar_widget li{list-style-type: none; margin-left: -5px;}
.widget_nav_menu li{margin: 0px;
  border-top:1px dashed #ccc; width: 100%;padding-top: 10px;}
.widget_recent_comments li{margin: 0px;    border-top: none;
    border-bottom: 1px dashed #ccc;}
.widget_meta li{margin: 0px;border-top: none;
    border-bottom: 1px dashed #ccc;}
.widget_archive li{margin: 0px;}
.widget_categories li{margin: 0px;}
.sidebar-title:after{
  position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    background-image: linear-gradient(to right, #edbe7b, #563d2a);
    bottom: -4px;
    left: 0px;
}
.widget_recent_entries li{border-top: none;}
.url{color: #666;}
.extra{margin-left: -10px;}
.anch{margin-left: -10px;}
.tagc{display: block; font-size: 14px;}
.sidebar_widget li.cat-item{border-bottom: 1px dashed #ccc; border-top: none;}
.logo_wrap{margin-top: 20px;}
.shift{margin-left: 10px;}
.main_leftpart .menubar_wrap .search_wrap .search input[type=text] {
    width: 100% !important;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ececec;
    color: #999;
    padding-left: 30px !important;
    padding-bottom: 5px !important;
}
form{
  position: relative;
}
.search-button{
position: absolute;
    top: -12px;
    z-index: 1;
    color: #999;
    padding: 5px;
    background: transparent;
    border: none;
    left: -15px;
}
.main_leftpart .menubar_wrap .search_wrap .search input[type=search]:focus {
    outline: none;
    border-bottom: 1px solid #ececec;
}
.main_leftpart .menubar_wrap .search_wrap .search input[type=search] {
    width: 100% !important;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ececec;
    color: #999;
    padding-left: 30px !important;
    padding-bottom: 5px !important;
}
.wp-caption {
	width: auto !important;
}
.main_image_wrap > .image_definition > blockquote pre{
      width: 100%;
    max-width: 370px;
}
.sub-menu .nav-item .menu-sep::before {
    position: absolute;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #666;
}
 .menu-item-has-children .menu-item-has-children .menu-sep{
   margin: 10px 0
}

.sub-menu {
    width: 270px;
    background-color: #0c0e12;
    top: 0;
    position: absolute;
    left: 236px;
    padding: 30px;
    z-index: 15;
    border: 1px solid #0c0e12;
    border-left-color: transparent;
    opacity: 0;
    visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}



.density_tm_mobile_menu_wrap .menu_list_wrap > ul > li .sub-menu li
{
	list-style:none;
}

 .density_tm_animate_menu:hover li > .sub-menu {
    opacity: 1;
    visibility: visible;
}
.image_definition pre{
      max-width: 370px;
      width: 100%;
}
.pt-100
{
	padding-top:100px;
	padding-bottom:100px;
}
@media only screen and (max-width: 1040px) {

.active .sub-menu {
    width: 100%;
    background:none !important;
    position: relative !important;
    left:0 !important;
    padding: 30px;
    z-index: 15;
    border:none;

    opacity: 1 !important;
    visibility:visible !important ;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
}

h2 {
  font-weight: 600;
  color: #515764;
}

h4 {
  font-weight: 600;
  color: #edbe7b;
}


.search_wrap{
display:none;
}

.nav_wrap.scrollable{
background-color :080e12;
}


h2 {
  font-weight: 600;
  color: #515764;
}

h4 {
  font-weight: 600;
  color: #edbe7b;
}

.logo_wrap { margin-left: 50px;}

.density_tm_mobile_menu_wrap .hamburger_wrap .logo_wrap{ margin-left: 2px; max-height: 30px; max-width: 30px; margin-bottom: 10px; padding-top 10px;}