@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,600&subset=latin,cyrillic);
@import url("form_style.css");

html, body {
	width:100%;
	height:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:10px;
}
body {
	background-color:#ffffff;
}
h1, h2, h3, h4, h5, h6, p {
	margin:0 0 15px 0;
	padding:0;
}


/*Navigation*/
.main-title {
	color: #000;
	font-size: 4.0rem;
	font-weight: lighter;
	margin-bottom: 10px;
	padding: 0;
	text-align: center;
	opacity: 0;
	transform: translateY(100px);
	transition:all 0.8s ease;
}

.cat-title {
	width: 100%;
	text-align: center;
}
.cat-title > span {
	display: inline-block;
	/*border: 2px solid #000;*/
	padding: 10px 45px;
	border-radius: 35px;
}
.play-animate .main-title {
	opacity: 1;
	transform: translateY(0);
}

.top_navigation {
	width: 100%;
	display: inline-block;
	margin: 50px 0;
	font-size: 1.4rem;
	color: #4a4a4a;
	text-align: left;
	opacity: 0;
	padding-bottom: 15px;
	transform: translateY(100px);
	transition:all 0.8s ease;
	transition-delay: 0.2s;
	border-bottom: 2px dotted #7d7d7d;
}
.play-animate .top_navigation {
	opacity: 1;
	transform: translateY(0);
}
.top_navigation a {
	color: #4a4a4a;
	text-decoration: underline;
}


.bot_navigation {
	font-size:1.3rem;
	width:100%;
	float:left;
	text-align: center;
	margin: 0 0 60px;
	padding: 0;
	font-size: 1.4rem;
	letter-spacing: normal;
}
.bot_navigation ul li a {
	margin: 0 2px;
}
.pagination {
	padding: 0;
	margin: 0;
}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
	border-radius: 0px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    border-color: #f7a600;
    background: #f7a600;
    color: #fff;
    font-weight: bold;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #000;
    background-color: #efefef;
    border: 2px solid #efefef;
    border-radius: 0;
    transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
}
.pagination>li>a:hover, .pagination>li>span:hover {
    border-color: #f7a600;
    background: #f7a600;
    color: #fff;
}
/*Navigation End*/



/*Header*/
.header {
	width: 100%;
	height: 850px;
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}


.header-fixed > .container {
	position: relative;
	z-index: 50;
	display: block;
}

.insite {
	height: 150px;
}
.insite .header-fixed {
	background: #f7a600;
}
.insite .banner {
	display: none;
}
.header::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 680px;
	top: 0;
	left: 0;
	background: #f7a600;
	z-index: 1;
}
.insite::before {
	height: 120px;
}



.logo {
	display: inline-block;
	width: 200px;
	height: 190px;
	background: #fff;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease;
}
.insite .logo {
	width: 120px;
	height: 120px;
}
.logo > img {
	width: 150px;
	height: 72px;
	margin-top: 90px;
	display: inline-block;
	vertical-align: middle;
	border: none;
	transform: translateY(0);
	transition: all 0.2s ease;
}
.insite .logo > img {
	margin-top: 60px;
	width: 100px;
	height: auto;
}
.logo:hover img {
	transform: translateY(-3px);
}
/*Header END*/



/*Lang*/
.lang {
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 666;
	/*border-bottom: 1px solid rgba(0,0,0,0.5);*/
}
.lang a,
.lang span {
	display: inline-block;
	line-height: 35px;
	text-align: center;
	color: #000;
	border-radius: 100%;
	font-size: 1.3rem;
	margin: 0 0 0 14px;
}
.lang span {
	font-weight: bold;
	text-decoration: none;
}
/*Lang End*/

/*Right menu*/
.right-menu {
	width: 20%;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	border-left: 1px solid #000;
	padding: 20px 0 20px 30px;
	margin: 10px 0 0 0;
	list-style: none;
	opacity: 0;
	transform: translateX(-100px);
	transition:all 0.8s ease;
	transition-delay: 0.4s;
}
.play-animate .right-menu {
	opacity: 1;
	transform: translateX(0);
}
.right-menu li {
	width: 100%;
	display: inline-block;
	padding: 5px 0;
}
.right-menu li a {
	font-size: 1.5rem;
	color: #000;
	text-transform: lowercase;
}
/*Right menu End*/


/*Banner*/
.banner {
    width: 100%;
    height: 700px;
    position: absolute;
	bottom: 0;
	z-index: 2;
	opacity: 0;
	transition: all 1.0s ease;
	transform: translateY(90px);
}
.banner.play-animate {
	opacity: 1;
	transform: translateY(0);
}

.banner .swiper-slide {
    text-align: center;
    height: 700px;
    letter-spacing: -0.3rem;
}
.banner .swiper-slide .container {
	padding: 0;
}
.banner .swiper-slide .container > div {
	display: inline-block;
	height: 100%;
	letter-spacing: normal;
	vertical-align: middle;
}
.banner .swiper-slide .container .text {
	width: 35%;
	text-align: left;
	color: #fff;
	padding: 0 10px 70px;
	opacity: 0;
	transform: translateX(870px);
	transition:all 1.0s ease;
	transition-delay: 0.5s;
}
.banner .swiper-slide .container .text p {
	font-size: 2.6rem;
	line-height: 33px;	
	font-weight: lighter;
}
.banner .swiper-slide .container .text h1 {
	font-weight: 900;
	font-size: 4.0rem;
	margin-bottom: 25px;
}
.banner .swiper-slide-prev .container .text {
	transform: translateX(-270px);
}
.banner .swiper-slide-active .container .text {
	opacity: 1;
	transform: translateX(0);
}
.banner .swiper-slide .container .img {
	width: 64%;
	height: 700px;
	text-align: right;
	position: relative;

}

.banner .swiper-slide .container .img img {
	height: 100%;
	position: absolute;
	right: 0;
	transition: all 1.0s ease;
}



/*Paginatio*/
.banner .swiper-pagination-bullets {
	bottom: 200px;
    text-align: center;
    position: absolute;
    margin-left: -7px;
}
.swiper-container-horizontal .swiper-pagination-bullet {
	background: transparent;
	opacity: 1;
	margin: 0 7px;
	width: 15px;
	height: 15px;
	background-color: rgba(255,255,255,1);
	box-shadow: 1px 2px 2px rgba(0,0,0,0.3) inset;
	transition:all 0.3s ease-in;
}
.swiper-container-horizontal .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: #4a4a4a;
}

/*Arrows*/
.st-next {
	right: 20px;
	background: url(../images/web_img/ico/arrow_next.svg);
}
.st-prev {
	left: 20px;
	background: url(../images/web_img/ico/arrow_prev.svg);
}
.st-next,
.st-prev {
	height: 80px;
	width: 40px;
	font-size: 8.0rem;
	color: #fff;
	margin-top: -100px;
	opacity: 0.5;
	transition:all 0.3s ease-in;
}
.st-next:hover,
.st-prev:hover {
	opacity: 0.8;
}
.banner-button-next,
.banner-button-prev {
	margin-top: -100px;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0;
}
/*Banner End*/


/*Object slider*/
.object {
	width: 100%;
	height: 800px;
	margin-bottom: 60px;
	background: #ccc;
	opacity: 0;
	transform: translateY(70px);
	transition:all 0.6s ease;
}
.object.play-animate {
	opacity: 1;
	transform: translateY(0);
}
.object .container {
	display: table;
	vertical-align: middle;
	height: 100%;
}

.object .text {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	padding: 0 0 0;
	position: relative;
}
.object .text > h1 {
	font-size: 14.0rem;
	padding: 0 0 0;
	font-weight: 900;
	margin-bottom: 50px;
	opacity: 0;
	transform: translateY(120px);
	transition:all 1.0s ease;
	transition-delay: 0.2s;
}
.object .text > .des {
	width: 100%;
	display: inline-block;
	font-size: 2.7rem;
	padding: 0 90px;
	opacity: 0;
	transform: translateY(120px);
	transition:all 1.0s ease;
	transition-delay: 0.4s;
}
.object .text > .des p {
	margin: 0;
	padding: 0;
	word-break: break-all;
}
.object .text > .link {
	width: 100%;
	display: inline-block;
	font-size: 2.5rem;
	font-weight: 900;
	position: absolute;
	bottom: 100px;
	left: 0;
	text-align: center;
	opacity: 0;
	transform: translateY(120px);
	transition:all 1.0s ease;
	transition-delay: 0.6s;
}
.object .text > .link a {
	color: #fff;
	text-decoration: none;
	transition:all 0.5s ease;
}
.object .text > .link a:hover {
	opacity: 0.5;
}
.object .c3 .text,
.object .c4 .text,
.object .c3 .text > .link a,
.object .c4 .text > .link a {
	color: #000;
}
.object.play-animate .swiper-slide-active .text h1,
.object.play-animate .swiper-slide-active .text .des,
.object.play-animate .swiper-slide-active .text .link {
	opacity: 1;
	transform: translateY(0);
}
.object .swiper-pagination-bullets {
	width: 100%;
	bottom: 20px;
    text-align: center;
    position: absolute;
    margin-left: 0;
    left: 0;
}
.object .swiper-slide {
    text-align: center;
    font-size: 18px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.object-button-next,
.object-button-prev {
	margin-top: -40px;
}
/*Object slider End*/



/*Advantage*/
.advantage {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-bottom: 20px;
}
.advantage .container {
	letter-spacing: -0.3rem;
}
.advantage h1 {
	color: #000;
	font-weight: lighter;
	font-size: 4.2rem;
	margin-bottom: 70px;
	letter-spacing: normal;
	opacity: 0;
	transform: translateY(50px);
	transition:all 0.6s ease;
}
.play-animate h1 {
	opacity: 1;
	transform: translateY(0);
}
.advantage-box {
	display: inline-block;
	width: 25%;
	letter-spacing: normal;
	padding: 0 15px;
	color: #4a4a4a;
	vertical-align: top;
	margin-bottom: 60px;
	opacity: 0;
	transform: translateY(50px);
	transition:all 0.6s ease;
	transition-delay: 0.2s;
}
.advantage-box:nth-child(2) {
	transition-delay: 0.4s;
}
.advantage-box:nth-child(3) {
	transition-delay: 0.6s;
}
.advantage-box:nth-child(4) {
	transition-delay: 0.8s;
}
.play-animate .advantage-box {
	opacity: 1;
	transform: translateY(0);
}
.advantage-box .advantage-ico {
	display: inline-block;
	width: 124px;
	height: 124px;
	border: 3px solid #4a4a4a;
	border-radius: 100%;
	text-align: center;
	line-height: 114px;
	margin-bottom: 15px;
}
.advantage-box p {
	margin-bottom: 0;
	font-size: 1.7rem;
}
/*Advantage End*/


/*Production*/
.product {
	width: 100%;
	padding: 170px 0 50px;
	background: #f7a600;
	text-align: center;
}
.product .container {
	letter-spacing: -0.3rem;
}
.product h1 {
	width: 100%;
	margin-bottom: 100px;
	font-size: 4.0rem;
	letter-spacing: normal;
	font-weight: lighter;
	opacity: 0;
	transform: translateY(50px);
	transition:all 0.8s ease;
}
.play-animate h1 {
	opacity: 1;
	transform: translateY(0);
}
.product h1 a {
	display: inline-block;
	padding: 10px 60px;
	color: #000;
	/*border: 2px solid #000;*/
	border-radius: 60px;
	text-decoration: none;
	transition:all 0.2s ease-in;
}
.product h1 a:hover {
	/*padding: 10px 70px;*/
	opacity: 0.7;
}
.product-catalog {
	width: 100%;
	padding: 0 50px;
}
.product-box {
	width: 50%;
	display: inline-block;
	letter-spacing: normal;
	text-align: right;
	vertical-align: top;
	margin-bottom: 150px;
	opacity: 0;
	transform: translateX(-100px);
	transition:all 0.8s ease;
	transition-delay: 0.2s;
	padding-right: 25px;
	transition:all 0.5s ease-in;
}
.product-box:hover {
	text-decoration: none;
}
.play-animate .product-box {
	opacity: 1;
	transform: translateX(0);
}
.product-box:nth-child(2) {
	transition-delay: 0.4s;
	text-align: left;
	padding-left: 25px;
}
.product-box:nth-child(3) {
	transition-delay: 0.6s;
}
.product-box:nth-child(4) {
	transition-delay: 0.8s;
	text-align: left;
	padding-left: 25px;
}


.product-box > div {
	width: 110px;
	height: 110px;
	border: 2px solid #fff;
	display: inline-block;
	border-radius: 100%;
	padding: 5px;
	vertical-align: middle;
	margin: 0 35px;
	transform: scale(1);
	transition:all 0.2s ease-in;
}

.product-box:hover > div {
	transform: scale(0.9);
}
.product-box > div img {
	width: 100%;
}
.product-box > p,
.product-box > b {
	display: inline-block;
	width: calc(100% - 190px);
	color: #000;
	font-size: 3.5rem;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	font-weight: normal;
	transition:all 0.2s ease-in;
	transform: translateY(0);
}
.product-box:hover > p {
	/*transform: translateY(-3px);*/
}
.product-box > b {
	display: none;
}


.product-list {
	width: 100%;
	display: block;
	margin-bottom: 50px;
	letter-spacing: -0.3rem;
	opacity: 0;
	vertical-align: top;
	transform: translateY(50px);
	transition:all 0.8s ease;
	transition-delay: 0.4s;
}
.play-animate.product-list {
	opacity: 1;
	transform: translateY(0);
}
.product-info {
	width: calc(25% - 30px);
	min-height: 350px;
	text-align: center;
	display: inline-block;
	letter-spacing: normal;
	color: #4a4a4a;
	margin: 0 15px 70px;
	vertical-align: top;
}
.product-info:hover {
	text-decoration: none;
	color: #4a4a4a;
}

.product-info > img {
	width: 100%;
	margin-bottom: 15px;
	transition:all 0.2s ease-in;
	transform: scale(1);
}
.product-info:hover img {
	transform: scale(1.06);
}
.product-info > b {
	display: inline-block;
	width: 80%;
	text-transform: uppercase;
	font-size: 2.0rem;
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	transition:all 0.2s ease-in;
}
.product-info > .des {
	font-size: 1.3rem;
	padding: 0 25px;
	transition:all 0.2s ease-in;
}

.product-des {
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	letter-spacing: -0.3rem;
	opacity: 0;
	transform: translateY(50px);
	transition:all 0.8s ease;
	transition-delay: 0.2s;
}
.play-animate.product-des {
	opacity: 1;
	transform: translateY(0);
}
.product-des > .img,
.product-des > .des {
	width: 50%;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-bottom: 50px;
}
.product-des > .img {
	text-align: center;
	padding-right: 15px;
}
.product-des > .img img {
	width: 100%;
	max-width: 500px;
}
.new {
	background: #ff5e99;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 1.2rem;
	padding: 3px 7px;
	z-index: 10;
}
.new.min {
	font-size: 1.0rem;
}

.product-des > .des > h2 {
	border-bottom: 2px dotted #7d7d7d;
	color: #4a4a4a;
	text-transform: uppercase;
	font-weight: 900;
	padding-bottom: 15px;
	font-size: 2.0rem;
}

.product-weight {
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 2px dotted #7d7d7d;
	text-align: left;
	color: #4a4a4a;
}
.product-weight > h4 {
	font-size: 1.1rem;
	text-transform: uppercase;
}
.product-weight > span {
	display: inline-block;
	margin: 0 15px 5px 0;
}
.product-weight > span > div {
	display: inline-block;
	background: transparent;
	opacity: 1;
	margin: 0 2px 0 0;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #f7a600;
	vertical-align: middle;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.3) inset;
	transition:all 0.3s ease-in;
}
.product-weight > span > b {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5rem;
	font-weight: lighter;
}


/*Production End*/


/*Other product*/
.other-product-box {
	width: 100%;
	position: relative;
	letter-spacing: normal;
	margin-bottom: 70px;
	padding-bottom: 15px;
}
.other-product-box h1 {
	border-top: 3px solid #cacaca;
	border-bottom: 3px solid #cacaca;
	font-size: 2.4rem;
	text-transform: uppercase;
	font-weight: normal;
	padding: 15px 0;
	color: #4a4a4a;
	text-align: left;
}
.other-product {
	position: relative;
}
.other-product .swiper-slide a {
	display: inline-block;
	position: relative;
}
.other-product .swiper-slide a img {
	width: 100%;
	position: relative;
	transition:all 0.2s ease-in;
	transform: scale(1);
	z-index: 1;
}
.other-product .swiper-slide a:hover img {
	transform: scale(1.06);
}
.other-product .swiper-slide a h3 {
	opacity: 0;
	position: absolute;
	z-index: 2;
	bottom: 0;
	font-size: 1.2rem;;
	width: 80%;
	left: 10%;
	text-transform: uppercase;
	text-align: center;
	border-radius: 15px;
	padding: 10px 10px;
	background: rgba(0,0,0,0.7);
	color: #fff;
	transform: translateY(50px);
	transition:all 0.2s ease;
}
.other-product .swiper-slide a:hover h3 {
	opacity: 1;
	transform: translateY(0);
}

.product-button-prev {
	left: 0;
}
.product-button-next {
	right: 0;
	
}
.product-button-next,
.product-button-prev {
	background: transparent;
	width: 20px;
	height: 40px;
	top: 50%;
}
.product-button-next i,
.product-button-prev i {
	font-size: 4.5rem;
	width: 100%;
	height: 40px;
	line-height: 38px;
	text-align: center;
	letter-spacing: normal;
}
.product-button-prev {
}
.product-button-next:hover,
.product-button-prev:hover {
	opacity: 0.7;
}
/*Other product End*/


/*Product Sort*/
.button-group  {
	width: auto;
	float: right;
	display: inline-block;
	text-align: right;
	opacity: 0;
	transform: translateY(50px);
	transition:all 0.8s ease;
	transition-delay: 0.2s;
}
.play-animate.button-group {
	opacity: 1;
	transform: translateY(-90px);
}
.button-group .button,
.button-group a {
	width: auto;
	display: inline-block;
	padding: 2px 10px;
	margin-left: 10px;
	background: transparent;
	border: none;
	font-size: 1.4rem;
	color: #4a4a4a;
	outline: none;
	text-decoration: none;
    transition: all 0.2s ease-in;
}
.button-group .button:hover,
.button-group .is-checked,
.button-group a:hover {
	background: #00b9ef;
	color: #fff;
}
/*Product Sort End*/


/*Partner*/
#partner {
	position: absolute;
	top: -170px;
}
.partner {
	width: 100%;
	display: inline-block;
	padding-top: 100px;
	margin-bottom: 180px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition:all 0.4s ease;
	transform: translateY(70px);
	position: relative;
}
.partner.play-animate {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);	
}
.partner-line {
	width: 100%;
	border-bottom: 1px solid #070707;
}
.partner .container {
	letter-spacing: -0.3rem;
	padding-bottom: 10px;
}
.partner h2 {
	color: #000;
	font-size: 3.5rem;
	margin-bottom: 50px;
	letter-spacing: normal;
	font-weight: lighter;
	opacity: 0;
	transform: translateY(50px);
	transition:all 0.6s ease;
}
.play-animate h2 {
	opacity: 1;
	transform: translateY(0);
}
.partner-box {
	width: 100%;
	display: inline-block;
	letter-spacing: normal;
	margin: 0 0 25px;
	/*border: 2px solid #c4c4c4;*/
	border-radius: 15px;
	text-align: center;
	padding: 0 10px;
	overflow: hidden;
	vertical-align: top;
	min-height: 122px;
	opacity: 0;
	transform: scale(0);
	transition:all 0.4s ease;
	transition-delay: 0.2s;
}
.play-animate .partner-box {
	opacity: 1;
	transform: scale(1);
}
.partner-box {
	transition-delay: 0.2s;
}


.partner .partner-box > div {
	display: table;
	min-height: 122px;
	width: 100%;
	padding: 10px;
}
.partner .partner-box > div > div {
	display: table-cell;
	vertical-align: middle;
}
.partner .partner-box > div > div > img {
	width: 100%;
	max-width: 219px;
}
.partner .partner-box b {
	width: 100%;
	display: inline-block;
	padding: 0 0 10px;
	color: #4d7fda;
	font-size: 1.2rem;
	line-height: 14px;
}
.pn {
	height: 100%;
	top: 0;
	background: #fff;
}
.pn:hover {
	opacity: 1;
}
.pn i {
	margin-top: 60px;
}
/*Partner End*/



/*Support*/
.support {
	width: 100%;
	height: 700px;
	display: table;
	vertical-align: middle;
	background: url(../images/web_img/support.jpg) bottom right #000 no-repeat;
	background-size: auto 93%;
	opacity: 0;
	transform: translateY(100px);
	transition:all 0.8s ease;
	text-align: center;
}
.support.play-animate {
	opacity: 1;
	transform: translateX(0);
}
.support > div {
	text-align: left;
	opacity: 0;
	transform: translateY(100px);
	transition:all 0.8s ease;
	transition-delay: 0.4s;
}
.support.play-animate > div {
	opacity: 1;
	transform: translateX(0);
}
.support > div > div > h2 {
	color: #fff;
	font-size: 9.0rem;
	font-weight: 900;
	line-height: 80px;
	margin-bottom: 50px;
}
.support > div > div {
	width: 100%;
	display: inline-block;
	margin-top: 50px;
}
/*Support End*/




/*Contacts & map*/
.contants-box {
	width: 100%;
	height: 900px;
	position: relative;
}
.contants-box .container {
	height: 0px;
	margin-top: -900px;
	position: relative;
}
.contacts {
	width: 500px;
	position: absolute;
	z-index: 2;
	top: 140px;
	left: 15px;
	background: rgba(0,0,0,0.7);
	padding: 25px 80px 15px;
	text-align: center;
/*	opacity: 0;
	transform: translateY(120px);
	transition:all 0.8s ease;
	transition-delay: 0.4s;*/
}
.play-animate .contacts {
/*	opacity: 1;
	transform: translateY(0);*/
}
.contacts h1 {
	color: #f7a707;
	font-weight: 900;
}
.contacts .text {
	width: auto;
	display: inline-block;
	padding: 15px 0 0;
/*	border-top: 1px solid #f7a707;
	border-bottom: 1px solid #f7a707;*/
	color: #f7a707;
	font-size: 1.5rem;
}
.contacts .text a {
	color: #f7a707;
}
.map {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff;
}
.map iframe {
	width: 100%;
	height: 100%;
	border: 0;
}
/*Contacts & map End*/



/*Footer*/
.footer {
	width: 100%;
	height: auto;
	padding: 50px 0;
	background: #f7a600;
	overflow: hidden;
}
.social {
	width: 100%;
	display: inline-block;
	opacity: 0;
	transform: translateX(100px);
	transition:all 0.8s ease;
	transition-delay: 0.2s;
}
.play-animate .social {
	opacity: 1;
	transform: translateX(0);
}
.social a.bl {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #000;
	color: #f7a600;
	font-size: 2.2rem;
	border-radius: 100%;
	margin-right: 10px;
	vertical-align: top;
}
a.tele {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	vertical-align: top;	
}
a.tele i {
	display: inline-block;	
	width: 40px;
	height: 40px; 
	color: #000;
	font-size: 40px;
}
.copyright {
	width: 100%;
	margin-top: 15px;
	font-size: 1.3rem;
	color: #000;
	text-align: left;
	opacity: 0;
	transform: translateX(100px);
	transition:all 0.8s ease;
	transition-delay: 0.4s;
}
.play-animate .copyright {
	opacity: 1;
	transform: translateX(0);
}
/*Footer End*/


/*Footer menu*/
.footer-menu {
	width: auto;
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0 0 25px;
	opacity: 0;
	transform: translateX(100px);
	transition:all 0.8s ease;
}
.play-animate .footer-menu {
	opacity: 1;
	transform: translateX(0);
}
.footer-menu li {
	display: block;
	width: auto;
}
.footer-menu li a {
	display: block;
	width: auto;
	color: #000;
	cursor: pointer;
	padding: 0 0 3px;
	font-size: 1.5rem;
}

.m-logo {
	float: right;
	margin-top: -60px;
}

.m-logo a {
	display: block;
	transition:all 0.3s ease;
}
.m-logo a:hover {
	opacity: 0.7;
	transform: translateY(-5px);
}
/*Footer menu End*/



/*Photogallery*/
.photogallery {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 70px;
	text-align: center;
	letter-spacing: -0.3rem;
	opacity: 0;
	transform: translateY(100px);
	transition:all 0.8s ease;
}
.photogallery.play-animate {
	opacity: 1;
	transform: translateY(0);
}
.all-photos {
	display: inline-block;
	width: calc(33% - 30px);
	margin: 0 15px 30px;
	letter-spacing: normal;
	vertical-align: top;
	text-decoration: none;
}
.all-photos:hover {
	text-decoration: none;
}
.all-photos img {
	width: 100%;
	margin-bottom: 15px;
	border: 3px solid #ccc;
	transform: translateY(0);
	transition:all 0.3s ease;
}
.all-photos:hover img {
	border-color: #f7a600;
	transform: translateY(-10px);
}

.all-photos h5 {
	width: 100%;
	color: #000;
	font-size: 1.4rem;
	transform: translateY(0);
	transition:all 0.3s ease;
}
.all-photos:hover h5 {
	transform: translateY(-5px);
	color: #f7a600;
}

.photo a {
	display: inline-block;
	margin-bottom: 30px;
}

.blueimp-gallery > .prev,
.blueimp-gallery > .next {
	border: none;
	display: block;
	background: transparent;
}
.blueimp-gallery > .prev::before,
.blueimp-gallery > .next::before,
.blueimp-gallery > .close::before {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-family: "FontAwesome";
	content: "\f104";
	font-size: 4.0rem;
	width: 40px;
	height: 40px;
}
.blueimp-gallery > .next::before {
	content: "\f105";
}
.blueimp-gallery > .close,
.blueimp-gallery > .title {
	display: block;
}
.blueimp-gallery > .close {
	background: transparent;
	width: 40px;
	height: 40px;
	font-size: 0;
	line-height: 20px;
	box-shadow: none;
	top: 30px;
	right: 30px;
	text-shadow: none;
}
.blueimp-gallery > .close::before {
	content: "\f00d";
	font-size: 2.5rem;
}
/*Photogallery End*/


/*News*/
.news-list {
	width: 100%;
	display: inline-block;
	margin-bottom: 70px;
	opacity: 0;
	transform: translateY(100px);
	transition:all 0.8s ease;
}
.news-list > div {
	margin-left: -30px;
	margin-right: -30px;
	letter-spacing: -0.3rem;
}
.news {
	opacity: 0;
	transform: translateY(100px);
	transition:all 0.8s ease;	
}
.news-list.play-animate,
.news.play-animate {
	opacity: 1;
	transform: translateY(0);
}


.post-list {
	float: left;
	letter-spacing: normal;
	width: calc(33.333% - 60px);
	margin: 0 30px 0;
	display: inline-block;
	vertical-align: top;
	transition: all 0.3s ease;
	margin-bottom: 35px;
}
.post-list:hover {
	transform: translateY(-5px);
}
.post-list > a {
	color: #4a4a4a;
	text-decoration: none;
	
}
.post-list > a span {
	width: 100%;
	display: block;
	height: auto;
	overflow: hidden;
	margin-bottom: 8px;
}
.post-list > a span img {
	width: 100%;
	height: auto;
}
.post-list > a b {
	display: inline-block;
	width: 100%;
	font-size: 1.4rem;
	font-weight: normal;
	margin-bottom: 10px;
}
.post-list > a h2 {
	width: 100%;
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.4rem;
	text-transform: uppercase;
	color: #4a4a4a;
	font-weight: bold;
	line-height: 17px;
	transition: all 0.3s ease;
}
.post-list:hover h2 {
	color: #00b8ee;
}
.post-list > a > div {
	width: 100%;
	padding: 10px 0;
	margin-bottom: 5px;
	display: inline-block;
	font-size: 1.4rem;
	text-align: justify;
	border-top: 2px dotted #7e7e7e;
	border-bottom: 2px dotted #7e7e7e;
}
.post-list > a > div p {
	margin: 0;
	padding: 0;
}
.post-list > a strong {
	color: #00b8ee;
	text-transform: lowercase;
	font-size: 1.3rem;
}


.news-info {
	margin-left: -30px;
	margin-right: -30px;
	letter-spacing: -0.3em;
	margin-bottom: 40px;
}
.news-info > div {
	width: calc(50% - 60px);
	margin: 0 30px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
}
.news-info > div.img img {
	width: 100%;
}
.news-info > div b {
	display: inline-block;
	width: 100%;
	font-size: 1.3rem;
	margin-bottom: 10px;
	font-weight: normal;
}
.news-info > div h2 {
	width: 100%;
	padding: 10px 0;
	color: #4a4a4a;
	font-size: 2.8rem;
	line-height: 34px;
	text-transform: uppercase;
	font-weight: 900;	
	border-top: 2px dotted #7e7e7e;
	border-bottom: 2px dotted #7e7e7e;
}

.news-text {
	margin-left: -30px;
	margin-right: -30px;	
}
.news-text > .wide > div {
	padding: 0 30px;
	text-align: justify;
}

.other-news {
	width: 100%;
	display: inline-block;
	opacity: 0;
	transform: translateY(100px);
	transition:all 0.8s ease;	
}
.other-news.play-animate {
	opacity: 1;
	transform: translateY(0);	
}

.other-news h4 {
	border-top: 2px dotted #7e7e7e;
	border-bottom: 2px dotted #7e7e7e;
	font-size: 2.4rem; 
	padding: 10px 0;
	margin-bottom: 25px;
	color: #7e7e7e;
}
.other-news .news-list {
	margin-bottom: 20px;
}
/*News End*/



/*Content*/
.content-box {
	width: 100%;
	padding: 100px 0;
	position: relative;
	letter-spacing: -0.3rem;
}
.content-box::before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 150px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#757575+0,000000+92&0.65+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(117,117,117,0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(117,117,117,0.1) 0%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(117,117,117,0.1) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.content {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	color: #4a4a4a;
	font-size: 1.6rem;
	line-height: 24px;
	letter-spacing: normal;
	margin-bottom: 40px;
}
.insite-content .content {
	opacity: 0;
	transform: translateY(70px);
	transition:all 0.8s ease;
}
.play-animate .content {
	opacity: 1;
	transform: translateY(0);
}
.about {
	width: 60%;
	margin-right: 20%;
	vertical-align: middle;
	letter-spacing: normal;
	opacity: 0;
	transform: translateX(-100px);
	transition:all 0.8s ease;
}
.play-animate .about {
	opacity: 1;
	transform: translateX(0);
}

.pi {
	color: #4a4a4a;
	line-height: 24px;
}
/*Content End*/


/*Content H title stle*/
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.h1 {
	color: #4a4a4a;
	text-align: left;
	font-weight: 900;
	margin-bottom: 30px;
	line-height: normal;
}

.h1 {
	color: #000;
	margin: 0 0 20px;
	text-align: center;
	font-size: 3.6rem;
	font-weight: normal;
}
.content h1 {
	font-size: 3.3rem;
}
.content h2 {
	font-size: 3.0rem;
}
.content h3 {
	font-size: 2.8rem;
}
.content h4 {
	font-size: 2.4rem;
}
.content h5 {
	font-size: 2.2rem;
}
.content h6 {
	font-size: 2.0rem;
}

.pi h1,
.pi h2,
.pi h3,
.pi h4,
.pi h5,
.pi h6 {
	color: #4a4a4a;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 900;
}
.pi h1 {
	font-size: 2.4rem;
}
.pi h2 {
	font-size: 2.0rem;
}
.pi h3 {
	font-size: 1.8rem;
}
.pi h4 {
	font-size: 1.6rem;
}
.pi h5 {
	font-size: 1.2rem;
}
.pi h6 {
	font-size: 1.0rem;
}
/*Content H title stle End*/



/*Content other style*/
.content a {
	color: #000;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}
.content a:hover {
	text-decoration: underline;
}
.content strong {
	font-weight: 600;
}
.content hr {
	width: 100%;
	float: left;
	height: 2px;
	margin: 20px 0;
	background: #ccc;
	border: none;
}
blockquote {
	display: block;
	float: left;
	font-size: 1.3rem;
	font-style: italic;
	line-height: 18px;
	color: #949494;
	border-left: 5px solid #ccc;
	padding: 10px 10px 10px 20px;
	margin: 0 0 25px 25px
}
blockquote p {
	margin: 0;
}
/*Content other style End*/



/*Content List*/
.content ul {
	width: 100%;
	float: left;
	padding: 0 10px 0 15px;
	margin-bottom: 18px;
	list-style: none;
}
.content ol {
	width: 100%;
	float: left;
	padding: 0 10px 0 15px;
	margin-bottom: 18px;
	list-style-position: inside;
}
.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	margin-top: 5px;
	width: 100%;
	float: left;
}
.content li {
	width: 100%;
	float: left;
	position: relative;
	border-bottom: 1px solid #eeeeee;
	padding: 5px 1% 5px 20px;
	color: #4a4a4a;
	transition: all 0.2s ease-in-out;
}
.content ol li {
	padding: 5px 1% 5px 5px;
}
.content li:nth-last-child(1){
	border-bottom: none;
}

/*.content li:hover{
	border-bottom-color: #000;
}*/
.content li	p {
	margin: 0;
}
.content ul	li:before {
	position: absolute;
	top: 5px;
	left: 0;
	font-family: "FontAwesome";
	font-size: 10px;
	color: #a90f2c;
	content: "\f00c";
	font-weight: bold;
}
.content ol li {
	padding: 4px 1% 4px 5px;
}
/*Content List End*/


/*Content Table*/
.content table {
	width: 100%;
	margin-bottom: 20px;
	border-left: 2px solid #e6e6e6;
	border-top: 2px solid #e6e6e6;
}
.content td {
	padding: 8px;
	background: #FFF;
	line-height: 20px;
	font-size: 1.4rem;
	border-right: 2px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
	transition: all 0.2s ease-in-out;
}
.content td:hover{
	background: rgba(204,204,204,0.1);
}
.content thead {
	color: #FFF;
	background: #a90f2c;
	border: 1px solid #fff;
	border-bottom: 0;
}
.content thead th {
	padding: 8px;
	font-weight: normal;
	text-align: center;
}
/*Content Table End*/



/*Content Img*/
.content img {
	/*border: 1px solid rgba(000, 000, 000, 0.1);
	padding: 2px;
	background: #fff;*/
}
.content_img {
	display: inline-block;
	position: relative;
}
.none_img {
	margin: 0 3px;
}
.img_100 .none_img {
	margin: 0;
}
.img_100 .content_img {
	width: 100%;
}
.img_90 .content_img {
	width: 90%;
	display: inline-block;
}
.img_80 .content_img {
	width: 80%;
}
.img_70 .content_img {
	width: 70%;
}
.img_60 .content_img {
	width: 60%;
}
.img_50 .content_img {
	width: 49%;
}
.img_40 .content_img {
	width: 39%;
}
.img_30 .content_img {
	width: 29%;
}
.img_20 .content_img {
	width: 19%;
}
.img_10 .content_img {
	width: 9%;
}

.img_100, .img_90, .img_80, .img_70, .img_60 {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 25px;
	display: block;
}
.content_img.left_img {
	float: left;
	margin: 0 15px 15px 0;
}
.content_img.right_img {
	float: right;
	margin: 0 0 15px 15px;
}
.img_100 .content_img.left_img,
.img_90 .content_img.left_img,
.img_80 .content_img.left_img,
.img_70 .content_img.left_img,
.img_60 .content_img.left_img,
.img_100 .content_img.right_img,
.img_90 .content_img.right_img,
.img_80 .content_img.right_img,
.img_70 .content_img.right_img,
.img_60 .content_img.right_img {
	float: none;
	margin: 0;
}
.content_img img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}
.content_img::before,
.content_img::after {
	position: absolute;
	z-index: 2;
	content: "";
	opacity: 0;
	left: 0;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.content_img::before {
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	background: rgba(0,0,0,0.4);
}
.content_img::after {
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	text-align: center;
	margin: -50px 0 0 -50px;
	border-radius: 50px;
	font-family: "FontAwesome";
	content: "\f00e";
	font-size: 5.5rem;
	color: #fff;
	line-height: 100px;
	transform: scale(0);
}
.content_img:hover::before {
	opacity: 1;
}
.content_img:hover::after {
	transform: scale(1);
	opacity: 1;	
	-webkit-transition: all 0.1s ease-in-out 0.2s;
	-moz-transition: all 0.1s ease-in-out 0.2s;
	-ms-transition: all 0.1s ease-in-out 0.2s;
	-o-transition: all 0.1s ease-in-out 0.2s;
	transition: all 0.1s ease-in-out 0.2s;
}
.content .content_img:hover::after,
.content .content_img:hover::before {
	opacity: 0;
}
/*Content img End*/




/* ==========================================================================
   01. PC
   ========================================================================== */
@media screen and (min-width: 1280px) {

	.header-fixed {
		width: 100%;
		position: fixed;
		z-index: 3;
		transition: all 0.3s ease;
		box-shadow: 0 0 0 rgba(0,0,0,0.1);
	}
	.shadow {
		background: #f7a600;
		box-shadow: 0 0 25px rgba(0,0,0,0.1);
	}
	.shadow .logo {
		width: 120px;
		height: 120px;
	}
	.shadow .logo > img {
		margin-top: 60px;
		width: 100px;
		height: auto;
	}



	/*Top Menu*/
	.top-menu-box .mobile-menu-btn {
		display: none;
	}
	.top-menu-box {
		width: auto;
		float: right;
		margin-top: 35px;
	}
	.menu-panel {
		display: block !important;
	}
	.top-menu {
		width: auto;
		display: inline-block;
		padding: 0;
		margin: 25px 0 0;
		list-style: none;
		text-align: center;
		font-size: 1.6rem;
	}
	.top-menu > li {
		width: auto;
		display: inline-block;
		padding-left: 40px;
		position: relative;
	}
	.top-menu > li > a {
		display: inline-block;
		padding: 10px 0;
		color: #000;
		text-decoration: none;
		position: relative;
		cursor: pointer;		
	}
	.top-menu > li > a::before {
		content: "";
		width: 100%;
		height: 0;
		background: #000;
		bottom: 0;
		left: 0;
		position: absolute;
		visibility: hidden;
		opacity: 0;
		transition: all 0.2s ease;
		transform: translateY(10px);
	}
	.top-menu > li > a:hover::before,
	.top-menu > li > a.active::before,
	.top-menu > li:hover a::before {
		height: 2px;
		opacity: 1;
		visibility: visible;
		transform: translateY(0px);
	}

	.top-menu li.has-dropdown::before {
		/*font-family: "FontAwesome";
		content: "\f105";
		position: absolute;
		top: calc(50% - 6px);
		right: 0;
		margin-right: -7px;
		font-size: 1.0rem;
		color: rgba(000,000,000,0.7);
		transition: all 0.2s ease;*/
	}
	.top-menu li.has-dropdown:hover::before {
		top: calc(50% - 5px);
		margin-right: -6px;
		transform: rotate(-270deg);
	}

	.top-menu li .dropdown {
		display: block !important;
		width: 230px;
	    visibility: hidden;
	    position: absolute;
	    top: 40px;
	    left: 50%;
	    z-index: -1;
	    padding: 15px 0;
	    margin-left: -100px;
	    background-color: #FFF;
	    opacity: 0;
	    list-style: none;
	    text-align: left;
	    transition: all 0.4s ease;
	    transform: translateY(20px);
	    box-shadow: 0 5px 45px rgba(0,0,0,0.3);
	}
	.top-menu li .dropdown::before {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		top: -6px;
		left: 50%;
		margin-left: -4px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #FFF;
	}
	.top-menu .dropdown li {
		width: 100%;
	}
	.top-menu .dropdown li a {
		width: 100%;
		display: inline-block;
		padding: 10px 30px;
		font-size: 1.5rem;
		color: #212121;
		border-bottom: 1px solid #f1f4fb;
		transition: all 0.2s ease;
	}
	.top-menu .dropdown li:nth-last-child(1) a {
		border-bottom: none;
	}
	.top-menu .dropdown li a:hover {
		color: #f7a600;
		text-decoration: none;
	}
	.top-menu li.has-dropdown:hover .dropdown {
		visibility: visible;
	    z-index: 5;
	    opacity: 1;
	    transform: translateY(0);
	}
	/*Top Menu End*/


	/*Banner*/
	.banner .swiper-slide .container .img img:nth-child(1) {
		z-index: 3;
		transition-delay: 0.3s;
		transform: translateX(610px);
	}
	.banner .swiper-slide .container .img img:nth-child(2) {
		z-index: 2;
		transition-delay: 0.2s;
		transform: translateX(70px);
	}
	.banner .swiper-slide .container .img img:nth-child(3) {
		z-index: 1;
		transition-delay: 0.2s;
		transform: translateX(370px);
	}


	.banner .swiper-slide-prev .container .img img:nth-child(1) {
		transition-delay: 0.3s;
		transform: translateX(-610px);
	}
	.banner .swiper-slide-prev .container .img img:nth-child(2) {
		transition-delay: 0.2s;
		transform: translateX(-370px);
	}
	.banner .swiper-slide-prev .container .img img:nth-child(3) {
		transition-delay: 0.2s;
		transform: translateX(-70px);
	}


	.banner .swiper-slide-active .container .img img {
		transform: translateX(0) !important;
	}
	/*Banner End*/
}



/* ==========================================================================
   03. PC: Notebook
   ========================================================================== */
@media screen and (max-width: 1440px) {

}


/* ==========================================================================
   04. Tablet: Landscape
   ========================================================================== */
@media screen and (max-width: 1279px) {

	/*Header*/
	.header {
		height: 700px;
	}
	.header::before {
		height: 530px;
	}
	.header > .container {
		position: relative;
		z-index: 8;
	}

	.logo {
		width: 180px;
		height: auto;
		position: relative;
		padding: 15px 0;
		z-index: 3;
	}
	.logo > img {
		width: 140px;
		height: auto;
		margin-top: 0;
		display: inline-block;
		vertical-align: middle;
		border: none;
		transform: translateY(0);
		transition: all 0.3s ease;
	}
	.logo:hover img {
		transform: translateY(0);
	}


	.insite,
	.insite::before {
		height: 110px;
	}
	.insite .logo {
		height: 110px;
		padding-top: 0;
	}
	.insite .logo img {
		margin-top: 50px;
	}
	/*Header END*/


	/*Top Menu*/
	.menu-mask {
		width: 100%;
		height: 100%;
		left: 0;
		bottom: 0;
		display: none;
		position: fixed;
		opacity: 1;
		z-index: 5;
		background: rgba(0,0,0,0.6);
	}

	.top-menu-box .mobile-menu-btn {
		width: 28px;
		height: 28px;
		float: right;
		position: relative;
		transition:all 0.2s ease;
		background: transparent;
		border: none;
		outline: none;
		margin-top: 40px;
	}
	.top-menu-box .mobile-menu-btn::before {
		content: "";
		position: absolute;
		top: 3px;
		left: 0;
		width: 100%;
		height: 13px;
		border-top: 4px solid #000;
		border-bottom: 4px solid #000;
	}
	.top-menu-box .mobile-menu-btn::after {
		content: "";
		position: absolute;
		top: 3px;
		left: 0;
		width: 100%;
		height: 22px;
		border-bottom: 4px solid #000;
	}
	.top-menu-box .mobile-menu-btn.active {
		transform: rotate(135deg);
	}
	.top-menu-box .mobile-menu-btn.active::before {
		border-top: 0;
		border-bottom: 0;
		height: 4px;
		top: 12px;
	}
	.top-menu-box .mobile-menu-btn.active::after {
		border-bottom: 0;
		width: 4px;
		height: 28px;
		left: 12px;
		top: 0;
	}
	.top-menu-box .mobile-menu-btn.active::before,
	.top-menu-box .mobile-menu-btn.active::after {
		background: #fff;
	}


	.top-menu-box {
		width: 100%;
		float: left;
		padding: 30px 15px 0;
		top: 0;
		right: 0;
		float: right;
		position: absolute;
		z-index: 2;
	}
	.menu-panel {
		width: 100%;
		float: left;
		display: none;
		margin-top: 20px;
		padding: 25px 0;
		background: #f7a600;
	}
	.top-menu {
		width: 100%;
		display: block;
		float: left;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: left;
		font-size: 1.6rem;
	}
	.top-menu > li {
		width: 100%;
		display: block;
		float: left;
		position: relative;
	}
	.top-menu > li > a {
		display: block;
		width: 100%;
		padding: 10px 35px;
		color: #000;
		text-decoration: none;
		position: relative;
		border-bottom: 1px solid rgba(255,255,255,0.4);		
	}
	.top-menu > li:nth-last-child(1) a {
		border-bottom: none;
	}

	.top-menu li.has-dropdown > a::before {
		font-family: "FontAwesome";
		content: "\f105";
		position: absolute;
		top: 14px;
		left: 20px;
		font-size: 1.2rem;
		color: #000;
		transition: all 0.2s ease;
	}
	.top-menu li.has-dropdown > a.open::before {
		top: 14px;
		transform: rotate(-270deg);
	}

	.top-menu li .dropdown {
		width: 100%;
		float: left;
	    padding: 7px 0;
	    margin: 0;
		display: none;
	    list-style: none;
	    background: #545454;
	    z-index: 1;
	    text-align: left;
	}
	.top-menu .dropdown li {
		width: 100%;
		float: left;
	}
	.top-menu .dropdown li a {
		width: 100%;
		float: left;
		display: block;
		padding: 10px 25px 10px 60px;
		font-size: 1.4rem;
		color: #fff;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,0.2);
		transition:all 0.3s ease-in;
	}
	.top-menu > li:nth-last-child(1) a,
	.top-menu .dropdown li:nth-last-child(1) a {
		border-bottom: none;
	}
	/*Top Menu End*/


	/*Banner*/
	.banner,
	.banner .swiper-slide {
	    height: 600px;
	}
	.banner .swiper-slide .container .text {
		width: 35%;
		padding: 0 10px 100px;
		transition-delay: 0s;
	}
	.banner .swiper-slide .container .text p {
		font-size: 2.3rem;
		line-height: 30px;	
	}
	.banner .swiper-slide .container .text h1 {
		font-size: 3.5rem;
		margin-bottom: 20px;
	}	
	.banner .swiper-slide .container .img {
		width: 64%;
		height: 600px;
	}
	.banner .swiper-slide .container .img img {
		height: 100%;
		position: relative;
	}

	.banner .swiper-slide .container .img img:nth-child(1) {
		z-index: 3;
	}
	.banner .swiper-slide .container .img img:nth-child(2),
	.banner .swiper-slide .container .img img:nth-child(3) {
		margin-top: -100%;
		z-index: 2;
	}

	.object {
		height: 550px;
	}
	.object .text h1 {
		font-size: 7.0rem;
	}
	.object .text > .des {
		font-size: 1.9rem;
		padding: 0 50px;
	}
	.st-next,
	.st-prev {
		display: none;
	}	
	/*Banner End*/


	/*Content*/
	.content_img::before,
	.content_img::after {
		display: none;
	}
	/*Content End*/

	/*Production*/
	.product-box {
		margin-bottom: 120px
	}
	.product-box > p {
		font-size: 3.0rem;
	}
	/*Production End*/


	/*Support*/
	.support {
		background-size: auto 73%;
	}

	/*News*/
	.news-list > div,
	.news-text,
	.news-info {
		margin-left: -15px;
		margin-right: -15px;
	}
	.post-list {
		width: calc(33.333% - 30px);
		margin: 0 15px;
	}
	.news-info > div {
		width: calc(50% - 30px);
		margin: 0 15px;
	}
	.news-text > .wide > div {
		padding: 0 15px;
	}
	/*News End*/	

	/*Partner*/
	.partner {
		padding-top: 50px;
		margin-bottom: 100px;
	}	
	/*Partner End*/

}


/* ==========================================================================
   04. Tablet: Portrait
   ========================================================================== */
@media screen and (max-width: 991px) {

	/*Header*/
	.header {
		height: 500px;
	}
	.header::before {
		height: 405px;
	}
	.header > .container {
		position: relative;
		z-index: 8;
	}

	.insite,
	.insite::before,
	.insite .logo {
		height: 110px;
	}
	/*Header End*/


	/*Banner*/
	.banner,
	.banner .swiper-slide {
	    height: 430px;
	}
	.banner .swiper-slide .container .text {
		width: 40%;
		padding: 0 10px 50px;
	}
	.banner .swiper-slide .container .text p {
		font-size: 2.0rem;
		line-height: 25px;	
	}
	.banner .swiper-slide .container .text h1 {
		font-size: 3.0rem;
		margin-bottom: 10px;
	}	
	.banner .swiper-slide .container .img {
		width: 59%;
		height: 430px;
	}
	.banner .swiper-slide .container .img img {
		width: 100%;
		height: auto;
	}
	/*Object slider*/
	.object {
		height: 450px;
	}
	.object .text > .des {
		font-size: 1.8rem;
		padding: 0;
		margin-bottom: 20px;
	}
	.object .text > .link {
		font-size: 2.0rem;
		position: relative;
		bottom: 0;
	}

	/*Paginatio*/
	.banner .swiper-pagination-bullets {
		bottom: 120px;
	}
	/*Banner End*/


	/*Advantage*/
	.advantage-box {
		display: inline-block;
		width: 50%;
		letter-spacing: normal;
		padding: 0 15px;
		color: #b0b0b0;
		vertical-align: top;
	}
	.advantage h1 {
		font-size: 3.2rem;
	}
	.advantage-box .advantage-ico {
		width: 104px;
		height: 104px;
		line-height: 94px;
	}
	.advantage-box p {
		word-break: break-all;
	}
	/*Advantage End*/


	/*Production*/
	.product {
		padding: 100px 0 10px;
	}
	.product h1 {
		margin-bottom: 50px;
	}
	.product-box {
		width: 50%;
		text-align: center;
		padding: 0;
		margin-bottom: 80px;
	}
	.product-box > div {
		width: 100px;
		height: 100px;
		margin: 0 0 15px 0;
		text-align: center;
	}
	.product-box > div img {
		width: 100%;
	}
	.product-box > p {
		display: none;
	}
	.product-box > b {
		width: 100%;
		display: block;
	}
	.product-box:nth-child(2),
	.product-box:nth-child(4) {
		text-align: center;
		padding-left: 0;
	}
	.product-catalog {
		padding: 0 0;
	}

	.product-des > .img,
	.product-des > .des {
		width: 100%;
		padding: 0;
	}
	/*Production End*/

	/*Partner*/
	.partner h2 {
		font-size: 3.0rem;
	}
	.partner {
		padding-top: 0px;
		margin-bottom: 50px;
	}	
	/*Partner End*/


	/*Support*/
	.support {
		height: 630px;
	}
	.support > div > div > h2 {
		font-size: 5.0rem;
		line-height: 50px;
	}
	/*Support End*/


	/*Contacts & map*/
	.contants-box {
		height: auto;
		background: rgba(0,0,0,0.7);
	}
	.contants-box .container {
		height: auto;
		margin-top: 0;
		position: relative;
		padding: 0;
	}
	.contacts {
		width: 100%;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
		background: none;
		padding: 55px 15px;
	}

	.map,
	.map iframe {
		height: 500px;
	}
	/*Contacts & map End*/

	/*News*/
	.post-list > a span {
		height: auto;
	}
	.post-list > a span img {
		margin-top: 0;	
	}

	.news-info > div h2 {
		font-size: 1.8rem;
		line-height: 22px;
	}	
	/*News End*/	
}


/* ==========================================================================
   05. Mobile: Landscape
   ========================================================================== */
@media screen and (max-width: 767px) {

	/*Header*/
	.header {
		height: auto;
		margin-bottom: 50px;
	}
	.header::before {
		height: 100%;
	}
	.header > .container {
		position: relative;
		z-index: 8;
	}

	.logo {
		width: 140px;
	}
	.logo > img {
		width: 120px;
	}

	.insite,
	.insite::before {
		height: 105px;
	}
	.insite .logo {
		width: 100px;
		height: 105px;
		padding-top: 0;
	}
	.insite .logo img {
		width: 80px;
		margin-top: 50px;
	}
	/*Header END*/


	/*Top menu*/
	.top-menu-box {
		padding: 25px 15px 0;
	}
	/*Top menu End*/


	/*Banner*/
	.banner,
	.banner .swiper-slide {
		position: relative;
	    height: auto;
	    float: left;
	}
	.banner .swiper-slide .container .text {
		width: 100%;
		padding: 0 15px;
		height: auto;
		position: absolute;
		bottom: 60px;
		left: 0;
		text-align: center;
		text-shadow: 0 1px 5px rgba(0,0,0,0.2);
	}
	.banner .swiper-slide .container .text p {
		font-size: 1.8rem;
		line-height: 22px;	
	}
	.banner .swiper-slide .container .text h1 {
		font-size: 2.8rem;
		margin-bottom: 10px;
	}		
	.banner .swiper-slide .container .text p br {
		display: none;
	}
	.banner .swiper-slide .container .img {
		width: 100%;
		height: auto;
		text-align: center;
		padding: 0 30px 90px;
	}
	.banner .swiper-slide .container .img img {
		width: 100%;
		height: auto;
		margin-top: 15px;
	}
	/*Object slider*/
	.object {
		height: 400px;
	}
	.object .text h1 {
		font-size: 5.0rem;
		margin-bottom: 30px;
	}
	/*Paginatio*/
	.banner .swiper-pagination-bullets {
		width: 100%;
		margin: 0;
		bottom: 20px;
		padding: 0;
		left: 0;
	}
	.st-next,
	.st-prev {
		display: none;
	}
	/*Banner End*/


	/*Advantage*/
	.advantage-box .advantage-ico img {
		height: 50px;
	}
	.advantage-box p {
		font-size: 1.4rem;
	}
	/*Advantage Утв*/


	/*Right menu*/
	.right-menu {
		width: 100%;
		text-align: center;
		border-left: 0px;
		padding: 20px 0 0 0;
	}
	.right-menu li {
		width: auto;
		padding: 0 10px;
		margin-bottom: 10px;
	}
	.right-menu li a {
		display: inline-block;
		border: 1px solid #000;
		padding: 10px 25px;
		border-radius: 50px;
	}
	/*Right menu End*/


	/*Content*/
	.about {
		width: 100%;
		margin-right: 0;
	}
	/*Content End*/


	/*Product*/
	.product-info {
		width: calc(50% - 30px);
	}
	.play-animate.button-group {
		opacity: 1;
		width: 100%;
		float: none;
		margin-bottom: 30px;
		transform: translateY(-25px);
	}
	/*Product End*/


	/*Support*/
	.support {
		height: auto;
		padding: 0;
	}
	.support > div {
		text-align: center;
		background: rgba(0,0,0,0.7);
		padding-bottom: 50px;		
	}
	.support > div > div {
		width: 100%;	
	}
	.support > div > div > h2 {
		font-size: 3.0rem;
		line-height: 30px;
		margin-bottom: 35px;
	}
	/*Support End*/


	/*Contacts & map*/
	.map,
	.map iframe {
		height: 400px;
	}
	/*Contacts & map End*/


	/*Footer*/
	.social {
		text-align: center;
	}
	.social a {
		display: inline-block;
		margin: 0 10px;
	}
	.copyright {
		margin-top: 25px;
		text-align: center;
	}
	.m-logo {
		width: 100%;
		margin: 10px 0 0 0;
		padding: 0;
	}
	.footer-menu {
		width: 100%;
	}
	.footer-menu li {
		display: block;
		width: 100%;
		text-align: center;
	}
	.footer-menu li a {
		display: inline-block;
	}
	/*Footer menu End*/


	/*Content*/
	.my_table {
		width:100%;
		overflow-x: scroll;
		float: left;
		margin-bottom: 15px;
		-webkit-overflow-scrolling: touch;
	}
	.none_img {
		margin: 10px 0 0;
	}
	.img_100, .img_90, .img_80, .img_70, .img_60, .img_50, .img_40, .img_30, .img_20, .img_10 {
		width: 100%;
		float: left;
		text-align: center;
		margin-bottom: 15px;
		display: block;
	}
	.img_100 .content_img,
	.img_90 .content_img,
	.img_80 .content_img,
	.img_70 .content_img,
	.img_60 .content_img,
	.img_50 .content_img,
	.img_40 .content_img,
	.img_30 .content_img,
	.img_20 .content_img,
	.img_10 .content_img {
		width: 100%;
		float: left;
	}
	/*Content End*/


	/*News*/
	.post-list {
		letter-spacing: normal;
		width: calc(50% - 30px);
	}

	.news-info {
		margin-bottom: 25px;
	}
	.news-info > div.img {
		margin-bottom: 25px;
	}
	.news-info > div {
		width: calc(100% - 30px);
		margin: 0 15px;
	}
	/*News End*/	
}


/* ==========================================================================
   06. Mobile: Portrait
   ========================================================================== */
@media screen and (max-width: 550px) {
	/*Navigation*/
	.cat-title > span {
		width: 100%;
		display: inline-block;
		border: 2px solid #000;
		padding: 10px 10px;
		border-radius: 35px;
	}
	/*Navigation End*/


	/*Object slider*/
	.banner .swiper-slide .container .text {
		padding-top: 50px;
	}
	.banner .swiper-slide .container .img {
		padding: 0 30px 120px;
	}
	.object {
		height: 400px;
	}
	.object .text h1 {
		font-size: 4.0rem;
		margin-bottom: 20px;
	}
	.object .text > .des {
		font-size: 1.5rem;
	}
	.object .text > .link {
		font-size: 1.7rem;
	}
	/*Object slider End*/


	/*Right menu*/
	.right-menu li {
		width: 100%;
		padding: 0 0;
	}
	.right-menu li a {
		width: 100%;
	}
	/*Right menu End*/


	/*Production*/
	.product h1 {
		font-size: 3.0rem;
	}
	.product h1 a {
		padding: 10px 15px;
		width: 100%;
	}
	.product-box > b {
		font-size: 2.0rem;
	}
	.product-box > div {
		width: 80px;
		height: 80px;
	}

	.product-info {
		width: 100%;
		margin: 10px 0 40px;
	}
	.product-info > img {
		max-width: 250px;
	}
	/*Production End*/


	/*Product Sort*/
	.button-group .button {
		width: 100%;
		display: inline-block;
		margin: 0 0 5px;
	}



	/*Contacts & map*/
	.map,
	.map iframe {
		height: 300px;
	}
	/*Contacts & map End*/


	/*Photogallery*/
	.all-photos {
		width: calc(100% - 30px);
	}
	.photo {
		width: 50%;
	}
	/*Photogallery End*/


	/*Advantage*/
	.advantage-box .advantage-ico {
		width: 94px;
		height: 94px;
		line-height: 84px;
	}
	/*Advantage End*/


	/*News*/
	.post-list {
		letter-spacing: normal;
		width: calc(100% - 30px);
	}
	/*News End*/	

	.form-box {
		width: 100%;
	}
}