@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900); 


html, body
{
margin: 0;
padding: 0; 
background-color: #ffffff;  
color: #333; 
font-family: 'Roboto';  
font-size: 17px; 
}

a, a:hover
{
text-decoration: none;
color: #FF6201;	
}

.w66 { width: 66%; display: inline-block;  vertical-align: top;}
.w75 { width: 75%; display: inline-block;  vertical-align: top;}
.w33 { width: 33%; display: inline-block;  vertical-align: top;}
.w25 { width: 25%; display: inline-block;  vertical-align: top;}

.shd
{
box-shadow: 0px 0px 50px #00000012;
}

.site
{
text-align: center;	
position: relative;
}

.site .site_in
{
 width: 100%; 
text-align: left;	
display: inline-block;
}

.rectangle
{ 
background: #FF6201 0% 0% no-repeat padding-box;
 height: 300px;
position: relative;

border-radius: 15px;
margin: 20px; 
}
 
 .rectangle .rectangle_top
 {
	position: absolute;
	top: 30px;
	left: 50%;
	width: 1200px;
	-webkit-transform: translateX( -50%);
-moz-transform: translateX( -50%);
-ms-transform: translateX( -50%);
-o-transform: translateX( -50%);
transform: translateX( -50%); 

height: 40px; 
 }
 
  .rectangle .rectangle_top .rectangle_top_buttons
  { 
    position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
  }
  
  .rectangle .rectangle_top .rectangle_top_buttons .top_button
  {
	
    height: 40px; 
	line-height: 40px;  
    border-radius: 5px;
	padding-left: 18px;
	padding-right: 18px;  
	margin-left: 10px;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
  }
  
  .top_button_1
  {
	background: none;
	color: #ffffff;  
  }
  
    .top_button_2
  {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	color: #000000; 
  }
  
    
    .top_button_3
  {
	background: none;
	color: #ffffff;
	border: 1px solid #FFFFFF;
    border-radius: 5px; 
  }
 
 .rectangle_top .rectangle_search
 {
	 background: #FFFFFF33 0% 0% no-repeat padding-box;
border: 1px solid #FFFFFF;
border-radius: 5px;

height: 40px;
position: absolute;
	width: 500px;
	top: 50%;
	left: 45%;
	-webkit-transform: translate( -50%, -50%);
-moz-transform: translate( -50%, -50%);
-ms-transform: translate( -50%, -50%);
-o-transform: translate( -50%, -50%);
transform: translate( -50%, -50%); 
font: normal normal medium 18px/21px Inter;
letter-spacing: -0.9px;
color: #FFFFFF;
opacity: 0.5; 
line-height: 40px;
padding-left: 10px; 
 }
 
 .rectangle_top .rectangle_search .lupa
 {
     position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY( -50%);
-moz-transform: translateY( -50%);
-ms-transform: translateY( -50%);
-o-transform: translateY( -50%);
transform: translateY( -50%);  
width: 16px;
height: 16px;
 
 }