*
{
  padding: 0;
  margin: 0;
  font-family: Rubik, Helvetica, Arial;
  color: #4c535b;
}

body
{
  background-color: #fbfbfb;
}

#page_main_content,
#page_main_content_logged
{
  /* width: 1280px; */
  /* background-color: #e0e0e0; */
  margin: 0px auto 0px auto;
  /* padding: 0px 15px; */
  width: 90%;
}

#main_logo_container
{
  padding: 15px 0px 15px 0px;
  /* float: left; */
  /* width: 1280px; */
  margin: auto;
  /* border-bottom: solid 1px #4c535b; */
}

#main_logo_container_logged
{
  padding: 15px 0px 15px 0px;
  /* float: left; */
  width: 90%;
  margin: 0px auto 0px auto;
  /* border-bottom: solid 1px #5b636d88; */
}

div.login_register_container
{
  float: right;
  padding-top: 30px;
  display: none;
}

div.login_register_container_medium
{
  float: right;
  /* padding-top: 30px; */
  display: flex;
  align-items: center;
  margin-top: 12px;
}

#main_logo
{
  width: 100%;
  max-width: 640px;
  height: auto;
}

#main_logo_medium
{
  width: 320px;
  height: auto;
}

img.user_oper
{
  height: 48px;
  vertical-align: middle;
  width: auto;
  margin-left: 16px;
  cursor: pointer;
  opacity: 0.8;
}

img.user_oper:hover
{
  opacity: 1;
}

#lang_select_icon
{
  height: 41px;
  margin-right: 9px;
  margin-top: -1px;
}

div.clear_div
{
  clear: both;
}

#main_picture_container
{
  height: 147px;
  /* background-image: url("../imgs/main_picture.png"); */
  /* background-image: url("../imgs/hexagons_008_animation_try_C_13.jpg"); */
  background-image: url("../imgs/sikme.png");
  /* background-image: url("../imgs/hore.png"); */
  overflow: hidden;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}

#main_caption_btn_container
{
  margin: 20px auto auto auto;
  /* width: 1280px; */
}

#main_caption_btn_container_test
{
  margin: 50px auto auto auto;
  /* width: 1280px; */
}

div.login_register_mobil_container
{
  text-align: center;
  margin-top: 50px;
}


.main_btn
{
  padding: 15px;
  background-color: #82648F;
}

p.main_text,
p.main_text_mobil
{
  /* color: #44465F; */
  font-size: 20px;
  /* margin-right: 90px; */
  text-align: justify;
  /* margin-left: 360px; */
  /* margin-bottom: 30px; */
}

p.main_text
{
  display: none;
  padding: 30px;
}

p.main_text_mobil
{
  padding: 35px 0px 0px 0px;
}



.general_button,
button.logged_button,
button.disabled_logged_button
{
  border: 1px solid transparent;
  box-sizing: border-box;
  display: inline-block;
  font-weight: 400;
  line-height: 1.15385;
  outline: none;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  white-space: nowrap;
  color: white;
}

button.general_button,
button.logged_button
{
  background-color: #9a18a3;
  cursor: pointer;
}

button.disabled_logged_button
{
  background-color: silver;
  padding: 8px 0.8em;
  font-size: 16px;
  margin-left: 30px;
  cursor: default;
}

.general_button
{
  padding: 16px 1.6em;
  font-size: 20px;
}

.logged_button
{
  padding: 8px 0.8em;
  font-size: 16px;
}

span.button_separator
{
  display: inline-block;
  width: 20px;
}

.general_button:hover,
.general_button:focus 
{
  background-color: #b816c4;
}

.general_button:focus 
{
  box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
}

.general_button:active 
{
  /* background-color: #0064bd; */
  /* box-shadow: none; */
}

.button_with_shadow
{
  box-shadow: 0px 0px 10px black;
}

button.button_with_margin_top
{
  margin-top: 15px;
}

#farm_purpose_container
{
  /* width: 1280px; */
  margin: 60px auto 20px auto;
  font-size: 20px;
  text-align: justify;
  padding-top: 40px;
}

p.our_benefits_caption
{
  text-align: center;
  font-size: 50px;
  /* margin-top: 100px; */
  margin-bottom: 35px;
}

div.our_benefits_container_2
{
  padding-top: 120px;
}

div.one_benefit_container
{
  border: solid 6px #9a18a399;  /* #4c535b */
  width: 324px;
  height: 590px;
  /* margin: auto; */
  /* float: left; */
  /* background-position: center;
  background-repeat: no-repeat; */
  /* background-size: cover; */
  /* margin: 25px; */
  padding: 35px;
  text-align: center;
  overflow: hidden;
  margin: auto auto 35px auto;
  background-color: #fbfbfb;
}

div.one_benefit_container:hover
{
  border: solid 6px #b816c499;
  background-color: #ffffff;
}

div.benefit_panel_separator,
div.benefit_panel_separator_800
{
  height: 684px;
  float: left;
  display: none;
  /* background-color: yellow; */
}

div.benefit_panel_separator
{
  width: 60px;
}

div.benefit_panel_separator_800
{
  width: 40px;
}


p.benefit_caption
{
  font-size: 40px;
  margin: 15px auto auto auto;
}

img.benefit_icon
{
  height: 250px;
  width: auto;
  margin: 30px auto 30px auto;
  /* opacity: 0.6; */
}

p.benefit_text
{
  text-align: justify;
}

#speed_benefit_container
{
  background-image: url("../imgs_flaticon_com/speed.png");
}

/*
#footer_container
{
  margin-top: 50px;
  background-color: #4c535b;
}
*/

#footer_content_container
{
  /* width: 1280px; */
  margin: auto;
  color: white;
  padding-top: 50px;
  padding-bottom: 25px;
}

#footer_content_container a,
#footer_content_container p.copyright
{
  color: silver;
  text-decoration: none;
}

p.copyright 
{
  margin-top: 50px;
}


div.how_to_use_step
{
  position: relative;
  width: 100%;
  font-size: 20px;
  /* text-align: justify; */
}

#how_to_use_register
{
  /* left: 272px;
  top: 0px; */
}

#how_to_use_dwnl_addon
{
  /* left: 534px;
  top: 200px; */
}

#how_to_use_pay
{
  /* left: 940px;
  top: 300px; */
}

span.need_to_pay
{
  text-decoration: line-through;
}


#how_to_use_upload
{
  /* left: 736px;
  top: 558px; */
}

#how_to_use_dwnl_results
{
  /* left: 272px;
  top: 356px; */
}

#test_phase
{
  display: none;
}

/*
#test_phase
{
  position: absolute;
  width: 200px;
  height: 100px;
  left: 990px;
  top: 380px;
  background-color: rgba(255,255,185,0.97);
  padding: 30px;
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  transform: rotate(-6deg);
  font-size: 20px;
}
*/

li.one_note,
li.question_answer_container
{
  margin-left: 20px;
  margin-top: 10px;
}

#do_you_hesitate_container
{
  width: 90%;
  max-width: 600px;
  margin: 100px auto 25px auto;
  text-align: center;
  padding: 50px 15px 0px 15px;
  background-color: #FFFFFFDD;
  border: solid 6px #9a18a399;  /* #4c535b */

/*
  background-image: url("../imgs_flaticon_com/scale_violet.png");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
*/
}


#do_you_hesitate_container:hover
{
  border: solid 6px #b816c499;
  background-color: #ffffff;
}


#do_you_hesitate_img
{
  margin-top: 45px;
  width: 50%;
  height: auto;
}

#do_you_hesitate_text
{
  text-align: justify;
  opacity: 1;
  padding: 75px 50px;
}


span.credit_balance
{
  margin-left: 15px;
  margin-right: 15px;
}

span.negative_credit_balance
{
  color: red;
}

#test_info_list,
#test_faq_list
{
  font-size: 20px; 
  text-align: justify;
}

p.farm_introduction_text
{
  margin-bottom: 16px;
}

p.question_text
{
  font-weight: bold;
  margin-bottom: 0px;
}

#testing_good_to_know,
#testing_faq
{
  padding-top: 100px;
}

#bottom_register_container
{
  text-align: center;
  margin-top: 75px;
}


@media only screen and (min-width: 820px)
{
  #page_main_content,
  #main_logo_container,
  #main_caption_btn_container,
  #main_caption_btn_container_test,
  #farm_purpose_container,
  #footer_content_container,
  #how_to_use_container
  {
    width: 800px;
  }
  
  #how_to_use_container
  {
    height: 1000px;
    background-image: url("../imgs_flaticon_com/how_to_use_800.png");
    background-repeat: no-repeat;
    position: relative;
    /* padding-top: 100px; */
  }

  div.how_to_use_container_2
  {
    padding-top: 70px;
  }

  div.one_benefit_container
  {
    padding: 22px;
  }

  
  div.how_to_use_step
  {
    position: absolute;
    width: 200px;
    /* text-align: justify; */
  }

  #how_to_use_register
  {
    left: 272px;
    top: 0px;
    
  }

  #how_to_use_dwnl_addon
  {
    left: 400px;
    top: 180px;
  }

  #how_to_use_pay
  {
    left: 340px;
    top: 450px;
  }
  
  span.need_to_pay
  {
    text-decoration: none;
  }
  
  span.no_need_to_pay_during_test
  {
    display: none;
  }
  

  #how_to_use_upload
  {
    left: 400px;
    top: 660px;
  }

  #how_to_use_dwnl_results
  {
    left: 0px;
    top: 620px;
  }

  #test_phase
  {
    position: absolute;
    display: block;
    width: 200px;
    height: 100px;
    left: 530px;
    top: 430px;
    background-color: rgba(255,255,185,0.97);
    padding: 30px;
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    transform: rotate(-6deg);
    font-size: 20px;
    /* cursor: pointer; */
  }
  
  div.one_benefit_container
  {
    float: left;
    margin: 0px 0px 60px 0px;
  }
  
  div.benefit_panel_separator
  {
    display: none;
  }
  
  div.benefit_panel_separator_800
  {
    display: block;
  }
  
}



@media only screen and (min-width: 1280px)
{
  #page_main_content,
  #main_logo_container,
  #main_caption_btn_container,
  #main_caption_btn_container_test,
  #farm_purpose_container,
  #footer_content_container,
  #how_to_use_container
  {
    width: 1260px;
  }
  
  #how_to_use_container
  {
    height: 640px;
    background-image: url("../imgs_flaticon_com/how_to_use_cropped.png");
    background-repeat: no-repeat;
    position: relative;
  }

  
  #page_main_content
  {
    padding: 0px;
    min-height: 375px;
  }

  #main_picture_container
  {
    height: 447px;
  }  
  
  #main_caption_btn_container
  {
    margin: 100px auto auto auto;
  }

  p.main_text
  {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 15px black;
    margin-left: 360px;
    display: block;
  }
  
  p.main_text_mobil
  {
    display: none;
  }
  
  div.login_register_container
  {
    display: block;
  }
  
  div.login_register_mobil_container
  {
    display: none;
  }
  
  div.benefit_panel_separator
  {
    display: block;
  }
  
  div.one_benefit_container
  {
    float: left;
    margin: 0px 0px 60px 0px;
  }

  
  div.how_to_use_step
  {
    position: absolute;
    width: 200px;
    /* text-align: justify; */
  }

  #how_to_use_register
  {
    left: 272px;
    top: 0px;
  }

  #how_to_use_dwnl_addon
  {
    left: 534px;
    top: 170px;
  }

  #how_to_use_pay
  {
    left: 880px;
    top: 300px;
  }

  #how_to_use_upload
  {
    left: 736px;
    top: 558px;
  }

  #how_to_use_dwnl_results
  {
    left: 272px;
    top: 300px;
  }

  #test_phase
  {
    position: absolute;
    width: 200px;
    height: 100px;
    left: 990px;
    top: 380px;
    background-color: rgba(255,255,185,0.97);
    padding: 30px;
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    transform: rotate(-6deg);
    font-size: 20px;
    /* cursor: pointer; */
  }
  
  div.benefit_panel_separator
  {
    display: block;
  }
  
  div.benefit_panel_separator_800
  {
    display: none;
  }
  
}