body {font-weight: 400; /*font-size: 20px; line-height: 30px;*/ font-size: 15px; line-height: 21px; color: #000;}
.full_width p,
.full_width ul,
.full_width ol {/*margin-bottom: 25px;*/ margin-bottom: 21px;}
.full_width p:last-child,
.full_width ul:last-child,
.full_width ol:last-child {margin-bottom: 0;}

.full_width ul {list-style: none;}
.full_width ul li {position: relative; padding-left: 12px;}
.full_width ul li:before {content: " "; position: absolute; top: 9px; left: 0; width: 6px; height: 5px; background-image: url(http://www.hinoottawa.com/wp-content/uploads/2016/12/puce.png);}

h1, h2 {font-weight: 700; /*font-size: 40px; line-height: 56px;*/ font-size: 38px; line-height: 40px; color: #be272d; text-transform: uppercase; margin-bottom: 30px; text-align: left;}
h6 {font-weight: 700; font-size: 23px; line-height: 35px; color: #000; margin: 0 0 30px; text-transform: uppercase; text-align: left;}

hr {border-color: #000; border-style: solid none none none; border-width: 1px; margin: 20px 0;}

.display-table {display: table; width: 100%; height: 100%;}
.display-cell {display: table-cell; height: 100%; vertical-align: middle;}
.display-cell-bottom {display: table-cell; height: 100%; vertical-align: bottom;}

.no-margin {margin: 0 !important;}

.qbutton {font-weight: 700; font-size: 15px; line-height: 20px; color: #000; border: solid 4px #000; height: auto; border-radius: 0; padding: 9px 28px; background-color: #fff; text-align: center;}
.qbutton:hover {background-color: #000; color: #fff; border: solid 4px #000;}

.header_bottom {padding: 0; position: relative; z-index: 111; background-color: #000 !important;}
header .container_inner .header_inner_left {width: 28%; top: -48px; height: 135px;
    /*background: #fff;
    background: -webkit-linear-gradient(-90deg, #d6d5d5, #fff 50%);
    background: -o-linear-gradient(-90deg, #d6d5d5, #fff 50%);
    background: -moz-linear-gradient(-90deg, #d6d5d5, #fff 50%);
    background: linear-gradient(-90deg, #d6d5d5, #fff 50%);*/
}
header .container_inner .header_inner_left:before {content: " "; display: block; position: absolute; top: 0; right: 0; width: 9999px; height: 100%; background-color: #fff;}
header .container_inner .header_inner_left:after {content: " "; display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%;
    background: #fff;
    background: -webkit-linear-gradient(-90deg, #d6d5d5, #fff 50%);
    background: -o-linear-gradient(-90deg, #d6d5d5, #fff 50%);
    background: -moz-linear-gradient(-90deg, #d6d5d5, #fff 50%);
    background: linear-gradient(-90deg, #d6d5d5, #fff 50%);
}
.logo_wrapper {position: relative; z-index: 1;}
.logo_wrapper a {position: relative; top: 24px;}
nav.main_menu {width: 72%;}
nav.main_menu>ul {/*background-color: #000;*/ margin-right: -9999px; padding-left: 70px;}
nav.main_menu>ul:after {content: " "; display: block; clear: both;}
nav.main_menu>ul>li.lang-link {display: none;}
nav.main_menu>ul>li>a {padding: 0; font-weight: 700; font-size: 12px; color: #fff !important;}
nav.main_menu>ul>li>a:hover {color: #c9c9c9 !important;}
nav.main_menu>ul>li>a>span:not(.plus) {padding: 0 17px; border-left: solid 1px #fff; line-height: 17px !important;}
nav.main_menu>ul>li:first-child>a>span:not(.plus) {border-left: none;}
header:not(.with_hover_bg_color) nav.main_menu>ul>li:hover>a {opacity: 1;}

nav.mobile_menu ul>li.has_sub>span.mobile_arrow {width: 100%; box-sizing: border-box;}
.dont_show {display: none !important;} 

.drop_down .second .inner>ul, li.narrow .second .inner ul {background-color: #000;}
.drop_down .second .inner ul li a, .drop_down .second .inner ul li h5 {font-weight: 700; font-size: 12px; color: #fff;}
.drop_down .second .inner ul li a:hover, .drop_down .second .inner ul li h5:hover {color: #c9c9c9;}

header.scrolled .header_top {background-color: #000 !important;}
.header_top {height: auto; background-color: #000 !important;}
.header_top .left {width: 28%; height: 48px;
    /*background: #fff;
    background: -webkit-linear-gradient(-90deg, #d6d5d5, #fff 50%);
    background: -o-linear-gradient(-90deg, #d6d5d5, #fff 50%);
    background: -moz-linear-gradient(-90deg, #d6d5d5, #fff 50%);
    background: linear-gradient(-90deg, #d6d5d5, #fff 50%);*/
}
.header_top .right {width: 72%; height: 48px; /*background-color: #000; padding-right: 9999px; margin-right: -9999px;*/}
.header_top .right:after {content: " "; display; clear: both;}
.header_top .right>.inner {float: right;}
.header_top .right>.inner:after {content: " "; display; clear: both;}
.header_top .right>.inner>div {float: left;}

.header_top .right .widget_nav_menu {padding: 0 40px 0 0;}
.header_top .right .widget_nav_menu>div:after {content: " "; display: block; clear: both;}
.header_top .right ul {float: right; padding: 15px 0 6px;}
.header_top .right ul li {float: left; padding: 0 0 0 15px !important;}
.header_top .right ul li:first-child {padding: 0 !important;}
.header_top .right ul li a {font-size: 0; line-height: 0; width: 28px; height: 27px; padding: 0 !important; display: block !important; position: relative;}
.header_top .right ul li a:before,
.header_top .right ul li a:after {content: " "; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.header_top .right ul li a:after {opacity: 0; visibility: hidden;
    -webkit-transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;
    transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;}
.header_top .right ul li a:hover:after {opacity: 1; visibility: visible;}
.header_top .right ul li.facebook a:before {background-image: url(/wp-content/uploads/2016/12/facebook.png);}
.header_top .right ul li.twitter a:before {background-image: url(/wp-content/uploads/2016/12/twitter.png);}
.header_top .right ul li.instagram a:before {background-image: url(/wp-content/uploads/2016/12/instagram.png);}
.header_top .right ul li.linkedin a:before {background-image: url(/wp-content/uploads/2016/12/linkedin.png);}
.header_top .right ul li.facebook a:after {background-image: url(/wp-content/uploads/2016/12/facebook-hover.png);}
.header_top .right ul li.twitter a:after {background-image: url(/wp-content/uploads/2016/12/twitter-hover.png);}
.header_top .right ul li.instagram a:after {background-image: url(/wp-content/uploads/2016/12/instagram-hover.png);}
.header_top .right ul li.linkedin a:after {background-image: url(/wp-content/uploads/2016/12/linkedin-hover.png);}

#langselect {background-color: #b4091e; padding: 17px 13px 9px;}
#langselect:after {content: " "; display: block; clear: both;}
.langselect-inner {font-weight: 700; font-size: 14px; color: #cb5362; display: block; float: left; width: 46px; height: 22px; line-height: 22px; text-align: center;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
.langselect-current,
.langselect-inner:hover {color: #fff;}
.langselect-en {border-right: solid 1px #fff;}

.q_slider .carousel-indicators {
    bottom: auto;
    left: auto;
    top: 50%;
    right: 20px;
    width: auto;
    margin: -8px 0 0;
}
.q_slider .carousel-indicators li {
    display: block;
    margin: 0 0 6px !important;
    width: 12px;
    height: 12px;
    border-radius: 0;
}

.q_slider .q_slider_content {position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; padding-top: 135px; background-color: transparent; pointer-events: none;}
.q_slider .q_slider_content .container_inner {pointer-events: all;}
.q_slider .q_slider_content h2,
.q_slider .q_slide_subtitle {font-weight: 700; font-size: 41px; line-height: 41px; color: #c21212; margin: 110px 0 0; text-align: center; text-transform: uppercase; text-shadow: none;}
.q_slider .q_slide_subtitle span.black {color: #000;}
.q_slider .q_slide_subtitle span.white {color: #fff;}
.q_slider .slider_content_outer {display: block !important;}
.carousel:not(.advanced_responsiveness) .carousel-inner .slider_content {
    display: block !important;
    top: 135px !important;
    left: 0 !important;
    width: 100% !important;
}
.q_slider .carousel-inner .slider_content .text {margin: 0;}
.q_slider .q_slide_subtitle span {margin: 0;}

.q_slider {overflow: visible; z-index: 110;}
.modeles-container {position: absolute; left: 50%; width: 910px; margin-left: -455px; z-index: 1; text-align: center; box-sizing: border-box; font-size: 0; line-height: 0;
    background: #a91a1f;
    background: -webkit-linear-gradient(0deg, #630f12, #a91a1f);
    background: -o-linear-gradient(0deg, #630f12, #a91a1f);
    background: -moz-linear-gradient(0deg, #630f12, #a91a1f);
    background: linear-gradient(0deg, #630f12, #a91a1f);
}
.modeles-container.at-bottom {bottom: -8px; padding: 12px 0 12px;}
.modeles-titre {position: absolute; left: 50%; width: 188px; margin-left: -94px; background-color: #000; padding: 5px 0; box-sizing: border-box;}
.modeles-container.at-bottom .modeles-titre {top: -30px;}
.modeles-container.at-top {padding: 12px 0 12px;}
.modeles-container.at-top .modeles-titre {bottom: -28px;}
.modeles-titre h3 {font-weight: 700; font-size: 22px; line-height: 27px; color: #fff; text-align: center;}
.modeles-lien {/*height: 73px;*/ height: 30px; padding: 0 19px; border-right: solid 1px #ce181e; display: inline-block;}
.modeles-lien:last-child {border-right: none;}
.modeles-lien span.big {font-weight: 700; font-size: 25px; line-height: 30px; color: #fff; text-transform: uppercase; display: inline-block;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
.modeles-lien span.small {font-weight: 400; font-size: 9px; line-height: 11px; color: #fff; text-transform: uppercase; display: inline-block; padding-left: 8px;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
.modeles-lien:hover span.big {color: #000;}
.modeles-lien:hover span.small {color: #000;}

#bloc1 {padding: 100px 0 130px;}
#bloc1 h1 {font-weight: 700; font-size: 70px; line-height: 43px; color: #be272d;}
#bloc1 h1 span.small {font-size: 41px;}
#bloc1 .wpb_text_column {font-weight: 600; font-size: 15px; line-height: 21px; color: #000;}
#bloc1 .wpb_text_column p {margin-bottom: 21px;}
#bloc1 .bloc1-left>div {/*border-right: solid 4px transparent;*/
    /*-webkit-transition: border .2s  ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;*/
}
#bloc1 .bloc1-right>div {border-left: solid 8px #c9c9c9; padding: 26px 15px 12px 40px;
    /*-webkit-transition: border .2s  ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;*/
}
#bloc1 .bloc1-left div {height: 100%;}
#bloc1 .bloc1-left .wpb_single_image>div {display: table; width: 100%; height: 100%;}
#bloc1 .bloc1-left .wpb_single_image>div>div {display: table-cell; height: 100%; vertical-align: middle;}

#bloc1 .bloc1-left {opacity: 0; left: -100px;
    -webkit-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    -moz-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    -o-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    -ms-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    transition: opacity .75s ease-in-out, left .75s ease-in-out;
}
#bloc1 .bloc1-right {opacity: 0; left: 100px; text-align: justify;
    -webkit-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    -moz-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    -o-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    -ms-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    transition: opacity .75s ease-in-out, left .75s ease-in-out;
}
#bloc1.animate .bloc1-left {opacity: 1; left: 0;}
#bloc1.animate .bloc1-right {opacity: 1; left: 0;}
/*#bloc1.border-visible .bloc1-left>div {border-right: solid 4px #c9c9c9;}
#bloc1.border-visible .bloc1-right>div {border-left: solid 4px #c9c9c9;}*/

#bloc2  {background-color: #a91a1f;}
#bloc2 #bloc2-top {padding: 80px 0 0;}
#bloc2 h2 {font-weight: 700; font-size: 33px; line-height: 34px; color: #fff; text-align: center;}
#bloc2 .bloc2-left>div {padding-right: 33px;}
#bloc2 .bloc2-right>div {padding-left: 33px;}
.truck-list-home-empty {margin-top: 42px; color: #fff; text-align: center;}
.truck-list-home {margin: 42px -3px -6px;}
.truck-list-home:after {content: " "; display: block; clear: both;}
.truck-list-home-single-container {float: left; width: 50%; box-sizing: border-box; padding: 0 3px; margin-bottom: 6px;}
.truck-list-home-single {display: block;}
.truck-list-home-img {position: relative; background-size: cover; background-position: center; height: 196px;}
.truck-list-home-img img {display: none;}
.truck-list-home-hover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, .7); background-image: url(/wp-content/uploads/2016/12/loupe.png); background-position: center; background-repeat: no-repeat;
    -webkit-transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;
    transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;
}
.truck-list-home-single:hover .truck-list-home-hover,
.inventaire-img a:hover .truck-list-home-hover {opacity: 1; visibility: visible;}
.truck-list-home-info {background-color: #000; padding: 9px 12px;}
.truck-list-home-info h3 {font-weight: 700; font-size: 16px; line-height: 18px; color: #fff;}
.truck-list-home-info h4 {font-weight: 400; font-size: 12px; line-height: 16px; color: #fff; margin: 0;}
.truck-list-home-info h4 span {font-weight: 700; margin-left: 10px;}
#bloc2 #bloc2-bottom {text-align: center !important; padding: 54px 0 80px;}
#bloc2 #bloc2-diagonal-left {position: absolute; top: 0; right: 50%; width: 60%; height: 100%; background-color: #a91a1f; margin: 0;
    -ms-transform: rotate(3.15deg);
    -ms-transform-origin: top right;
    -webkit-transform: rotate(3.15deg);
    -webkit-transform-origin: top right;
    -moz-transform: rotate(3.15deg);
    -moz-transform-origin: top right;
    transform: rotate(3.15deg);
    transform-origin: top right;
}
#bloc2 #bloc2-diagonal-right {position: absolute; top: 0; left: 50%; width: 60%; height: 100%; background-color: #a91a1f; margin: 0;
    -ms-transform: rotate(-3.15deg);
    -ms-transform-origin: top left;
    -webkit-transform: rotate(-3.15deg);
    -webkit-transform-origin: top left;
    -moz-transform: rotate(-3.15deg);
    -moz-transform-origin: top left;
    transform: rotate(-3.15deg);
    transform-origin: top left;
}

#bloc3 {padding: 80px 0 60px}
#bloc3 #bloc3-top>div {width: 1000px; margin: auto; max-width: 100%;}
#bloc3 h2 {font-weight: 700; font-size: 42px; line-height: 42px; color: #ab0a1d; text-align: center;}
#bloc3 .bloc3-left>div {/*border-right: solid 4px transparent;*/ padding-right: 40px; height: 100%;
/*    -webkit-transition: border .2s  ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;*/
}
#bloc3 .bloc3-right>div {border-left: solid 8px #c9c9c9; padding-left: 30px; font-weight: 600; /*font-size: 25px; line-height: 31px;*/ font-size: 15px; line-height: 21px; color: #000;  height: 100%;
/*    -webkit-transition: border .2s  ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;*/
}
#bloc3 .bloc3-right div {height: 100%;}
#bloc3 .bloc3-right div .wpb_text_column {display: table; width: 100%; height: 100%;}
#bloc3 .bloc3-right div .wpb_text_column>div {display: table-cell; height: 100%; vertical-align: middle;}
#bloc3 #bloc3-bottom {text-align: center !important; margin-top: 70px;}

#bloc3 .bloc3-left {opacity: 0; left: -100px;
    -webkit-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    -moz-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    -o-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    -ms-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    transition: opacity .75s ease-in-out, left .75s ease-in-out;
}
#bloc3 .bloc3-right {opacity: 0; left: 100px;
    -webkit-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    -moz-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    -o-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    -ms-transition: opacity .75s ease-in-out, left .75s ease-in-out;
    transition: opacity .75s ease-in-out, left .75s ease-in-out;
}
#bloc3.animate .bloc3-left {opacity: 1; left: 0;}
#bloc3.animate .bloc3-right {opacity: 1; left: 0; text-align: justify;}
/*#bloc3.border-visible .bloc3-left>div {border-right: solid 4px #c9c9c9;}
#bloc3.border-visible .bloc3-right>div {border-left: solid 4px #c9c9c9;}*/

#bloc4 {background-color: #000; z-index: 25;}
#bloc4 #bloc4-top {padding-top: 125px; z-index: 26;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .75);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .75);
}
#bloc4 h2 {font-weight: 700; font-size: 57px; line-height: 57px; color: #fff; text-align: center;}
#bloc4 #bloc4-bottom {padding-bottom: 150px; z-index: 26;}
#bloc4 #bloc4-diagonal-left {position: absolute; bottom:-53px; right: 50%; width: 60%; height: 53px; margin: 0; background-color: #000;
    -ms-transform: rotate(3.15deg);
    -ms-transform-origin: bottom right;
    -webkit-transform: rotate(3.15deg);
    -webkit-transform-origin: bottom right;
    -moz-transform: rotate(3.15deg);
    -moz-transform-origin: bottom right;
    transform: rotate(3.15deg);
    transform-origin: bottom right;
    -webkit-box-shadow: 0px 0px 40px 0px #000;
    -moz-box-shadow: 0px 0px 40px 0px #000;
    box-shadow: 0px 0px 40px 0px #000;
}
#bloc4 #bloc4-diagonal-right {position: absolute; bottom: -53px; left: 50%; width: 60%; height: 53px; margin: 0; background-color: #000;
    -ms-transform: rotate(-3.15deg);
    -ms-transform-origin: bottom left;
    -webkit-transform: rotate(-3.15deg);
    -webkit-transform-origin: bottom left;
    -moz-transform: rotate(-3.15deg);
    -moz-transform-origin: bottom left;
    transform: rotate(-3.15deg);
    transform-origin: bottom left;
    -webkit-box-shadow: 0px 0px 40px 0px #000;
    -moz-box-shadow: 0px 0px 40px 0px #000;
    box-shadow: 0px 0px 40px 0px #000;
}

#bloc5 {padding: 0 0 53px; background-color: #535353; background-image: url(/wp-content/uploads/2016/12/grillebg.jpg); background-size: cover; background-position: center;}
#bloc5 #bloc5-top>div {width: 512px; box-sizing: border-box; padding: 80px 0 24px; margin: auto; background-color: #ab0a1d; text-align: center; max-width: 100%;
-webkit-box-shadow: 7px 7px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 7px 7px 20px 0px rgba(0,0,0,0.75);
box-shadow: 7px 7px 20px 0px rgba(0,0,0,0.75);
}
#bloc5 h2 {font-weight: 700; font-size: 45px; line-height: 42px; color: #fff; text-align: center;}
#bloc5 h2 span.big {font-size: 72px; line-height: 63px;}
#bloc5 #bloc5-middle {margin-top: 80px;}
#bloc5 #bloc5-middle .wpb_single_image {text-align: center;}
#bloc5 #bloc5-middle .wpb_single_image .vc_single_image-wrapper img {display: block; margin: auto; border-radius: 50%; overflow: hidden; vertical-align: top; width: 142px;
-webkit-box-shadow: 0px 0px 40px 0px #000;
-moz-box-shadow: 0px 0px 40px 0px #000;
box-shadow: 0px 0px 40px 0px #000;
}
#bloc5 #bloc5-bottom {text-align: center !important; margin-top: 63px;}

.footer_top_holder {background-color: #000;}
.footer_top {padding: 60px 0 50px;}
.footer_bottom_holder {background-color: #000; padding-bottom: 50px;}
.footer_bottom {display: block; width: auto; height: auto;}

.footer_top h5 {font-weight: 600; /*font-size: 20px;*/ font-size: 15px; line-height: 23px; color: #fff; margin: 0;}
.footer_top .footer_col1 h5 {margin-bottom: 43px;}
.footer_col1 ul li {padding-bottom: 0 !important; line-height: 20px !important;}
.footer_col1 ul li a {font-weight: 400; /*font-size: 15px;*/ font-size: 14px; line-height: 20px; color: #fff; display: inline-block !important; vertical-align: top;}

.footer-btn-container {display: none;}
.footer-btn-container .qbutton {font-weight: 700; font-size: 20px; line-height: 23px; color: #fff !important; background-color: #ab0a1d; border: solid 4px #ab0a1d; padding: 6px 11px;
    -webkit-transition: color .1s linear,background-color .1s linear,border-color .1s linear;
    transition: color .1s linear,background-color .1s linear,border-color .1s linear;
}
.footer-btn-container .qbutton:hover {color: #ab0a1d !important; background-color: #fff; border: solid 4px #fff;}

.footer-contact {font-weight: 400; /*font-size: 15px;*/ font-size: 13px; line-height: 20px; color: #fff;}
.footer-contact strong {/*font-size: 19px;*/ font-size: 15px;}
.footer-contact p {margin-bottom: 20px; color: inherit;}
.footer-contact p:last-child {margin-bottom: 0;}
.footer_top a {color: #fff !important;}
.footer_top a:hover {color: #ab0a1d !important;}

.footer_col2 .footer-contact {margin-top: 86px;}
.footer_col3 .footer-contact {margin-top: 86px;}
.footer_col4 .footer-contact {margin-top: 43px;}

.br-768 {display: none;}

.footer_col4 .widget_nav_menu>div:after {content: " "; display: block; clear: both;}
.footer_col4 ul {float: right; padding: 8px 0;}
.footer_col4 ul li {float: left; padding: 0 0 0 15px !important;}
.footer_col4 ul li:first-child {padding: 0 !important;}
.footer_col4 ul li a {font-size: 0; line-height: 0; width: 28px; height: 27px; padding: 0 !important; display: block !important; position: relative;}
.footer_col4 ul li a:before,
.footer_col4 ul li a:after {content: " "; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.footer_col4 ul li a:after {opacity: 0; visibility: hidden;
    -webkit-transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;
    transition: opacity .3s ease-in-out, visibiliy.3s ease-in-out;}
.footer_col4 ul li a:hover:after {opacity: 1; visibility: visible;}
.footer_col4 ul li.facebook a:before {background-image: url(/wp-content/uploads/2016/12/facebook.png);}
.footer_col4 ul li.twitter a:before {background-image: url(/wp-content/uploads/2016/12/twitter.png);}
.footer_col4 ul li.instagram a:before {background-image: url(/wp-content/uploads/2016/12/instagram.png);}
.footer_col4 ul li.linkedin a:before {background-image: url(/wp-content/uploads/2016/12/linkedin.png);}
.footer_col4 ul li.facebook a:after {background-image: url(/wp-content/uploads/2016/12/facebook-hover.png);}
.footer_col4 ul li.twitter a:after {background-image: url(/wp-content/uploads/2016/12/twitter-hover.png);}
.footer_col4 ul li.instagram a:after {background-image: url(/wp-content/uploads/2016/12/instagram-hover.png);}
.footer_col4 ul li.linkedin a:after {background-image: url(/wp-content/uploads/2016/12/linkedin-hover.png);}

.footer_bottom_column .column_inner {padding: 0 !important;}

.column2.footer_bottom_column .footer_bottom {margin-left: auto;}

.footer_col1,
.footer_col2,
.footer_col3,
.footer_col4 {margin: 0 !important;}
.footer_col1>div,
.footer_col2>div,
.footer_col3>div,
.footer_col4>div {padding: 0 !important;}
.footer_col1>div>div,
.footer_col2>div>div,
.footer_col3>div>div,
.footer_col4>div>div {margin: 0 !important;}

.footer_col1 {width: 21% !important;}
.footer_col2 {width: 23% !important;}
.footer_col3 {width: 27% !important;}
.footer_col4 {width: 29% !important;}

.title_outer {margin-top: 135px; position: fixed; top: -545px; left: 0; width: 100%; height: 545px !important; background-size: cover !important; background-position: center bottom; background-repeat: no-repeat; z-index: 1;
    -webkit-transition: top .8s ease-in-out;
    -moz-transition: top .8s ease-in-out;
    -o-transition: top .8s ease-in-out;
    -ms-transition: top .8s ease-in-out;
    transition: top .8s ease-in-out;
}
.title_outer.panned-down {top: 0;}
body.admin-bar .title_outer.panned-down {top: 32px;}
.title_outer.remove-animation {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.full_width,
body.post-type-archive-truck .title_outer+.container,
body.error404 .title_outer+.container {margin-top: 680px; background-color: #fff; position: relative; z-index: 100; padding-bottom: 9999px; margin-bottom: -9999px;}
body.home .full_width {margin-top: 0;}

.title-bottom-left {position: absolute; top: 100%; right: 50%; width: 60%; height: 100%; background-color: #fff; margin: 0;
    -ms-transform: rotate(3.15deg);
    -ms-transform-origin: top right;
    -webkit-transform: rotate(3.15deg);
    -webkit-transform-origin: top right;
    -moz-transform: rotate(3.15deg);
    -moz-transform-origin: top right;
    transform: rotate(3.15deg);
    transform-origin: top right;
}
.title-bottom-right {position: absolute; top: 100%; left: 50%; width: 60%; height: 100%; background-color: #fff; margin: 0;
    -ms-transform: rotate(-3.15deg);
    -ms-transform-origin: top left;
    -webkit-transform: rotate(-3.15deg);
    -webkit-transform-origin: top left;
    -moz-transform: rotate(-3.15deg);
    -moz-transform-origin: top left;
    transform: rotate(-3.15deg);
    transform-origin: top left;
}

.title_outer.remove-animation .title-bottom-left {display: none;}
.title_outer.remove-animation .title-bottom-right {display: none;}

.full_width-top-left {position: absolute; top: 0; right: 50%; width: 60%; height: 100%; background-color: #fff; margin: 0;
    -ms-transform: rotate(3.15deg);
    -ms-transform-origin: top right;
    -webkit-transform: rotate(3.15deg);
    -webkit-transform-origin: top right;
    -moz-transform: rotate(3.15deg);
    -moz-transform-origin: top right;
    transform: rotate(3.15deg);
    transform-origin: top right;
}
.full_width-top-right {position: absolute; top: 0; left: 50%; width: 60%; height: 100%; background-color: #fff; margin: 0;
    -ms-transform: rotate(-3.15deg);
    -ms-transform-origin: top left;
    -webkit-transform: rotate(-3.15deg);
    -webkit-transform-origin: top left;
    -moz-transform: rotate(-3.15deg);
    -moz-transform-origin: top left;
    transform: rotate(-3.15deg);
    transform-origin: top left;
}

#info-template {padding: 100px 0;}
.info-inner>div {height: 100%;}
.info-left .wpb_single_image {text-align: center; padding-top: 65px;}
.info-left .wpb_single_image:first-child {padding-top: 0;}
.info-right>div {border-left: solid 9px #c9c9c9; padding: 30px 15px 30px 65px !important;}
.info-right .vc_row {text-align: justify !important;}

.wpb_video_widget {margin-top: 30px;}

.custom-btn-list {width: 329px; margin: auto; padding-top: 65px; max-width: 100%;}
.custom-btn {}
.custom-btn-before {height: 15px; background-image: url(http://www.hinoottawa.com/wp-content/uploads/2016/12/btn-arrow-top.png); background-position: center; background-size: 329px 15px; background-repeat: no-repeat;}
.custom-btn-inside {display: block; background-color: #a91a1f; text-align: center; font-weight: 700; font-size: 23px; line-height: 22px; color: #fff; text-transform: uppercase; text-align: center; padding: 15px 0 8px;}
.custom-btn-inside:hover {color: #fff;}
.custom-btn-inside span.big {font-size: 35px; line-height: 40px;}
.custom-btn-after {height: 16px; background-image: url(http://www.hinoottawa.com/wp-content/uploads/2016/12/btn-arrow-bottom.png); background-position: center; background-size: 329px 16px; background-repeat: no-repeat;}

.logo-col {margin: 0 0 30px;}
.logo-col:after {content: " "; display: block; clear: both;}
.logo-col-logo {float: left; width: 160px; position: relative; z-index: 1;}
.logo-col-logo img {vertical-align: top; width: 136px;}
.logo-col-text {float: left; padding-left: 160px; margin-left: -160px; box-sizing: border-box; width: 100%;}

#basic-template {padding: 100px 0;}

#carriere-template {padding: 80px 0 100px;}
#carriere-template #carriere-top {text-align: justify !important;}
#carriere-template #carriere-top>div>div>div>div {padding-bottom: 42px; border-bottom: solid 9px #c9c9c9; margin-bottom: 42px !important;}
#carriere-template #carriere-bottom .vc_column-inner>div {width: 630px; margin: auto; max-width: 100%;}

.form-container {padding-top: 30px; margin: 0 -7px;}
.form-container:after {content: " "; display: block; clear: both;}
.form-100 {float: left; width: 100%; padding: 0 7px; box-sizing: border-box; margin-bottom: 9px;}
.form-66 {float: left; width: 66.66666667%; padding: 0 7px; box-sizing: border-box; margin-bottom: 9px;}
.form-50 {float: left; width: 50%; padding: 0 7px; box-sizing: border-box; margin-bottom: 9px;}
.form-33 {float: left; width: 33.33333333%; padding: 0 7px; box-sizing: border-box; margin-bottom: 9px;}
.form-container input.wpcf7-form-control.wpcf7-date,
.form-container input.wpcf7-form-control.wpcf7-number,
.form-container input.wpcf7-form-control.wpcf7-quiz,
.form-container input.wpcf7-form-control.wpcf7-text,
.form-container select.wpcf7-form-control.wpcf7-select,
.form-container textarea.wpcf7-form-control.wpcf7-textarea {background-color: #efefef; font-weight: 400; font-size: 16px; line-height: 27px; color: #000; margin: 0; padding: 9px 14px;}
.form-container.form-carriere .form-recaptcha {margin-bottom: 23px;}
.form-fichier:after {content: " "; display: block; clear: both;}
.form-fichier>br {display: none;}
.fichier-btn {float: left; background-color: #000; font-weight: 700; font-size: 13px; line-height: 14px; color: #fff; text-align: center; width: 104px; box-sizing: border-box; position: relative; z-index: 1; padding: 7px 0; display: block;
    -webkit-transition: color .1s linear,background-color .1s linear,border-color .1s linear;
    transition: color .1s linear,background-color .1s linear,border-color .1s linear;
}
.fichier-btn:hover {background-color: #efefef; color: #000;}
.fichier-text {float: left; padding: 7px 0 7px 117px; box-sizing: border-box; font-weight: 700; font-size: 12px; line-height: 14px; color: #be272d; margin-left: -104px; display: block; width: 100%;}
.form-container #fichier {display: none;}
.form-fichier .wpcf7-form-control-wrap.fichier {float: left; width: 100%;}

.form-carriere input.wpcf7-form-control.wpcf7-submit {float: right;}
.form-container input.wpcf7-form-control.wpcf7-submit {font-family: inherit; font-weight: 700; font-size: 15px; line-height: 20px; color: #000; border: solid 4px #000; height: auto; border-radius: 0; padding: 9px 28px; background-color: #fff; text-align: center;}
.form-container input.wpcf7-form-control.wpcf7-submit:hover {background-color: #000; color: #fff; border: solid 4px #000;}

div.wpcf7-response-output {background-color: #000 !important;}

span.wpcf7-not-valid-tip {color: #be272d; font-weight: 700; font-size: 12px; line-height: 14px; padding: 7px 14px;}

#contact-template {padding: 40px 0 100px;}
#contact-template h1 {text-align: center;}

.contact-section {margin-top: 50px;}
.contact-section-img {margin-bottom: 27px;}
.contact-section-img img {vertical-align: top;}

.contact-section-bottom:after {content: " "; display: block; clear: both;}
.contact-section-info {float: left; width: 255px; box-sizing: border-box; border-right: solid 1px #303030;}
.contact-section-info h3 {font-weight: 700; font-size: 24px; line-height: 25px; color: #000;}
.contact-section-info h5 {font-weight: 700; font-size: 18px; line-height: 22px; color: #000;}
.contact-section-info-container {display: block; margin-top: 30px;}
.contact-section-adresse {display: block; font-weight: 400; font-size: 16px; line-height: 20px; color: #000;}
.contact-section-courriel {display: block; font-weight: 600; font-size: 19px; line-height: 19px; color: #000; margin-top: 20px;}
.contact-section-info-2{margin-top: 24px;}
.contact-section-tel {font-weight: 400; font-size: 16px; line-height: 23px; color: #000; margin: 0 !important;}
.contact-section-tel a {color: #000;}
.contact-section-horaire {float: left; width: 555px; box-sizing: border-box; padding-left: 30px; font-size: 0; line-height: 0;}

.contact-section-horaire-piece {display: inline-block; width: 49%; font-size: 0; line-height: 0;}
.contact-section-horaire-service {display: inline-block; width: 29%; font-size: 0; line-height: 0;}
.contact-section-horaire-vente {display: inline-block; width: 22%; font-size: 0; line-height: 0;}

.contact-section-horaire-title {display: inline-block; width: 100%; font-weight: 700; font-size: 16px; line-height: 24px; color: #000; box-sizing: border-box;}
.contact-section-horaire-col {display: inline-block; width: 100%;}
.contact-section-horaire-col.col-jour {display: none; font-weight: 700; font-size: 16px; line-height: 19px; color: #000;}
.contact-section-horaire-col.col-time {font-weight: 400; font-size: 16px; line-height: 19px; color: #000;}

.contact-section-horaire-piece .contact-section-horaire-title {padding-left: 40%;}
.contact-section-horaire-piece .contact-section-horaire-col.col-jour {display: inline-block; width: 40%;}
.contact-section-horaire-piece .contact-section-horaire-col.col-time {width: 60%;}

.contact-section-map {margin-top: 27px;}

#contact-template #contact-top {margin-bottom: 105px !important;}
#contact-template #contact-bottom .vc_column-inner>div {width: 630px; margin: auto; max-width: 100%;}
#contact-template #contact-bottom h2 {text-align: center;}

.form-container.form-contact .form-recaptcha {margin-bottom: 32px;}
.form-container.form-contact .form-submit {text-align: center;}
.form-container.form-contact input.wpcf7-form-control.wpcf7-submit {margin: 0 20px;}
.form-container.form-contact .ajax-loader {margin-left: -16px !important;}

.widget_icl_lang_sel_widget {display: none !important;}

.blog_holder {padding: 80px 0 100px; position: relative; z-index: 25;}
.blog_holder article {margin: 0;}

.inventaire-single {padding-top: 40px; border-top: solid 1px #000; margin-top: 40px;}
.inventaire-single:after {content: " "; display: block; clear: both;}
.inventaire-img {float: left; width: 245px; margin-right: -245px; position: relative; z-index: 1;}
.inventaire-img img {vertical-align: top; width: 100%;}
.inventaire-info {float: left; padding-left: 260px; width: 100%; box-sizing: border-box;}
.inventaire-titre {padding: 16px 60px 16px 16px; background-color: #000; position: relative;}
.inventaire-titre h3 {font-weight: 700; font-size: 23px; line-height: 26px; color: #fff;}
.inventaire-desc {padding: 16px; font-weight: 400; /*font-size: 16px; line-height: 25px;*/ font-size: 15px; line-height: 21px; color: #000; text-align: justify;}
.inventaire-bottom {padding: 0 16px;}
.inventaire-bottom:after {content: " "; display: block; clear: both;}
.inventaire-prix {float: left; width: 40%; border-right: solid 1px #000; box-sizing: border-box; font-weight: 700; font-size: 23px; line-height: 31px; color: #000;}
.inventaire-kilo {float: left; width: 40%; text-align: center; font-weight: 400; font-size: 23px; line-height: 31px; color: #000;}
.inventaire-kilo.text-left {text-align: left;}
.inventaire-nou {float: right; width: 20%; text-align: right;}
.inventaire-nou span {font-weight: 700; font-size: 16px; line-height: 25px; color: #fff; text-transform: uppercase; display: inline-block; padding: 0 7px;}
.inventaire-neuf {background-color: #39b24a;}
.inventaire-usage {background-color: #ee5a24;}

.inventaire-printer {position: absolute; top: 0; right: 0; width: 60px; height: 100%; background-image: url(/wp-content/uploads/2016/12/printer.png); background-position: center; background-repeat: no-repeat;}

#inventaire-form:after {content: " "; display: block; clear: both;}
.inventaire-form-nou {float: left; width: 32%;}
.inventaire-form-affichage {float: left; width: 23%;}
.inventaire-form-trier {float: left; width: 32%;}
.inventaire-form-nb {float: left; width: 13%; text-align: right;}

.inventaire-vendu {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
.inventaire-vendu span {font-weight: 700; font-size: 50px; line-height: 50px; color: #a91a1f; text-transform: uppercase; display: inline-block;
    -ms-transform: rotate(-17deg);
    -ms-transform-origin: center;
    -webkit-transform: rotate(-17deg);
    -webkit-transform-origin: center;
    -moz-transform: rotate(-17deg);
    -moz-transform-origin: center;
    transform: rotate(-17deg);
    transform-origin: center;
}

.selectBox-dropdown {font-weight: 600; font-size: 16px; line-height: 25px; color: #000; border: none; background: #efefef; padding: 0 20px 0 11px; min-width: 0; box-sizing: border-box; border-radius: 0;}
.selectBox-dropdown:hover {color: #000;}
.inventaire-form-nou .selectBox-dropdown,
.inventaire-form-nou select {width: 120px !important;}
.inventaire-form-affichage .selectBox-dropdown,
.inventaire-form-affichage select  {width: 52px !important;}
.inventaire-form-trier .selectBox-dropdown,
.inventaire-form-trier select  {width: 170px !important;}
.selectBox-dropdown .selectBox-label {padding: 0; width: 100% !important; vertical-align: top;}
.selectBox-dropdown .selectBox-arrow {width: 20px; border-left: none; background-image: url(/wp-content/uploads/2016/12/select-arrow.png); background-position: center; background-repeat: no-repeat;}
.selectBox-dropdown-menu {border: none; border-radius: 0 !important; background-color: #efefef;}
.selectBox-options li a {font-weight: 600; font-size: 16px; line-height: 25px; color: #000; cursor: pointer;}
.selectBox-options li a:hover,
.selectBox-options li.selectBox-selected a {background-color: #C8DEF4;}

.inventaire-form-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    color: #000;
    border: none;
    background: #efefef;
    padding: 0 0 0 11px;
    min-width: 0;
    box-sizing: border-box;
    border-radius: 0;
    display: inline-block;
    height: 25px;
    background-image: url(/wp-content/uploads/2016/12/select-arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
}
.inventaire-form-select select::-ms-expand {display: none;}

.inventaire-form-select>span {font-weight: 600; font-size: 16px; line-height: 25px; color: #000; display: inline-block;}
.inventaire-form-select.inventaire-form-nou>span {font-weight: 700;}
.inventaire-form-select>span>span.nb {font-weight: 800;}

.pagination {margin: 50px 0 0;}
.pagination ul li a, .pagination ul li span {font-weight: 700; font-size: 15px; line-height: 20px; color: #000; border: solid 4px #000; height: auto; border-radius: 0; padding: 9px 0; background-color: #fff; text-align: center;}
.pagination ul li a:hover, .pagination ul li span {background-color: #000; color: #fff; border: solid 4px #000;}

.video-action-container {margin: 0 -8px;}
.video-action-container:after {content: " "; display: block; clear: both;}
.video-action {float: left; width: 33.33333333%; box-sizing: border-box; padding: 0 8px; text-align: center;}
.video-action img {vertical-align: top;}

#back_to_top span {width: 36px; height: 36px; line-height: 36px;}
#back_to_top span i {font-size: 18px; line-height: 36px;}

.page_not_found {padding: 70px 0; background-color: #fff; margin-bottom: 0; position: relative; z-index: 25;}
.page_not_found h2 {text-align: center;}

@media (min-width: 1001px){
#carriere-template.grid_section>.section_inner {width: 768px;}
#contact-template.grid_section>.section_inner {width: 810px;}
body.post-type-archive-truck .content  .container>.container_inner {width: 768px;}

footer .container_inner {width: 768px !important;}
}

@media (min-width: 1400px){
#info-template.grid_section>.section_inner {width: 1300px;}
}

@media (min-width: 1500px){
#info-template.grid_section>.section_inner {width: 1375px;}
}

@media (min-width: 1600px){
#info-template.grid_section>.section_inner {width: 1450px;}
}

@media (min-width: 1921px){
#bloc4 #bloc4-bottom {padding-bottom: 130px;}
#bloc4 #bloc4-diagonal-left {bottom: -73px; height: 73px;}
#bloc4 #bloc4-diagonal-right {bottom: -73px; height: 73px;}
#bloc5 #bloc5-top>div {padding: 100px 0 24px;}
}

@media (min-width: 2600px){
#bloc4 #bloc4-bottom {padding-bottom: 110px;}
#bloc4 #bloc4-diagonal-left {bottom: -93px; height: 93px;}
#bloc4 #bloc4-diagonal-right {bottom: -93px; height: 93px;}
#bloc5 #bloc5-top>div {padding: 120px 0 24px;}
}

/****************************************************************/
/*************                   Responsive                   **************/
/****************************************************************/

@media (max-width: 1400px){
nav.main_menu>ul {padding-left: 50px;}
nav.main_menu>ul>li>a>span:not(.plus) {padding: 0 15px;}
}

@media (max-width: 1299px){
nav.main_menu>ul {padding-left: 30px;}
nav.main_menu>ul>li>a>span:not(.plus) {padding: 0 12px;}

.q_slider .q_slider_content h2,
.q_slider .q_slide_subtitle {/*font-size: 60px; line-height: 60px;*/ margin: 105px 0 0;}

#bloc1 h1 span.small {font-size: 38px;}

#bloc2 .bloc2-left>div {padding-right: 25px;}
#bloc2 .bloc2-right>div {padding-left: 25px;}
.truck-list-home-img {height: 188px;}
}

@media (max-width: 1200px){
.header_top {background-color: #000;}
.header_top .left {background: transparent;}
.header_top .right {/*background: transparent; padding-right: 0; margin-right: 0;*/}

.q_logo img {left: 16px;}
}

@media (max-width: 1199px){

h1, h2 {/*font-size: 36px; line-height: 50px;*/ font-size: 36px; line-height: 38px;}

header .container_inner .header_inner_left {width: 30%;}
nav.main_menu {width: 70%;}
nav.main_menu>ul {padding-left: 20px;}
nav.main_menu>ul>li>a>span:not(.plus) {padding: 0 6px; border-left: none;}

.q_slider .q_slider_content h2,
.q_slider .q_slide_subtitle {/*font-size: 60px; line-height: 60px;*/ margin: 100px 0 0;}

#bloc1 .bloc1-right>div {padding: 40px 15px 12px 30px;}

#bloc2 .bloc2-left>div {padding-right: 20px;}
#bloc2 .bloc2-right>div {padding-left: 20px;}
.truck-list-home-img {height: 180px;}

/*.footer_col1 {width: 21% !important;}
.footer_col2 {width: 24% !important;}
.footer_col3 {width: 28% !important;}
.footer_col4 {width: 27% !important;}*/

.footer_top h5 {/*font-size: 17px;*/}

.footer-contact {/*font-size: 14px;*/}
.footer-contact strong {/*font-size: 16px;*/}
.footer_col1 ul li a {/*font-size: 14px;*/}

.info-right>div {padding: 20px 15px 20px 40px !important;}

.modeles-container {width: 860px; margin-left: -430px;}
.modeles-lien {padding: 0 17px;}

.title_outer {top: -500px; height: 500px !important;}
.full_width,
body.post-type-archive-truck .title_outer+.container,
body.error404 .title_outer+.container  {margin-top: 635px;}

}

@media (max-width: 1099px) and (min-width: 1001px){
.q_logo img {height: 90% !important; padding-top: 3px; left: 15px;}
}

@media (max-width: 1099px){
nav.main_menu>ul>li>a {font-size: 11px;}
nav.main_menu>ul>li>a>span:not(.plus) {padding: 0 7px;}
}

@media (max-width: 1000px){

.logo_wrapper {position: absolute;}

body {/*font-size: 19px; line-height: 29px;*/}

h1, h2 {/*font-size: 32px; line-height: 44px;*/ font-size: 32px; line-height: 36px;}

h6 {font-size: 22px; line-height: 34px;}

.header_top {display: none !important;}
header .container_inner .header_inner_left {width: 100%; top: 0; height: auto;}
.logo_wrapper a {top: 0;}
.q_logo img {left: 0;}

.header_bottom {background-color: #fff !important;}

.mobile_menu_button {margin: 0 0 0 15px;}
.mobile_menu_button .fa {
    color: #000;
    font-size: 22px;
    position: relative;
    top: 5px;
}

nav.main_menu>ul>li.lang-link {display: block;}

nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {color: #000 !important; text-transform: uppercase; font-weight: 700; padding: 10px 15px;}
nav.mobile_menu ul.sub_menu li a, nav.mobile_menu ul.sub_menu li h3 {color: #000 !important; text-transform: uppercase; font-weight: 700; padding: 10px 0;}
nav.mobile_menu ul li span.mobile_arrow i {color: #000;}
nav.mobile_menu ul li, nav.mobile_menu ul li ul li {border-bottom: solid 1px #000;}
nav.mobile_menu ul li.open_sub>ul {border-top: solid 1px #000;}

.q_slider .q_slider_content {padding-top: 0;}
.carousel:not(.advanced_responsiveness) .carousel-inner .slider_content {top: 0;}

.q_slider .q_slider_content h2,
.q_slider .q_slide_subtitle {/*font-size: 55px; line-height: 55px;*/}

#bloc1 h1 {font-size: 60px; line-height: 34px;}
#bloc1 h1 span.small {font-size: 32px;}


#bloc2 .bloc2-left>div {padding-right: 15px;}
#bloc2 .bloc2-right>div {padding-left: 15px;}
.truck-list-home-single-container {width: 100%;}
.truck-list-home-single-container:nth-child(4) {display: none;}
.truck-list-home-img {height: 290px;}

#bloc3 h2 {font-size: 39px; line-height: 39px;}
#bloc3 .bloc3-right>div {/*font-size: 22px; line-height: 28px;*/}

#bloc4 h2 {font-size: 50px; line-height: 50px;}

#bloc5 #bloc5-top>div {width: 430px;}
#bloc5 h2 {font-size: 37px; line-height: 34px;}
#bloc5 h2 span.big {font-size: 60px; line-height: 54px;}

/*.footer_col1 {width: 21% !important;}
.footer_col2 {width: 23% !important;}
.footer_col3 {width: 27% !important;}
.footer_col4 {width: 29% !important;}*/

.footer-contact {/*font-size: 13px; line-height: 20px;*/}
.footer-contact p {/*margin-bottom: 20px;*/}
.footer-contact strong {/*font-size: 15px;*/}
.footer-btn-container .qbutton {padding: 6px 6px; font-size: 16px;}
.footer_top h5 {/*font-size: 15px;*/}

.footer_col1 ul li {line-height: 20px !important;}
.footer_col1 ul li a {line-height: 20px;}

.info-right>div {padding: 10px 15px 10px 25px !important;}

.contact-section-info {width: 233px;}
.contact-section-horaire {width: 535px; padding-left: 20px;}

.modeles-container {width: 640px; margin-left: -320px;}
.modeles-lien {/*height: 60px; height: 38px;*/ padding: 0 13px;}
.modeles-lien span.big {font-size: 19px; line-height: 30px;}
.modeles-lien span.small {padding-left: 6px; position: relative; top: 2px;}
.modeles-titre {width: 174px; margin-left: -87px;}
.modeles-titre h3 {font-size: 22px; line-height: 27px;}

.title_outer {margin-top: 0; top: -450px; height: 450px !important;}
.full_width,
body.post-type-archive-truck .title_outer+.container,
body.error404 .title_outer+.container  {margin-top: 450px;}

.title_outer.panned-down {top: 100px;}
body.admin-bar .title_outer.panned-down {top: 132px;}

.inventaire-form-nou {float: left; width: 50%;}
.inventaire-form-affichage {float: left; width: 50%; text-align: right;}
.inventaire-form-trier {float: left; width: 50%;}
.inventaire-form-nb {float: left; width: 50%; text-align: right;}

header {position: fixed !important;}
body.admin-bar header {top: 32px !important;}

.content {padding-top: 100px !important;}
.header_bottom {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.11);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.11);
    box-shadow: 0 1px 3px rgba(0,0,0,.11);
}

.logo-col-logo {width: 100%; padding-bottom: 20px; text-align: center;}
.logo-col-text {padding-left: 0; margin-left: 0;}

}

@media (max-width: 991px){
#bloc1 .bloc1-right>div {padding: 40px 15px 12px;}
}

@media (max-width: 782px){

body.admin-bar header {top: 46px !important;}
body.admin-bar .title_outer.panned-down {top: 146px;}

}

@media (max-width: 768px){

body {/*font-size: 18px; line-height: 28px;*/}

h6 {font-size: 21px; line-height: 33px;}

#bloc1 h1 {font-size: 55px; line-height: 30px;}
#bloc1 h1 span.small {font-size: 26px; line-height: 21px;}

#bloc2 h2 {font-size: 28px; line-height: 30px;}
.truck-list-home-img {height: 225px;}

#bloc3 h2 {font-size: 35px; line-height: 35px;}
#bloc3 .bloc3-right>div {/*font-size: 20px; line-height: 26px;*/}


.footer_col1 {width: 22% !important;}
.footer_col2 {width: 24% !important;}
.footer_col3 {width: 29% !important;}
.footer_col4 {width: 25% !important;}
.footer_col3 .footer-btn-container {display: none;}
.footer-contact {font-size: 12px;}
.footer-contact strong {font-size: 14px;}
.footer_col4 ul li {padding: 0 0 0 12px !important;}
.footer_col1 ul li a {font-size: 13px;}

.br-768 {display: block;}

.footer_col2 .footer-contact {margin-top: 66px;}
.footer_col3 .footer-contact {margin-top: 66px;}
.footer_col4 .footer-contact {margin-top: 23px;}

.contact-section-info {width: 100%; border-right: none;}
.contact-section-horaire {width: 100%; padding-left: 0; border-top: solid 1px #303030; padding-top: 25px; margin-top: 25px;}

.contact-section-courriel {margin-top: 7px;}

.contact-section-info-container:after {content: " "; display: block; clear: both;}
.contact-section-info-1 {float: left; width: 50%;}
.contact-section-info-2 {float: left; width: 50%; margin-top: 0; text-align: right;}

.inventaire-prix,
.inventaire-kilo,
.inventaire-nou {width: 100%; text-align: left; border-right: none;}

}

html.tablet #bloc1 .bloc1-left {opacity: 1 !important; left: 0 !important;}
html.tablet #bloc1 .bloc1-right {opacity: 1 !important; left: 0 !important;}
html.tablet #bloc1 .bloc1-left>div {border-right: solid 4px #c9c9c9 !important;}
html.tablet #bloc1 .bloc1-right>div {border-left: solid 4px #c9c9c9 !important;}
html.tablet #bloc3 .bloc3-left {opacity: 1 !important; left: 0 !important;}
html.tablet #bloc3 .bloc3-right {opacity: 1 !important; left: 0 !important;}
html.tablet #bloc3 .bloc3-left>div {border-right: solid 4px #c9c9c9 !important;}
html.tablet #bloc3 .bloc3-right>div {border-left: solid 4px #c9c9c9 !important;}

html.tablet #bloc1 .bloc1-left,
html.tablet #bloc1 .bloc1-right,
html.tablet #bloc1 .bloc1-left>div,
html.tablet #bloc1 .bloc1-right>div,
html.tablet #bloc3 .bloc3-left,
html.tablet #bloc3 .bloc3-right,
html.tablet #bloc3 .bloc3-left>div,
html.tablet #bloc3 .bloc3-right>div {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

@media (max-width: 767px){
#bloc1 .bloc1-left {opacity: 1 !important; left: 0 !important;}
#bloc1 .bloc1-right {opacity: 1 !important; left: 0 !important;}
#bloc1 .bloc1-left>div {border-right: none !important;}
#bloc1 .bloc1-right>div {border-left: none !important;}
#bloc3 .bloc3-left {opacity: 1 !important; left: 0 !important;}
#bloc3 .bloc3-right {opacity: 1 !important; left: 0 !important;}
#bloc3 .bloc3-left>div {border-right: none !important;}
#bloc3 .bloc3-right>div {border-left: none !important;}

body {/*font-size: 17px; line-height: 27px;*/}
h1, h2 {/*font-size: 28px;  line-height: 38px;*/ font-size: 28px;  line-height: 32px;}

h6 {font-size: 20px; line-height: 32px;}

.q_slider .q_slider_content h2,
.q_slider .q_slide_subtitle {/*font-size: 50px; line-height: 50px;*/ margin-top: 40px;}

#bloc1 .bloc1-left>div {border-right: none;}
#bloc1 .bloc1-right>div {border-left: none; padding: 24px 15px 0;}

.bloc2-right {margin-top: 30px;}
.truck-list-home-empty {margin-top: 30px}
.truck-list-home {margin-top: 30px;}
.truck-list-home-img {height: auto;}
.truck-list-home-img img {display: block; width: 100%;}

#bloc3 .bloc3-right {margin-top: 30px;}
#bloc3 .bloc3-left>div {border-right: 15px; padding-right: 15px;}
#bloc3 .bloc3-right>div {border-left: 15px; padding-left: 15px;}

#bloc5 #bloc5-middle .wpb_single_image .vc_single_image-wrapper {margin-bottom: 30px;}
#bloc5 #bloc5-middle .wpb_column:last-child .wpb_single_image .vc_single_image-wrapper {margin-bottom: 0;}

.footer_col1 {width: 50% !important;}
.footer_col2 {display: none;}
.footer_col3 {display: none;}
.footer_col4 {width: 50% !important; padding-top: 30px;}
.footer-contact {display: none;}
.footer_top h5 {font-size: 20px;}
.footer_col1 ul li a {font-size: 18px;}
.footer_bottom_holder {padding-bottom: 40px;}

.br-768 {display: none;}

.info-left {display: none;}
.info-right>div {border-left: none; padding: 0 15px !important;}

.contact-section-info-1 {width: 100%;}
.contact-section-info-2 {width: 100%; margin-top: 24px; text-align: left;}
.contact-section-courriel {margin-top: 20px;}

.contact-section-horaire-piece {width: 100%;}
.contact-section-horaire-service {width: 100%; margin-top: 20px;}
.contact-section-horaire-vente {width: 100%; margin-top: 20px;}

.contact-section-horaire-title {padding-left: 0 !important; text-align: center; margin-bottom: 5px;}
.contact-section-horaire-col {display: inline-block !important; width: 50% !important;}
.contact-section-horaire-col.col-time {text-align: right;}

.modeles-container {width: 420px; margin-left: -210px;}
.modeles-container.at-bottom {/*padding: 20px 0 16px; padding: 18px 0 10px;*/ padding: 4px 0 8px; position: relative; bottom: 0;}
.modeles-container.at-top {/*padding: 16px 0 20px; padding: 10px 0 18px;*/ padding: 4px 0 8px;}
.modeles-lien {border-right: none; height: 25px; padding: 0 20px;}
.modeles-container.at-top .modeles-titre {bottom: -26px;}
.modeles-titre {width: 160px; margin-left: -80px;}
.modeles-titre h3 {font-size: 21px; line-height: 23px;}

.title_outer {top: -400px; height: 400px !important;}
.full_width,
body.post-type-archive-truck .title_outer+.container,
body.error404 .title_outer+.container  {margin-top: 400px;}

#info-template {padding: 70px 0;}
#contact-template {padding: 40px 0 70px;}
#carriere-template {padding: 70px 0;}
#basic-template {padding: 70px 0;}

.inventaire-form-nou {float: left; width: 100%;}
.inventaire-form-affichage {float: left; width: 100%; text-align: left;}
.inventaire-form-trier {float: left; width: 100%;}
.inventaire-form-nb {float: left; width: 100%; text-align: left;}

.inventaire-form-select {margin-bottom: 3px;}
.inventaire-form-select:after {content: " "; display: block; clear: both;}
.inventaire-form-select>span {float: left;}
.inventaire-form-select select, 
.inventaire-form-select .selectBox-dropdown {float: right;}

#bloc4 h2 {font-size: 40px; line-height: 40px;}
.video-action {width: 100%;}
#bloc4 #bloc4-top {padding-top: 75px;}
#bloc4 #bloc4-bottom {padding-bottom: 100px;}

.q_slider .carousel-indicators {display: none !important;}

.q_slider .carousel,
.q_slider .qode_slider_preloader,
.q_slider .carousel-inner>.item {height: 360px !important;}

}

@media (max-width: 600px){
.footer_top {padding: 55px 0 40px;}
.footer_bottom_holder .column2 {padding-top: 13px;}


.inventaire-single {padding-top: 30px; margin-top: 30px;}
.inventaire-img {width: 100%; margin-right: 0;}
.inventaire-info {padding-left: 0;}

.form-66 {width: 100%;}
.form-33 {width: 100%;}
.form-container.form-carriere .form-fichier{margin-bottom: 23px;}
.form-container.form-carriere .form-submit {text-align: center;}
.form-container.form-carriere input.wpcf7-form-control.wpcf7-submit {margin: 0 20px; float: none;}
.form-container.form-carriere .ajax-loader {margin-left: -16px !important;}
}

@media (max-width: 599px){
.title_outer {height: 350px !important;}
.full_width,
body.post-type-archive-truck .title_outer+.container,
body.error404 .title_outer+.container  {margin-top: 350px;}

.q_slider .q_slide_subtitle {margin-top: 30px;}

.q_slider .carousel,
.q_slider .qode_slider_preloader,
.q_slider .carousel-inner>.item {height: 300px !important;}
}

@media (max-width: 480px){
.q_slider .q_slider_content h2,
.q_slider .q_slide_subtitle {/*font-size: 45px; line-height: 45px;*/}

#bloc5 h2 {font-size: 28px; line-height: 28px;}
#bloc5 h2 span.big {font-size: 47px; line-height: 47px;}

.footer_top .column_inner>div {margin: 0 !important;}

.form-50 {width: 100%;}

}

@media (max-width: 479px){
.q_slider .q_slider_content h2,
.q_slider .q_slide_subtitle {font-size: 40px; line-height: 40px; margin: 20px 0 0;}

.footer_col1 {width: 100% !important; text-align: center;}
.footer_col2 {width: 100% !important; text-align: center; padding-top: 30px;}
.footer_col4 {width: 100% !important; padding-top: 30px;}
.footer_col4 ul {float: none; text-align: center; font-size: 0;}
.footer_col4 ul li {float: none; display: inline-block;}

.modeles-container {width: 320px; margin-left: -160px;}
.modeles-lien {padding: 0 12px;}

.title_outer {height: 300px !important;}
.full_width,
body.post-type-archive-truck .title_outer+.container,
body.error404 .title_outer+.container  {margin-top: 300px;}

.q_logo img {height: 84% !important; padding-top: 5px;}

.q_slider .carousel,
.q_slider .qode_slider_preloader,
.q_slider .carousel-inner>.item {height: 240px !important;}
}

@media (max-width: 355px){
.q_slider .q_slider_content h2,
.q_slider .q_slide_subtitle {font-size: 35px; line-height: 35px;}

#bloc5 h2 {font-size: 26px; line-height: 26px;}

.modeles-container {width: 300px; margin-left: -150px;}
.modeles-lien {padding: 0 11px;}

.title_outer {height: 280px !important;}
.full_width,
body.post-type-archive-truck .title_outer+.container,
body.error404 .title_outer+.container  {margin-top: 280px;}

.q_logo img {height: 76% !important; padding-top: 8px;}

nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {padding: 9px 15px;}
nav.mobile_menu ul.sub_menu li a, nav.mobile_menu ul.sub_menu li h3 {9px 0;}

}

@media print {

html.print-page>body>div {display: none;}
html.print-page>body>.wrapper {display: block;}
html.print-page header,
html.print-page #back_to_top,
html.print-page footer,
html.print-page title_outer,
html.print-page .blog_holder>h1,
html.print-page #inventaire-form,
html.print-page article,
html.print-page .inventaire-printer {display: none;}
html.print-page article.print-bloc {display: block;}
html.print-page .inventaire-titre {padding-right: 16px;}
html.print-page .inventaire-single {margin-top: 0; border-top: none; padding-top: 0;}
html.print-page .blog_holder {padding-top: 0;}
html.print-page .content {margin-top: 0 !important;}

html.print-page .inventaire-img {width: 100%; margin-right: 0;}
html.print-page .inventaire-info {width: 100%; padding-left: 0;}
html.print-page .inventaire-prix {width: 40%; border-right: solid 1px #000; text-align: left;}
html.print-page .inventaire-kilo {width: 40%; text-align: center;}
html.print-page .inventaire-nou {width: 20%; text-align: right;}
html.print-page .inventaire-kilo.text-left {text-align: left;}

}
.img-unique img {
width:174px;
height:174px;
}
.sgpb-popup-overlay {
color:white;
}