/* No media query necessary for xs breakpoint as it's effectively `@media (min-width: 0) { ... }`
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap
*/

/*Default mobile first!*/

/*Color definition variable*/
:root {
  --primary_blue: #0e00df; 
  --primary_dark_blue: #040040;
  --secondary_blue: #0affde;
  --Text_primary_dark: #040040;
  --Text_primary_light: #fff8f0;
  --Text_secondary_dark:#040040;
  --bmo_white: #FEFDFF;
  --bmo_white_bg:#EBF4FE;
  --bmo_white_gray: #f8f9fa;
  --bmo_gray0: #EBF4FE;
  --bmo_gray1 : #E9ECEF;
  --bmo_gray2 : #DEE2E6;
  --bmo_gray3 : #CED4DA;
  --bmo_gray4 : #ADB5BD;
  --bmo_gray5 : #6C757D;
  --bmo_gray6 : #495057;
  --bmo_gray7 : #343A40;
  --bmo_gray8 : #212529;
  --bmo_black1 : #0d0d0d;
  --bmo_red: #f51000;
  --bmo_additional_pink:#f51000;
}

/*Font import*/
@font-face {
  font-family: 'Pangea-Bold';
  src:  url('font/Pangea-Bold.woff2') format('woff2'),
        url('font/Pangea-Bold.woff') format('woff');

  font-family: 'Pangea-Light';
  src:  url('font/Pangea-Light.woff2') format('woff2'),
        url('font/Pangea-Light.woff') format('woff');

  font-family: 'PangeaText-Bold';
  src:  url('font/PangeaText-Bold.woff2') format('woff2'),
        url('font/PangeaText-Bold.woff') format('woff');

  font-family: 'PangeaText-Regular';
  src:  url('font/PangeaText-Regular.woff2') format('woff2'),
        url('font/PangeaText-Regular.woff') format('woff');

}

/*Font Family*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3,
.display-4, .display-5, .display-6 {
  font-family: "Pangea-Bold", sans-serif;
  font-weight: bold;
  color: var(--Text_primary_dark);
}
html, body, .tooltip, .popover {
  font-family: "PangeaText-Regular", sans-serif;
  color: var(--Text_primary_dark);
}
code, kbd, pre, samp, .text-monospace {
  font-family: "PangeaText-Regular", sans-serif;
  color: var(--Text_primary_dark);
}
button, input, optgroup, select, textarea {
  font-family: "PangeaText-Regular", sans-serif;
  color: var(--Text_primary_dark);
}


body{
  background-color: white;
}

/*Font colors - Text colors*/

.bmo_title_secondary_color b{
  color: var(--secondary_blue)!important;
}

.bmo_title_dark, .bmo_text_color_white{
  color: var(--bmo_white)!important;
}

.bmo_text_color_black{
  color: #0d0d0d!important;
}

.bmo_text_color_primary_blue{
  color: var(--primary_blue)!important;
}

.bmo_text_color_secondary_blue{
  color: var(--secondary_blue)!important;
}

.bmo_text_color_dark_blue{
  color: var(--primary_dark_blue)!important;
}

.bmo_text_color_red{
  color: var(--bmo_red)!important;
}

/*Font style*/
.bmo_text_main{
  list-style-type: circle;
}

.bmo_text_main strong{
  color: var(--Text_primary_dark);
  font-weight: bold;
}
/*Registred symbol*/
.sup_registred{
  font-size: 24px;
}


/*XS - Nav bar*/
nav{
  background: none;
}
ul.navbar-nav li.active{
  font-weight: bold;
}

ul.navbar-nav li.active .nav_dot{
  display: block!important;
}


ul.navbar-nav .nav_dot{
  display: none;
}



/*Button*/
.btn-primary{
  background-color: var(--primary_blue);
  border-color: var(--primary_blue);
  font-weight: bold;
  font-size: 17px;
}
.btn-secondary{
  background-color: var(--secondary_blue);
  border-color: var(--secondary_blue);
  font-weight: bold;
  font-size: 17px;
} 
.btn-black{
  background-color: var(--bmo_black1);
  border-color: var(--bmo_black1);
  font-weight: bold;
  font-size: 17px;
}
.btn_close{
  background-color: transparent;
  color: var(--primary_blue);
}
.btn_close:hover{
  background-color: transparent;
  color: var(--bmo_black1);
}

.btn-right{
  float: right;
}

/*content*/
#main{
  background-color: black;
  height: 750px;
}

h1{
  margin-bottom: 4%;
}

/*XS home content*/
.bg_img_home2{
  background-size: 50%;
  background-position-x: 100%;
  background-repeat: no-repeat;
}

.content_block{
  max-width: 1350px;
}

.content_block2{
  color: var(--bmo_white);
}

.content_block2 h1{
  text-align: center;
  color: var(--bmo_white);
}

.content_block2 h3{
  color: var(--bmo_white);
}

.img_grid_2{
  width: 100%;
  padding-bottom: 10px;
}

.img_grid_service{
  width: 630px;
}

.bmo_white_gray{
  
  background-color: var(--bmo_white_gray);
}

.bg_bmo_gray0{
  background-color: var(--bmo_gray0);
}

.bg_bmo_black{
  background-color: var(--bmo_black1);
}

.bg_bmo_white{
  background-color: var(--bmo_white_bg);
}

.bg_bmo_primary_color{
  background-color: var(--primary_blue);
}
.bg_bmo_primary_dark_color{
  background-color: var(--primary_dark_blue);
}

.bg_bmo_secondary_color{
  background-color: var(--secondary_blue);
}


.border_color_white{
  border-color: white;
}

.border_color_primary_blue{
  border-color: var(--primary_blue);
}

/*Home page services list*/
ul.list_services{
  list-style: none;

}


.list_service_select span.bmo_title{
  transition: transform .3s;
}



.list_service_select span.bmo_subtitle{
  transition: transform .3s;
}

/*Button*/
.button_anim:hover h4{
  margin-right: 20px;
  transition-duration: 1s;
}
.button_anim h4{
  transition-duration: 1s;
}

/*advantage home page*/
#advantages{
  transition: 1s;
}

/*Home page description*/
.sub_description_block svg{
  width: 70px;
  height: 70px;
  fill: var(--primary_blue);
}

.btn_secondary_color{
  background: var(--secondary_blue);  /* fallback for old browsers */
  border: none;
  font-weight: bold;
  color: var(--bmo_black1)!important;

}
.btn_secondary_color:hover{
  background: var(--bmo_black1);  /* fallback for old browsers */
  border: none;
  color: var(--bmo_white)!important;
}
.btn_primary_color{
  background: var(--primary_blue);  /* fallback for old browsers */
  border: none;
  color: var(--bmo_white)!important;

}
.btn_primary_color:hover{
  background: var(--bmo_black1);  /* fallback for old browsers */
  border: none;
  color: var(--bmo_white)!important;

}
.btn_additional_color{
  background: var(--bmo_additional_pink);  /* fallback for old browsers */
  border: none;
  color: var(--bmo_white)!important;

}
.btn_additional_color:hover{
  background: var(--bmo_black1);  /* fallback for old browsers */
  border: none;
  color: var(--bmo_white)!important;

}
.btn_send{
  background: var(--primary_blue);  /* fallback for old browsers */
  border: none;
}
.btn_send:hover{
  background: var(--bmo_black1);  /* fallback for old browsers */
  border: none;
  transition: 1s;
}


.btn_book_top{
  background: var(--secondary_blue);  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, var(--primary_blue), var(--secondary_blue));  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, var(--primary_blue), var(--secondary_blue)); 
  border: none;
  opacity: 0;
  color: var(--bmo_white)!important;
}
.btn_book_top:hover{
  background: var(--primary_blue);  /* fallback for old browsers */
  border: none;
  transition: 1s;
}


#advantages h1{
  text-align: center;
}

div.icon_advantages{
  text-align: center;
  margin-bottom: 30px;
  margin-top: 10px;
}

div.icon_advantages svg{
  width: 35px;
}

#advantages_blocks .row h3{
  text-align: center;
}
#advantages_blocks .row p{
  text-align: center;
}

#advantages_blocks .advantages_blocks_bg_color1, #advantages_blocks .advantages_blocks_bg_color3 {
  background-color: var(--primary_dark_blue);
}

#advantages_blocks .advantages_blocks_bg_color2, #advantages_blocks .advantages_blocks_bg_color4 {
background-color: var(--secondary_blue);
}
 /*h3*/
 #advantages_blocks .advantages_blocks_bg_color1 h3, #advantages_blocks .advantages_blocks_bg_color3 h3 {
  color: var(--bmo_white);
}
#advantages_blocks .advantages_blocks_bg_color2 h3, #advantages_blocks .advantages_blocks_bg_color4 h3 {
  color: var(--Text_primary_dark);
}
/*p*/
#advantages_blocks .advantages_blocks_bg_color1 p, #advantages_blocks .advantages_blocks_bg_color3 p {
  color: var(--bmo_white);
}
#advantages_blocks .advantages_blocks_bg_color2 p, #advantages_blocks .advantages_blocks_bg_color4 p {
  color: var(--Text_primary_dark);
}
 /*svg*/
 #advantages_blocks .advantages_blocks_bg_color1 svg, #advantages_blocks .advantages_blocks_bg_color3 svg {
  fill: var(--bmo_white);
}
#advantages_blocks .advantages_blocks_bg_color2 svg, #advantages_blocks .advantages_blocks_bg_color4 svg {
  fill: var(--Text_primary_dark);
}

/*Contact page*/
.address_block{
  top:-27px;
}

/*Service page*/

/*main_img_title*/
div.services_image{
  margin-top: 50px;
  margin-bottom: 90px;
  width: 60%;
}

.img_discovery{
  width: 583px;
}

.bg_img_service_top{
  background-image: url(../img/bg/bg_blue_star.png);
  background-size: 70%;
  background-position-x: 100%;
  background-repeat: no-repeat;
}

.service_description_block svg{
  width: 40px;
  height: 40px;
}


/*Top of all page*/
.top_page{
  min-height: 350px;
}

/*Rocket*/
#rocket_service_anim_svg{
  width: 140px;
}
#rocket_flame_service_anim_svg{
  top: 158px;
  right: 115px;
  position: relative;
  width: 120px;
}


/*nav light colors for dark background*/
#navbarNav.dark ul li .nav-link{
  color: #fdfdfd!important;
}
#navbarNav.light ul li .nav-link{
  color: var(--bmo_black1)!important;
}
#navbarNav ul li .nav-link:hover{
  color: var(--primary_blue)!important;
  font-weight: bold!important;
}

#advantages_blocks .row p{
  margin: 0px;
}
#advantages_blocks h3{
  margin-bottom: 15px;
}

/*content margin */
.main_margin{
  padding-left: 7%;
  padding-right: 7%;
  padding-top: 4%;
  padding-bottom: 4%;
}

/*main_img_title*/
div.main_image{
  margin-top: 150px;
  margin-bottom: 200px;
  width: 60%;
}

h1.main_img_title{
  color: var(--bmo_white);
}

h4.main_img_title{
  color: var(--bmo_white);
  font-weight: lighter;
}

/*button main image */
button.main_image_btn{
  margin: 20px 0 0 0;
}

/*button book now */
button.booknow_btn{
  margin: 20px 0 0 0;

} 


/*Our work page*/

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
  margin-left: 150px;
  height: 70px;
  width: 70px;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
  margin-right: 150px;
  height: 70px;
  width: 70px;
}

#carouselExampleIndicators ol.carousel-indicators .active, #carouselExampleIndicators1 ol.carousel-indicators .active{
  background-color: var(--primary_blue)!important;
}
#carouselExampleIndicators ol.carousel-indicators .indicator, #carouselExampleIndicators1 ol.carousel-indicators .indicator{
  background-color: var(--bmo_black1);
}

.carousel-item{
  min-height: 380px;
}

.team-picture{
    border-radius: 10px!important;
    width: 100%; 
}
img.card-img-top{
  width: 130px;
}

.logo_partners {
  text-align: center;
}

.logo_partners svg{

  width: 150px;
 
}

#contact_block .row .address_block{
  left:12px
}


div.bg_img_work_bg_figure{
  float: right;
  right: 5%;
  position: absolute;
  background-image: url(../svg/figure_work_top1.svg), url(../svg/figure_work_top2.svg);
  background-position-x: 60%,80%;
  background-repeat: no-repeat;
  background-position-y: 20%;
  height: 450px;
  background-size: 14%,80%;
}


/*Footer mobile*/
div.footer_mobile{
}

.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, .8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-toggler{
  border: none;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-toggler{
  border: none;
}

/*Progress bar*/
/*stick to the end of page*/
div.progress{
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  border-radius: 0px;
  
}
div.progress .progress-bar{
  background-color: var(--primary_blue);
}

/*[ XS ] Extra small devices (PORTRAIT phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap
*/

/*animation*/

.subtitle_animation .letter {
  display: inline-block;
  line-height: 1em;
}

.title_animation .word {
  display: inline-block;
  line-height: 1em;
}

.button_animation_text{
  float: left;
  margin-right: 10px;
}

.button_anim{
  opacity: 0;
  margin-top: 30px;
  margin-bottom: 10px;
}

.button_anim h4{
  padding-top: 3px;
}

.button_animation_text .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.button_animation_text .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: #fff;
  transform-origin: 100% 100%;
  bottom: 0;
}

.button_animation_text .lineBlack {
  background-color: var(--bmo_black1);
}
.button_animation_text .lineWhite {
  background-color: var(--bmo_white);
}

.button_animation_text .letter {
  display: inline-block;
  line-height: 1em;
}


a.btn-circle {
  opacity: 0;
}


/*Mobile menu*/

#nav_menu_mobile{
  background-color: black!important;
}

#mobile_bar_menu.navbar-dark{
  background-color: black!important;
}

#mobile_bar_menu.navbar-light{
  background-color: var(--bmo_white);
}

#mobile_bar_menu{
  padding: 24px;
}

ul.liste_mobile_nav{
  border-top: 1px solid var(--bmo_white);
}

ul.liste_mobile_nav li{
  border-top: 1px solid var(--bmo_white);
  padding-top: 2px;
  padding-bottom: 2px;

}

ul.liste_mobile_nav li a.nav-link{
  color: var(--bmo_white);

}

.itemfirst{
  border: none!important;
}

#nav_home_mob{
  border: none;
}

.close_btn{
  padding: 15px;
}

.close_btn .bi-x-square-fill{
  color: white;
  width: 30px;
  height: 30px;
}

#navbarNav{
  float: right;
  margin-top: 15px;
}

#navbarNav span.nav_dot{
  display: none;
  height: 2px;
  width: 2px;
  font-size: xxx-large;
  color: var(--primary_blue)!important;
  float: left;
  top: -38px;
  position: relative;
  margin-right: 10px;
}

#nav_menu_mobile a.nav_dot{
  display: none;
  height: 2px;
  width: 2px;
  font-size: xxx-large;
  color: var(--primary_blue)!important;
  float: left;
  top: -70px;
  position: relative;
  right: 17px;
}


#mob_logo1{
  padding-left: 20px;
}

/*specific mobile*/
/*Font Size*/
.bmo_title{
  font-size: 38px;
  font-weight: bold;
  color: var(--Text_primary_dark);
  font-family: "Pangea-Bold", sans-serif;
}

.bmo_subtitle{
  font-size: 22px;
  font-weight: lighter;
  color: var(--Text_primary_dark);
}

.bmo_title_second{
  font-size: 28px;
  font-weight: bold;
  color: var(--Text_primary_dark);
  font-family: "Pangea-Bold", sans-serif;
}

.bmo_text_main{
  font-size: 18px;
  color: var(--bmo_gray6);
}

.bmo_text_secondary{
  font-size: 12px;
  color: var(--Text_primary_dark);
  color: #383838;
}

.list_service_select svg{
  height: 40px;
  width: 40px;
}

.list_service_select:hover span.bmo_title svg{
  color: var(--primary_blue);
  cursor: pointer;
  height: 50px;
  width: 50px;
}

.list_service_select:hover span.bmo_subtitle{
  color: var(--primary_blue);
  cursor: pointer;
  font-size: 21px!important;
  font-weight: bold;
}

/*anim list service*/
.list_service_select_anim span.bmo_subtitle{
  color: var(--primary_blue);
  cursor: pointer;
  font-size: 21px!important;
  font-weight: bold;
  transition: .5s;
}
.list_service_select_anim span.bmo_title svg{
  color: var(--primary_blue);
  cursor: pointer;
  height: 50px;
  width: 50px;
  transition: .5s;
}



/*Image Size*/
div.main_image {
  margin-top: 100px;
  margin-bottom: 100px;
  width: 100%; 
}

/*Backgroud images*/

/*home*/
div.home_bg{
  background-image: url(../img/bg/bg_home_mobile.png);
  background-repeat: no-repeat;
  background-size: 780px;
  background-position-x: -200px;
}

/*background image*/
div.services_bg{
  background-color: #fdfdfd;
  background-repeat: no-repeat;
  background-image: url(../svg/services.svg);
  background-size: 100%;
  max-height: 600px;
  
}

div.bg_services_home_small{
  background-image: url("../img/home_robot_services_sm.jpg");
  background-repeat: no-repeat;
  min-height: 315px;
  background-position-x: -250px;
}
  
/*Services*/

div.bg_img_service_bg_figure{
  background-image: url(../svg/figure_service_top1.svg), url(../svg/logo_3d_2.svg);
    float: right;
    right: 5%;
    position: absolute;
    background-position-x: 52%,80%;
    background-repeat: no-repeat;
    background-position-y: 5px,0px;
    height: 450px;
    width: 100%;
    background-size: 20%,65%;
}

#contact_block .card{
  border:none;
  border-radius: 10px;
}

  
div.bg_services_discovery{
  background-color: var(--primary_dark_blue );
}

div.bg_services_engineering{
  background-color: var(--secondary_blue);
}

div.bg_services_prototyping{
  background-color: var(--primary_blue);
}

div.bg_services_manufacturing{
  background-color: var(--bmo_black1);
}

div.bg_services_implementation{
  background-color: var(--secondary_blue);
}


.service_icone svg{
  width: 110px;
  rotate: 90deg;
  
}

.service_icone_vertical svg{
  rotate: 0deg;
}

#rocket_service_anim{
  position: absolute;
  top: 600px;
  opacity: 0;
  right: 200px;
  z-index: 1000;
}



.logo_partners{
  background-color: var(--bmo_white);
}

/*What our clients say*/
#clients .card{


}

.carousel-indicators{
  position: relative;
    bottom: -430px;
}

/*bg small*/

div.bg_services_discovery_small{
  background-image: url("../img/discovery_xs.jpg");
  background-repeat: no-repeat;
  min-height: 235px;
  background-position-x: center;
}

div.bg_services_engineering_small{
  background-image: url("../img/engineering_xs.jpg");
  background-repeat: no-repeat;
  min-height: 235px;
  background-position-x: center;
}

div.bg_services_prototyping_small{
  background-image: url("../img/prototyping_xs.jpg");
  background-repeat: no-repeat;
  min-height: 235px;
  background-position-x: center;
}

div.bg_services_manufacturing_small{
  background-image: url("../img/manufacturing_xs.jpg");
  background-repeat: no-repeat;
  min-height: 235px;
  background-position-x: center;
}

div.bg_services_implementation_small{
  background-image: url("../img/implementation_xs.jpg");
  background-repeat: no-repeat;
  min-height: 235px;
  background-position-x: center;
}

/*QR code*/
.qr_code{
  min-height: 200px;
}




/*End mobile first*/
/*End default*/
/*END MOBILE FIRST*/


/*
  Grid-breakpoints:
  xs: 0,
  sm: 480px,
  md: 768px,
  lg: 1024px
*/


/**Animations**/

/*Home*/




/*[ S - sm ] Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  
	/*Font Size*/
  .bmo_title{
    font-size: 38px;
    font-weight: bold;
    color: var(--Text_primary_dark);
    font-family: "Pangea-Bold", sans-serif;
  }

  .bmo_subtitle{
    font-size: 20px;
    font-weight: lighter;
    color: var(--Text_primary_dark);
  }

  .bmo_title_second{
    font-size: 28px;
    font-weight: bold;
    color: var(--Text_primary_dark);
    font-family: "Pangea-Bold", sans-serif;
  }

  .bmo_text_main{
    font-size: 16px;
    color: var(--bmo_gray6);
  }

  .bmo_text_secondary{
    font-size: 12px;
    color: var(--Text_primary_dark);
    color: #383838;
  }

  .list_service_select:hover span.bmo_subtitle{
    color: var(--primary_blue);
    cursor: pointer;
    font-size: 21px!important;
    font-weight: bold;
  }
  
  .list_service_select:hover span.bmo_title{
    color: var(--primary_blue);
    cursor: pointer;
    font-size: 48px!important;
  }

  /*Image Size*/
  div.main_image {
    margin-top: 100px;
    margin-bottom: 100px;
    width: 100%; 
  }

  /*Backgroud images*/

  /*home*/
  div.home_bg{
    background-image: url("../img/bg/bg_home.png");
    background-repeat: no-repeat;
    background-position-x: 60%;
    max-height: 600px;
    background-position-y: -100px;
    background-size: auto;
    background-position-x: -1000px;

  }

  div.bg_services_home_small{
    background-image: url("../img/home_robot_services_sm.jpg");
    background-repeat: no-repeat;
    min-height: 315px;
    background-position-x: 0px;
  }
    
 

  #advantages_blocks .advantages_blocks_bg_color1, #advantages_blocks .advantages_blocks_bg_color4 {
      background-color: var(--primary_dark_blue);
  }
  
  #advantages_blocks .advantages_blocks_bg_color2, #advantages_blocks .advantages_blocks_bg_color3 {
    background-color: var(--secondary_blue);
  }

   /*h3*/
   #advantages_blocks .advantages_blocks_bg_color1 h3, #advantages_blocks .advantages_blocks_bg_color4 h3 {
    color: var(--bmo_white);
  }
  #advantages_blocks .advantages_blocks_bg_color2 h3, #advantages_blocks .advantages_blocks_bg_color3 h3 {
    color: var(--Text_primary_dark);
  }
  /*p*/
  #advantages_blocks .advantages_blocks_bg_color1 p, #advantages_blocks .advantages_blocks_bg_color4 p {
    color: var(--bmo_white);
  }
  #advantages_blocks .advantages_blocks_bg_color2 p, #advantages_blocks .advantages_blocks_bg_color3 p {
    color: var(--Text_primary_dark);
  }

  /*svg*/
  #advantages_blocks .advantages_blocks_bg_color1 svg, #advantages_blocks .advantages_blocks_bg_color4 svg {
    fill: var(--bmo_white);
  }
  #advantages_blocks .advantages_blocks_bg_color2 svg, #advantages_blocks .advantages_blocks_bg_color3 svg {
    fill: var(--Text_primary_dark);
  }

  /*Services*/

    
  div.bg_services_discovery{
    background-color: var(--primary_dark_blue );
  }

  div.bg_services_engineering{
    background-color: var(--secondary_blue);
  }

  div.bg_services_prototyping{
    background-color: var(--primary_blue);
  }

  div.bg_services_manufacturing{
    background-color: var(--bmo_black1);
  }

  div.bg_services_implementation{
    background-color: var(--secondary_blue);
  }

  /*Top of all page*/
  .top_page{
    min-height: 450px;
  }


  div.services_bg{
    /*background-image: url("../img/bg/services.png");*/
    background-image: url(../svg/bg_bmo.svg);
    background-color: #fdfdfd;
    background-repeat: no-repeat;
    background-position-x: 100%;
  
  }
  
  div.services_bg .row{
    min-height: 300px;
  }

  /*bg small*/

  div.bg_services_discovery_small{
    background-image: url("../img/discovery_sm.jpg");
    background-repeat: no-repeat;
    min-height: 315px;
  }

  div.bg_services_engineering_small{
    background-image: url("../img/engineering_sm.jpg");
    background-repeat: no-repeat;
    min-height: 315px;
  }

  div.bg_services_prototyping_small{
    background-image: url("../img/prototyping_sm.jpg");
    background-repeat: no-repeat;
    min-height: 315px;
  }

  div.bg_services_manufacturing_small{
    background-image: url("../img/manufacturing_sm.jpg");
    background-repeat: no-repeat;
    min-height: 315px;
  }

  div.bg_services_implementation_small{
    background-image: url("../img/implementation_sm.jpg");
    background-repeat: no-repeat;
    min-height: 315px;
  }



}

/*[ M - md ] Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  
   /*Top of all page*/
   .top_page{
    min-height: 450px;
  }

	/*Font Size*/
  .bmo_title{
    font-size: 38px;
    font-weight: bold;
    color: var(--Text_primary_dark);
    font-family: "Pangea-Bold", sans-serif;
  }

  .bmo_subtitle{
    font-size: 20px;
    font-weight: lighter;
    color: var(--Text_primary_dark);
  }

  .bmo_title_second{
    font-size: 28px;
    font-weight: bold;
    color: var(--Text_primary_dark);
    font-family: "Pangea-Bold", sans-serif;
  }

  .bmo_text_main{
    font-size: 16px;
    color: var(--bmo_gray6);
  }

  .bmo_text_secondary{
    font-size: 12px;
    color: var(--Text_primary_dark);
    color: #383838;
  }

  .list_service_select:hover span.bmo_subtitle{
    color: var(--primary_blue);
    cursor: pointer;
    font-size: 21px!important;
    font-weight: bold;
  }
  
  .list_service_select:hover span.bmo_title{
    color: var(--primary_blue);
    cursor: pointer;
    font-size: 48px!important;
  }

  /*Image Size*/


  div.main_image {
    margin-top: 100px;
    margin-bottom: 100px;
    width: 100%; 
  }


  
  /*Backgroud images*/

  /*home*/
  div.home_bg{
    background-image: url("../img/bg/bg_home.png");
    background-repeat: no-repeat;
    background-position-x: 60%;
    max-height: 600px;
    background-position-y: -100px;
    background-position-x: -800px;

  }
    
  div.bg_services_home_small{
    background-image: url("../img/home_robot_services_md.jpg");
    background-repeat: no-repeat;
    min-height: 400px;
  }


  


  
  /*Services*/
    
 

  div.bg_services_discovery{
    background-color: var(--primary_dark_blue );
  }

  div.bg_services_engineering{
    background-color: var(--secondary_blue);
  }

  div.bg_services_prototyping{
    background-color: var(--primary_blue);
  }

  div.bg_services_manufacturing{
    background-color: var(--bmo_black1);
  }

  div.bg_services_implementation{
    background-color: var(--secondary_blue);
  }

  /*bg small*/

  div.bg_services_discovery_small{
    background-image: url(../img/discovery_md.jpg);
    background-repeat: no-repeat;
    min-height: 400px;
  }

  div.bg_services_engineering_small{
    background-image: url("../img/engineering_md.jpg");
    background-repeat: no-repeat;
    min-height: 400px;
  }

  div.bg_services_prototyping_small{
    background-image: url("../img/prototyping_md.jpg");
    background-repeat: no-repeat;
    min-height: 400px;
  }

  div.bg_services_manufacturing_small{
    background-image: url("../img/manufacturing_md.jpg");
    background-repeat: no-repeat;
    min-height: 400px;
  }

  div.bg_services_implementation_small{
    background-image: url("../img/implementation_md.jpg");
    background-repeat: no-repeat;
    min-height: 400px;
  }
  
  .service_description_block svg{
    width: 45px;
    height: 45px;
  }
	
}

/*[ L lg ] Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

   /*Top of all page*/
   .top_page{
    min-height: 550px;
  }

	/*Font Size*/
  .bmo_title{
    font-size: 42px;
    font-weight: bold;
    color: var(--Text_primary_dark);
    font-family: "Pangea-Bold", sans-serif;
  }

  .bmo_subtitle{
    font-size: 21px;
    font-weight: lighter;
    color: var(--Text_primary_dark);
  }

  .bmo_title_second{
    font-size: 32px;
    font-weight: bold;
    color: var(--Text_primary_dark);
    font-family: "Pangea-Bold", sans-serif;
  }

  .bmo_text_main{
    font-size: 18px;
    color: var(--bmo_gray6);
  }

  .bmo_text_secondary{
    font-size: 12px;
    color: var(--Text_primary_dark);
    color: #383838;
  }

  .list_service_select:hover span.bmo_subtitle{
    color: var(--primary_blue);
    cursor: pointer;
    font-size: 22px!important;
    font-weight: bold;
  }
  
  .list_service_select svg{
    height: 47px;
    width: 47px;
  }
  
  .list_service_select:hover span.bmo_title svg{
    color: var(--primary_blue);
    cursor: pointer;
    height: 55px;
    width: 55px;
  }


    /*anim list service*/
    .list_service_select_anim span.bmo_subtitle{
      color: var(--primary_blue);
      cursor: pointer;
      font-size: 22px!important;
      font-weight: bold;
      transition: .5s;
    }
    .list_service_select_anim span.bmo_title svg{
      color: var(--primary_blue);
      cursor: pointer;
      height: 55px;
      width: 55px;
      transition: .5s;
    }

  /*Image Size*/
  #image_home_services {
    background-image: url(../img/home_robot_services_xl.jpg);
    width: 300px;
    height: 320px;
    background-position-x: -190px;
}

  
  /*Backgroud images*/

 

  /*home*/
  div.home_bg{
    background-image: url("../img/bg/bg_home.png");
    background-repeat: no-repeat;
    background-position-x: -610px;

  }

  div.question_div .bmo_title{
    padding-left: 20px;
  }

  /*service list home page*/
  div.icon_advantages svg{
    width: 50px;
  }
  /*div background*/
  #advantages_blocks .advantages_blocks_bg_color1, #advantages_blocks .advantages_blocks_bg_color3 {
    background-color: var(--primary_dark_blue);
  }
  #advantages_blocks .advantages_blocks_bg_color2, #advantages_blocks .advantages_blocks_bg_color4 {
  background-color: var(--secondary_blue);
  }
  /*h3*/
  #advantages_blocks .advantages_blocks_bg_color1 h3, #advantages_blocks .advantages_blocks_bg_color3 h3 {
    color: var(--bmo_white);
  }
  #advantages_blocks .advantages_blocks_bg_color2 h3, #advantages_blocks .advantages_blocks_bg_color4 h3 {
    color: var(--Text_primary_dark);
  }
  /*p*/
  #advantages_blocks .advantages_blocks_bg_color1 p, #advantages_blocks .advantages_blocks_bg_color3 p {
    color: var(--bmo_white);
  }
  #advantages_blocks .advantages_blocks_bg_color2 p, #advantages_blocks .advantages_blocks_bg_color4 p {
    color: var(--Text_primary_dark);
  }
   /*svg*/
  #advantages_blocks .advantages_blocks_bg_color1 svg, #advantages_blocks .advantages_blocks_bg_color3 svg {
    fill: var(--bmo_white);
  }
  #advantages_blocks .advantages_blocks_bg_color2 svg, #advantages_blocks .advantages_blocks_bg_color4 svg {
    fill: var(--Text_primary_dark);
  }

  .bg_img_home2{
    background-image: url(../svg/logo_3d.svg);
    background-size: 20%;
    background-position-x: 90%;
    background-repeat: no-repeat;
    background-position-y: 30%;
  }


  /*Footer*/
  .get_in_touch{
    text-align: right;
  }





  .footer_location{
    text-align: right;
  }
    
  /*Services*/
    
  div.bg_services_discovery{
    background-image: url("../img/discovery.png");
    background-repeat: no-repeat;
    background-position-x: 400px;
        min-height: 550px;
  }

  div.bg_services_engineering{
    background-image: url("../img/engineering.png");
    background-color: var(--secondary_blue);
    background-repeat: no-repeat;
    background-position-x: -280px;
    min-height: 550px;
  }

  div.bg_services_prototyping{
    background-image: url("../img/prototyping.png");
    background-color: var(--primary_blue);
    background-repeat: no-repeat;
    background-position-x: 420px;
    min-height: 550px;
  }

  div.bg_services_manufacturing{
    background-image: url("../img/manufacturing.png");
    background-color: var(--bmo_black1);
    background-repeat: no-repeat;
    background-position-x: -350px;
    min-height: 550px;
  }

  div.bg_services_implementation{
    background-image: url("../img/implementation.png");
    background-color: var(--secondary_blue);
    background-repeat: no-repeat;
    background-position-x: 410px;
    min-height: 550px;
  }


  .service_description_block svg{
    width: 50px;
    height: 50px;
  }

  /*Work*/
  .team-picture{
    border-radius: 10px!important;
    width: 400px;
    margin-left: 40px;
  }

  img.card-img-top{
    width: 100%;
  }
  
  .logo_partners svg{
  }

  .carousel-indicators{
    bottom: -330px;
  }

}

/*[ XL xl ] Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

   /*Top of all page*/
   .top_page{
    min-height: 600px;
  }

	/*Font Size*/
  .bmo_title{
    font-size: 51px;
    font-weight: bold;
    color: var(--Text_primary_dark);
    font-family: "Pangea-Bold", sans-serif;
  }

  .bmo_subtitle{
    font-size: 23px;
    font-weight: lighter;
    color: var(--Text_primary_dark);
  }

  .bmo_title_second{
    font-size: 37px;
    font-weight: bold;
    color: var(--Text_primary_dark);
    font-family: "Pangea-Bold", sans-serif;
  }

  .bmo_text_main{
    font-size: 19px;
    color: var(--bmo_gray6);
  }

  .bmo_text_secondary{
    font-size: 12px;
    color: var(--Text_primary_dark);
    color: #383838;
  }

  /*Image Size*/
  #image_home_services{
    background-image: url("../img/home_robot_services_xl.jpg" );
    width: 480px;
    height: 373px;
    background-position: 0px;
  }

  .list_service_select:hover span.bmo_subtitle{
    color: var(--primary_blue);
    cursor: pointer;
    font-size: 24px!important;
    font-weight: bold;
  }
  
  .list_service_select svg{
    height: 50px;
    width: 50px;
  }
  
  .list_service_select:hover span.bmo_title svg{
    color: var(--primary_blue);
    cursor: pointer;
    height: 60px;
    width: 60px;
  }

    /*anim list service*/
    .list_service_select_anim span.bmo_subtitle{
      color: var(--primary_blue);
      cursor: pointer;
      font-size: 24px!important;
      font-weight: bold;
      transition: .5s;
    }
    .list_service_select_anim span.bmo_title svg{
      color: var(--primary_blue);
      cursor: pointer;
      height: 60px;
      width: 60px;
      transition: .5s;
    }

  
  /*Backgroud images*/

  /*home*/
  div.home_bg{
    background-image: url("../img/bg/bg_home.png");
    background-repeat: no-repeat;
    background-position-x: -450px;
  }
    
  /*Services*/
    
  div.bg_services_discovery{
    background-image: url("../img/discovery.png");
    background-repeat: no-repeat;
    background-position-x: 220%;
    min-height: 550px;
  }

  div.bg_services_engineering{
    background-image: url("../img/engineering.png");
    background-color: var(--secondary_blue);
    background-repeat: no-repeat;
    background-position-x: -80%;
    min-height: 550px;
  }

  div.bg_services_prototyping{
    background-image: url("../img/prototyping.png");
    background-color: var(--primary_blue);
    background-repeat: no-repeat;
    background-position-x: 150%;
    min-height: 550px;
  }

  div.bg_services_manufacturing{
    background-image: url("../img/manufacturing.png");
    background-color: var(--bmo_black1);
    background-repeat: no-repeat;
    background-position-x: -100%;
    min-height: 550px;
  }

  div.bg_services_implementation{
    background-image: url("../img/implementation.png");
    background-color: var(--secondary_blue);
    background-repeat: no-repeat;
    background-position-x: 150%;
    min-height: 550px;
  }

  .service_description_block svg{
    width: 55px;
    height: 55px;
  }

}

/*[ XXL xl] Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1370px) {

   /*Top of all page*/
   .top_page{
    min-height: 620px;
  }

  /*Font Size*/
  .bmo_title{
    font-size: 56px;
    font-weight: bold;
    color: var(--Text_primary_dark);
    font-family: "Pangea-Bold", sans-serif;
  }

  .bmo_subtitle{
    font-size: 28px;
    font-weight: lighter;
    color: var(--Text_primary_dark);
  }

  .bmo_title_second{
    font-size: 43px;
    font-weight: bold;
    color: var(--Text_primary_dark);
    font-family: "Pangea-Bold", sans-serif;
  }

  .bmo_text_main{
    font-size: 21px;
    color: var(--bmo_gray6);
  }

  .bmo_text_secondary{
    font-size: 17px;
    color: var(--Text_primary_dark);
    color: #383838;
  }

  .list_service_select:hover span.bmo_subtitle{
    color: var(--primary_blue);
    cursor: pointer;
    font-size: 29px!important;
    font-weight: bold;
    transition: .5s;
  }
  .list_service_select span.bmo_subtitle{
    transition: .5s;
  }
  
  .list_service_select svg{
    height: 55px;
    width: 55px;
  }
  
  .list_service_select:hover span.bmo_title svg{
    color: var(--primary_blue);
    cursor: pointer;
    height: 65px;
    width: 65px;
    transition: .5s;
  }
  .list_service_select span.bmo_title svg{
    transition: .5s;
  }

  /*anim list service*/
  .list_service_select_anim span.bmo_subtitle{
    color: var(--primary_blue);
    cursor: pointer;
    font-size: 29px!important;
    font-weight: bold;
    transition: .5s;
  }
  .list_service_select_anim span.bmo_title svg{
    color: var(--primary_blue);
    cursor: pointer;
    height: 65px;
    width: 65px;
    transition: .5s;
  }

  /*Image Size*/
  #image_home_services{
    background-image: url("../img/home_robot_services_xxl.jpg" );
    width: 630px;
    height: 420px;
  }


  /*Backgroud images*/

  /*home*/
  div.home_bg{
    background-image: url("../img/bg/bg_home.png");
    background-repeat: no-repeat;
    background-position-x: 100%;
  }
    
  /*Services*/
  div.bg_services_discovery{
    background-image: url("../img/discovery.png");
    background-repeat: no-repeat;
    background-position-x: 140%;
    min-height: 550px;
  }

  div.bg_services_engineering{
    background-image: url("../img/engineering.png");
    background-color: var(--secondary_blue);
    background-repeat: no-repeat;
    background-position-x: -20%;
    min-height: 550px;
  }

  div.bg_services_prototyping{
    background-image: url("../img/prototyping.png");
    background-color: var(--primary_blue);
    background-repeat: no-repeat;
    background-position-x: 110%;
    min-height: 550px;
  }

  div.bg_services_manufacturing{
    background-image: url("../img/manufacturing.png");
    background-color: var(--bmo_black1);
    background-repeat: no-repeat;
    background-position-x: -30%;
    min-height: 550px;
  }

  div.bg_services_implementation{
    background-image: url("../img/implementation.png");
    background-color: var(--secondary_blue);
    background-repeat: no-repeat;
    background-position-x: 100%;
    min-height: 550px;
  }


}

@media (min-width: 1780px) {

/*if the screen is bigger than background image*/
 /*home*/
 div.home_bg{
  background-color: black;
  background-repeat: no-repeat;
  background-position-x: 100%;
  max-height: 600px;
  background-position-y: -100px;
}


  div.bg_img_service_bg_figure{
    background-image: url(../svg/figure_service_top1.svg), url(../svg/logo_3d_2.svg);
    float: right;
    right: 5%;
    position: absolute;
    background-position-x: 52%,80%;
    background-repeat: no-repeat;
    background-position-y: 5px,0px;
    height: 450px;
    width: 100%;
    background-size: 120px,350px;
  }

  div.bg_img_work_bg_figure{
    float: right;
    right: 5%;
    position: absolute;
    background-image: url(../svg/figure_work_top1.svg), url(../svg/figure_work_top2.svg);
    background-position-x: 60%,80%;
    background-repeat: no-repeat;
    background-position-y: 20%;
    height: 450px;
    background-size: 70px,450px;
  }

  /*Rocket*/
  #rocket_service_anim_svg{
    width: 140px;
  }
  #rocket_flame_service_anim_svg{
    top: 0px;
    right: 0px;
    position: relative;
    width: 120px;
  }

  #rocket_service_anim{
    position: absolute;
      top: 700px;
      opacity: 0;
      right: 200px;
      z-index: 1000;
  }
}



/*?*/
.custom-class {
  display: none;
}
@include media-breakpoint-up(sm) {
  .custom-class {
    display: block;
  }
}