@media (max-width: 3840px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 0px solid transparent;
        box-shadow: inset 0 0px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 0px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}







/* GENERAL STYLES */
html, body { height: 100%; width: 100%; }
body { color: #5D5D5D; font-size: 16px; font-weight: 400; margin: 0; padding: 0; overflow-x: hidden; }
.container-full {
  margin: 0 auto;
  width: 100%;
}
/* modal scroll problem fix */
.modal { overflow-y: auto; }
.modal-open { overflow: auto; }
.modal-open[style] { padding-right: 0px !important; }
.modal-body iframe { width: 100%; height: 315px; border: 0px; }
.modal_button { width: 100%; text-align: center; padding: 10px 0 10px 0; }
.btn-danger { background-color: #FF0000; }
/* spacers */
.space_1 { width: 100%; height: 1px; }
.space_2 { width: 100%; height: 2px; }
.space_3 { width: 100%; height: 3px; }
.space_4 { width: 100%; height: 4px; }
.space_5 { width: 100%; height: 5px; }
.space_6 { width: 100%; height: 6px; }
.space_7 { width: 100%; height: 7px; }
.space_8 { width: 100%; height: 8px; }
.space_9 { width: 100%; height: 9px; }
.space_10 { width: 100%; height: 10px; }
.space_20 { width: 100%; height: 20px; }
.space_30 { width: 100%; height: 30px; }
.space_40 { width: 100%; height: 40px; }
.space_50 { width: 100%; height: 50px; }
.space_body_top { width: 100%; height: 100px; }
.space_body_bottom { width: 100%; height: 20px; }
.space_slider_top { width: 100%; height: 0px; }
/* typography */
h1 .white { color: #FFFFFF; }
h1 .black { color: #727272; }
h1 .blue { color: #436CAA; }
h2 .white { color: #FFFFFF; }
h2 .black { color: #727272; }
h2 .blue { color: #436CAA; }
/* links */
a:link { font-size: 16px; }
a:hover { font-size: 16px; }
a:focus { font-size: 16px; }
a:active { font-size: 16px; }
ol,ul { list-style: none;  margin:0; padding:0; }
/* alignement */
.offset-0 { padding-left: 0; padding-right: 0; }
.item_aligned_special { text-align: center; }
.item_aligned_special_1 { text-align: left; }
.item_aligned_special_2 { text-align: right; }
.item_justified { text-align: justify; }
.item_aligned_center { text-align: center; } 
.item_aligned_right { text-align: right; }
.item_aligned_left { text-align: left; }
.item_spaced { padding: 0px 30px; }
.nopadding { padding: 0 !important; margin: 0 !important; }
/* gallery */
.gallery { margin: 0px 0px 15px 0px; } 
.gallery img { border: 1px solid #C6C6C6; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }
.gallery_link { width: 100%; text-align: center; margin-top: 15px; }
.gallery_link a { color: #5D5D5D; font-size: 16px; font-weight: 600; text-decoration: none; margin: 0px 0px 0px 0px; }
.gallery_link a:hover, .gallery_link a:focus, .gallery_link a:active { color: #000000; text-decoration: none; }
/* zoom */
.zoom {  -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; -o-transition: 1s ease-out; -ms-transition: 1s ease-out; transition: 1s ease-out; width: auto; height: auto; }
.zoom:hover { transform: scale(1.08); }
/* HEADER STYLES */
.header { background-image: url(images/site_images/bg_header.png); width: 100%; height: 150px; border-bottom: 0px solid #E7E7E7; position: fixed; top: 0; left: 0; z-index: 999; }
/* NAVIGATION CUSTOM STYLES */
.navbar-default { background-color: transparent; height: 50px; top: 0px; border: 0; border-bottom: 0px solid #242426; font-family: 'Roboto', sans-serif; }
.navbar-brand img { position: absolute; top: 0px; left: 0px; }

.navbar-default .navbar-toggle { color: #FFFFFF; border-color: #FFFFFF; width: 60px; height: 40px; top: 0px; right: 20px; margin-bottom: 2px; }
    .navbar-collapse {
		background-color: transparent;
		background-image: url(images/site_images/bg_menu.png); background-repeat: no-repeat;
		float: right;
		width: 400px;


		
    }


.navbar-default .navbar-nav > li > a { color: #FFFFFF; font-size: 14px; font-weight: 500; line-height: 22px; text-align: right; padding: 8px 10px 8px 10px; margin-left: 160px; }
.navbar-default .navbar-nav > li:nth-last-child(4) > a{ margin-left: 320px; }
.navbar-default .navbar-nav > li:nth-last-child(5) > a{ margin-left: 280px; }
.navbar-default .navbar-nav > li > a:hover { background-color: #1E3E70; color: #FFFFFF; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active { background-color: #1E3E70; color: #FFFFFF; }
.navbar-right { margin-right: 0px; }


/* HOMEPAGE BODY STYLES */
.homepage h1 { color: #5D5D5D; font-family: 'Raleway', sans-serif; font-size: 52px; font-weight: 900; line-height: 52px; margin: 0px 0px 0px 0px; }
.space_homepage_between_rows { width: 100%; height: 50px; }
#sections_top { background-image: url(images/site_images/bg_sections_up.png); background-repeat: no-repeat; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 70px; position: absolute; top: -50px; }
#sections_bottom { background-image: url(images/site_images/bg_sections_down.png); background-repeat: no-repeat; background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 70px; position: absolute; bottom: -50px; }
/* section_1 */
#homepage_section_1 { background-color: #FFFFFF; width: 100%; height: auto; padding: 100px 0px 80px 0px; margin: 0px; position: relative; }
#explication_homepage_section_1 { color: #7C7C7C; font-size: 28px; font-weight: 500; line-height: 34px; margin: 30px 0px 30px 0px; }
.space_homepage_section_1_between_cols { width: 100%; height: 30px; }
/* section_2 */
#homepage_section_2 { width: 100%; height: auto; padding: 150px 0px 150px 0px; margin: 0px; }
#explication_homepage_section_2 { color: #FFFFFF; font-size: 28px; font-weight: 500; line-height: 34px; margin: 30px 0px 30px 0px; }
#explication_homepage_section_2_1 { color: #FFFFFF; font-size: 18px; font-weight: 500; line-height: 24px; margin: 20px 0px 0px 0px; }
/* section_3 */
#homepage_section_3 { background-color: #FFFFFF; width: 100%; height: auto; padding: 110px 0px 110px 0px; margin: 0px; position: relative; }
#explication_homepage_section_3 { color: #7C7C7C; font-size: 28px; font-weight: 500; line-height: 34px; margin: 30px 0px 30px 0px; }
#explication_homepage_section_3_1 { color: #7C7C7C; font-size: 18px; font-weight: 500; line-height: 24px; margin: 20px 0px 50px 0px; }
.homepage_section_3_social_share_box { width: 100%; text-align: center; padding: 0px 0px 0px 0px; margin: 20px 0px 40px 0px; z-index: 100; }
.homepage_section_3_social_share_box .fa-facebook { background-color: #436CAA; width: 50px; height: 50px; font-size: 24px; line-height: 49px; margin: 0px; position: relative; top: 0px; left: 0px; }
.homepage_section_3_social_share_box .fa-twitter { background-color: #436CAA; width: 50px; height: 50px; font-size: 24px; line-height: 49px; margin: 0px; position: relative; top: 0px; left: 0px; }
.homepage_section_3_social_share_box .fa-linkedin { background-color: #436CAA; width: 50px; height: 50px; font-size: 24px; line-height: 49px; margin: 0px; position: relative; top: 0px; left: 0px; }
.homepage_section_3_social_share_box span { width: 80px; height: 50px; font-size: 18px; line-height: 53px; margin: 0px; position: relative; top: -2px; left: 0px; display: inline-block; }
.homepage_section_3_social_share_box a { background-color: #454545; width: 100%; height: 100%; color: #FFFFFF; font-size: 14px; text-decoration: none; display: block; }
.homepage_section_3_social_share_box a:hover { background-color: #616161; color: #FFFFFF; font-size: 14px; text-decoration: none; display: block;  }
/* SUBPAGES GENERAL STYLES */
.responsive_bg_images { width: 100%; height: 350px; background-size: cover; margin-top: 0px; position: relative; line-height: auto; }
.space_between_bottom_of_blocks { width: 100%; height: 80px; }
.space_between_rows { width: 100%; height: 50px; }
.space_between_bottom_of_cols { width: 100%; height: 0px; }
.subpage h1 { color: #5D5D5D; font-family: 'Raleway', sans-serif; font-size: 52px; font-weight: 900; line-height: 52px; margin: 0px 0px 30px 0px; }
.subpage h2 { color: #5D5D5D; font-family: 'Raleway', sans-serif; font-size: 22px; font-weight: 900; line-height: 22px; margin: 50px 0px 30px 0px; }
/* section_1 */
#section_1 { background-color: #FFFFFF; width: 100%; height: auto; padding: 70px 0px 100px 0px; margin: 0px; position: relative; }
#explication_section_1 { color: #7C7C7C; font-size: 28px; font-weight: 500; line-height: 34px; margin: 30px 0px 30px 0px; }
.gallery_product { margin: 0px 0px 15px 0px; padding: 0; border: 1px solid #C6C6C6; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; } 
.gallery_product img { border: 0px solid #C6C6C6; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; } 
.gallery_product div { background-color: #436CAA; width: 100%; color: #FFFFFF; font-weight: 700; text-align: center; padding: 5px 0px 5px 0px; margin: 0; border-radius: 0px 0px 7px 7px; -moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; }
/* FOOTER STYLES */
.footer { background-color: #1A1A1A; width: 100%; height: auto; padding: 50px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.address_header { padding: 0px 0px 0px 0px; margin: 30px 50px 20px 50px; border-bottom: 1px solid #797979; }
.address_header img { width: 40px; height: 40px; padding: 0px; margin-bottom: 5px; display: inline; }
#address_header_h1 { color: #FFFFFF; font-size: 36px; font-weight: 700; padding: 0px; margin: 0px; position: relative; top: 10px; display: inline; }
.address { color: #FFFFFF; font-size: 16px; padding: 0px 0px 0px 0px; margin: 0px 50px 0px 50px; }
.footer_social { margin-top: 20px; margin-right: 50px; margin-left: 45px; }
.footer_social a { width: 40px; height: 40px; font-size: 20px; color: #FFFFFF; text-align: center; background: none repeat scroll 0 0 #436CAA; display: inline-block; margin-bottom: 10px; margin-left: 3px; padding-top: 5px; border: 1px solid #436CAA; }
.footer_social a:hover { background-color: #5C5C5C; color: #FFFFFF; text-decoration: none; border-color: #6E6E6E; }
.footer_map { background-color: #9F9F9F; width: 100%; padding: 0px 0px 0px 0px; -webkit-filter: grayscale(100%) brightness(80%); -moz-filter: grayscale(100%) brightness(80%); -ms-filter: grayscale(100%) brightness(80%); -o-filter: grayscale(100%) brightness(80%); filter: grayscale(100%) brightness(80%); }
.footer_map iframe { width: 100%; height: 500px; border: 0px; }
.footer-small { background-color: #000000; width: 100%; height: 40px; }
.copyright { color: #FFFFFF; font-size: 14px; line-height: 40px; text-align: left; }
.design { color: #FFFFFF; text-align: right; }
.design a { color: #FFFFFF; font-size: 14px; text-decoration: none; line-height: 40px; }
.design a:hover { color: #FFFFFF; text-decoration: underline; }
.design a:active { color: #FFFFFF; text-decoration: underline; }
/* BACK TO TOP STYLES */
#back-to-top { display: none; position: fixed; bottom: 30px; right: 30px; height: 40px; width: 40px; cursor: pointer; background: #436CAA; line-height: 1em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-image: url(images/site_images/triangle.png); background-position: 12px 16px; background-repeat:no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.5; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#back-to-top:hover { background-color: #14305C; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }










@media only screen and (min-width: 1441px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
/* GENERAL STYLES */
body { font-size: 14px; }
/* spacers */
.space_body_top { width: 100%; height: 100px; }
.space_body_bottom { width: 100%; height: 20px; }
.space_slider_top { width: 100%; height: 0px; }
/* links */
a:link { font-size: 14px; }
a:hover { font-size: 14px; }
a:focus { font-size: 14px; }
a:active { font-size: 14px; }
/* alignement */
.item_aligned_special { text-align: center; }
.item_aligned_special_1 { text-align: left; }
.item_aligned_special_2 { text-align: right; }
.item_spaced { padding: 0px 30px; }
/* gallery */
.gallery { margin: 0px 0px 15px 0px; } 
.gallery img { border: 1px solid #C6C6C6; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }
.gallery_link { width: 100%; text-align: center; margin-top: 15px; }
.gallery_link a { color: #5D5D5D; font-size: 16px; font-weight: 600; text-decoration: none; margin: 0px 0px 0px 0px; }
.gallery_link a:hover, .gallery_link a:focus, .gallery_link a:active { color: #000000; text-decoration: none; }

/* HEADER STYLES */
.header { background-image: url(images/site_images/bg_header_xs.png); width: 100%; height: 150px; border-bottom: 0px solid #E7E7E7; position: fixed; top: 0; left: 0; z-index: 999; }




/* NAVIGATION CUSTOM STYLES */
.navbar-default { background-color: #436CAA; height: 80px; top: 0px; }
.navbar-brand img { width: 210px; height: 80px; position: absolute; top: 0px; }
.navbar-default .navbar-toggle { color: #FFFFFF; border-color: #FFFFFF; width: 60px; height: 60px; top: 10px; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; color: #FFFFFF; border-color: #FFFFFF; }
.navbar-default .container, .navbar-default .collapse, .navbar-default .navbar-collapse, .navbar-default .navbar-nav, .navbar-default .navbar-nav > ul, .navbar-default .navbar-nav > li { background-color: #436CAA; margin-bottom: 1px; }
.navbar-default .collapse, .navbar-default .navbar-collapse, .navbar-default .navbar-nav > ul {margin-top: 10px; }
.navbar-default .navbar-nav > li > a { background-color: #252525; height: 42px; line-height: 40px; }
.navbar-default .navbar-nav > li > a:hover { height: 42px; line-height: 40px; }



/* HOMEPAGE BODY STYLES */
.homepage h1 { color: #5D5D5D; font-family: 'Raleway', sans-serif; font-size: 36px; font-weight: 900; line-height: 36px; margin: 0px 0px 0px 0px; }
.space_homepage_between_rows { width: 100%; height: 50px; }
#sections_top { background-image: url(images/site_images/bg_sections_up.png); background-repeat: no-repeat; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 70px; position: absolute; top: -50px; }
#sections_bottom { background-image: url(images/site_images/bg_sections_down.png); background-repeat: no-repeat; background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 70px; position: absolute; bottom: -50px; }
/* section_1 */
#homepage_section_1 { background-color: #FFFFFF; width: 100%; height: auto; padding: 40px 0px 30px 0px; margin: 0px; position: relative; }
#explication_homepage_section_1 { color: #7C7C7C; font-size: 22px; font-weight: 500; line-height: 26px; margin: 30px 0px 30px 0px; }
.space_homepage_section_1_between_cols { width: 100%; height: 30px; }
/* section_2 */
#homepage_section_2 { width: 100%; height: auto; padding: 100px 0px 100px 0px; margin: 0px; }
#explication_homepage_section_2 { color: #FFFFFF; font-size: 22px; font-weight: 500; line-height: 26px; margin: 30px 0px 30px 0px; }
#explication_homepage_section_2_1 { color: #FFFFFF; font-size: 16px; font-weight: 500; line-height: 22px; margin: 20px 0px 0px 0px; }
/* section_3 */
#homepage_section_3 { background-color: #FFFFFF; width: 100%; height: auto; padding: 40px 0px 40px 0px; margin: 0px; position: relative; }
#explication_homepage_section_3 { color: #7C7C7C; font-size: 22px; font-weight: 500; line-height: 26px; margin: 30px 0px 30px 0px; }
#explication_homepage_section_3_1 { color: #7C7C7C; font-size: 16px; font-weight: 500; line-height: 22px; margin: 20px 0px 50px 0px; }
.homepage_section_3_social_share_box { width: 100%; text-align: center; padding: 0px 0px 0px 0px; margin: 20px 0px 40px 0px; z-index: 100; }
.homepage_section_3_social_share_box .fa-facebook { background-color: #436CAA; width: 50px; height: 50px; font-size: 24px; line-height: 49px; margin: 0px; position: relative; top: 0px; left: 0px; }
.homepage_section_3_social_share_box .fa-twitter { background-color: #436CAA; width: 50px; height: 50px; font-size: 24px; line-height: 49px; margin: 0px; position: relative; top: 0px; left: 0px; }
.homepage_section_3_social_share_box .fa-linkedin { background-color: #436CAA; width: 50px; height: 50px; font-size: 24px; line-height: 49px; margin: 0px; position: relative; top: 0px; left: 0px; }
.homepage_section_3_social_share_box span { width: 80px; height: 50px; font-size: 18px; line-height: 53px; margin: 0px; position: relative; top: -2px; left: 0px; display: inline-block; }
.homepage_section_3_social_share_box a { background-color: #454545; width: 100%; height: 100%; color: #FFFFFF; font-size: 14px; text-decoration: none; display: block; }
.homepage_section_3_social_share_box a:hover { background-color: #616161; color: #FFFFFF; font-size: 14px; text-decoration: none; display: block;  }
/* SUBPAGES GENERAL STYLES */
.responsive_bg_images { width: 100%; height: 350px; background-size: cover; margin-top: 0px; position: relative; line-height: auto; }
.space_between_bottom_of_blocks { width: 100%; height: 80px; }
.space_between_rows { width: 100%; height: 50px; }
.space_between_bottom_of_cols { width: 100%; height: 0px; }
/* section_1 */
#section_1 { background-color: #FFFFFF; width: 100%; height: auto; padding: 70px 0px 100px 0px; margin: 0px; position: relative; }
#explication_section_1 { color: #7C7C7C; font-size: 28px; font-weight: 500; line-height: 34px; margin: 30px 0px 30px 0px; }
/* FOOTER STYLES */
.footer { background-color: #1A1A1A; width: 100%; height: auto; padding: 70px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.address_header { margin: 30px 10px 20px 10px; }
.address_header img { width: 56px; height: 42px; }
#address_header_h1 { font-size: 22px; font-weight: 700; top: 10px; }
.address { font-size: 14px; margin: 0px 10px 0px 10px; }
.footer_social { margin-top: 20px; margin-right: 5px; margin-left: 5px; }
.footer_social a { width: 40px; height: 40px; font-size: 20px; color: #FFFFFF; text-align: center; background: none repeat scroll 0 0 #436CAA; display: inline-block; margin-bottom: 10px; margin-left: 3px; padding-top: 5px; border: 1px solid #436CAA; }
.footer_social a:hover { background-color: #5C5C5C; color: #FFFFFF; text-decoration: none; border-color: #6E6E6E; }
.footer-small { height: 80px; padding-top: 20px; }
.copyright { font-size: 14px; line-height: 20px; text-align: center; }
.design { text-align: center; }
.design a { font-size: 14px; line-height: 20px; }
/* BACK TO TOP STYLES */
#back-to-top { bottom: 3px; right: 3px; }
}

@media only screen and (max-width: 479px) {
.space_slider_top { width: 100%; height: 40px; }
}









@media (min-width: 768px) and (max-width: 991px) {
.navbar-default .navbar-nav > li > a { font-size: 14px; }	
}









@media only screen and (min-width: 1441px) {
.copyright { text-align: right; margin-right: 10px; }
.design { text-align: left; margin-left: 10px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.address_header { margin: 30px 10px 20px 10px; }
.address_header img { width: 56px; height: 42px; }
.address_header h1 { font-size: 30px; top: 10px; }
.address { font-size: 14px; margin: 0px 10px 0px 10px; }
.footer-small { height: 40px; }
.copyright { font-size: 14px; line-height: 40px; text-align: center; }
.design { text-align: center; }
.design a { font-size: 14px; line-height: 40px; }	
}
@media (min-width: 768px) and (max-width: 991px) {
.address_header { margin: 30px 10px 20px 10px; }
.address_header img { width: 56px; height: 42px; }
.address_header h1 { font-size: 30px; top: 10px; }
.address { font-size: 14px; margin: 0px 10px 0px 10px; }
.footer-small { height: 40px; }
.copyright { font-size: 14px; line-height: 40px; text-align: center; }
.design { text-align: center; }
.design a { font-size: 14px; line-height: 40px; }	
}



@media (min-width: 768px) and (max-width: 991px) {
#back-to-top { bottom: 3px; right: 3px; }	
}