body { font-family: 'Ubuntu', sans-serif; font-size:14px; color: #fff;}
#flashMessage { width: 400px; position: absolute; top: 45%; left: 35%; border: 1px #ED522B solid; background: #D2E4F0; padding:20px; font-weight: bold; cursor:pointer;}

/** CONTAINER **/
.container{ width: 1200px; margin: 0 auto; position: relative;}

/** FONTS **/
.ubuntu{font-family: 'Ubuntu', sans-serif;}

.big_title{font-weight:bold;}

/** FOOTER **/
footer{ width: 100%; float: left; margin: 0;}
.black_stripe{ width: 100%; height: 10px; float: left; background: #000;}
.grey_stripe{ width: 100%; float: left; height: 60px; background: url('/img/grey_bg1.jpg') no-repeat center center;}
.grey_footer_left{ width: auto; float: left; color: #d4b4b4; font-size: 18px; margin: 19px 0; color: #b4b3b3;}
.grey_footer_right{ width: auto; float: right; text-align: right; padding-top:14px;}
.black_top{ width: 100%; float: left; background: #000;}
.black_top_bar{ width: 100%; float: left; margin: 10px 0;}
p a{color:inherit;}
.dm_links_section {color:#000;}
.dm_links_section a {color:#666;}

a.white_button_more{display:inline-block;padding: 10px 20px; text-align:center; color:#000 !important;background:#fff; border-radius:5px;}

/*.manonki{float:right;margin-top:200px; width:320px; padding:15px; background: rgba(241, 202, 23, 0.6); font-size:22px; color:#000;}*/
.manonki{float:right;width:100%; padding:15px 0; text-align:center; background: rgba(241, 202, 23, 1); font-size:22px; color:#F00;text-transform:uppercase;}
.manonki .fa{font-size:30px;color:#fff;}
.black_top_left{ width: 380px; float: left; margin-top:5px;}
header .black_top_left{margin-left:20px;}
header i{vertical-align: top;}
header .black_top_left .fa-mobile{margin-left:6px;margin-right:11px;}
.big{ font-size: 18px; margin: 2px 0; color: #fff;}

.fa{ color: #f1ca17;}

#colorbox{z-index:99999}
#colorbox{position:relative; text-align:center;height:inherit; overflow:hidden;}
#colorbox img{max-height:100%;width:auto; cursor:pointer;}
#colorbox a{position:absolute;color:#ed1c24;font-weight:bold;font-size:20px; bottom:8%; border-radius:10px; width:100%;display:block;}
#colorbox a span{padding:10px 20px; background:#fff;}
#cboxClose{top:0;bottom:auto;}
#cboxLoadedContent{margin-bottom:0;}
.black_top_bar .phone{ float: left; width: auto; min-width:32%;}
.big2{ font-size: 18px; margin: 2px 0;  color: #fff; font-weight: bold;}
footer .big2{width: 86%; float: right;}
.big2 a{color:#fff;}

.footer_logo{ width: 100%; float: left; margin: 0 0 15px;}

.black_top_right{ width: 50%; float: left;}
.footer_navigation{ width: 100%; float: left; margin: 35px 0;}
.footer_navigation ul{ text-align: right; width: 100%: float: left; margin: 0; padding: 0; list-style-type: none; text-transform: uppercase;}
.footer_navigation ul li{ display: inline-block; margin: 0 0 0 20px;}
.footer_navigation ul li a{ font-size: 16px; color: #fff; transition: color 0.5s;}
.footer_navigation ul li a:hover{ color: #f1ca17;}

.other1{ width: 50%;}
.other2{ width: 32%; float:left;}

.awards{ width: 100%; float: left; margin: 35px 0;}
.award1{ width: 50%; float: left; text-align: center;}
.award2{ width: 50%; float: left; text-align: center;}

.insecta_sep{ width: 100%; float: left;}
.logo_sep{ position: absolute; z-index: 2; left: 47%; top: -35px;}

.grey{ width: 100%; float: left; margin: 55px 0;}
.grey_box{ width: 100%; float: left; background: #6c6c6c;}
.grey_box_left{ width: 85%; float: left;}
.grey_box_left p{ font-size: 18px; color: #fff; line-height: 25px; text-align: justify;}
.grey_box_left p a{color:inherit;}

.grey_box_right{ width: 15%; float: left; text-align: right;}

.tittle_box{ width: 100%; float: left; text-align: center;}
.titleone{ font-weight: medium; font-size: 30px; margin: 0 0 10px;}
.line{ width: 100%; float: left; text-align: center; margin: 0 0 25px;}

.yellow_box{ width: 100%; float: left; background: #f1ca17;}
.yellow{ width: 100%; float: left; margin: 55px 0;}
.tittle_box2{ width: 100%; float: left; text-align: center;}
.titletwo{ font-weight: medium; font-size: 30px; margin: 0 0 10px; color: #000;}
.titleb{ width: 100%; float: left; font-size: 30px; margin: 0; color: #000; text-align: center;}

.add_yellow_bg img{border:3px solid #f1ca17;}
.yellow_cont{ width: 100%; float: left;}
.yellow_cont p{ font-size: 18px; color: #000; margin: 20px 0;}
.yellow_cont p a{color:#fff;}
.yellow_cont ul{ width: 100%; float: left; color: #000; font-size:18px;}
.yellow_cont ul li{ margin: 15px 0;}

.fa1{ color: #000;}

.carousel{ width: 100%; float: left; background: #fff; margin: 50px 0 0;}
.owl-carousel{ width: 100%; float: left; background: #fff; height: 360px;}
.element{  width: 290px; float: left; position: relative; text-align: center; cursor: pointer; margin: 0 36px;}
.hover_image{ transition: opacity 0.5s; position: absolute; z-index: 3; top: 0; left: 0; width: 290px; height: 207px; opacity:0; background: rgba(0,0,0,0.65) url('../img/more.png') no-repeat center center; display: inline-block;}
.img_carousel{ height: 178px; width: 290px; display: inline-block; position: relative;}
.img_carousel.add_yellow_bg img{height:204px; width:285px !important;}
.element:hover .hover_image{ opacity:1;}
.element p{ width: 86%; margin: 10px 7%; line-height: 25px;}
.element p.title3{ font-size: 18px; color: #555555; font-weight: normal; width: 100%; margin: 28px 0; line-height: 25px; text-transform: uppercase;  background: #f1ca17; padding: 10px 0; color: #000;}





/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
.owl-controls{position: relative; width: 100%;}
.owl-prev{ position: absolute; z-index: 100; bottom: 140px; left: 10px;}
.owl-next{ position: absolute; z-index: 100; bottom: 140px; right: 10px;}


.slideshow{ width: 100%; float: left; height: auto; position: relative; margin-top: 94px;}
.slide1{ float: left; width: 100%; background: url('../img/slide_1.jpg') no-repeat center center;}
.slide{ float: left; width: 100%; background: url('../img/slide_1.jpg') no-repeat center center; height: 750px;}
.slide2{ float: left; width: 100%; background: url('../img/slide_2.jpg') no-repeat center center;}
.slide3{ float: left; width: 100%; background: url('../img/slide_3.jpg') no-repeat center center;}
.slide4{ float: left; width: 100%; background: url('../img/slide_4.jpg') no-repeat center top;}
.slide5{ float: left; width: 100%; background: url('../img/ecole.jpg') no-repeat center top; background-size:100% auto;}
.slide6{ float: left; width: 100%; background: url('../img/immobilier.jpg') no-repeat center top; background-size:100% auto;}
.wys{ height: 565px;}

.square{ width: 35%; float: left; background: url('../img/yel.png') no-repeat center left; height: 484px; margin: 133px 0;}
.square_cont{ width: 100%; float: left;}
.titlesquare{ width: 90%; float: left; margin: 90px 5% 0; text-align: center; font-size: 35px; color: #000; text-transform: uppercase;}
.square_contain{ width: 90%; float: left; margin: 10px 5% 0; text-align: center; font-size: 21px; color: #000; text-align: center; line-height: 35px;}
.button_square{ width: 90%; float: left; margin: 25px 5% 0;}
.button_square a{ width: 50%; float: left; padding: 15px 5%; text-align: center; font-size: 21px; color: #000; margin: 0 20%; background: #fff;}

.square_contain ul{ width: 80%; text-align:left; float: left; margin: 0 20%; padding: 0; line-height: 25px; }

header{ width: 100%; float: left; position: fixed; z-index: 99999;}
.header_bot{ width: 100%; float: left; background: #3d3e3e;/* url('../img/grey_bg1.jpg') no-repeat center center;*/ height: 35px;}

.header_navigation {width: 100%; float: left;}
.header_navigation ul{ width: 100%; float: left; margin: 0; padding: 0; list-style-type: none;}
.header_navigation li{ float: left; width: auto; margin: 0;}
.header_navigation li a{ font-size: 21px; color: #fff; padding: 4px 40px; display:block;}
.header_navigation li a:hover, .header_navigation li a.active{ background: #424242; color: #f1ca17;}
.header_navigation li.marg{ margin: 0 156px 0 0;}
.header_navigation li.logo a{padding:0;height:60px; margin-right:15px;}
.header_navigation li.logo img{height:100%; width:auto;}




.header_navigation ul ul{text-transform: uppercase; position: absolute; z-index: 9999; width: 250px; top: 30px; display: none; background: #3d3e3e;}
.header_navigation ul ul li a{ color: #fff;}
.header_navigation ul li:hover ul{display: block;}
.header_navigation ul ul li{ width: 100%; float: left; text-align: left;}
.header_navigation ul ul li a{ width: 80%; padding: 10px 10%; text-align: left; float: left; font-size: 16px;}
.header_navigation ul ul li a:hover{ color: #000; background: #F1CA17;}

.header_logo{ position: absolute; z-index: 3; left: 43%;}

.marg2{ margin: 16px 0;}
.header_right{ width: auto; float: right; text-align: right; margin-top:24px;}
.header_right a{ font-size: 18px; color: #fff;}
.fa.place{ margin-left: 10px; font-size: 25px; margin-top: 4px; width: 5%;}
.header_navigation li a.padd1{ padding-right: 36px; padding-left: 36px;}
.header_navigation li a.padd2{ padding-right: 23px;  padding-left: 23px;}

.header_top{ background: #fff; /*url('../img/grey_bg1.jpg') no-repeat center center;*/ height: 79px; line-height:34px; overflow:hidden; position:relative;}
.header_top .more_gray{position:absolute; left:0;width:30%;background: #3d3e3e; top:0; height: 100%;}
.white_bg{background: #fff;}
.header_right,.header_top .big, .header_top .big2{color:#000;}
.header_top .big2 a, .header_right a{margin:0; color:inherit;}
.black_top_left i{margin-top:3px;margin-right:5px;}
.header_top .logo{float:left; width: 210px; background:#3d3e3e;padding-right:20px; position:relative; margin-right:20px;}
.header_top .logo .box_1{position:absolute;right:-20px;top:-30px;border-bottom: 50px solid transparent; border-left: 50px solid #3d3e3e; border-top: 50px solid transparent; height: 0; width: 0;}
.header_top .logo .box_2{position:absolute;right:-20px;top:9px;border-bottom: 50px solid transparent; border-left: 50px solid #3d3e3e; border-top: 50px solid transparent; height: 0; width: 0;}
.header_top .logo .box_3{background:#3d3e3e;height:37px;width:20px;position:absolute;right:-20px;top:21px;}
.header_top .logo a{display:block; padding: 3px;}
.header_top .logo a img{max-width:100%; float:left;position: relative;z-index:2;}


.white_cont{ width: 100%; float: left; margin: 0 0 20px;}
.garanties_left{ width: 65%; float: left;}
.garanties_right{ width: 35%; float: left; text-align: right; margin-top: 30px;}
.garanties_title{ width: 100%; float: left;}
.icon{ width: 9%; float: left;}
.title_cont{ width: 91%; float: left; font-size: 30px; color: #424242; margin: 21px 0;}
.gar_text{ width: 100%; float: left; margin: 10px 0;}
.gar_text p{ font-size: 16px; color: #000; line-height: 25px; text-align: justify;}

.rat_content{ width: 100%; float: left; margin: 50px 0 100px;}
.rat_left{ width: 65%; float: left; margin: 58px 0;}
.rat_right{ width: 35%; float: left; background: url('../img/yel.png') no-repeat center right; height: 530px;}
.rat_title{ width: 100%; float: left; font-size: 30px; color: #000; margin: 90px 0 0; text-align: center; text-transform: uppercase;}
.rat_text{ width: 86%; float: left; color: #000; font-size: 18px; text-align: justify; margin: 25px 8%; line-height: 25px;}
.rat_right.full{background:none; float:right;}
.rat_right.seo{background-size:100% 100%; height:auto;}
.rat_right.seo  .rat_title{margin:200px 0; }
.full .rat_text{width:100%;margin:25px 0;}
.textbot{ width: 100%; float: left; font-size: 18px; color: #000; line-height: 30px;}
.rat_text a{color:inherit;}

.rat_full_text{ width: 100%; float: left;}
.rat_full_text p{ font-size: 16px; color: #000; line-height: 25px; text-align: justify;}

.map{ width: 100%; float: left;}
.map_cont{ width: 100%; float: left; margin: 30px 0;}

.contact_bg{ width: 100%; float: left;}
.contact{ width: 100% float: left;}
.contact_left{ width: 49%; margin: 0 1% 0 0; float: left;}
.contact_title{ width: 100%; float: left;}
.icon2{ width: 12%; float: left;}
.title_cont2{ width: 88%; float: left; font-size: 30px; color: #424242; margin: 21px 0;}
.contact_text{ width: 100%; float: left;}
.contact_text p{ font-size: 16px; color: #000; line-height: 25px; text-align: justify;}

.contact_right{ width: 49%; margin: 90px 0 0 1%; float: left;}
.form_title{ width: 100%; float: left; font-size: 21px; color: #000;}
form{ width: 100%; float: left; margin-bottom: 50px;}
.input{ font-weight: bold; color: #000; width: 96%; float: left; padding: 10px 2%; margin: 10px 0; border: none; background: #F1CA17; border-radius: 5px;}
.submit{ text-align: center; width: 25%; float: left; margin: 0 0 0 75%; border: none; border-radius: 5px; text-transform: uppercase; background: #424242; color: #fff; font-weight: bold; font-size: 18px; padding: 10px 0;}

.soumission_text{ width: 100%; float: left; margin: 20px 0 30px;}
.soumission_title{ width: 100%; float: left;}
.icon3{ width: 6%; float: left;}
.title_cont3{ width: 94%; float: left; font-size: 30px; color: #424242; margin: 21px 0; text-transform: uppercase;}
.soumission_cont{ width: 100; float: left;}
.soumission_cont p{ font-size: 16px; color: #000; line-height: 25px; text-align: justify;}

.yellow_form{ width: 100%; float: left; background: #F1CA17;}
.form_title2{ width: 100%; float: left; font-size: 30px; color: #424242; text-align: center; margin: 45px 0 15px;}
.form_box{ width: 100%; float: left;}
.form_left{ width: 40%; float: left; margin: 20px 5%;}
.input2{ font-weight: bold; color: #000; width: 96%; float: left; padding: 10px 2%; margin: 10px 0; border: none; background: #fff; border-radius: 5px;}
.style_select select{-webkit-appearance: none; font-weight: bold; color: #7b7b7b; width: 100%; float: left; padding: 5px 2%; margin: 10px 0; border: none; background: #fff; overflow: hidden; border-radius: 5px;}
.submit2{ text-align: center; width: 35%; float: left; margin: 0 0 0 65%; border: none; border-radius: 5px; text-transform: uppercase; background: #424242; color: #fff; font-weight: bold; font-size: 18px; padding: 10px 0;}
option{ padding: 5px 2%;}
select{ padding: 0;}

.text_secteurs{ width: 100%; float: left;}
.center{ text-align: center;}

.autres_left{ width: 49%; float: left; margin: 0 1% 0 0; text-align: center;}
.autres_right{ width: 49%; float: left; margin: 0 0 1% 0; text-align: center;}

.insects{ width: 100%; float: left; margin: 50px 0 100px;}
.insects_box{ width: 100%; float: left;}
.one_box{ width: 30%; float: left; text-align: center; margin: 20px 0;}
.box_title{ width: 100%: float: left; font-size: 21px; color: #000; text-align: center; margin: 5px 0;}
.marg3{ margin: 20px 5%;}
.marg4{ min-height: 601px;}

.placeholder{ width: 100%; float: left; height: 230px;}

.only_mobile{ display: none;}
.only_desktop{ display: block;}
#background_wrapper{float:left;width:100%;transition: margin 0.5s; overflow: hidden;}

.call_to_action a{font-size:24px; color: #000; display:block;margin-top:-40px;}

#main{float:left;width:100%;}
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
.yellow_cont ul {padding-left:0;}

@media (max-width: 1201px) {
	img{max-width:100%; height:auto;}
	.call_to_action a{margin-top:0;}
.header_top .more_gray{display:none;}
.square{width:420px;}
.only_mobile{ display: block;}
.only_desktop{ display: none;}	

.container{ width: 100%;}

#open_mobile_menu{ position: absolute; z-index: 99999; top: -40px; left: -10px; background: #424242; padding: 12px 14px 4px; line-height:20px;}
.fa-2x{ color: #fff;}
#open_mobile_menu:focus{ outline: none;}

#mobile_menu.mobile_size{ width: 54%;}
#background_wrapper.mobile_margin{margin-left: 54%;}
#background_wrapper{overflow: hidden;}


#mobile_menu{z-index:99999;position:fixed;overflow-y:auto;width:0;height:100% !important; float:left;background: #424242; transition: width 0.5s; top:0; left:0;}
#mobile_menu ul{ width: 100%; float: left; margin: 0; padding:0; list-style-type: none; font-size: 16px; text-align: center; border-top: 0; }
#mobile_menu ul li{ width: 100%; float: left; padding: 15px 0; text-align: center;}
#mobile_menu ul li a{ color: #fff; text-align: left; text-transform: uppercase; font-weight: bold;}
#mobile_menu ul li a:focus{ outline: none;}
#mobile_menu ul li.toggle_dropdown{ background: url('../img/tr2.png') no-repeat center 90%;}
#mobile_menu ul li.open{ background: none;}
#mobile_menu ul ul{ background: #F1CA17; margin: 15px 0 0;}
#mobile_menu ul ul li a{ color: #424242;}
#mobile_menu ul li.logo a img{width:100%;height:auto;}

.grey_stripe{ background: #424242; height: auto; padding: 10px 0;}
.grey_footer_left{ width: 96%; margin: 0 2%; text-align: center;}
.grey_footer_left p{ margin: 0;}
.grey_footer_right{ margin: 10px 2% 0; text-align: center; width: 96%;}

.black_top{ width: 96%; padding: 0 2%;}
.black_top_left{ width: 100%;}
.clock{ width: 100%;}
.clock i{ display: none;}
.big{ margin: 0; width: 100%; font-size: 18px; text-align: center;}
.phone{ width: 100%;}
.phone i{ display: none;}
.big2{ width: 100%; text-align: center; margin: 10px 0 0 0;}

.black_top_right{ width: 100%;}
.footer_navigation{ margin: 10px 0;}
.footer_navigation ul{ width: 100%; float: left; text-align: center;}
.footer_navigation ul li{ width: 100%; float: left; margin: 5px 0;}
.footer_logo{ text-align: center;}

.awards{ margin: 0 0 20px;}
.award1{ width: 96%; margin: 0 2%;}
.award1 img{ max-width: 100%;}
.award2{ width: 96%; margin: 0 2%;}
.award2 img{ max-width: 100%;}

.insecta_sep{ height: 60px;}
.logo_sep{ left: 0; position: relative; text-align: center; }

.grey_box{ width: 96%; padding: 0 2%; margin: -60px 0 0;}
.line{ margin: 0;}
.line img{ max-width: 100%;}
.grey_box_left{ width: 100%;}
.grey_box_right{ width: 100%; text-align: center;}

.yellow_box{ width: 96%; padding: 0 2%; margin: 0;}
.titletwo{ font-size: 21px;}
.titleb{ margin: 10px 0 0; font-size: 21px;}
.yellow_cont p{ width: 100%; text-align: justify;}

.yellow_cont ul{ margin: 0;}
i.fa-li{ position: relative; float: left; width: 100%; top: -15px; text-align: center; left: 0;}

header{ position: relative;}
.fixed_header{padding-top:100px;}
.fixed_header .header_right, .fixed_header header .black_top_left{display:none;}
.fixed_header header{position: fixed; top:0; height:auto;overflow:hidden;}
.fixed_header .header_top{padding-top:3px;}
.fixed_header #open_mobile_menu{top:22px}
.fixed_header .header_top .logo{margin-top:0;}

.header_top .logo{width:100%; text-align:center; background:#424242; padding:0; margin-top:-15px;}
.header_top .logo a img{float:none;}
.header_top .logo .box_1,.header_top .logo .box_2,.header_top .logo .box_3{display:none;}
.white_bg{background:none; text-align:center;}
.header_right,header .black_top_left{margin:0;}
.header_right, .header_top .big, .header_top .big2{color:#fff;}
.big,footer .big2,.black_top_bar .phone{width:100%;float:left;}

.header_top{ width: 96%; padding: 0px 2% 0; background: #424242; height: auto; float: left; padding-top:30px; margin-top: 0px; display:block; overflow:visible}

.header_right{text-align: center; width: 100%;}
.header_right a{ width: 100%; font-size: 16px; float: left;}
.header_right i{ display: none;}
.header_bot{ height: 120px; background: #F1CA17; width: 100%; float: left; margin-top: -308px; display:none;}
.header_logo{ position: relative; left: 0; text-align: center;}

.placeholder{ height: 65px;}
.white_cont{ margin: 0 2% 20px; width: 96%;}
.garanties_left{ width: 100%;}

.icon{ width: 100%; text-align: center;}
.title_cont{ width: 100%; text-align: center; margin: 5px 0;}
.gar_text{ margin: 0;}
.garanties_right{ width: 96%; margin: 0 2%;}
.garanties_right img{ max-width: 100%;}

.rat_content{ margin: 0 2%; width: 96%;}
.rat_left{ width: 100%; margin: 0;text-align:center;}
.rat_left img{ max-width: 100%;}
.rat_right{ width: 100%; background: #F1CA17; height: auto;}
.rat_right.seo .rat_title,.rat_title{ margin: 10px 0;}

.rat_text{ width: 86%; margin: 25px 7%;}

.map_cont{ margin: 0 2% 30px; width: 96%;}
.map_cont img{ max-width: 100%;}
.contact_bg{ width: 96%; margin: 0 2%;}
.contact_left{ width: 100%; margin: 0;}
.icon2{ width: 100%; float: left; text-align: center;}
.title_cont2{ width: 100%; float: left; text-align: center; margin: 0;}
.contact_right{ width: 96%; margin: 10px 2%;}
.form_title{ text-align: center;}
.submit{ width: 50%; margin: 10px 25%;}
	
.icon3{ width: 100%; float: left; text-align: center;}
.title_cont3{ width: 100%; float: left; text-align: center; margin: 0;}	
.yellow_form{ margin-top: -30px;}	
.form_box{ width: 96%; margin: 0 2%;}
.form_left{ width: 100%; margin: 20px 0;}	
.submit2{ width: 50%; margin: 0 25%;}	

.hed{ display: block;}

.insects_box{ margin: 0 2%; width: 96%;}
.one_box{ width: 100%; margin: 10px 0;}
	
.marg4{ min-height: auto;}	
.slideshow{ margin-top:0;}	
}	
	
@media (max-width: 1000px) {
.slideshow{ display: none;}
}

@media (max-width: 600px) {
#colorbox a,#colorbox a span{font-size:14px; padding:4px 3px;}
}


@media (max-width: 450px) {
	.header_top .logo a img{max-width:80%;}
#colorbox a,#colorbox a span{font-size:12px; padding:2px 1px;font-weight:normal;}
}

@media (max-width: 340px) {
	.header_top .logo{text-align:right;}
}