/* QUOTE */
.quotesection {padding:60px;}
.quotesection h2 {word-wrap: break-word;word-wrap: normal;font-size:3.6em;letter-spacing:0.06em;line-height: 130%;}
.quotesection form {font-family: 'Oswald', sans-serif;}
.quotesection form .wpcf7-radio {display: block;padding-top:10px;}
.quotesection form label {display:block;padding:5px 0;font-size:1.2em;font-weight: 400;color:#fff;font-size:15px;}
.quotesection form input {padding:10px;margin:5px 0;width:100%;color:#313131;}
.quotesection form input[type="radio"] {width:20%;color:#313131;}
.quotesection form select {padding:5px;margin:5px 0;width:100%;color:#313131;}
.quotesection form textarea {padding:10px;margin:5px 0;width:100%;color:#313131;}
.quotesection form legend {color:#fff;font-size:22px;text-transform: uppercase;padding-bottom: 20px;}
.quotesection form input.wpcf7-submit {background:white;border:0;color:#313131;transition: background-color 0.25s ease;}
.quotesection form input.wpcf7-submit:hover {background:#313131;border:0;color:white;}
hr.form-divide {height:2px;background: #235c9e;border:0}
.quotesection form .wpcf7-mail-sent-ok {font-size:20px;text-align: center;padding:30px;line-height: 130%}

@media screen and (max-width: 1023px){
    .newslist h2{font-size:2rem;}
}


.slick-slider {margin:0}
.section-content {padding:0;margin:0 auto}
.home .section-content {padding:40px 0 60px 0;margin:0 auto}
.section-content p {font-size:1.55em;line-height:130%;color:#7c7c7c;}
.section-content h3 {font-size:3.35em;line-height:130%;text-transform: uppercase;color:#002857;letter-spacing: normal}
a.section-cta {display:inline-block;padding:20px;background:transparent;border:2px solid #002856;color:#002856;font-size:1.3em;margin-top:30px;font-weight:700;letter-spacing: 0.06em;transition: background-color 0.5s ease;text-shadow: none}
a.section-cta:hover {background:#002856;color:#fff}


.sitecontent p {font-size:1.55em;line-height:130%;font-family: 'Abel', sans-serif;}
.sitecontent ul {margin:20px;}
.sitecontent ul li {font-size:1.45em;line-height:130%;list-style: disc}


.generaltemp {background: #fff}
.generaltemp .bgtitle {background: #002857 url(img/tile_2.png) repeat; padding:20px 0;}
.generaltemp .bgtitle h2 {color:#fff;padding:0;margin:0;line-height: normal}
.generaltemp h3 {font-size:2.4em;line-height: 130%; color:#313131;font-weight:400;letter-spacing:0.06em;padding:15px 0 30px 0;font-family: 'Oswald', sans-serif;}
.generaltemp p {font-size:1.55em;line-height:130%;}





/* DROPDOWN MENU */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;
 border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.navbar {position: relative;min-height: 0;margin-bottom:0;border: 0;}
.nav>li>a {font-family: 'Abel', sans-serif!important;position: relative;display: block;padding: 4px 10px;color:#636363;font-size:1.1em;line-height: 50px;font-weight: 700}
.nav li.current_page_item a {color:#4C9E45}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 300px;padding: 10px 0;margin: 2px 0 0;list-style: none;font-size: 14px;text-align: left;background-color: #fff;border-top: 3px solid #2ea3f2; border-radius: 0;-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.dropdown-menu li {padding:0 20px;}
.dropdown-menu li a {padding: 6px 15px;font-size: 16px;text-align: left;font-weight: 700;color:#474747;font-family: 'Abel', sans-serif!important;}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {background: #e7e7e7;color:#002856;}
.dropdown-menu li.active a {color:#002856;background:#e7e7e7}
.dropdown-menu li.active a:hover {color:#002856;background:#e7e7e7}

@media (min-width: 1200px) {
    #main-menu .open ul{
        display: none;
    }
    #main-menu .open a{
        background-color: transparent;
        color: #636363;
    }
}

@media (max-width: 620px) {
    body { overflow-x:hidden; }
    #quote-section a.section-cta { font-size:1.2em; padding:14px; margin:20px 0 10px 0; }
    #quote-section .carousel-caption p { font-size:1.2em; }
    .copy-section p { margin-top:8px; }
    .carousel-caption { width:100%; padding:0 10px; left:0; }
    #quote-section { height:800px; }
    .carousel-caption.text-center h2 { font-size:1.5em; }
    .section-content h3 { font-size:2em; }
    a.section-cta { font-size:1em; }
    #complete-solution ul#solution-link { display:flex; flex-direction:row; justify-content:center; flex-wrap:wrap; }
    #complete-solution ul#solution-link li { margin-bottom:4px; }
    .vidwrap { height:200px; }
    .first-vidwrap { height:128.111px; }
    .service-vidwrap { height:234px; }
    .vidwrap .carousel-slider, .vidwrap .carousel-slider .slick-list, .vidwrap .carousel-slider .slick-slide, .vidwrap .carousel-slider .slick-slide img { height:200px!important; }
    .carousel-info .carousel-intro { font-size:0.9em; line-height:20px; padding-top:40px; }
    .carousel-info .carousel-caption { font-size:1em; }
    .carousel-info { height:50%; top:45%; }
    .carousel-info .carousel-caption { line-height:20px; padding-top:57px; }
    .section-content h3 { padding:0 5px; }
    .slick-slider.slider1, .slick-slider.slider1 .slick-list, .slick-slider.slider1 .slick-list .slick-track, .slick-slider.slider1 .slick-list .slick-track iframe { height:128px; }
    .img-usine { min-height:570px; }
    .page-template-template-about .abouttemp .row { display:block;  padding:0 10px; }
    .page-template-template-about .abouttemp .row .col-md-4 img { max-height:200px; }
    h2.main-title { display:flex; flex-direction:row; justify-content: center; font-size:2.4em; }
}

/* Fixed menu */
#masthead.menuFixed{
    position: fixed;
    width: 100%;
    z-index: 9999999;
    top: 0px;
    border-bottom: 2px solid #002856;
    height: 60px;
}
#masthead.menuFixed .groslogo{
    max-width: 100px;
}
#masthead.menuFixed #main-menu li a {
    line-height: 50px;
}


/* BRAVAD CSS (So many CSS....) */

.home hr{border-top:6px solid #6a9a46; height:6px; width:150px; margin:0px auto 20px;}

.home header{background-size:cover; padding:150px 0 50px;}
.home header h1{color:#fff; font-size:48px; text-align:center; max-width: 50%; margin:0 auto 80px; font-family: 'Abel', sans-serif;}
.home header .down-arrow{text-align:center;}
.home header .down-arrow img{max-width:80px;}

.home section#services .intro{text-align:center; padding:80px 0;}

.home section#services h2{font-family: 'Abel', sans-serif; font-weight: bold; font-size:48px; text-transform: uppercase;}
.home section#services p{font-size:30px; font-family: 'Abel', sans-serif; font-weight: 400; color:#000;}

.home section#services{display: flex; flex-wrap: wrap; width:100%;}
.home section#services .item{flex:auto; width:50%; text-align: center;}
.home section#services .item .img{height: 400px; position: relative;}
.home section#services .item .hover{display: none; position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.45);}
.home section#services .item a:hover .hover{display: block; text-align:center;}
.home section#services .item .hover img{width:50px; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.home section#services .item .title{padding:80px 0;}

.home section#forest{background:url(img/forest-bg.jpg) no-repeat center center; background-size:cover; padding:200px 0; text-align:center; font-family: 'Abel', sans-serif;}
.home section#forest h2{color:#fff; text-transform: uppercase; font-size:48px; font-family: 'Abel', sans-serif; }
.home section#forest p{color:#fff; font-size:30px; font-weight: normal; line-height:38px;}

#quote-section{text-align:center; padding:200px 0; font-family: 'Abel'; height: initial;}
#quote-section h2{font-size:48px; font-family: 'Abel', sans-serif; }
#quote-section p{font-size:30px; font-weight: normal; line-height:38px; margin-bottom:60px;}
#quote-section a{background:#6a9a46; padding:15px 30px; color:#fff; font-size:30px; transition: all 0.5s linear;}
#quote-section a:hover{background:#7da95c;}

@media screen and (max-width: 1024px){

    .home header .down-arrow img{max-width: 40px}
    .home section#services .item .title, .home section#services .intro{padding:40px 0;}

    .home section#services .item{width:100%;}
    .home header h1, .home section#services h2, .home section#forest h2, #quote-section h2{font-size:24px;}
    .home section#services p, .home section#forest p, #quote-section p{font-size:20px; line-height: 24px}
    #quote-section{padding:100px 0;}
    #quote-section a{font-size:20px;}
}

/* Online quote page */

.quotesection form label{font-size:16px; text-transform: uppercase; margin-top:15px;}
.quotesection form input, .quotesection form textarea, .quotesection form select{border-radius: 0;}
.quotesection form div[data-type="message"]{margin:15px 0; border-top:1px solid #ccc; padding-top:15px; font-size:18px;}
.quotesection form div[data-type="radio"] label, .quotesection form div[data-type="radio"] input{float:left;}
.quotesection form .btn{background: #6a9a46; padding: 5px 30px; color: #fff; font-size: 20px; transition: all 0.5s linear; margin:15px 0; border-radius: 0}
.quotesection form .ft-invalid{color:#ea3d3d;}
.quotesection form .ft-radio{margin-top:0;}

label[for="ft_5e15e83a71520"]{display:block; width: 100%;}

@media screen and (max-width: 1024px){
    #ft_5e15e83a71520, #ft_5e15e83a71520{overflow: hidden;}
    label[for="ft_5e15e83a71520"]{display:initial; width: auto; margin-top:0!important;}
}