/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/


@font-face {font-family: "Helvetica"; src: url("/wp-content/themes/dt-the7-child/Fonts/Helvetica/Helvetica Regular/@font-face/a64ff11d2c24584c767f6257e880dc65.eot"); 
	src: url("/wp-content/themes/dt-the7-child/Fonts/Helvetica/Helvetica Regular/@font-face/a64ff11d2c24584c767f6257e880dc65.eot?#iefix") format("embedded-opentype"), 
		url("/wp-content/themes/dt-the7-child/Fonts/Helvetica/Helvetica Regular/@font-face/a64ff11d2c24584c767f6257e880dc65.woff2") format("woff2"),
		url("/wp-content/themes/dt-the7-child/Fonts/Helvetica/Helvetica Regular/@font-face/a64ff11d2c24584c767f6257e880dc65.woff") format("woff"),
		url("/wp-content/themes/dt-the7-child/Fonts/Helvetica/Helvetica Regular/@font-face/a64ff11d2c24584c767f6257e880dc65.ttf") format("truetype"), url("/wp-content/themes/dt-the7-child/Fonts/Helvetica/Helvetica Regular/@font-face/a64ff11d2c24584c767f6257e880dc65.svg#Helvetica") format("svg"); 
}

*{
	font-family:"Helvetica" !important;
}

/***********
    FOOTER
***********/

.footer p, .section-3 p, .section-4 p, .section-5 p {
    margin: 0;
    line-height: normal;
     font-family: 'Roboto' !important;
	font-size: 16px !important;
}

.section-4 p.contact {
    padding: 0 0 10px 0;
}
.section-3 a,
.section-4 a{
	text-decoration: none;
}

p.about-us::after, p.contact::after {
    content: '';
    border-bottom: 5px solid #fff;
    display: block;
    width: 45px;
}

.section-5 p {
    margin: 0 0 10px 0;
}

img.wp-image-21 {
    border: 1px solid #fff;
}

section#block-15 {
    margin: 0;
	text-align:center;
}

.wf-container-footer .wf-container {
    display: flex;
    justify-content: center;
}




/***********************
 * HEADER
 * ********************/
header.header-bar, .ph-wrap.with-logo {
    background-image: linear-gradient(90deg, #cecece,transparent ,transparent) !important;
}

.branding, .logo-box {
    padding: 10px !important;
}

div#main {
    padding: 0 !important;
}

/****************
 * KEY PAGES ANIMATION
 * *************/
div#key-pages-zoom .vc_column-inner {
    padding: 0 !important;
}

div#key-pages-zoom {
    display: inline-block;
    padding: 50px;
}

div#key-pages-zoom .wpb_column.vc_column_container.vc_col-sm-3,
div#key-pages-zoom .wpb_column.vc_column_container.vc_col-sm-6{
    display: inline-block;
}
div#key-pages-zoom .wpb_column.vc_column_container.vc_col-sm-3{
    padding:2px;
    margin:
}

div#key-pages-zoom a{
    display:block;
}

div#key-pages-zoom .shortcode-single-image:hover{
    transform:scale(1.3);
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform: scale(1.3);
    z-index:1;
}
.shortcode-single-image.services-img,
.shortcode-single-image.spare-img {
    margin-top: 37px;
}

div#banner {
    min-height: auto !important;
}
.imageupload {
    display: table;
}
.imageupload .gfield_label {
    display: table-cell !important;
    vertical-align: middle;
}
.imageupload .gform_fileupload_rules {
    display: none;
}
/*********************
 * FEATURED PRODUCTS
 * ******************/
a.owl-prev, a.owl-next {
    padding: 10px;
}
a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-round.vc_btn3-style-flat.vc_btn3-color-danger.anchor-link {
    background-color: #e00024 !important;
}
div#featured {
    padding: 30px;
}

/*****************
 * LAST ROW
*****************/

div#last-row .vc_column-inner {
    padding: 50px !important;
}

/**********************
 * SALES PAGE
 **********************/
#fancy-header.titles-off .breadcrumbs {
    display: none!important;
}

/****************************
		RESPONSIVE
****************************/
@media (max-width:1024px){
	.main-nav > li > a .menu-text {
    font-size: 14px;
}

.main-nav > li > a {
    margin: 5px;
}
	footer#footer p {
    font-size: 12px !important;
}

#footer > .wf-wrap {
    padding: 0 20px;
}
}

@media (max-width:992px){
	.masthead:not(.side-header) .mobile-header-bar, .side-header.masthead-mobile-header .mobile-header-bar {
		padding-left: 0;
	}
	.footer .widget {
    width: 15%;
    padding: 10px;
}

section#block-11 {
    width: 30% !important;
}
}

@media (max-width:606px){
	.wf-container {
    display: inline-flex;
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
}

.footer .widget {
    width: 60% !important;
	text-align: center;
}

section#block-11 {
    width: 50% !important;
}

/* section#block-15 {
    text-align: left !important;
} */
.footer .widget p.about-us::after, .footer .widget p.contact::after {
    margin: 0 auto;
}
	footer#footer p, footer#footer p a {
		font-size: 16px !important;
		line-height: 1.3;
	}
}

@media all and (max-width:767px){
	div#banner {
    min-height: auto !important;
}
}



/**************************************************************************
 * ***************ABOUT PAGE**********************************************
**************************************************************************/
.relative-box {
    position: absolute;
    bottom: -81px;
    z-index: 1;
    width: 100%;
    text-align: right;
}

.red-box {
    border: 5px solid #fff;
    background: #e40107;
    position: relative;
    bottom: 115px;
    z-index: 2;
    width: 80%;
    display: inline-block;
    background-position-x: right;
    height: 122px;
    margin: 0 25px;
    -moz-transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    -o-transform: skew(-20deg, 0deg);
    -ms-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.header-white {
    left: -20px;
    border: 5px solid #fff;
    text-align: left;
    width: 50%;
    z-index: 3;
    background: #fff;
    position: relative;
    padding: 10px 20px;
    -moz-transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    -o-transform: skew(-20deg, 0deg);
    -ms-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.header-white h2 {
    text-align: center;
    -moz-transform: skew(20deg, 0deg);
    -webkit-transform: skew(20deg, 0deg);
    -o-transform: skew(20deg, 0deg);
    -ms-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
    margin: 0;
    padding: 20px 0;
    font-weight: 900;
    font-size: 40px;
    font-family: 'Roboto' !important;
}
div#about-banner .vc_column-inner {
    padding: 0;
}
div#about-content {
    color: #333;
    font-weight: 500;
    font-size: 25px;
    line-height: 40px;
    max-width: 900px;
    margin: 0 auto;
}

div#about-content p {
    margin: 0 0 30px 0;
}
/**************************************************************************
 * ***************ABOUT PAGE Responsive******************************
**************************************************************************/
@media all and (max-width:1024px){
	.header-white h2{
		font-size:30px;
	}
}
@media all and (max-width:767px){
	div#about-content {
    font-size: 16px;
    line-height: 21px;
}
	.header-white h2{
		font-size:90% !important;
		padding: 0;
	}
	.relative-box {
    height: 105px;
    bottom: 0;
}

div#about-banner .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_content_element {
    margin: 0 !important;
}

.red-box {
    height: 55px;
    bottom: 45px;
    width: 90%;
    margin: 0;
}

.wpb_raw_code.wpb_content_element.wpb_raw_html {
    margin: 0 !important;
}
	div#about-banner {
    min-height: auto !important;
}

div#about-banner img {
    height: 510px;
}

.header-white {
    padding: 0;
    bottom: -10px !important;
}
}

@media all and (max-width:414px){
	.header-white {
    width: 70%;
    left: -10px;;
}

.red-box {
    width: 88%;
    height: 50px;
    bottom: 39px;
}

.header-white h2 {
    line-height: normal;
    font-size: 80% !important;
    padding: 10px;
}

div#about-banner {
    min-height: auto !important;
}

div#about-banner img {
    height: 200px;
    width: 100%;
}
}
/**************************************************************************
 * ************************** CAREERS PAGE ******************************
**************************************************************************/

.page-id-244 p.red-box-content {
    transform: skew(20deg, 0deg);
    width: 65%;
    margin: 0 auto;
    position: absolute;
    color: #fff !important;
    right: 20px !important;
    font-size: 20px;
    display: flex;
    align-items: center;
    height: 100%;
    text-align: left;
}

.page-id-244 p.red-box-content {
    width: 80% !important;
    font-size: 25px;
}

.page-id-244 .header-white {
    width: 25%;
}
div#careers-contact-form .careers-text *, .privacy-notice h3, .privacy-notice p  {
    color: #000 !important;
}
.careers-column2-textcontent {
    padding: 50px 20px 0 50px;
}

div#careers-contact-form {
    padding: 0 50px 50px 50px;
}

h3.h3-header {
    font-size: 28px;
    margin: 0;
    line-height: normal;
    font-weight: 400;
/*     padding: 25px 0 10px 0; */
}
.careers-text {
    padding-bottom: 72px;
}

div#careers-contact-form .wpb_text_column.wpb_content_element {
    margin: 0 0 10px 0;
}

span#input_2_1_3_container {
    padding: 0;
}

.gform_body.gform-body input {
    margin: 0 !important;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #999;
}

input#input_2_5 {
    border: none !important;
    font-size: 20px !important;
    background-color: #fff !important;
    color: #cecece !important;
}

div#field_2_5 {
    display: inline-flex;
    width: 100% !important;
    justify-content: space-evenly;
}

span#gfield_upload_rules_2_5 {
    display: none;
}

span.gfield_required {
    display: none !important;
}

label.gfield_label {
    font-size: 25px !important;
    color: #cecece;
    margin: 0 !important;
}

.ginput_container.ginput_container_textarea {
    border: 1px solid #999;
    border-radius: 5px;
}

textarea#input_2_7::placeholder {
    font-size: 20px;
    padding: 10px;
}

.gform_body.gform-body input::placeholder {
    font-size: 20px;
    padding: 0 10px;
}

input#gform_submit_button_2 {
    margin: 0;
    transform: skew(15deg, 0deg);
    color: #ffcf00;
    background: none !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
}

.gform_footer.top_label {
    background-color: #e30007;
    width: 150px;
    height: 50px;
    padding: 0 !important;
    margin: 10px 0 !important;
    transform: skew(-15deg, 0deg);
    display: inline-flex;
    align-items: center !important;
    justify-content: center !important;
}
div#careers-mage {
    margin: 0 !important;
}
div#careers-banner .wpb_raw_code.wpb_content_element.wpb_raw_html {
    margin: 0 !important;
}

.page-id-244 .relative-box {
    position: absolute;
    bottom: -125px;
    z-index: 1;
    width: 100%;
    text-align: right;
}

/* Forms Pages */
.no-banner .relative-box2 {
    position: unset;
}


/**************************************************************************
 *************************** CAREERS PAGE Responsive **********************
**************************************************************************/
@media all and (max-width:1024px){
	.page-id-244 p.red-box-content {
    font-size: 16px;
}
}
@media all and (max-width:991px){
	div#careers-banner{
		min-height:auto !important;
	}
}
@media all and (max-width:767px){
.page-id-244 .relative-box {
    bottom: -31px;
}
	.page-id-244 p.red-box-content {
    font-size: 12px;
	line-height:normal;
	right: 0 !important;
}
	.careers-column2-textcontent{
		padding:50px 0;
	}
}
@media all and (max-width:414px){
	.page-id-244 .relative-box {
    bottom: -40px;
}
	.page-id-244 p.red-box-content {
    font-size: 10px;
	line-height:normal;
}
}
/**************************************************************************
 * ************************** SERVICE PAGE ******************************
**************************************************************************/
.page-id-254 div#main {
    background: #000;
}

div#post-grid1 .wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner {
/*     border-right: 2px solid #fff;
    border-bottom: 5px solid #fff; */
	width:99% !important;
	margin: 0 auto;
}
div#post-grid2 .wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner {
/*     padding-top: 50px !important; */
/*     border-top: 5px solid #fff;
    border-left: 2px solid #fff; */
	width:99% !important;
	margin: 0 auto;
}

/* .inquiry-button {
    position: absolute;
    bottom: 30px;
    left: 30px;
	z-index: 2;
}

.inquiry-button a {
    background-color: #e00024 !important;
    background: none;
    border: 1px solid #e00024 !important;
    color: #fff !important;
    font-size: 20px;
    padding: 15px 30px;
} */

.vc_gitem-zone.vc_gitem-zone-c {
    position: absolute;
    bottom: 0px;
    background: none !important;
    left: 60px;
}

.inquiry-button a {
    background-color: #e00024 !important;
    border: 2px solid #e00024 !important;
    background: none;
    font-size: 18px !important;
    margin: 0 !important;
    font-weight: 100 !important;
    padding: 10px 20px !important;
}

.post-grid .wpb_column.vc_column_container.vc_col-sm-12 .vc_grid-container-wrapper.vc_clearfix.vc_grid-animation-none {
    width: 95%;
    margin: 50px auto;
    display: block !important;
}

.vc_grid-item.vc_clearfix.vc_col-sm-6.vc_grid-item-zone-c-bottom.vc_visible-item {
    padding: 0;
}

.vc_gitem-animated-block {
    padding: 20px;
}

div#post-grid1 {
    border-right: 2px solid #fff;
    border-bottom: 3px solid #fff;
}

div#post-grid2 {
    border-top: 3px solid #fff;
    border-left: 2px solid #fff;
}
.vc_pageable-slide-wrapper.vc_clearfix {
    margin-right: 0 !important;
}
/**************************************************************************
 * ************************** PARTS INQUIRY ******************************
**************************************************************************/

.page.page-id-44 div#main {
    background-color: #000;
}

div#top-row {
    width: 100%;
    margin:50px auto;
}

.page.page-id-442 #main > .wf-wrap {
    width: 90%;
    margin: 0 auto !important;
}

div#top-row .vc_btn3-container.inquiry-button.vc_btn3-inline {
    margin: 0 !important;
    position: absolute;
    bottom: 50px;
    left: 20px;
}

div#top-row .vc_btn3-container.inquiry-button.vc_btn3-inline a {
    color: #fff !important;
    font-size: 20px !important;
    background-color: #fe140d !important;
}
div#top-row .vc_column-inner {
    padding: 10px 30px;
}
.vc_row.wpb_row.vc_inner.vc_row-fluid.spare-parts-inner {
    width: 80% !important;
    display: flex !important;
    margin: 50px auto;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.spare-parts-inner .vc_column-inner {
    padding: 0 !important;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.spare-parts-inner img {
    width: 100% !important;
}

/**************************************************************************
 * ************************** CONTACT PAGE ******************************
**************************************************************************/
.header-white2 {
    left: -20px;
    border: 5px solid #fff;
    text-align: left;
    width: 50%;
    bottom: -50px;
    z-index: 3;
    background: #fff;
    position: relative;
    padding: 10px 20px;
    -moz-transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    -o-transform: skew(-20deg, 0deg);
    -ms-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}
.header-white2 h2 {
    text-align: center;
    -moz-transform: skew(20deg, 0deg);
    -webkit-transform: skew(20deg, 0deg);
    -o-transform: skew(20deg, 0deg);
    -ms-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
    margin: 0;
    padding: 20px 0;
    font-weight: 900;
    font-size: 40px;
    font-family: 'Roboto' !important;
}
.red-box2 {
    border: 5px solid #fff;
    background: #e40107;
    position: relative;
    bottom: 64px;
    z-index: 2;
    width: 53%;
    display: inline-block;
    background-position-x: left;
    height: 130px;
    /* margin: 0 25px; */
    -moz-transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    -o-transform: skew(-20deg, 0deg);
    -ms-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
    left: 0;
}
.relative-box2 {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    text-align: left;
    height: 170px;
}

input#gform_submit_button_1, input#gform_submit_button_4, input#gform_submit_button_6, input#gform_submit_button_5  {
    background: none !important;
    transform: skew(15deg, 0deg);
    color: #ffcf00;
    text-transform: uppercase !important;
    font-size: 20px !important;
    margin: 0;
}


div#careers-contact-form {
    padding-top: 40px;
}

textarea#input_1_7::placeholder {
    font-size: 20px;
}

div#careers-contact-form .careers-column2-textcontent, div#careers-contact-form .careers-text {
    padding-top: 0;
}
div#careers-contact-form .careers-text p, .privacy-notice p {
    font-size: 28px;
    line-height: 35px;
}

.page-id-244 h3, .page-id-277 h3, .privacy-notice h3 {
    font-size: 30px;
}

p.font-18 {
    font-size: 18px !important;
    line-height: 23px !important;
}

div#careers-contact-form .careers-text a {
    text-decoration: none;
}
.no-banner .header-white2 {
    bottom: 0;
    left: 0;
}
.no-banner .red-box2 {
    bottom: 119px;
}
/***********************************************************
 * RESPONSIVE MEDIA RULES
 * ********************************************************/
@media all and (max-width: 1440px){
	.page-id-442 div#top-row .vc_btn3-container.inquiry-button.vc_btn3-inline {
		bottom: 2vw;
		left: 15px;
	}
}
.page-id-442 div#top-row .vc_column-inner {
	padding: 0 10px;
}

@media all and (max-width:1024px){
div#banner {
    min-height: 65.4255vh !important;
}
.red-box2 {
    bottom: 40px !important;
}

input#gform_submit_button_5 {
    background: none !important;
    transform: skew(15deg, 0);
    color: #ff3;
    text-transform: uppercase !important;
    font-size: 19px !important;
    margin: 0 !important;
}
ul.vc_tta-tabs-list {
    display: flex !important;
    height: 80px;
}

li.vc_tta-tab:first-child {
    height: 50px;
    display: flex !important;
    align-content: center;
    justify-content: center;
    padding: 10px 0 !important;
}

li.vc_tta-tab:first-child a {
    padding: 0 !important;
}
div#HinoTabs li.vc_tta-tab a {
    font-size: 20px;
}
div#services-banner {
    min-height: auto !important;
}
div#about-banner {
    min-height: auto !important;
}
.page.page-id-346 .no-banner .red-box2, .page.page-id-372 .no-banner .red-box2, .page.page-id-369 .no-banner .red-box2 {
    bottom: 119px !important;
    left: 25px;
}
	.page.page-id-442 #main > .wf-wrap {
		width: auto;
	}
	.page.page-id-442 div#top-row {
		margin: 0 auto;
	}
}

@media screen and (max-width:800px){
header#fancy-header {
    height:300px !important;
}
}

@media all and (max-width:900px){
.header-white2 h2 {
    font-size: 25px;
}

.header-white2 {
    padding: 0;
}
	div#banner {
    min-height: auto !important;
}
}
@media screen and (max-width:778px){
	.home #featured .gallery-carousel-shortcode a.owl-next {
		right: -50px;
	}
	.home #featured .gallery-carousel-shortcode a.owl-prev {
		left: -50px;
	}
}
@media screen and (max-width:768px){
div#key-pages-zoom {
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    margin: 0 auto;
}

div#key-pages-zoom .wpb_column.vc_column_container {
    width: 30%;
}

.shortcode-single-image {
    margin: 0 !important;
    min-height: 160px;
}

.fancy-media-wrap img {
    height: 160px !important;
    width: 100% !important;
}

div#belowbanner {
    display: inline-flex;
    width: 100%;
    margin: 50px auto 0 auto !important;
    flex-wrap: wrap;
}

/* div#belowbanner a>img {
    height: 135px;
} */
.careers-column2-textcontent{
    padding: 50px 0  0 0 !important;
}

div#careers-contact-form {
    padding-bottom: 0;
}
	div#belowbanner .vc_column_container>.vc_column-inner {
    width: 100%;
    display: flex;
    padding: 0 !important;
    justify-content: space-evenly !important;
}

div#belowbanner .wpb_column.vc_column_container.vc_col-sm-3 {
    display: inline-flex;
    width: 35%;
    margin: auto !important;
}

.wpb_single_image.wpb_content_element.vc_align_center {
    width: 100% !important;
}

.wpb_wrapper {
    width: 100%;
}
	div#careers-contact-form {
    padding: 30px 0;
}

.page.page-id-346 .no-banner .red-box2, .page.page-id-372 .no-banner .red-box2, .page.page-id-285 .no-banner .red-box2 {
    width: 100%;
    height: 100px;
    bottom: 90px !important;
}
.red-box2 {
    width: 100%;
}
.header-white2 {
    width: 90%;
    /* height: 100px; */
}
.header-white2 h2 {
    font-size: 20px;
}

}
@media all and (max-width: 480px){
	.vc_row.wpb_row.vc_inner.vc_row-fluid.spare-parts-inner {
		width: 100% !important;
	}
	div#key-pages-zoom .wpb_column.vc_column_container {
		width: 100%;
		margin: 10px;
	}
	.home .fancy-media-wrap,
	.home .shortcode-single-image-wrap {
		width: 100% !important;
/* 		min-height: 150px !important; */
	}
/* 	.fancy-media-wrap img {
		height: 200px !important;
		width: 100% !important;
	} */
	.home .fancy-media-wrap img {
		height: auto !important;
	}
	.home div#belowbanner .wpb_column.vc_column_container.vc_col-sm-3 {
		width: 100%;
	}
	.home .shortcode-single-image {
		min-height: auto;
	}
}
@media all and (max-width:415px){
.vc_gitem-zone.vc_gitem-zone-c {
    position: initial;
    display: flex;
    align-content: center;
    justify-content: center;
}
}