@font-face {
font-family: roboto;
src: url("RobotoCondensed-Regular.ttf") format("opentype");
}
body{font-family:roboto;position:relative;}
.switcher a {text-decoration:none;color:#8c8c8f;}
.current{font-weight:Bold;}

.boxuri{
margin-top:67px;
}

.box1,.box2, .box3, .box4, .box5, .box6{width:270px;height:116px;border-radius:12px;border:2px solid #f16722;position:relative;
cursor:pointer}

.box1:hover,.box2:hover,.box3:hover,.box4:hover,.box5:hover,.box6:hover{background:#f16722;}

.text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:#818284;
  width:190px;
}
.text h1{
text-transform:uppercase;
font-size:20px;
text-align:center;
}

.page_content h1{color:#f16722;font-size:36px;margin-bottom:20px;}
.page_content p{font-size:20px;color:#85868a}


#words_for_news{display:none;}

.button{  
	display: inline-block;
    padding: 6px 45px;
    margin-bottom: 0;
    font-size: 23px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 14px;
	color: #818186;
    background-color: #fff;
    border-color: #f16722;
	}
.button:hover{
	    background-color: #f16722;
		color:white;

	
}	
	
.visible{}

.page_content {


    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



@media only screen and (min-width: 873px){
	
		.content{
		width:870px;
		margin:0 auto;
		background:;

		}
		
		.box1{float:left;}
		.box2{float:left;margin-left:20px;}
		.box3{float:left;margin-left:20px;}
		.box4{float:left;margin-top:20px;}
		.box5{float:left;margin-left:20px;margin-top:20px;}
		.box6{float:left;margin-left:20px;margin-top:20px;}

	.logo{
  margin-right:auto;
  margin-left:auto;
  width:425px;
  margin-top:80px;

	}
	 img{
		
		max-width:425px;
	}
	.page_content{float:left;margin-top:67px;}


	.switcher{
		
		position:absolute;right:30px;top:-40px;
	}

}



@media (min-width: 650px) and (max-width: 873px){
	.content{
		width:580px;
		margin:0 auto;
		background:;

		}
		
		.box1{float:left;}
		.box2{float:left;margin-left:20px;}
		.box3{float:left;margin-left:0;margin-top:20px;}
		.box4{float:left;margin-top:20px;margin-left:20px;}
		.box5{float:left;margin-left:0;margin-top:20px;margin-bottom:20px;}
		.box6{float:left;margin-left:20px;margin-top:20px;margin-bottom:20px;}
		.switcher{text-align:center;margin-top:20px;}
		
		
		
		.box1,.box2, .box3, .box4, .box5, .box6{width:270px;height:116px;border-radius:12px;border:2px solid #f16722;
	position:relative;}

	.text {
			position: relative;
			float: left;
			margin-top: 0px;
			position:relative;
			width: 100%;
			transform:none;
			top: 0;
			left: 0;
			margin-top:33px;
	}
		
		
		
		
		.switcher{text-align:center;margin-top:20px;}

}




@media screen and (max-width: 650px){
	.box1,.box2, .box3, .box4, .box5, .box6{width:270px;height:116px;border-radius:12px;border:2px solid #f16722;
	position:relative;}

	.text {
	position: relative;
	float: left;
	margin-top: 0px;
	position:relative;
	width: 100%;
	transform:none;
	top: 0;
left: 0;
margin-top:33px;
	}
	.text h1{
	text-transform:uppercase;
	font-size:20px;
	text-align:center;
		text-decoration:none !important;
		  text-decoration-color: white;
		      -moz-text-decoration-color: white; 


	}

	
		.content{
			width:100%;
			margin:0 auto;
		
		}
		.page_content{
			margin-top:50px;
			
		}
		.box1{margin:0 auto;}
		.box2{margin:0 auto;margin-top:20px;}
		.box3{margin:0 auto;margin-top:20px;}
		.box4{margin:0 auto;margin-top:20px;}
		.box5{margin:0 auto;margin-top:20px;}
		.box6{margin:0 auto;margin-top:20px;}
	
	.logo{
	margin-right:auto;
	margin-left:auto;
	width:100%;
	position:relative;
	height:80px;


	}
	 img{
		
		
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
width:225px;
	
	}
.page_content{float:left;margin-top:60px;}
.switcher{
	

		margin:0 auto;
		width:50px;
		margin-top:20px;

}
	
}