@media screen and (max-width:1290px) 
{
/*------- article-page-1 -------*/
article#article-page-1
{
	font-size:22px;
	line-height:38px;
}
/*------- end article-page-1 -------*/
}

@media screen and (max-width:1200px) 
{
.center-box
{
  padding:0px 40px 0px 20px;
}

/*---------- NAV ----------*/
nav.right-menu
{
  margin:0px;
	right:10px;
}
/*---------- end NAV ----------*/


/*---------- HEADER ----------*/
header#header
{
  margin:0px;
	right:10px;
}
/*---------- end HEADER ----------*/

/*---------- CONTENT ----------*/
article#article-page-1 .center-box
{
  padding:0px;
}

article#article-page-1 div.txt
{
	padding:183px 0px 0px 0px;
}
/*------- end article-page-1 -------*/

/*------- article-page-4 -------*/
figure.sistem1:before
{
	display:none;
}

figure.sistem1 li.item2 div.txt
{
  width:224px;
	left:-206px;
}

figure.sistem1 li.item4 div.txt
{
	left:-224px;
}
/*------- end article-page-4 -------*/
/*---------- end CONTENT ----------*/

div#bg-page-3 div
{
	top:565px;
}

div#bg-page-4 div
{
	top:1700px;
}

div#bg-page-7 div
{
	top:3580px;
}
}

@media screen and (max-width:1100px) 
{
/*---------- CONTENT ----------*/
/*------- article-page-1 -------*/
article#article-page-1
{
  padding:0px 0px 110px 0px;
	font-size:18px;
	line-height:32px;
}

figure#robust3d
{
  padding:20px 0px 0px 0px;
}

article#article-page-1 div.txt
{
	padding:173px 0px 0px 0px;
}
/*------- end article-page-1 -------*/

/*------- article-page-4 -------*/
figure.sistem1 li.item2 div.txt
{
  width:224px;
	left:-156px;
}

figure.sistem1 li.item4 div.txt
{
	left:-154px;
}

figure.sistem2 li.item2 div.txt
{
	left:0px;
}

figure.sistem2 li.item3 div.txt
{
	left:0px;
}
/*------- end article-page-4 -------*/
/*---------- end CONTENT ----------*/
div.bg-page-parallax video,
div.bg-page-parallax div#media
{
	height:120%;
}

div#bg-page-3 div
{
	top:595px;
}

div#bg-page-4 div
{
	top:1680px;
}

div#bg-page-7 div
{
	top:3540px;
}
}

@media screen and (max-width:900px) 
{
.center-box
{
  padding:0px 40px 0px 10px;
}

/*------- article-page-1 -------*/
article#article-page-1
{
	font-size:15px;
	line-height:24px;
}
/*------- end article-page-1 -------*/

/*------- article-page-2 -------*/
article#article-page-2 header h3
{
  width:auto;
	padding:0px 0px 20px 0px;
  display:block;
	text-align:center;
}

article#article-page-2 header p
{
  padding:4px 0px 4px 0px;
  display:block;
}
/*------- end article-page-2 -------*/

/*------- article-page-4 -------*/
article#article-page-4
{
  margin:-109px 0px -20px 0px;
	padding:103px 0px 102px 0px;
  background:center 0px url(../images/bg_article_04.png) no-repeat;
	background-size:cover;
	font-size:12px;
	line-height:18px;
}

figure.sistem1 li.item1 div.txt
{
  width:200px;
	top:-30px;
}

figure.sistem1 li.item2 div.txt
{
  width:200px;
  top:23px;
	left:-100px;
}

figure.sistem1 li.item3 div.txt
{
  width:225px;
}

figure.sistem1 li.item4 div.txt
{
  width:200px;
	left:-140px;
}

figure.sistem1 li.item5 div.txt
{
  width:190px;
}

figure.sistem2 li.item1 div.txt
{
  width:200px;
}

figure.sistem2 li.item2 div.txt
{
  width:258px;
	left:-44px;
}

figure.sistem2 li.item3 div.txt
{
  width:244px;
  top:-21px;
	left:-253px;
}
/*------- end article-page-4 -------*/

/*------- article-page-6 -------*/
article#article-page-6 span
{
  font-size:25px;
}

article#article-page-6 strong
{
  font-size:30px;
}

article#article-page-6 ul
{
	font-size:17px;
	line-height:25px;
}

article#article-page-6 ul li:before
{
	top:50%;
	left:-33%;
}

article#article-page-6 ul li:first-child strong
{
  line-height:40px;
}
/*------- end article-page-6 -------*/


/*------- article-page-7 -------*/
article#article-page-7
{
	margin:-89px 0px -5px 0px;
	padding:80px 0px 164px 0px;
  background:left top url(../images/bg_article_07.png) no-repeat;
	background-size:cover;
}
/*------- end article-page-7 -------*/

/*------- article-page-8 -------*/
article#article-page-8 div.txt
{
  width:56.5%;
	padding:65px 3.2% 0px 0px;
	float:left;
}
/*------- end article-page-8 -------*/

div#bg-page-4,
div#bg-page-7
{
  display:none;
}
}


@media screen and (max-width:765px) 
{
.center-box,
article#article-page-1 .center-box
{
  padding:0px 20px 0px 20px;
}

/*---------- NAV ----------*/
nav.right-menu
{
  display:none;
}
/*---------- end NAV ----------*/


/*---------- HEADER ----------*/
header#header
{
  width:100%;
  margin:0px;
  padding:0px 0px 0px 0px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:3;
}

nav.main-menu
{
  padding:0px 0px 0px 0px;
  display:block;
	line-height:13px;
}

div.btn-menu
{
  width:27px;
	height:22px;
  display:block;
	background:0px 0px url(../images/menu.png) no-repeat;
	text-indent:-9999em;
	overflow:hidden;
	position:absolute;
	top:10px;
	right:0px;
	z-index:10;
	cursor:pointer;
}

div.btn-menu:hover,
div.btn-menu:focus,
div.btn-menu.active
{
  background:0px -22px url(../images/menu.png) no-repeat;
}

nav.main-menu ul
{
  width:100%;
  margin:0px 0px 0px 0px;
	padding:40px 0px 0px 0px;
	display:none;
	list-style:none;
	background:#0f111b;
	text-align:center;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

nav.main-menu ul li
{
  padding:0px 30px 25px 30px;
	display:block;
}

nav.main-menu li.btn-item a
{
  margin:0 auto;
	padding:0px 26px 0px 26px;
	display:table;
	line-height:33px;
}
/*---------- end HEADER ----------*/

/*---------- CONTENT ----------*/
header.tit-post
{
  padding:0px 0px 20px 0px;
	position:relative;
	z-index:5;
}

header.tit-post h2
{
	font-size:30px;
	line-height:32px;
}

/*------- article-page-1 -------*/
article#article-page-1
{
  padding:0px 0px 85px 0px;
	font-size:20px;
	line-height:28px;
}

figure#robust3d
{
  width:100%;
	margin:0 auto;
	float:none;
	position:relative;
}

article#article-page-1 div.txt
{
  width:auto;
	margin:0 auto;
	padding:30px 0px 0px 0px;
	display:table;
	float:none;
}

article#article-page-1 h1
{
	padding:0px 0px 26px 0px;
}

article#article-page-1 a.btn-more
{
  margin:0 auto;
	margin-top:24px;
	display:table;
	float:none;
}
/*------- end article-page-1 -------*/

/*------- article-page-2 -------*/
article#article-page-2
{
  padding:24px 0px 26px 0px;
}

article#article-page-2 ul
{
  max-width:320px;
	margin:0 auto;
}

article#article-page-2 ul li
{
  width:auto;
	padding:69px 0px 0px 0px;
	display:block;
}

article#article-page-2 header h3
{
  width:auto;
	padding:0px 0px 20px 0px;
  display:block;
	font-size:30px;
	line-height:33px;
	text-align:center;
}

article#article-page-2 header p
{
  padding:4px 0px 4px 0px;
  display:block;
}
/*------- end article-page-2 -------*/

/*------- article-page-3 -------*/
article#article-page-3
{
  height:480px;
	overflow:hidden;
}

div.video-box-mob
{
  width:100%;
	height:100%;
  display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

div.video-box-mob img
{
  min-width:100%;
	height:100%;
	display:block;
}
/*------- end article-page-3 -------*/

/*------- article-page-4 -------*/
article#article-page-4
{
	margin:-109px 0px -30px 0px;
	padding:153px 0px 132px 0px;
	font-size:12px;
	line-height:18px;
}

figure.sistem1
{
  width:60.5%;
	margin:0 auto;
	margin-top:-53px;
	float:none;
}

figure.sistem1 li.item1 div.txt
{
  width:200px;
}

figure.sistem1 li.item2 div.txt
{
  width:224px;
  top:23px;
	left:-196px;
}

figure.sistem1 li.item3 div.txt
{
  width:235px;
  top:-75px;
	left:-51px;
}

figure.sistem1 li.item4 div.txt
{
  width:210px;
  top:22px;
	left:-214px;
}

figure.sistem1 li.item5 div.txt
{
  width:195px;
  top:25px;
	left:0px;
}

figure.sistem2
{
  width:60.5%;
	margin:0 auto;
	float:none;
	left:5%;
}

figure.sistem2 li.item1 div.txt
{
  width:200px;
  top:-52px;
	left:22px;
}

figure.sistem2 li.item2 div.txt
{
  width:238px;
  top:-93px;
	left:24px;
}

figure.sistem2 li.item3 div.txt
{
  width:224px;
  top:-71px;
	left:23px;
}
/*------- end article-page-4 -------*/

/*------- article-page-5 -------*/
article#article-page-5
{
  padding:15px 0px 10px 0px;
}

article#article-page-5 table
{
  width:100%;
	font-size:14px;
	line-height:18px;
}

article#article-page-5 p
{
  width:auto;
}

article#article-page-5 footer
{
  padding:27px 0px 0px 0px;
  font-size:13px;
	line-height:18px;
}
/*------- end article-page-5 -------*/

/*------- article-page-6 -------*/
article#article-page-6
{
	margin:-25px 0px 0px 0px;
	padding:130px 0px 135px 0px;
	font-size:15px;
	font-weight:400;
	line-height:16px;
	color:#999999;
}

article#article-page-6 p
{
  padding:0px 0px 0px 0px;
}

article#article-page-6 span
{
  font-size:25px;
}

article#article-page-6 strong
{
  font-size:45px;
}

article#article-page-6 ul li:first-child strong
{
  line-height:45px;
}

article#article-page-6 ul
{
  margin:0px 0px 0px 0px;
	font-size:20px;
	line-height:28px;
}

article#article-page-6 ul li,
article#article-page-6 ul li:first-child,
article#article-page-6 ul li:last-child
{
  width:auto;
	padding:35px 0px 40px 0px;
	display:block;
	text-align:center;
}

article#article-page-6 ul li:before,
article#article-page-6 ul li:last-child:before
{
  width:144px;
	height:42px;
	margin:0px 0px 0px -72px;
	display:block;
	background:0px 0px url(../images/border_03.png) no-repeat;
	top:-25px;
	left:50%;
}
/*------- end article-page-6 -------*/

/*------- article-page-7 -------*/
article#article-page-7
{
	margin:-89px 0px -5px 0px;
	padding:70px 0px 50px 0px;
}
/*------- end article-page-7 -------*/

/*------- article-page-8 -------*/
article#article-page-8
{
  padding:30px 0px 30px 0px;
	text-align:center;
}

article#article-page-8 div.txt
{
  width:auto;
	padding:35px 4.2% 0px 0px;
	float:none;
}

article#article-page-8 div.form
{
	margin:0 auto;
	padding:37px 0px 0px 0px;
	float:none;
}
/*------- end article-page-8 -------*/
/*---------- end CONTENT ----------*/

div#bg-page-3 div
{
	top:905px;
}

div.bg-page-parallax div#youtubevideo
{
  position:absolute;
	top:-180px;
	z-index:1;
}
}

@media screen and (max-width:480px) 
{
.center-box,
article#article-page-1 .center-box
{
  padding:0px 15px 0px 15px;
}


/*---------- CONTENT ----------*/
header.tit-post h2
{
	font-size:22px;
	line-height:26px;
}
/*------- article-page-1 -------*/
article#article-page-1
{
  padding:42px 0px 65px 0px;
	font-size:20px;
	line-height:28px;
}

article#article-page-1 h1
{
  width:271px;
}
/*------- end article-page-1 -------*/

/*------- article-page-4 -------*/
article#article-page-4
{
	font-size:11px;
	line-height:14px;
}

figure.sistem1
{
  width:100%;
	margin-bottom:0px;
}

figure.sistem1 li.item1 div.txt
{
  width:190px;
	top:-52px;
	left:-60px;
}

figure.sistem1 li.item2 div.txt
{
  width:184px;
  top:23px;
	left:-116px;
}

figure.sistem1 li.item3 div.txt
{
  width:235px;
  top:-65px;
	left:-141px;
}

figure.sistem1 li.item4 div.txt
{
  width:190px;
  top:22px;
	left:-134px;
}

figure.sistem1 li.item5 div.txt
{
  width:175px;
  top:25px;
	left:-80px;
}

figure.sistem2
{
  width:100%;
	left:5%;
}

figure.sistem2 li.item1 div.txt
{
  width:200px;
  top:-52px;
	left:22px;
}

figure.sistem2 li.item2 div.txt
{
  width:238px;
  top:-83px;
	left:-44px;
}

figure.sistem2 li.item3 div.txt
{
  width:224px;
  top:-131px;
	left:-33px;
}
/*------- end article-page-4 -------*/

/*------- article-page-5 -------*/
article#article-page-5
{
  padding:15px 0px 0px 0px;
}

article#article-page-5 table
{
  width:100%;
	font-size:12px;
	line-height:16px;
}

article#article-page-5 p
{
  width:auto;
}

article#article-page-5 footer
{
  padding:37px 0px 0px 0px;
  font-size:12px;
	line-height:16px;
}

article#article-page-5 figure
{
	margin:0 auto;
	padding:0px 0px 20px 0px;
	display:table;
}

article#article-page-5 img
{
  width:100%;
	display:block;
}

article#article-page-5 div.txt
{
  display:block;
	vertical-align:middle;
}
/*------- end article-page-5 -------*/

/*------- article-page-6 -------*/
article#article-page-6 p
{
  padding:0px 0px 0px 0px;
}

article#article-page-6 span
{
  font-size:25px;
}

article#article-page-6 strong
{
  font-size:45px;
}

article#article-page-6 ul li:first-child strong
{
  line-height:45px;
}

article#article-page-6 ul
{
  margin:0px 0px 0px 0px;
	font-size:20px;
	line-height:28px;
}

article#article-page-6 ul li,
article#article-page-6 ul li:first-child,
article#article-page-6 ul li:last-child
{
  width:auto;
	padding:35px 0px 40px 0px;
	display:block;
	text-align:center;
}

article#article-page-6 ul li:before,
article#article-page-6 ul li:last-child:before
{
  width:144px;
	height:42px;
	margin:0px 0px 0px -72px;
	display:block;
	background:0px 0px url(../images/border_03.png) no-repeat;
	top:-25px;
	left:50%;
}
/*------- end article-page-6 -------*/

/*------- article-page-7 -------*/
article#article-page-7
{
	margin:-89px 0px -5px 0px;
	padding:70px 0px 70px 0px;
}
/*------- end article-page-7 -------*/

/*------- article-page-8 -------*/
article#article-page-8
{
  padding:30px 0px 30px 0px;
	text-align:center;
}

article#article-page-8 div.txt
{
  width:auto;
	padding:35px 4.2% 0px 0px;
	float:none;
}

article#article-page-8 div.form
{
  width:258px;
	margin:0 auto;
	padding:37px 0px 0px 0px;
	float:none;
}
/*------- end article-page-8 -------*/
/*---------- end CONTENT ----------*/
div.bg-page-parallax video,
div.bg-page-parallax div#media
{
  min-width:100%;
	height:85%;
	display:block;
}

div#bg-page-3 div
{
	top:1100px;
}

div.lightbox div.content
{
  width:100%;
}
}


@media screen and (max-width:400px) 
{
div#bg-page-3 div
{
	top:1170px;
}
}