*{
	text-decoration: none;
	list-style-type: none;
	outline: none;
	margin:0px;
	padding: 0px;
	font-family: 'Oswald', sans-serif;
}

body{
	margin: 0px;
	padding: 0px;
}

html {
	scroll-behavior: smooth;
}

div.wrapper{
	width: 100%;
	max-width: 1200px;
	margin:0px auto;
}

header{
	float: left;
	width: 100%;
	z-index: 55555;
	position: fixed;
	padding: 20px 0px;
	box-sizing: border-box;
	transition: 0.3s;
	background-color: #fff;
}

header>div.wrapper>div.left{
	float: left;
}

header>div.wrapper>div.left>a.logo{
	float: left;
	width:270px;
	height:76px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(../image/logo.svg);
	transition: 0.1s;
}

header>div.wrapper>div.right{
	float: right;
}

header>div.wrapper>div.right>ul{
	float: left;
}

header>div.wrapper>div.right>ul>li{
	float: left;
	display: inline-block;
}

header>div.wrapper>div.right>ul>li>a{
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	display: inline-block;
	padding-left: 15px;
	box-sizing: border-box;
	line-height:40px;
}

header>div.wrapper>div.right>ul>li:last-child{
	border-right:1px solid #bcbcbc;
	padding-right:20px;
	margin-right: 20px;
	box-sizing: border-box;
}

header>div.wrapper>div.right>div.language{
	float: right;
}

header>div.wrapper>div.right>div.language>a{
	float: left;
	width: 20px;
	height:40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(../image/language.svg);
}

div#languagee {
	width: 80px;
	height: 0;
	float: right;
	overflow: hidden;
	margin-left: -60px;
}

div#languagee.aktiff {
	height: auto
}

header>div.wrapper>div.right>div.language>div.lang{
	height: 0;
	width: 65px;
	position: fixed;
	top: 0;
	background-color: #fff;
	overflow-x: hidden;
	margin-top:80px;
	z-index: 55555;
	box-sizing: border-box;
	box-shadow:0 0 3px rgba(0,0,0,0.16);
	transition: .5s;
}

header.scroll>div.wrapper>div.right>div.language>div.lang{
	margin-top:65px;
}

header>div.wrapper>div.right>div.language>div.lang>div.lang-content{
	width: 100%;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
	background-color: #fff;
}

header>div.wrapper>div.right>div.language>div.lang>div.lang-content>a{
	width: 100%;
	float: left;
	box-sizing: border-box;
	color: #000;
	font-weight:500;
	font-size: 15px;
	text-align: left;
	padding: 15px 0;
	border-bottom: 1px solid #ddd
}

header>div.wrapper>div.right>div.language>div.lang>div.lang-content>a.active{
	color: #01B0F1;
}

header>div.wrapper>div.right>div.language>div.lang>div.lang-content>a:last-child {
	border: 0
}

header>div.wrapper{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.hamburger{
	width: 30px;
	height:30px;
	float: right;
	background-image: url("../image/arrow.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: none;
}

.overclock{
	height:calc(100% - 85px);
	width: 0;
	position:fixed;
	z-index: 1;
	right: -100%;
	background-color:#182257;
	overflow:hidden;
	transition: 0.3s;
	top:85px;
	display: none;
	padding: 20px;
	box-sizing: border-box;
}

div.overclock-content{
	width: 100%;
	float: left;
	padding:10px;
	box-sizing: border-box;
}

div.overclock-content>ul{
	float:left;
	width: 100%;
}

div.overclock-content>ul>li{
	float: left;
	width: 100%;
	padding: 10px 0px;
	box-sizing: border-box;
}

div.overclock-content>ul>li:first-child{
	padding-top: 0px;
}

div.overclock-content>ul>li:last-child{
	padding-bottom:0px;
}

div.overclock-content>ul>li>a{
	color:#fff;
	font-weight:400;
	font-size: 16px;
	float: left;
	width: 100%;
}

div.overclock-content>div.language{
	float: left;
	padding:10px;
	box-sizing: border-box;
	border:1px dashed #fff;
	margin-top:25px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.overclock-content>div.language>a{
	font-size: 16px;
	color: #fff;
	font-weight: 500;
}

div#mobileNav{
	width:100%;
	float: right;
	overflow: scroll;
}

div#mobileNav.active{
	right:0;
}

header.scroll{
	float: left;
	width: 100%;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
	padding: 10px 0px;
	box-sizing: border-box;
}

header.scroll>div.wrapper>div.left>a.logo{
	width: 220px;
	height: 65px;
}

div#header_clear{
	height:116px;
	float: left;
	width: 100%;
	transition: 0.3s;
}

div#header_clear.scroll{
	height:85px;
}

div.banner{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: calc(100vh - 166px);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#myVideo{
	min-width: 100%;
	min-height: calc(100vh - 166px);
	z-index: 1;	
}

div.banner_mask{
	width: 100%;
	height: calc(100vh - 166px);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	background-image: url(../image/banner_mask.png);
	display: flex;
	align-items:center;
	justify-content: center;
}

div.banner_mask>div.wrapper>div.content{
	float: left;
	width: 100%;
	margin-top: -80px;
}

div.banner_mask>div.wrapper>div.content>h1{
	color: #fff;
	font-size: 60px;
	font-weight: 600;
	float: left;
	width: 100%;
	text-align: center;
}

div.banner_mask>div.wrapper>div.content>h2{
	color:#A5A5A5;
	font-size:20px;
	font-weight:400;
	float: left;
	width: 100%;
	text-align: center;
}

div.banner_mask>div.scroll{
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.banner_mask>div.scroll>a{
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	float: left;
}

div.banner_mask>div.scroll>a>span{
	float: left;
	width: 100%;
	height: 40px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center;
	background-image: url(../image/scroll.svg);
	margin-bottom: 15px;
}


div.banner_mask>div.scroll>a>i{
	float: left;
	width:100%;
	height:58px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center;
	background-image: url(../image/scroll_border.svg);
	margin-top: 15px;
}

div.banner_mask>div.scroll>div.telephone{
	float:right;
	position: absolute;
	right: 50px;
}

div.banner_mask>div.scroll>div.telephone>a{
	font-size:20px;
	color: #fff;
	font-weight: 400;
	display: flex;
	align-items:center;
	justify-content: center;
}

div.banner_mask>div.scroll>div.telephone>a:before{
	content: "";
	float:left;
	width: 74px;
	height: 70px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url(../image/phone.svg);
	margin-right: 8px;
}

div.corporatess{
	float: left;
	width: 100%;
	height:800px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

div.corporatess>div.corporatess_mask{
	float: left;
	width: 100%;
	height:800px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	background-image: url(../image/banner_mask.png);
	position: relative;
	display: flex;
	align-items:center;
	justify-content: center;
}

div.corporatess>div.corporatess_mask>div.scroll{
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.corporatess>div.corporatess_mask>div.scroll>a{
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	float: left;
}

div.corporatess>div.corporatess_mask>div.scroll>a>span{
	float: left;
	width: 100%;
	height: 40px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center;
	background-image: url(../image/scroll.svg);
	margin-bottom: 15px;
}


div.corporatess>div.corporatess_mask>div.scroll>a>i{
	float: left;
	width:100%;
	height:58px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center;
	background-image: url(../image/scroll_border.svg);
	margin-top: 15px;
}

div.about{
	float: left;
	width: 100%;
	padding:80px 0px;
	box-sizing: border-box;
}

div.about>div.wrapper>div.left{
	float: left;
	width:30%;
}

div.about>div.wrapper>div.left>div.image{
	float: left;
	width: 100%;
	height: 300px;
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
}

div.about>div.wrapper>div.right{
	float:right;
	width: 65%;
}

div.about>div.wrapper>div.right>div.title{
	float: left;
	width: 100%;
	margin-bottom:20px;
}

div.about>div.wrapper>div.right>div.title>h2{
	font-size: 60px;
	color: #01478E;
	font-weight: 600;
}

div.about>div.wrapper>div.right>div.text{
	float: left;
	width: 100%;
}

div.about>div.wrapper>div.right>div.text>p{
	font-size:16px;
	color: #565656;
	font-weight:300;
	line-height:32px;
	margin-bottom: 20px;
}

div.about>div.wrapper>div.right>div.text>p:last-child{
	margin-bottom: 0;
}

div.services{
	float: left;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../image/services.png);
}

div.services>div.mask{
	float: left;
	width: 100%;
	padding:100px 0px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../image/mask.png);
}

div.services>div.mask>div.wrapper>div.title{
	float: left;
	width: 100%;
	text-align: center;
}

div.services>div.mask>div.wrapper>div.title>h2{
	float: left;
	width:100%;
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 60px;
}

div.services>div.mask>div.wrapper>div.title>p{
	float: left;
	width:100%;
	text-align: center;
	color: #A5A5A5;
	font-weight:400;
	font-size: 20px;
}

div.services>div.mask>div.wrapper>div.container{
	float: left;
	width: 100%;
}

div.services>div.mask>div.wrapper>div.container>a.box{
	width: 28%;
	float: left;
	background-color: #fff;
	padding: 10px;
	box-sizing: border-box;
	margin-right: 8%;
}

div.services>div.mask>div.wrapper>div.container>a.box:last-child{
	margin-right: 0;
}

div.services>div.mask>div.wrapper>div.container>a.box>div.image{
	float: left;
	width: 100%;
	height:400px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

div.services>div.mask>div.wrapper>div.container>a.box>div.image>div.text{
	float: left;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 15px;
	transition: 0.6s;
}

div.services>div.mask>div.wrapper>div.container>a.box>div.image>div.text>p{
	font-size: 18px;
	color: #fff;
	font-weight:600;
}

div.services>div.mask>div.wrapper>div.container>a.box:hover>div.image>div.text{
	bottom: 50%;
}

div.line{
	float: left;
	width: 100%;
	height: 1px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image:url(../image/line.svg);
	margin: 20px 0px;
	margin-bottom:40px;
}

div.breadcrump{
	float: left;
	width: 100%;
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image:url(../image/breadcrump.png);
}

div.breadcrump>div.mask{
	float: left;
	width: 100%;
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image:url(../image/bread_mask.png);
	display: flex;
	align-items: flex-end;
}

div.breadcrump>div.mask>div.wrapper>div.container{
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

div.breadcrump>div.mask>div.wrapper>div.container>div.title{
	float: left;
	width: 100%;
}

div.breadcrump>div.mask>div.wrapper>div.container>div.title>h2{
	font-size:60px;
	color: #fff;
	font-weight: 600;
}

div.breadcrump>div.mask>div.wrapper>div.container>div.content{
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.breadcrump>div.mask>div.wrapper>div.container>div.content>div.left{
	float: left;
}

div.breadcrump>div.mask>div.wrapper>div.container>div.content>div.left>p{
	font-size: 20px;
	color: #A5A5A5;
	font-weight: 400;
}

div.breadcrump>div.mask>div.wrapper>div.container>div.content>div.right{
	float: right;
}

div.breadcrump>div.mask>div.wrapper>div.container>div.content>div.right>ul{
	float: left;
}

div.breadcrump>div.mask>div.wrapper>div.container>div.content>div.right>ul>li{
	display: inline-block;
	float: left;
}

div.breadcrump>div.mask>div.wrapper>div.container>div.content>div.right>ul>li>a{
	color: #fff;
	font-size:20px;
	font-weight: 400;
	line-height: 18px;
}

div.breadcrump>div.mask>div.wrapper>div.container>div.content>div.right>ul>li:first-child>a{
	color: #A5A5A5;
}

div.breadcrump>div.mask>div.wrapper>div.container>div.content>div.right>ul>li>a:after{
	content: "/";
	color: #A5A5A5;
	font-weight:400;
	font-size:20px;
	margin: 0 8px;
}

div.breadcrump>div.mask>div.wrapper>div.container>div.content>div.right>ul>li:last-child>a:after{
	display: none;
}

div.categories{
	width:100%;
	float:left;
	padding:80px 0px;
	box-sizing: border-box;
	background-color:#fff;
}

div.categories>div.wrapper>div.row{
	float: left;
	width: 100%;
	margin-bottom:60px;
}

div.categories>div.wrapper>div.row:last-child{
	margin-bottom: 0px;
}

div.categories>div.wrapper>div.row>div.left{
	float:left;
	width:30%;
}

div.categories>div.wrapper>div.row>div.left div.image{
	float: left;
	width: 100%;
	height: 220px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

div.categories>div.wrapper>div.row>div.right{
	float:right;
	width:68%;
}

div.categories>div.wrapper>div.row>div.right>div.title{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

div.categories>div.wrapper>div.row>div.right>div.title h2{
	font-size:34px;
	color:#01478E;
	font-weight: 600;
}

div.categories>div.wrapper>div.row>div.right div.row{
	width: 100%;
	float: left;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

div.categories>div.wrapper>div.row>div.right div.content{
	float: left;
}

div.categories>div.wrapper>div.row>div.right img {
	float: left;
	width: 30%;
	margin-right: 30px;
}

div.categories>div.wrapper>div.row>div.right h3.title{
	cursor: pointer;
	margin: 0;
	position: relative;
	color: #000;
	font-size: 22px;
	font-weight: 400;
	transition: 0.3s;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom:20px;
	box-sizing: border-box;
	width: 100%;
	float: left;
}


div.categories>div.wrapper>div.row>div.right h3.title:last-child{
	padding-bottom: 0px;
}

div.categories>div.wrapper>div.row>div.right div.text {
	padding: 0px 20px;
	padding-bottom:15px;
	box-sizing: border-box;
	list-style: inherit;
}

div.categories>div.wrapper>div.row>div.right div.text p{
	line-height: 30px;
	font-size: 15px;
	color:#565656;
	font-weight: 400;
}

div.categories>div.wrapper>div.row>div.right div.text li{
	list-style: inside;
}

div.category{
	float: left;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../image/services.png);
}

div.category>div.mask{
	float: left;
	width: 100%;
	padding:100px 0px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../image/mask.png);
}

div.category>div.mask>div.wrapper>div.title{
	float: left;
	width: 100%;
	text-align: center;
}

div.category>div.mask>div.wrapper>div.title>h2{
	float: left;
	width:100%;
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 60px;
}

div.category>div.mask>div.wrapper>div.title>p{
	float: left;
	width:100%;
	text-align: center;
	color: #A5A5A5;
	font-weight:400;
	font-size: 20px;
}

div.category>div.mask>div.wrapper>div.container{
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.category>div.mask>div.wrapper>div.container>div.overlay{
	background-color: #fff;
	padding: 30px;
	box-sizing: border-box;
	float: left;
	width: 60%;
}

div.category>div.mask>div.wrapper>div.container>div.overlay div.row{
	border: 1px solid #DDDDDD;
	height: 46px;
	width: 100%;
	float: left;
	margin-bottom: 15px;
	overflow: hidden;
	box-sizing: border-box;
	border-radius:3px;
	background-color: #fff;
}

div.category>div.mask>div.wrapper>div.container>div.overlay div.row2{
	float: left;
	width: 100%;
	height: 177px;
	box-sizing: border-box;
	border: solid 1px #DDDDDD;
	overflow: hidden;
	border-radius:3px;
	background-color: #fff;
}

div.category>div.mask>div.wrapper>div.container>div.overlay div.row label{
	float: left;
	width: 180px;
	color: #292929;
	font-size: 18px;
	font-weight:500;
	line-height: 44px;
	box-sizing: border-box;
	padding-left: 10px;
	text-align: left;
	background-color:#fff;
}

div.category>div.mask>div.wrapper>div.container>div.overlay div.row label span{
	float: right;
	font-size: 18px;
	font-weight:500;
	color: #292929;
}

div.category>div.mask>div.wrapper>div.container>div.overlay div.row input{
	float: left;
	width: calc(100% - 180px);
	height: 44px;
	box-sizing: border-box;
	color: #292929;
	font-size: 18px;
	font-weight:500;
	line-height: 44px;
	padding-left: 15px;
	box-sizing: border-box;
	border: none;
}

div.category>div.mask>div.wrapper>div.container>div.overlay div.row textarea{
	float: left;
	width: calc(100% - 180px);
	height: 175px;
	box-sizing: border-box;
	color:#292929;
	font-size: 18px;
	padding: 12px 0px 0px 15px;
	font-weight:500;
	box-sizing: border-box;
	border: none;
	resize: none;
}

div.category>div.mask>div.wrapper>div.container>div.overlay div.button{
	float: left;
	width: 100%;
}

div.category>div.mask>div.wrapper>div.container>div.overlay div.button input.submit{
	float: right;
	padding: 6px 10px;
	box-sizing: border-box;
	background-color:#01B0F1;
	font-size: 18px;
	font-weight:600;
	color: #fff;
	border: 0;
	cursor: pointer;
	border-radius:3px;
}

div.contact{
	float: left;
	width: 100%;
	padding:80px 0px;
	box-sizing: border-box;
}

div.contact>div.wrapper>div.left{
	float: left;
	width: 100%;
	padding-top: 20px;
	box-sizing: border-box;
}

div.contact>div.wrapper>div.left>div.title{
	float: left;
	width: 100%;
	margin-bottom:30px;
}

div.contact>div.wrapper>div.left>div.title>h2{
	font-size:26px;
	font-weight:400;
	color:#01478E;
}

div.contact>div.wrapper>div.left div.row{
	border: 1px solid #ddd;
	height: 44px;
	width: 100%;
	float: left;
	margin-bottom: 15px;
	overflow: hidden;
	box-sizing: border-box;
	border-radius:3px;
	background-color: #1d1d1d;
}

div.contact>div.wrapper>div.left div.row2{
	float: left;
	width: 100%;
	height: 177px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	overflow: hidden;
	border-radius:3px;
	
}

div.contact>div.wrapper>div.left div.row label{
	float: left;
	width: 180px;
	color: #fff;
	font-size: 18px;
	font-weight:500;
	line-height: 46px;
	box-sizing: border-box;
	padding-left: 10px;
	text-align: left;
	background-color:transparent;
	background-color: #1d1d1d;
}

div.contact>div.wrapper>div.left div.row label span{
	float: right;
	font-size: 18px;
	font-weight:500;
	color: #292929;
	display: none;
}

div.contact>div.wrapper>div.left div.row input{
	float: left;
	width: calc(100% - 180px);
	height: 44px;
	box-sizing: border-box;
	color: #565656;
	font-size: 18px;
	font-weight:500;
	line-height: 46px;
	padding-left: 15px;
	box-sizing: border-box;
	background-color: #fff;
	border: none;
}

div.contact>div.wrapper>div.left div.row textarea{
	float: left;
	width: calc(100% - 180px);
	height: 175px;
	box-sizing: border-box;
	color:#565656;
	font-size: 18px;
	padding: 12px 0px 0px 15px;
	font-weight:500;
	box-sizing: border-box;
	border: none;
	resize: none;
	background-color: #fff;
}

div.contact>div.wrapper>div.left div.button{
	float: left;
	width: 100%;
}

div.contact>div.wrapper>div.left div.button input.submit{
	float: right;
	padding: 6px 10px;
	box-sizing: border-box;
	background-color:#01478E;
	font-size: 18px;
	font-weight:600;
	color: #fff;
	border: 0;
	cursor: pointer;
	border-radius:3px;
}

div.contact>div.wrapper>div.right{
	float: right;
	width: 100%;
	background-color: #F5F5F5;
	padding:0px 20px;
	padding-bottom:40px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.contact>div.wrapper>div.right>div.row{
	float: left;
	width: 30%;
	padding:20px 0px;
	box-sizing: border-box;
}

div.contact>div.wrapper>div.right>div.row>div.title{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

div.contact>div.wrapper>div.right>div.row>div.title>h2{
	font-size:26px;
	font-weight:400;
	color:#01478E;
}

div.contact>div.wrapper>div.right>div.row>div.text{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

div.contact>div.wrapper>div.right>div.row>div.text>p{
	font-size:15px;
	font-weight:400;
	color:#565656;
}

div.contact>div.wrapper>div.right>div.row li>p:before{
	content:"";
	float: left;
	width:30px;
	height:30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: 10px;
}

div.contact>div.wrapper>div.right>div.row li>p.canada:before{
	background-image: url(../image/canada.svg);
}

div.contact>div.wrapper>div.right>div.row li>p.usa:before{
	background-image: url(../image/usa.svg);
}

div.contact>div.wrapper>div.right>div.row li>p.turkey:before{
	background-image: url(../image/turkey.svg);
}

div.contact>div.wrapper>div.right>div.row li>p.germany:before{
	background-image: url(../image/germany.svg);
}

div.contact>div.wrapper>div.right>div.row li>p.mexico:before{
	background-image: url(../image/mexico.svg);
}

div.contact>div.wrapper>div.right>div.row li>p.russia:before{
	background-image: url(../image/russia.svg);
}


div.contact>div.wrapper>div.right>div.row>div.location{
	float: left;
	width: 100%;
}

div.contact>div.wrapper>div.right>div.row>div.location>h2{
	font-size:26px;
	font-weight:400;
	color:#01478E;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

div.contact>div.wrapper>div.right>div.row>div.location>p{
	font-size:15px;
	font-weight:400;
	color:#565656;
	float: left;
	width: 100%;
	line-height: 30px;
}

div.contact>div.wrapper>div.right>div.row>div.telephone{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

div.contact>div.wrapper>div.right>div.row>div.telephone>h2{
	font-size:26px;
	font-weight:400;
	color:#01478E;
}

div.contact>div.wrapper>div.right>div.row>ul{
	float: left;
	width: 100%;
}

div.contact>div.wrapper>div.right>div.row>ul>li{
	float: left;
	width: 100%;
}

div.contact>div.wrapper>div.right>div.row>ul>li>a{
	color: #01478E;
	font-size: 15px;
	font-weight: 400;
}

div.contact>div.wrapper>div.right>div.row>ul>li>p>a{
	color: #565656;
	font-size: 15px;
	font-weight: 400;
}

div.contact>div.wrapper>div.right>div.row>ul>li>a>span{
	color: #565656;
	font-size: 15px;
	font-weight: 400;
}

div.contact>div.wrapper>div.right>div.row>div.mail{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

div.contact>div.wrapper>div.right>div.row>div.mail>h2{
	font-size:26px;
	font-weight:400;
	color:#01478E;
}

div.contact>div.wrapper>div.right>div.row>a.mail{
	color: #565656;
	font-size: 15px;
	font-weight: 400;
}

div.contact>div.wrapper>div.right>div.row:last-child{
	border-bottom: 0;
}

div.maps{
	float: left;
	width: 100%;
	height: 450px;
}

footer{
	float: left;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(../image/footer_bg.png);
	padding:40px 0px;
	box-sizing: border-box;
}

footer>div.wrapper>div.container{
	float: left;
	width: 100%;
	padding: 0px 40px;
	box-sizing: border-box;
}

footer>div.wrapper>div.container>div.top{
	float: left;
	width: 100%;
	margin-bottom:40px;
}

footer>div.wrapper>div.container>div.top>div.map{
	float: left;
	width: 100%;
}

footer>div.wrapper>div.container>div.top>div.map>div.box{
	float: left;
	width: 19%;
}

footer>div.wrapper>div.container>div.top>div.map>div.box>div.title{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

footer>div.wrapper>div.container>div.top>div.map>div.box>div.title>h4{
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}

footer>div.wrapper>div.container>div.top>div.map>div.box>ul{
	float: left;
	width: 100%;
}

footer>div.wrapper>div.container>div.top>div.map>div.box>ul>li{
	float: left;
	width: 100%;
}

footer>div.wrapper>div.container>div.top>div.map>div.box>ul>li>a{
	color:#fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
}

footer>div.wrapper>div.container>div.top>div.map>div.boxes{
	float: left;
	width:24%;
}

footer>div.wrapper>div.container>div.top>div.map>div.boxes>div.title{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

footer>div.wrapper>div.container>div.top>div.map>div.boxes>div.title>h4{
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}

footer>div.wrapper>div.container>div.top>div.map>div.boxes>ul{
	float: left;
	width: 100%;
}

footer>div.wrapper>div.container>div.top>div.map>div.boxes>ul>li{
	float: left;
	width: 100%;
	margin-bottom:15px;
}

footer>div.wrapper>div.container>div.top>div.map>div.boxes>ul>li>a{
	color:#fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	display: flex;
	align-items: center;
}

footer>div.wrapper>div.container>div.top>div.map>div.boxes>ul>li>p{
	color:#fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
}

footer>div.wrapper>div.container>div.top>div.map>div.boxes>ul>li>a.tel:before{
	content:"";
	float: left;
	width: 17px;
	height: 17px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(../image/telephone.svg);
	margin-right: 10px;
}

footer>div.wrapper>div.container>div.top>div.map>div.boxes>ul>li>a.mail:before{
	content:"";
	float: left;
	width: 17px;
	height: 15px;
	background-repeat: no-repeat;
	background-position:top 3px center;
	background-size: contain;
	background-image: url(../image/mail.svg);
	margin-right: 10px;
}

footer>div.wrapper>div.container>div.top>div.map>div.boxes>ul>li>p.map:before{
	content:"";
	float: left;
	width: 12px;
	height:110px;
	background-repeat: no-repeat;
	background-position:top 6px center;
	background-size: contain;
	background-image: url(../image/location.svg);
	margin-right: 10px;
}

footer>div.wrapper>div.container>div.top>div.contacts{
	float: left;
	width: 100%;
	margin-top: 40px;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left{
	float: left;
	width: 45%;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>div.title{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>div.title>h4{
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>ul{
	float: left;
	width: 100%;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>ul>li{
	float: left;
	width: 100%;
	margin-bottom:15px;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>ul>li>p{
	color:#fff;
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	display: flex;
	align-items: center;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>ul>li>p a{
	color: #fff;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>ul>li>p:before{
	content:"";
	float: left;
	width:30px;
	height:30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: 10px;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>ul>li>p.canada:before{
	background-image: url(../image/canada.svg);
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>ul>li>p.usa:before{
	background-image: url(../image/usa.svg);
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>ul>li>p.turkey:before{
	background-image: url(../image/turkey.svg);
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>ul>li>p.germany:before{
	background-image: url(../image/germany.svg);
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>ul>li>p.mexico:before{
	background-image: url(../image/mexico.svg);
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>ul>li>p.russia:before{
	background-image: url(../image/russia.svg);
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>div.social{
	width: 100%;
	float: left;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.left>div.social a{
	width: 25px;
	height: 25px;
	float: left;
	background-image: url(../image/fc.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}


footer>div.wrapper>div.container>div.top>div.contacts>div.left>div.social a.tw{
	background-image: url(../image/tw.svg);
}

footer>div.wrapper>div.container>div.top>div.contacts>div.right{
	float: right;
	width: 55%;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.right>div.title{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.right>div.title>h4{
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}


footer>div.wrapper>div.container>div.top>div.contacts>div.right div.row{
	border: 1px solid #373737;
	height: 46px;
	width: 100%;
	float: left;
	margin-bottom: 15px;
	overflow: hidden;
	box-sizing: border-box;
	border-radius:3px;
	background-color: #1d1d1d;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.right div.row2{
	float: left;
	width: 100%;
	height: 177px;
	box-sizing: border-box;
	border: solid 1px #373737;
	overflow: hidden;
	border-radius:3px;
	background-color: #1d1d1d;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.right div.row label{
	float: left;
	width: 180px;
	color: #fff;
	font-size: 18px;
	font-weight:500;
	line-height: 44px;
	box-sizing: border-box;
	padding-left: 10px;
	text-align: left;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.right div.row label span{
	float: right;
	font-size: 18px;
	font-weight:500;
	color: #fff;
	display: none;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.right div.row input{
	float: left;
	width: calc(100% - 180px);
	height: 44px;
	box-sizing: border-box;
	color: #565656;
	font-size: 18px;
	font-weight:500;
	line-height: 44px;
	padding-left: 15px;
	box-sizing: border-box;
	border: none;
	background-color: #fff;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.right div.row textarea{
	float: left;
	width: calc(100% - 180px);
	height: 175px;
	box-sizing: border-box;
	color:#565656;
	background-color: #fff;
	font-size: 18px;
	padding: 12px 0px 0px 15px;
	font-weight:500;
	box-sizing: border-box;
	border: none;
	resize: none;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.right div.button{
	float: left;
	width: 100%;
}

footer>div.wrapper>div.container>div.top>div.contacts>div.right div.button input.submit{
	float: right;
	padding: 6px 10px;
	box-sizing: border-box;
	background-color:#01B0F1;
	font-size: 18px;
	font-weight:600;
	color: #fff;
	border: 0;
	cursor: pointer;
	border-radius:3px;
}

footer>div.wrapper>div.container>div.bottom{
	float: left;
	width: 100%;
	border-top: 1px solid #2A2A2A;
	text-align: center;
	padding:15px 0px;
	box-sizing: border-box;
}

footer>div.wrapper>div.container>div.bottom>p{
	color: #ACACAC;
	font-size: 14px;
	font-weight: 400;
}

div.corporate{
	float:left;
	width: 100%;
	padding: 80px 0px;
	box-sizing: border-box;
}

div.corporate>div.wrapper>div.left{
	float: left;
	width:25%;
	border-top:1px solid #DDDDDD;
}

div.corporate>div.wrapper>div.left>div.title{
	float: left;
	width: 100%;
	margin-top:-15px;
}

div.corporate>div.wrapper>div.left>div.title>h2{
	color: #01478E;
	font-size: 20px;
	font-weight: 400;
	background-color: #fff;
	float:left;
	padding-right:30px;
	box-sizing: border-box;
}

div.corporate>div.wrapper>div.left>ul{
	float: left;
	width: 100%;
	margin-top:20px;
}

div.corporate>div.wrapper>div.left>ul>li{
	float: left;
	width: 100%;
}

div.corporate>div.wrapper>div.left>ul>li>a{
	color: #A5A5A5;
	font-weight: 400;
	font-size: 20px;
	display: flex;
	align-items: center;
	float: left;
	margin-bottom: 10px;
}

div.corporate>div.wrapper>div.left>ul>li>a.active{
	color: #505050;
}

div.corporate>div.wrapper>div.left>ul>li>a:before{
	content: "";
	float: left;
	width: 8px;
	height: 8px;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	background-image: url(../image/link.svg);
	margin-right: 10px;
}

div.corporate>div.wrapper>div.left>ul>li:last-child>a{
	margin-bottom: 0px;
}

div.corporate>div.wrapper>div.right{
	float:right;
	width:74.999%;
	border-left: 1px solid #DDDDDD;
	padding-left: 5%;
	box-sizing: border-box;
}

div.corporate>div.wrapper>div.right>div.title{
	float: left;
	width: 100%;
	margin-top:-15px;
	margin-bottom: 20px;
}

div.corporate>div.wrapper>div.right>div.title>h2{
	color: #01478E;
	font-size: 20px;
	font-weight: 400;
	background-color: #fff;
	float:left;
	padding-right:30px;
	box-sizing: border-box;
}

div.corporate>div.wrapper>div.right>div.text{
	float: left;
	width: 100%;
}

div.corporate>div.wrapper>div.right>div.text>p{
	color:#565656;
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 20px;
}

div.corporate>div.wrapper>div.right>div.image{
	float: left;
	width: 100%;
	height: 320px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

div.partner{
	float: left;
	width: 100%;
	padding: 80px 0px;
	box-sizing: border-box;
}

div.partner>div.wrapper>div.top{
	float: left;
	width: 100%;
	margin-bottom: 50px;
}

div.partner>div.wrapper>div.top>div.title{
	float: left;
	width: 100%;
	margin-bottom: 50px;
	text-align: center;
}

div.partner>div.wrapper>div.top>div.title>h2{
	color: #01478E;
	font-size: 60px;
	font-weight: 600;
}

div.partner>div.wrapper>div.top>div.content{
	float: left;
	width: 100%;
}

div.partner>div.wrapper>div.top>div.content>div.box{

}

div.partner>div.wrapper>div.top>div.content>div.box:nth-child(5n){
	margin-right: 0;
}

div.partner>div.wrapper>div.top>div.content>div.box>div.image{
	float: left;
	width: 100%;
	height: 192px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	border:1px solid #F2F2F2;
}

div.partner>div.wrapper>div.top>div.content>div.box>a.title{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
	color: #01478E;
}

div.partner>div.wrapper>div.bottom{
	float: left;
	width: 100%;
}

div.partner>div.wrapper>div.bottom>div.title{
	float: left;
	width: 100%;
	text-align: center;
}

div.partner>div.wrapper>div.bottom>div.title>h2{
	color: #01478E;
	font-size: 60px;
	font-weight: 600;
}

div.partner>div.wrapper>div.bottom>div.content{
	float: left;
	width: 100%;
	margin:50px 0px;
}

div.partner>div.wrapper>div.bottom>div.content>div.box{
	float: left;
	width: 23%;
	height:238px;
	border:1px solid #F2F2F2;
	margin-right:2.44%;
	margin-bottom: 2.44%;
}

div.partner>div.wrapper>div.bottom>div.content>div.box:nth-child(4n){
	margin-right: 0;
}

div.partner>div.wrapper>div.bottom>div.content>div.box>div.image{
	float: left;
	width: 100%;
	height:238px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
}

div.partner>div.wrapper>div.bottom>div.text{
	float: left;
	width: 100%;
	text-align: center;
}

div.partner>div.wrapper>div.bottom>div.text>p{
	color:#01478E;
	font-size:42px;
	font-weight: 600;
}

div.product{
	float:left;
	width: 100%;
	padding: 80px 0px;
	box-sizing: border-box;
}

div.product div.product_slider{
	width: 100%;
	float: left;
	margin-bottom: 40px;
}

div.product div.product_slider div.item{
	width: 100%;
	height: 400px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	float: left;
}

div.product>div.wrapper>div.left{
	float: left;
	width: 25%;
	border-top:1px solid #DDDDDD;
}

div.product>div.wrapper>div.left>div.title{
	float: left;
	width: 100%;
	margin-top:-15px;
}

div.product>div.wrapper>div.left>div.title>h2{
	color: #01478E;
	font-size: 20px;
	font-weight: 400;
	background-color: #fff;
	float:left;
	padding-right:30px;
	box-sizing: border-box;
}

div.product>div.wrapper>div.left>ul{
	float: left;
	width: 100%;
	margin-top:20px;
}

div.product>div.wrapper>div.left>ul>li{
	float: left;
	width: 100%;
}

div.product>div.wrapper>div.left>ul>li>a{
	color: #A5A5A5;
	font-weight: 400;
	font-size: 15px;
	display: flex;
	align-items: center;
	float: left;
	margin-bottom: 10px;
}

div.product>div.wrapper>div.left>ul>li>a.active{
	color: #505050;
}

div.product>div.wrapper>div.left>ul>li>a:before{
	content: "";
	float: left;
	width: 8px;
	height: 8px;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	background-image: url(../image/link.svg);
	margin-right: 10px;
}

div.product>div.wrapper>div.left>ul>li:last-child>a{
	margin-bottom: 0px;
}

div.product>div.wrapper>div.right{
	float:right;
	width:74.999%;
	border-left: 1px solid #DDDDDD;
	padding-left: 5%;
	box-sizing: border-box;
}

div.product>div.wrapper>div.right>div.title{
	float: left;
	width: 100%;
	margin-top:-15px;
	margin-bottom: 20px;
}

div.product>div.wrapper>div.right>div.title>h2{
	color: #01478E;
	font-size: 20px;
	font-weight: 400;
	background-color: #fff;
	float:left;
	padding-right:30px;
	box-sizing: border-box;
}

div.product>div.wrapper>div.right>div.select>form{
	float: left;
	width: 100%;
}

div.product>div.wrapper>div.right>div.select>form>div.left{
	float: left;
	width: 90%;
}

div.product>div.wrapper>div.right>div.select>form>div.left>div.row{
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}

div.product>div.wrapper>div.right>div.select>form>div.left>div.row:last-child{
	margin-bottom: 0px;
}

div.product>div.wrapper>div.right>div.select>form>div.left>div.row>span{
	float: left;
	width: 10%;
	text-align: center;
	color: #565656;
	font-size: 18px;
	font-weight: 400;
}

div.product>div.wrapper>div.right>div.select>form>div.left>div.row>input{
	float: left;
	width:40%;
	height:50px;
	font-size:18px;
	border:1px solid #DDDDDD;
	color:#565656;
	font-weight: 400;
	padding: 10px;
	box-sizing: border-box;
}

select{
	float: left;
	width:40%;
	height:50px;
	font-size:18px;
	border:1px solid #DDDDDD;
	color:#565656;
	font-weight: 400;
	cursor:pointer;
	-webkit-appearance: none;
	outline:none;
	padding:0 10px;
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size:12px 7px;
	background-image: url(../image/accordion.svg);
}
select::-ms-expand {
	display:none;
}

div.product>div.wrapper>div.right>div.select>form>div.right{
	float: right;
	width: 8%
}

div.product>div.wrapper>div.right>div.select>form>div.right>input{
	float: left;
	width: 100%;
	height:115px;
	border:1px solid #01478E;
	background-color: #01478E;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	cursor: pointer;
}

div.product>div.wrapper>div.right>div.bottom{
	float: left;
	width: 100%;
	margin-top: 50px;
}

div.product>div.wrapper>div.right>div.bottom>a.box{
	float: left;
	width: 48.5%;
	margin-right:3%;
	margin-bottom:3%;
}

div.product>div.wrapper>div.right>div.bottom>a.box:nth-child(2n){
	margin-right: 0;
}

div.product>div.wrapper>div.right>div.bottom>a.box>div.image{
	float: left;
	width: 100%;
	height: 412PX;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border:1px solid #F2F2F2;
}

div.product>div.wrapper>div.right>div.bottom>a.box>div.text{
	float: left;
	width: 100%;
	padding:15px;
	box-sizing: border-box;
}

div.product>div.wrapper>div.right>div.bottom>a.box>div.text>h3{
	font-size:23px;
	color: #01478E;
	font-weight: 400;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

div.product>div.wrapper>div.right>div.bottom>a.box>div.text>p{
	font-size:18px;
	color:#A5A5A5;
	font-weight: 400;
	float: left;
	width: 100%;
	text-align: center;
}

div.product_detail{
	float:left;
	width: 100%;
	padding: 80px 0px;
	box-sizing: border-box;
}

div.product_detail>div.wrapper>div.left{
	float: left;
	width: 25%;
	border-top:1px solid #DDDDDD;
}

div.product_detail>div.wrapper>div.left>div.title{
	float: left;
	width: 100%;
	margin-top:-15px;
}

div.product_detail>div.wrapper>div.left>div.title>h2{
	color: #01478E;
	font-size: 20px;
	font-weight: 400;
	background-color: #fff;
	float:left;
	padding-right:30px;
	box-sizing: border-box;
}

div.product_detail>div.wrapper>div.left>ul{
	float: left;
	width: 100%;
	margin-top:20px;
}

div.product_detail>div.wrapper>div.left>ul>li{
	float: left;
	width: 100%;
}

div.product_detail>div.wrapper>div.left>ul>li>a{
	color: #A5A5A5;
	font-weight: 400;
	font-size: 15px;
	display: flex;
	align-items: center;
	float: left;
	margin-bottom: 10px;
}

div.product_detail>div.wrapper>div.left>ul>li>a.active{
	color: #505050;
}

div.product_detail>div.wrapper>div.left>ul>li>a:before{
	content: "";
	float: left;
	width: 8px;
	height: 8px;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	background-image: url(../image/link.svg);
	margin-right: 10px;
}

div.product_detail>div.wrapper>div.left>ul>li:last-child>a{
	margin-bottom: 0px;
}

div.product_detail>div.wrapper>div.right{
	float:right;
	width:74.999%;
	border-left: 1px solid #DDDDDD;
	padding-left: 5%;
	box-sizing: border-box;
}

div.product_detail>div.wrapper>div.right>div.title{
	float: left;
	width: 100%;
	margin-top:-15px;
	margin-bottom: 20px;
}

div.product_detail>div.wrapper>div.right>div.title>h2{
	color: #01478E;
	font-size: 20px;
	font-weight: 400;
	background-color: #fff;
	float:left;
	padding-right:30px;
	box-sizing: border-box;
}

div.product_detail>div.wrapper>div.right>div.top{
	float: left;
	width: 100%;
}

div.product_detail>div.wrapper>div.right>div.top>div.left{
	float: left;
	width:48%;
}

div.product_detail>div.wrapper>div.right>div.top>div.left>ul{
	float: left;
	width: 100%;
}

div.product_detail>div.wrapper>div.right>div.top>div.left>ul>li{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

div.product_detail>div.wrapper>div.right>div.top>div.left>ul>li>label{
	float: left;
	width: 35%;
	color: #565656;
	font-size: 15px;
	font-weight: 400;
}

div.product_detail>div.wrapper>div.right>div.top>div.left>ul>li>span{
	float: left;
	color: #565656;
	font-size: 15px;
	font-weight: 400;
}

div.product_detail>div.wrapper>div.right>div.top>div.left>ul>li>p{
	float: right;
	width:55%;
	color: #565656;
	font-size: 15px;
	font-weight: 400;
}

div.product_detail>div.wrapper>div.right>div.top>div.left>div.text{
	float: left;
	width: 100%;
	margin-top: 10px;
}

div.product_detail>div.wrapper>div.right>div.top>div.left>div.text>p{
	color:#565656;
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 20px;

}

div.product_detail>div.wrapper>div.right>div.top>div.left>div.text li{
	list-style: inside;
	color:#565656;
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
}

div.product_detail>div.wrapper>div.right>div.top>div.right{
	float: right;
	width: 48%;
}

div.product_detail>div.wrapper>div.right>div.top>div.right>div.urun_detail_image {
	float: left;
	width: 100%
}

div.product_detail>div.wrapper>div.right>div.top>div.right>div.urun_detail_image>div.detay_gallery{
	float: left;
	width: 100%;
}

div.product_detail>div.wrapper>div.right>div.top>div.right>div.urun_detail_image>div.detay_gallery>div.big_image{
	float: left;
	width:100%;
	border:1px solid #F2F2F2;
	height:404px;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
}

div.product_detail>div.wrapper>div.right>div.top>div.right>div.urun_detail_image>div.detay_gallery>div.bottom{
	float: left;
	width: 100%;
	margin-top: 20px;
}

div.product_detail>div.wrapper>div.right>div.top>div.right>div.urun_detail_image>div.detay_gallery>div.bottom>div.medium_image{
	float: left;
	width: 23%;
	margin-right:2%;
	margin-bottom:2%;
	height: 92px;
	background-repeat:no-repeat;
	background-position: center;
	background-size:contain;
	border:1px solid #F2F2F2;
}

div.product_detail>div.wrapper>div.right>div.top>div.right>div.urun_detail_image>div.detay_gallery>div.bottom>div.medium_image:nth-child(4n){
	margin-right: 0;
}

div.product_detail>div.wrapper>div.right>div.bottom{
	float: left;
	width: 100%;
	margin-top: 80px;
}

div.product_detail>div.wrapper>div.right>div.bottom>div.title{
	float: left;
	width: 100%;
	margin-bottom:50px;
	text-align: center;
}

div.product_detail>div.wrapper>div.right>div.bottom>div.title>h3{
	color:#01478E;
	font-size:46px;
	font-weight:600;
}

div.product_detail>div.wrapper>div.right>div.bottom>a.box{
	float: left;
	width: 48.5%;
	margin-right:3%;
}

div.product_detail>div.wrapper>div.right>div.bottom>a.box:last-child{
	margin-right: 0;
}

div.product_detail>div.wrapper>div.right>div.bottom>a.box>div.image{
	float: left;
	width: 100%;
	height: 332px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border:1px solid #F2F2F2;
}

div.product_detail>div.wrapper>div.right>div.bottom>a.box>div.text{
	float: left;
	width: 100%;
	padding:15px;
	box-sizing: border-box;
}

div.product_detail>div.wrapper>div.right>div.bottom>a.box>div.text>h3{
	font-size:23px;
	color: #01478E;
	font-weight: 400;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

div.product_detail>div.wrapper>div.right>div.bottom>a.box>div.text>p{
	font-size:18px;
	color:#A5A5A5;
	font-weight: 400;
	float: left;
	width: 100%;
	text-align: center;
}

div.menus{
	height:0;
	width:100%;
	z-index: 1;
	top: 0;
	left:0; 
	background-color:#fff;
	overflow-y: hidden;
	transition: 0.5s;
	display: none;
}

div.mobiles-content{
	width: 100%;
	float: left;
	display: none;
}

div.mobiles-content>ul{
	float: left;
	width: 100%;
	list-style-type: none;
}

div.mobiles-content>ul>li{
	float: left;
	width: 100%;
	display: inline-block;
}

div.mobiles-content>ul>li>a{
	float: left;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	color:#565656;
	font-weight:400;
	font-size: 14px;
}

div.mobiles-content>ul>li>a.active{
	color: #000;
	font-weight: 500;
}

div#mobiles{
	width: 100%;
	height: 0;
	float: left;
	overflow: hidden;
	margin-bottom:20px;
}

div#mobiles.active{
	height:170px;
	overflow:auto;
}

div.toogle_bar{
	display: none;
	margin-bottom: 15px;
	float: left;
	border:1px solid #01478e;
	border-radius: 6px;
	padding: 15px;
	box-sizing: border-box;
	background-color: #f9f9f9;
}

div.toogle_bar h2:after{
	content: "";
	float: right;
	width: 18px;
	height: 18px;
	margin-left: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("../image/plus.svg");
}

div.toogle_bar h2{
	color:#01478e;
	font-size: 22px;
	font-weight: 600;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1200px){
	div.wrapper{
		padding: 0px 20px;
		box-sizing: border-box;
	}

	div.partner>div.wrapper>div.bottom>div.content>div.box{
		width: 32%;
		margin-right:1.7%;
		margin-bottom: 1.7%;
	}

	div.partner>div.wrapper>div.bottom>div.content>div.box:nth-child(4n){
		margin-right:1.7%;
	}

	div.partner>div.wrapper>div.bottom>div.content>div.box:nth-child(3n){
		margin-right:0;
	}
}

@media screen and (max-width: 1050px){
	div.partner>div.wrapper>div.bottom>div.content>div.box{
		width:100%;
		margin-right:0%;
		margin-bottom:3%;
	}
}

@media screen and (max-width: 950px){
	div.partner>div.wrapper>div.top>div.content>div.box{
		width:100%;
		margin-right:0%;
		margin-bottom:30px;
		height: inherit;
	}
}

@media screen and (max-width: 900px){
	footer>div.wrapper>div.container>div.top>div.map{
		display: none;
	}

	div.contacts{
		padding: 0;
	}

	footer>div.wrapper>div.container>div.top>div.contacts>div.left{
		width: 100%;
	}

	footer>div.wrapper>div.container>div.top>div.contacts>div.right{
		float: left;
		width: 100%;
		margin:40px 0px;
	}

	div.product>div.wrapper>div.right>div.select>form>div.left{
		width: 88%;
	}

	div.product>div.wrapper>div.right>div.select>form>div.right{
		width: 10%;
	}
}

@media screen and (max-width: 850px){
	header>div.wrapper>div.right{
		display: none;
	}
	div.hamburger{
		display: block;
	}

	div.overclock{
		display: block;
	}

	header{
		padding: 10px 0;
	}

	header>div.wrapper>div.left>a.logo{
		width: 220px;
		height: 65px;
	}

	div#header_clear{
		height:85px;
	}

	div#header_clear.scroll{
		height:85px;
	}
}

@media screen and (max-width: 800px){
	div.categories>div.wrapper>div.row>div.right img{
		width: 100%;
		margin: 0 0 20px 0;
	}
	div.about{
		padding: 60px 0px;
	}

	div.about>div.wrapper>div.left{
		width: 100%;
		margin-bottom: 30px;
	}

	div.about>div.wrapper>div.right{
		float: left;
		width: 100%;
	}

	div.services>div.mask>div.wrapper>div.container>a.box{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	div.services>div.mask{
		padding: 60px 0px;
	}

	div.toogle_bar{
		display: block;
	}

	div.mobiles-content{
		display: block;
	}

	div.menus{
		display: block;
	}

	div.corporate>div.wrapper>div.left{
		display: none;
	}

	div.corporate>div.wrapper>div.right{
		float: left;
		border:0;
		padding-left: 0;
		border-top: 1px solid #ddd;
		width: 100%;
		padding-top: 20px;
		box-sizing: border-box;
	}

	div.corporate>div.wrapper>div.right>div.title{
		margin-top: 0;
	}

	div.corporate{
		padding: 60px 0px;
	}

	div.categories>div.wrapper>div.row>div.left{
		width: 100%;
		margin-bottom: 30px;
	}

	div.categories>div.wrapper>div.row>div.right{
		float: left;
		width: 100%;
	}

	div.categories>div.wrapper>div.row>div.left>div.image{
		height: 350px;
	}

	div.categories{
		padding:60px 0px;
	}

	div.contact{
		padding: 60px 0px;
	}

	div.contact>div.wrapper>div.left{
		width: 100%;
		padding-top: 0;
		margin-bottom:40px;
	}

	div.contact>div.wrapper>div.right{
		float: left;
		width: 100%;
	}

	div.product{
		padding: 60px 0px;
	}

	div.product>div.wrapper>div.left{
		display:none;
	}

	div.product>div.wrapper>div.right{
		border: 0;
		padding-left: 0;
		border-top: 1px solid #ddd;
		float: left;
		width: 100%;
		padding-top: 20px;
		box-sizing: border-box;
	}

	div.product>div.wrapper>div.right>div.title{
		margin-top: 0;
	}

	div.product_detail{
		padding: 60px 0px;
	}

	div.product_detail>div.wrapper>div.left{
		display: none;
	}

	div.product_detail>div.wrapper>div.right{
		border: 0;
		padding-left: 0;
		border-top: 1px solid #ddd;
		float: left;
		width: 100%;
		padding-top: 20px;
		box-sizing: border-box;
	}

	div.product_detail>div.wrapper>div.right>div.title{
		margin-top: 0;
	}
}

@media screen and (max-width: 600px){
	div.product>div.wrapper>div.right>div.select>form>div.left{
		width: 82%;
	}

	div.product>div.wrapper>div.right>div.select>form>div.right{
		width: 16%;
	}

	div.product_detail>div.wrapper>div.right>div.bottom>a.box{
		width: 100%;
		margin-right:0;
		margin-bottom: 3%;
	}

	div.banner_mask>div.scroll>div.telephone{
		display: none;
	}
	footer>div.wrapper>div.container>div.top>div.contacts>div.right
}

@media screen and (max-width: 550px){
	div.product_detail>div.wrapper>div.right>div.top>div.left{
		width: 100%;
	}

	div.product_detail>div.wrapper>div.right>div.top>div.right{
		float: left;
		width: 100%;
		margin-top:25px;
	}
}

@media screen and (max-width: 500px){
	div.product>div.wrapper>div.right>div.bottom>a.box{
		width:100%;
		margin-right:0;
		margin-bottom: 5%;
	}
}

@media screen and (max-width: 461px){
	div.about>div.wrapper>div.left>div.image{
		height: 300px;
	}

	div.banner_mask>div.wrapper>div.content>h1,
	div.services>div.mask>div.wrapper>div.title>h2,
	div.about>div.wrapper>div.right>div.title>h2{
		font-size: 45px;
	}

	footer>div.wrapper>div.container>div.top>div.contacts>div.left>ul>li>p{
		font-size: 14px;
	}

	footer>div.wrapper>div.container>div.top>div.contacts>div.right div.row label{
		font-size: 15px;
		width: 140px;
	}

	footer>div.wrapper>div.container>div.top>div.contacts>div.right div.row input{
		width: calc(100% - 140px);
	}

	footer>div.wrapper>div.container>div.top>div.contacts>div.right div.button input.submit{
		font-size: 15px;
	}

	div.categories>div.wrapper>div.row>div.right h3.title{
		font-size: 18px;
	}

	div.categories>div.wrapper>div.row>div.title>h2{
		font-size: 28px;
	}

	div.maps{
		height: 350px;
	}

	div.product>div.wrapper>div.right>div.select>form>div.left{
		width: 100%;
	}

	div.product>div.wrapper>div.right>div.select>form>div.right{
		width: 100%;
		margin-top: 20px;
	}

	div.product>div.wrapper>div.right>div.select>form>div.right>input{
		height: 60px;
	}

	div.product_detail>div.wrapper>div.right>div.top>div.right>div.urun_detail_image>div.detay_gallery>div.bottom>div.medium_image{
		width:100%;
		margin-right:0;
		margin-bottom: 3%;
	}
	footer>div.wrapper>div.container{
		padding: 0;
	}
	footer>div.wrapper>div.container>div.top>div.contacts>div.right div.row,
	footer>div.wrapper>div.container>div.top>div.contacts>div.right div.row2,
	div.contact>div.wrapper>div.left div.row,
	div.contact>div.wrapper>div.left div.row2{
		height: auto;
	}
	footer>div.wrapper>div.container>div.top>div.contacts>div.right div.row label,
	footer>div.wrapper>div.container>div.top>div.contacts>div.right div.row input,
	footer>div.wrapper>div.container>div.top>div.contacts>div.right div.row textarea,
	div.contact>div.wrapper>div.left div.row label,
	div.contact>div.wrapper>div.left div.row input,
	div.contact>div.wrapper>div.left div.row textarea{
		width: 100%;
		border-radius: 0;
	}
	div.banner_mask>div.scroll>a>i{
		height: 10px;
	}

	div.contact>div.wrapper>div.right>div.row{
		width: 100%;
	}

	#myVideo{
		min-width: inherit;
		min-height: inherit;
	}
}

@media screen and (max-width: 350px){

}
.bx{margin-bottom:25px}
.bx .frame {
	height: 220px;      /* equals max image height */
	width: 100%;
	white-space: nowrap;

	text-align: center; margin: 1em 0;
}

.bx .helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.bx img {
	vertical-align: middle;
	width: 85%;
}