﻿
.trans {
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.trans2 {
	-webkit-transition:all .3s cubic-bezier(1,0,0,1);
	-o-transition:all .3s cubic-bezier(1,0,0,1);
	transition:all .3s cubic-bezier(1,0,0,1)
}
.trans-md {
	-webkit-transition:all .8s;
	-o-transition:all .8s;
	transition:all .8s
}
.trans-md2 {
	-webkit-transition:all .8s cubic-bezier(1,0,0,1);
	-o-transition:all .8s cubic-bezier(1,0,0,1);
	transition:all .8s cubic-bezier(1,0,0,1)
}


a {
	color:inherit;
	text-decoration:none;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer
}
a:hover {
	text-decoration:none
}
a:focus {
	outline:0
}
ul {
	position:relative;
	list-style:none;
	padding:0;
	margin:0
}
ul li {
	position:relative
}


@media (min-width:1600px) {
	body {
	font-size:14px
}
.h1,h1 {
	font-size:64px
}
}span {
	display:inline-block;
	color:inherit
}

p:last-child {
	margin-bottom:0
}
p.small {
	font-size:12px
}
p a {
	display:inline-block
}
.title-big {
	font-family:Medel,"Avenir Next","Helvetica Neue",sans-serif;
	font-weight:400;
	line-height:.95;
	letter-spacing:.05em;
	font-size:4vw
}

.container {
	margin-right:auto;
	margin-left:auto;
	width:86%
}
@media (min-width:768px) {
	.container {
	width:86%
}
}@media (min-width:813px) {
	.container {
	width:80%
}
}@media (min-width:1200px) {
	.container {
	width:80%
}
}@media (min-width:1600px) {
	.container {
	width:70%
}
}@media (orientation:landscape) {
	.iphone_x .container {
	width:80%
}
}.container-s {
	margin-left:auto;
	margin-right:auto;
	width:72%
}
@media (min-width:768px) {
	.container-s {
	width:72%
}
}@media (min-width:813px) {
	.container-s {
	width:67%
}
}@media (min-width:1200px) {
	.container-s {
	width:67%
}
}@media (min-width:1600px) {
	.container-s {
	width:58%
}
}
.row {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.row [class*=col-] {
	-webkit-box-flex:0;
	-ms-flex:0 0 auto;
	flex:0 0 auto
}
.row:not(.no-gutter) {
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:-30px
}
.row:not(.no-gutter) [class*=col-] {
	padding-left:15px;
	padding-right:15px;
	margin-bottom:30px
}
.row.gutter-xl {
	margin-left:-30px;
	margin-right:-30px;
	margin-bottom:-60px
}
.row.gutter-xl [class*=col-] {
	padding-left:30px;
	padding-right:30px;
	margin-bottom:60px
}
button {
	position:relative;
	display:inline-block;
	padding:0;
	vertical-align:middle;
	white-space:nowrap;
	background:0 0;
	border:none;
	border-radius:0;
	text-shadow:none;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
button,button.active,button:active {
	outline:0;
	background-image:none
}
button.active.focus,button.active:focus,button.focus,button:active.focus,button:active:focus,button:focus {
	outline:0
}
button.disabled,button[disabled],fieldset[disabled] button {
	opacity:.5;
	-webkit-box-shadow:none!important;
	box-shadow:none!important
}
.btn {
	position:relative;
	display:inline-block;
	padding:0 20px;
	text-align:center;
	line-height:50px;
	letter-spacing:1px;
	-webkit-font-smoothing:auto;
	-moz-osx-font-smoothing:auto;
	overflow:hidden;
	z-index:1;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
	text-transform:uppercase
}
@media (max-width:767px) {
	.btn {
	padding:0 15px;
	line-height:44px
}
}.btn-brand {
	background:#583afa;
	color:#fff
}
.btn-brand:hover {
	background:#fff
}
.btn-brand:hover,.btn-brand:hover:before {
	color:#583afa
}
.flex-centerbox {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.full {
	width:100%;
	height:100%;
	overflow:hidden
}
.fullw {
	width:100%
}
.fullh {
	height:100%
}
.fullvh {
	height:100vh
}
.p-v-sm {
	padding-top:30px;
	padding-bottom:30px
}
.menu_btn {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:80px;
/*	height:100px;
	line-height:100px;*/
	white-space:nowrap;
	color:#fff;
	overflow:hidden;
	margin-left: 10px;
}
.menu_btn span,.menu_btn span:after,.menu_btn span:before {
	width:20px;
	height:2px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s
}
.menu_btn span {
	position:relative;background: #fff;
}
.menu_btn span:after,.menu_btn span:before {
	content:"";
	position:absolute;
	background:#fff;
	left:0
}
.menu_btn span:before {
	top:-6px;
	width:20px
}
.menu_btn span:after {
	top:6px;
	width:14px
}
.gtco-nav.fix_top .menu_btn span{background: #e60012;}
.gtco-nav.fix_top .menu_btn:hover span{background:transparent;}
.gtco-nav.fix_top .menu_btn span:after, .gtco-nav.fix_top .menu_btn span:before{background: #e60012;}
/*.gtco-nav.fix_top #qtranslate-chooser li a{-webkit-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms;}*/

.gtco-nav.fix_top .menu_btn,.gtco-nav.fix_top #qtranslate-chooser{/*height:80px; line-height:80px;*/-webkit-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms;}

.nav-open .gtco-nav.fix_top .menu_btn span{background: transparent;}
.nav-open .gtco-nav.fix_top .menu_btn:hover span{background:transparent;}
.nav-open .gtco-nav.fix_top .menu_btn span:after,  .nav-open .gtco-nav.fix_top .menu_btn span:before{background: #fff;}
.nav-open .gtco-nav.fix_top #qtranslate-chooser li a{color:#999;}


.menu_btn:hover span,.nav-open .menu_btn span {
	width:20px;background: transparent;
}
.menu_btn:hover span:after,.menu_btn:hover span:before,.nav-open .menu_btn span:after,.nav-open .menu_btn span:before {
	width:20px
}
.menu_btn:hover span:before,.nav-open .menu_btn span:before {
	-webkit-transform:translateY(6px) rotate(-45deg);
	-ms-transform:translateY(6px) rotate(-45deg);
	transform:translateY(6px) rotate(-45deg)
}
.menu_btn:hover span:after,.nav-open .menu_btn span:after {
	-webkit-transform:translateY(-6px) rotate(45deg);
	-ms-transform:translateY(-6px) rotate(45deg);
	transform:translateY(-6px) rotate(45deg)
}
.nav-open .menu_btn span:after,.nav-open .menu_btn span:before {
	background:#ffffff
}
.menu_btn:hover span {
	-webkit-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	background: transparent;
}
.nav-open .menu_btn:hover span {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
#qtranslate-chooser {
	text-align:center;
	width:50px;
/*	height:100px;
	line-height:100px;*/
	color:#fff;
	/*margin-right: 30px;*/
	-webkit-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms;
}

#qtranslate-chooser li {
	position:absolute;
	top:-1px;
	width:100%;
	height:100%;
	line-height:inherit
}
#qtranslate-chooser li a {
	display:block;
	width:100%;
	height:100%;
	font-size: 16px;
	color:#fff;
	line-height:inherit;
	-webkit-transition: all ease-in-out 0ms; transition: all ease-in-out 0ms;
	
}
#qtranslate-chooser li.active {
	display:none
}
.mini-header #qtranslate-chooser,.nav-open #qtranslate-chooser {
	border-color: rgba(36, 36, 36, 0.9);
}
.nav-header {
	/*position:fixed;*/
	top:0;
	right:0;
	z-index:103;
}
.nav-header .bg {
	position:fixed;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	visibility:hidden
}
.nav-header .btns {
	/*position:fixed;*/
	top:0;
	right:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	z-index:10;
}
.nav-open .nav-header .bg {
	background:rgba(0,0,0,.3);
	visibility:visible
}
.nav-open .nav-header .nav-bg {
	-webkit-transform:translate(50%,-50%) scale(1);
	-ms-transform:translate(50%,-50%) scale(1);
	transform:translate(50%,-50%) scale(1)
}
#topnav {
	position:fixed;
	top:0;
	right:0;
	pointer-events:none;
	-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition:all .6s cubic-bezier(.77,0,.175,1) 0s
}
#topnav .main {
	position:absolute;
	top:0;
	right:0;
	width:30%;
	height:100%;
	background: rgba(0,0,0,0.9);
	pointer-events:auto;
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	z-index:1;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition:all .6s cubic-bezier(.77,0,.175,1) 0s;
	padding-top: 120px;
    padding-bottom: 120px;
}
#topnav ul {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
#topnav ul li {
	padding-left:46px;
}
#topnav ul li.icon1{background: url(../image/nav1.png) no-repeat center left;}
#topnav ul li.icon2{background: url(../image/nav2.png) no-repeat center left;}
#topnav ul li.icon3{background: url(../image/nav3.png) no-repeat center left;}
#topnav ul li.icon4{background: url(../image/nav4.png) no-repeat center left;}
#topnav ul li.icon5{background: url(../image/nav5.png) no-repeat center left;}
#topnav ul li.icon6{background: url(../image/nav6.png) no-repeat center left;}
#topnav ul li.icon7{background: url(../image/nav7.png) no-repeat center left;}
#topnav ul li.icon8{background: url(../image/nav8.png) no-repeat center left;}

#topnav ul li.icon1:hover{background: url(../image/nav1_hover.png) no-repeat center left;}
#topnav ul li.icon2:hover{background: url(../image/nav2_hover.png) no-repeat center left;}
#topnav ul li.icon3:hover{background: url(../image/nav3_hover.png) no-repeat center left;}
#topnav ul li.icon4:hover{background: url(../image/nav4_hover.png) no-repeat center left;}
#topnav ul li.icon5:hover{background: url(../image/nav5_hover.png) no-repeat center left;}
#topnav ul li.icon6:hover{background: url(../image/nav6_hover.png) no-repeat center left;}
#topnav ul li.icon7:hover{background: url(../image/nav7_hover.png) no-repeat center left;}
#topnav ul li.icon8:hover{background: url(../image/nav8_hover.png) no-repeat center left;}

#topnav ul a{color: #999;font-size: 24px;line-height: 70px;}
#topnav ul a:hover{color:#fff;}
.nav-open #topnav .main,.nav-open #topnav .main nav {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.nav-open {
	/*overflow:hidden*/
}
.nav-open #qtranslate-chooser {
	color:#583afa
}

@-webkit-keyframes mk_spt {
	0% {
	-webkit-transform:translate3d(50%,0,0);
	transform:translate3d(50%,0,0);
	opacity:0
}
100% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}
@keyframes mk_spt {
	0% {
	-webkit-transform:translate3d(50%,0,0);
	transform:translate3d(50%,0,0);
	opacity:0
}
100% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}.cssanimations .anim_emt {
	visibility:hidden
}
.cssanimations .anim_emt.visb {
	visibility:visible
}
.anim_split,.split {
	text-rendering:optimizeSpeed;
	visibility:hidden
}
.anim_split.visb,.split.visb {
	visibility:visible
}
.anim_split .spt,.split .spt {
	visibility:hidden;
	text-transform:none
}
.anim_split .spt.start,.split .spt.start {
	-webkit-animation:mk_spt 1.2s cubic-bezier(.165,.64,.44,1);
	animation:mk_spt 1.2s cubic-bezier(.165,.64,.44,1);
	visibility:visible
}
.anim_split.uppercase .spt,.split.uppercase .spt,.uppercase .anim_split .spt,.uppercase .split .spt {
	text-transform:uppercase
}
.palx_img {
	overflow:hidden
}
.anim_emt.start.scale_up {
	-webkit-animation:mk_scale .8s;
	animation:mk_scale .8s
}
.anim_emt.start.fade_in {
	-webkit-animation:mk_fade .8s;
	animation:mk_fade .8s
}
.anim_emt.start.r_to_l {
	-webkit-animation:mk_right_to_left .8s;
	animation:mk_right_to_left .8s
}
.anim_emt.start.l_to_r {
	-webkit-animation:mk_left_to_right .8s;
	animation:mk_left_to_right .8s
}
.anim_emt.start.t_to_b {
	-webkit-animation:mk_top_to_bottom .8s;
	animation:mk_top_to_bottom .8s
}
.anim_emt.start.b_to_t {
	-webkit-animation:mk_bottom_to_top .8s;
	animation:mk_bottom_to_top .8s
}


.nav-search a{display: block;}
.search-bar {
  position: absolute;
  width: 100%;
  height: 95px;
  background: #111;
  color: #fff;
  z-index: 1005;
  top: 0;
  left: 0;
  line-height: 1;
  display: none;
}
.search-bar .input-group {
  width: 100%;
  position: relative;
}
.search-bar .input-group-addon {
  display: none;
}
.search-bar form {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 90%;
  padding-left: 30px;
  position: relative;
}
.header-bar .search-bar form {
  padding-left: 50px;
}


.search-bar input {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  font-size: 20px;
  font-weight: 700;
  padding: 0;
  background: transparent;
  line-height: 1.3;color: #fff;width: 100%;
  height: 50px;
  line-height: 50px;
}
.search-bar input[type=button]{
width: 32px;height: 50px;
border:0;background: url(../image/search.png) no-repeat center;
position: absolute;right: 0;top: 0;z-index: 2;cursor: pointer;
}
.search-bar .close-btn {
  right: 15px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
}
.search-bar .close-btn a {
  color: inherit;
  font-size: 18px;
  padding: 20px;
  display: block;
  padding-left: 30px;
}
.search-bar .close-btn a:hover {
  text-decoration: none;
}


@media screen and (max-width:780px){
/*.gtco-nav.fix_top .menu_btn, .gtco-nav.fix_top #qtranslate-chooser,.gtco-nav .menu_btn, .gtco-nav #qtranslate-chooser{height: 60px;line-height: 60px;-webkit-transition: all ease-in-out 0ms;transition: all ease-in-out 0ms;}
.fix_top .search,.gtco-nav .search{margin-top: 15px; -webkit-transition: all ease-in-out 0ms;transition: all ease-in-out 0ms;}
.menu_btn,#qtranslate-chooser{width: 60px;-webkit-transition: all ease-in-out 0ms;transition: all ease-in-out 0ms;}
.fix_top,.gtco-nav{padding:10px 0;}
.fix_top #gtco-logo,.gtco-nav  #gtco-logo{height: 40px;background-size: 100%;width: 135px;left: 30px;}
.search-bar .close-btn a{padding-left: 0;padding: 0;}
.search-bar form{margin-right: 50px;}*/
}


@media screen and (max-width:640px){
/*#topnav ul a{font-size: 16px;line-height: 38px;}
#topnav ul li.icon1,#topnav ul li.icon2,#topnav ul li.icon3,#topnav ul li.icon4,#topnav ul li.icon5,#topnav ul li.icon6,#topnav ul li.icon7,#topnav ul li.icon1:hover,#topnav ul li.icon2:hover,#topnav ul li.icon3:hover,#topnav ul li.icon4:hover,#topnav ul li.icon5:hover,#topnav ul li.icon6:hover,#topnav ul li.icon7:hover{background-size: 20px;}
*/
}

