/*
Theme Name: Trankad Child
Theme URI: https://trankad.modeltheme.com
Template: trankad
Author: ModelTheme
Author URI: http://modeltheme.com/
Description: Construction WordPress Theme
Version: 1.0
Text Domain: trankad
Tags: fluid-layout, custom-header, custom-menu, featured-images, sticky-post, blog
*/

/* =Theme customization starts here
------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500&display=swap');


html {
  scroll-behavior: smooth;
}
#project-section .title-subtile-holder .section-title {
    font-family: raleway;
	font-weight:500;
}
.trankad-contact input, .trankad-contact textarea, .trankad-contact select {
    border-bottom: 2px solid #e5904f!important;
    color: #58585a;
}
.trankad-contact select {
    border: none;
    height: 50px;
	width: 100%;
}
.trankad-contact input:focus, 
.trankad-contact textarea:focus, 
.trankad-contact select:focus{
	border:2px solid #e5904f!important;
}
.trankad-contact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #58585a;
}
.trankad-contact ::-moz-placeholder { /* Firefox 19+ */
    color: #58585a;
}
.trankad-contact :-ms-input-placeholder { /* IE 10+ */
    color: #58585a;
}
.trankad-contact :-moz-placeholder { /* Firefox 18- */
    color: #58585a;
}
.navbar-header.col-md-3 {
    width: 100%;
    text-align: center;
}
header .col-md-9 {
    display: none;
}
.serv-hm .item {
    background-color: #fff;
    padding: 30px;
    box-shadow: #0000000d 0 0 10px;
	margin: 15px;
}
.serv-hm .vc_custom_heading {
    margin-top: 0;
}
.single article .article-content p, p, .post-excerpt {
    font-family: roboto!important;
	line-height: 26px!important;
}
.dark_title {
    color: #58585a;
}
footer .footer-top h3.widget-title, 
footer .footer-top .widget-title {
    text-transform: uppercase;
    font-family: 'Bebas Neue';
    font-weight: 500;
    font-size: 30px;
}
footer .widget-title:after{
	display:none;
}
.footer .container .copyright {
    border-top: none;
    color: #fff;
	padding: 15px 0;
}
.menu.nav-effect.nav-menu {
    margin: 0 auto;
}
#contact-section .vc_custom_heading {
    font-family: 'Bebas Neue';
    font-weight: 500;
    font-size: 51px;
}
.header1 #modeltheme-main-head,
.header-nav-actions .mt-search-icon{
    box-shadow: none;
    border: none;
}
#navbar .menu-item > a {
    border: none;
    font-size: 19px;
    font-weight: 600;
}
.back-to-top {
    background: black!important;
}
.button-sections a {
    font-size: 17px !important;
    padding: 15px 0 2px !important;
    font-weight: 500;
    color: #58585a!important;
    border-bottom: #e5904f solid 2px!important;
}
button.vc_general.vc_btn3 {
    background: none;
    border: #e5904f solid 2px!important;
}
header.header1 .header-nav-actions {
    display: none;
}
rs-slide:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000000a6;
    position: absolute;
    left: 0;
    top: 0;
}
#navbar .menu-item > a, 
.navbar-nav .search_products a, 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a {
    font-family: 'Bebas Neue';
    font-weight: 500;
    font-size: 26px;
}
.title-subtile-holder .section-title {
    font-weight: 400;
}
.services-section .vc_custom_heading {
    font-family: 'Bebas Neue';
    font-size: 38px;
    letter-spacing: 0px;
    font-weight: 500;
}
button.vc_general.vc_btn3 {
    font-family: 'Bebas Neue';
    font-size: 24px;
    letter-spacing: 0px;
    font-weight: 500;
    padding: 8px 15px;
}
.wpcf7-form .wpcf7-submit {
    font-family: 'Bebas Neue';
    font-size: 24px;
    letter-spacing: 0px;
    font-weight: 500;
}
.wpb_image_grid .wpb_image_grid_ul li.isotope-item {
    width: 33%;
    display: inline-block;
    position: static!important;
    padding: 5px;
}
.section-subtitle {
    font-family: 'Bebas Neue';
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 26px;
}
.services-section .box-shadow-column .vc_column-inner {
    border-top: #e5904f solid 25px;
}

@media only screen and (min-width: 768px){
	.header1 #navbar {
		display: flex!important;
	}
}

@media only screen and (max-width: 767px){
	.logo img, 
	.navbar-header .logo img {
		max-width: 70px !important;
	}
	.wpb_image_grid .wpb_image_grid_ul li.isotope-item {
		width: 49%;
	}
	.testimonials-container-1 .testimonail01-content p {
		font-size: 16px;
		width: 100%;
	}
}