@charset "utf-8";

body { margin:0;
       padding:0;
	   overflow-x:hidden;
	 }

#div_head { width:100%;
            background-color:#e7f8f8;
			padding-top:20px;
		  }

#content_head { width:90%;
                max-width:1130px;
				margin-left:auto;
				margin-right:auto;
				display: -webkit-box; 
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex; 
				display: flex;
				align-items: center;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
				-webkit-align-content: center;
				align-content: center;
				justify-content:spance-between;
			  }

#elem1 { width:50%;
         text-align:center;
		 margin-left:auto;
		 margin-right:auto;
		 order:1;
	   }

#elem2 { width:50%;
         text-align:center;
		 margin-left:auto;
		 margin-right:auto;
	   }

#img_head { width:100%;
            max-width:485px;
			margin-left:auto;
			margin-right:auto;
			border:none;
			display:block;
			z-index:2;
			position:relative;
		  }

#img_head2 { width:100%;
             max-width:779px;
			 margin-left:auto;
			 margin-right:auto;
			 border:none;
			 display:block;
			 z-index:2;
			 position:relative;
		   }


#span_head { font-family: 'Roboto', sans-serif, Arial;
             font-size:35px;
			 line-height:40px;
			 color:#2d2d2d;
			 font-weight:bold;
		   }

#bara_head { width:100%;
             max-width:1157px;
			 margin-left:auto;
			 margin-right:auto;
			 margin-top:-16px;
		   }

#line { width:100%;
        max-width:1157px;
		margin-left:auto;
		margin-right:auto;
	  }

#page_content1 { width:90%;
                 max-width:1130px;
				 margin-left:auto;
				 margin-right:auto;
				 text-align:left;
				 margin-top:60px;
			   }
               
#div_links { width:100%;
             text-align:left;
			 margin-left:auto;
			 margin-right:auto;
		   }

.span_links { font-family: 'Roboto', sans-serif, Arial;
              font-size:16px;
			  line-height:20px;
			  color:#01baba;
			}

.link_up { text-decoration:none;
           color:#01baba;
		 }

#div_intro { width:100%;
             margin-left:auto;
			 margin-right:auto;
			 text-align:left;
			 margin-top:50px;
		   }

#div_intro2 { width:100%;
              margin-left:auto;
			  margin-right:auto;
			  text-align:left;
		    }

.span_text { font-family: 'Roboto', sans-serif, Arial;
             font-size:15px;
			 line-height:20px;
			 color:#2d2d2d;
		   }

.span_text2 { font-family: 'Roboto', sans-serif, Arial;
             font-size:18px;
			 line-height:24px;
			 color:#2d2d2d;
		   }

#page_content2 { width:100%;
                 background-color:#e7f8f8;
				 padding-bottom:25px;
				 margin-top:40px;
			   }
			   

#content_pc2 { width:90%;
               max-width:1130px;
			   margin-left:auto;
			   margin-right:auto;
			   display: -webkit-box; 
			   display: -moz-box;
			   display: -ms-flexbox;
			   display: -webkit-flex; 
			   display: flex;
			   align-items: center;
			   -webkit-flex-wrap: wrap;
			   flex-wrap: wrap;
			   -webkit-align-content: center;
			   align-content: center;
			   justify-content:space-between;
			 }

.boxs { width:30%;
       max-width:300px;
	   height:260px;
	   background-color:#ffffff;
	   display: -webkit-box; 
	   display: -moz-box;
	   display: -ms-flexbox;
	   display: -webkit-flex; 
	   display: flex;
	   align-items: center;
	   margin-top:25px;
	   flex-direction:column;
	   justify-content:center;
	}

.img_box { width:100%;
           margin-left:auto;
		   margin-right:auto;
		   text-align:center;
		 }

#img_b1 { width:145px;
          margin-left:auto;
		  margin-right:auto;
		  border:none;
		  display:block;
		}

.div_text_box { width:90%;
                text-align:center;
				margin-left:auto;
				margin-right:auto;
				margin-top:25px;
			  }

.span_box { font-family: 'Roboto', sans-serif, Arial;
            font-size:18px;
			line-height:25px;
			color:#2d2d2d;
		  }

#img_b2 { width:153px;
          margin-left:auto;
		  margin-right:auto;
		  border:none;
		  display:block;
		}

#buton1 { width:90%;
          max-width:250px;
		  height:60px;
		  margin-left:auto;
		  margin-right:auto;
		  background-color:#ff7800;
		  border:none;
		  font-family: 'Roboto Slab', sans-serif, Arial;
		  font-weight:bold;
		  font-size:18px;
		  line-height:25px;
		  color:#ffffff;
		  cursor:pointer;
		}
		  
#link_buton1 { color:#ffffff;
               text-decoration:none;
			 }  

#page_content3 { width:90%;
                 max-width:1130px;
				 margin-left:auto;
				 margin-right:auto;
				 text-align:left;
				 margin-top:60px;
			   }

#separator { width:70%;
             max-width:500px;
             height:1px;
             margin-left:auto;
			 margin-right:auto;
			 border-bottom:solid 1px #cccccc;
			 margin-top:30px;
		   }

#solutii { width:100%;
           margin-left:auto;
		   margin-right:auto;
		   margin-top:30px;
		   text-align:center;
		 }

#s1 { width:100%;
      text-align:center;
	  margin-left:auto;
	  margin-right:auto;
	}

#s2 { width:100%;
      max-width:1000px;
	  margin-left:auto;
	  margin-right:auto;
	  margin-top:30px;
	  display: -webkit-box; 
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex; 
	  display: flex;
	  align-items: center;
	  -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-align-content: center;
	  align-content: center;
	  justify-content: space-between;
	}

.box { width:306px;
       height:205px;
       margin-left:auto;
	   margin-right:auto;
	   background-color:#fcfcfc;
	   display: -webkit-box; 
	   display: -moz-box;
	   display: -ms-flexbox;
	   display: -webkit-flex; 
	   display: flex;
	   align-items: center;
	   -webkit-flex-wrap: wrap;
	   flex-wrap: wrap;
	   -webkit-align-content: center;
	   align-content: center;
	   margin-top:20px;
	   cursor:pointer;
	 }

.img_box { width:100%;
           text-align:center;
         }

#img_box1 { width:108px;
            border:none;
			display:block;
			margin-left:auto;
			margin-right:auto;
		  }

.text_box { width:100%;
            margin-left:auto;
			margin-right:auto;
			text-align:center;
			margin-top:10px;
		  }

.span_box { font-family: 'Roboto', sans-serif, Arial;
            font-size:18px;
			line-height:25px;
			color:#2d2d2d;
		  }

#img_box2 { width:177px;
            border:none;
			display:block;
			margin-left:auto;
			margin-right:auto;
		  }

#img_box3 { width:152px;
            border:none;
			display:block;
			margin-left:auto;
			margin-right:auto;
		  }

#s3 { width:100%;
      max-width:1000px;
	  margin-top:50px;
	  margin-left:auto;
	  margin-right:auto;
	  margin-top:30px;
	  display: -webkit-box; 
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex; 
	  display: flex;
	  align-items: center;
	  -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-align-content: center;
	  align-content: center;
	  justify-content: space-between;
	}

#img_box4 { width:84px;
            border:none;
			display:block;
			margin-left:auto;
			margin-right:auto;
		  }

#img_box5 { width:131px;
            border:none;
			display:block;
			margin-left:auto;
			margin-right:auto;
		  }

#img_box6 { width:123px;
            border:none;
			display:block;
			margin-left:auto;
			margin-right:auto;
		  }

#talk_with_us { width:90%;
                max-width:1000px;
                margin-top:50px;
                margin-left:auto;
                margin-right:auto;
                margin-top:30px;
                display: -webkit-box; 
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex; 
                display: flex;
                align-items: center;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-align-content: center;
                align-content: center;
                justify-content: space-around;
				margin-bottom:60px;
			  }

#img_us { width:100%;
          max-width:658px;
		  border:none;
		  display:block;
		  margin-top:-60px;
		}
		
#div_img { width:50%;
           max-width:650px;
		 }

#div_text { width:50%;
            max-width:430px;
			text-align:right;
		  }

#text1_d { width:100%;
           text-align:right;
		 }

#sc { color:#01baba; }

#buton2 { width:300px;
		  height:60px;
		  margin-left:auto;
		  margin-right:auto;
		  background-color:#ff7800;
		  border:none;
		  font-family: 'Roboto Slab', sans-serif, Arial;
		  font-weight:bold;
		  font-size:18px;
		  line-height:25px;
		  color:#ffffff;
		  cursor:pointer;
		}
		  
#link_buton2 { color:#ffffff;
               text-decoration:none;
			 }  

#div_btn { width:100%;
           margin-top:25px;
		 }

.text { font-family: 'Roboto', sans-serif, Arial;
        font-size:15px;
		line-height:20px;
		color:#2d2d2d;
	  }

.span_headline { font-family: 'Roboto', sans-serif, Arial;
                 font-size:35px;
				 line-height:40px;
				 color:#2d2d2d;
				 font-weight:bold;
			   }

ul li { color: #20b3b3; 
      }


.link_box { text-decoration:none;
            color:#2d2d2d;
		  }

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

.boxs { width:100%;
       max-width:300px;
	   height:260px;
	   background-color:#ffffff;
	   display: -webkit-box; 
	   display: -moz-box;
	   display: -ms-flexbox;
	   display: -webkit-flex; 
	   display: flex;
	   align-items: center;
	   margin-top:25px;
	   flex-direction:column;
	   justify-content:center;
	   margin-left:auto;
	   margin-right:auto;
	}

#talk_with_us { width:100%;
                max-width:1000px;
                margin-top:50px;
                margin-left:auto;
                margin-right:auto;
                margin-top:30px;
                display: -webkit-block; 
                display: -moz-block;
                display: -ms-block;
                display: -webkit-block; 
                display: block;
                align-items: center;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-align-content: center;
                align-content: center;
                justify-content: space-around;
			  }
			  
#div_img { width:90%;
           max-width:650px;
		   margin-left:auto;
		   margin-right:auto;
		 }

#div_text { width:90%;
            max-width:650px;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			margin-top:20px;
		  }

#text1_d { width:100%;
           text-align:center;
		 }

#ee { width:90%;
      max-width:1920px;
      display: -webkit-block; 
      display: -moz-block;
      display: -ms-block;
      display: -webkit-block; 
      display: block;
      align-items: center;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-content: center;
      align-content: center;
      justify-content: space-between;
	}

#e1 { width:90%;
      max-width:637px;
	  margin-left:auto;
	  margin-right:auto;
	}

#e2 { width:90%;
      text-align:center;
	  margin-left:auto;
	  margin-right:auto;
	}

#e3 { width:90%;
      max-width:637px;
	  margin-left:auto;
	  margin-right:auto;
	}


#elem1 { width:90%;
         text-align:center;
		 margin-left:auto;
		 margin-right:auto;
		 order:0;
	   }

#elem2 { width:90%;
         text-align:center;
		 margin-left:auto;
		 margin-right:auto;
	   }

#img_head { width:100%;
            max-width:485px;
			margin-left:auto;
			margin-right:auto;
			border:none;
			display:block;
			z-index:2;
			position:static;
		  }

#bara_head { width:100%;
             max-width:1157px;
			 margin-left:auto;
			 margin-right:auto;
			 margin-top:20px;
		   }

}