body {   
	margin:0 auto; 
	font-family: 'Verdana', sans-serif;
}

html {
/* 	background-image: url(../images/bg.svg); */
	background: url(../images/bg.svg);
	background-repeat:repeat;
	background-size: 50%;
	background-position:50%;
	height:100%;
	width:100%;
}

.wordcloud-cont {
	position: fixed;
	margin: 0;
	top:5em;
	width: 100%;
	text-align: center;
	z-index:-10;
}
.wordcloud {
	position: relative;
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
	max-width: 1200px;
	margin: 0 auto;
	width: 95%;
	align-items: center;
}

img.background {
	min-height: 100%;
	min-width: 640px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}



* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}


.content {
  height: 3px;
}
a { text-decoration: none; }


.iealert{
	background-color: yellow;
	color: red;
	font-size: 10px;
	position:fixed;
	top:55px;
	text-align:center;
	width:100%;
	opacity:0.7;
}

.nav {
	z-index:100;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 0;
	position: fixed;
	width: 100%;
	box-sizing: border-box;
	left: 0;
	right: 0;
	top: 0;
}

.nav-fostrap {
  display: block;
  margin-bottom: 15px 0;
  background: #347ab6;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 3px;
}

.nav-fostrap ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
  text-align:center;
}

.nav-fostrap li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  font-size: 14;
  color: #ffffff;
}

.nav-fostrap li a {
  padding: 15px 20px;
  font-size: 14;
  color: #ffffff;
  display: inline-block;
  outline: 0;
  font-weight: 400;
}

.nav-fostrap li:hover ul.dropdown { display: block; margin-bottom:10px;}

.nav-fostrap li ul.dropdown {
  position: absolute;
  display: none;
  width: 300px;
  background: #347ab6; /* !!!!!! */
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding-top: 0;
}

.nav-fostrap li ul.dropdown li {
  display: block;
  list-style-type: none;
}

.nav-fostrap li ul.dropdown li a {
  padding: 15px 20px;
  font-size: 15px;
  color: #fff;
  display: block;
  font-weight: 400;
}

.nav-fostrap li ul.dropdown li:last-child a { border-bottom: none; }

.nav-fostrap li:hover a {
  background: #347ab6; /* !!!!!! */
  color: #fff !important;
}

.nav-fostrap li:first-child:hover a { border-radius: 3px 0 0 3px; }

.nav-fostrap li ul.dropdown li:hover a { background: rgba(0,0,0, .1); }

.nav-fostrap li ul.dropdown li:first-child:hover a { border-radius: 0; }

.nav-fostrap li:hover .arrow-down { border-top: 5px solid #fff; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #def1f0;
  position: relative;
  top: 15px;
  right: -5px;
  content: '';
}
.title-mobile {
  display: none;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}


.logo {
	text-decoration: none;
	border-bottom: none;
	position: relative;
	height: 100%;
	width:14em !important;
	margin-left: 20px;
	vertical-align: middle;
	margin-left: 50px;
	margin-right: 50px;
}

.pic {
	display: flex;
	display: -ms-flexbox;
	align-self: center;
	width: 35%;
	height: auto;
	padding-top: 10px;
}
	
	
.blocktext {
	background-color: #bfe2ff73;
	padding: 20px;
	max-width: 90%;
	margin: 0 auto;
	color: #347ab6;
	font-size: 24px;
	margin-top: 20px;
}



#watertext  {
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 100px;
	text-anchor: middle;
}

.water-fill {
	animation: wave 1.7s infinite linear, fill-up 4s;
}



@keyframes wave {
	0% {
		x: -400px;
	}
	100% {
		x: 0;
	}
}
@keyframes fill-up {
	0% {
		height: 0;
		y: 130px;
	}
	100% {
		height: 160px;
		y: -30px;
	}
}

/* section, hr { */
  /* transform: translateY(-150%); */
  /* animation: ani 1s forwards; */
/* } */



/* @keyframes ani { */
  /* 0% {transform: translateY(-150%);} */
  /* 100% {transform: translateY(0);} */
/* } */



.upbtn {
	z-index: 9999;
	width: 220px;
	height: 220px;
	color: #FFF;
	position: fixed;
	bottom: -220px;
	right: -220px;
	cursor: pointer;
	transform: rotate(-45deg);
	border:3px solid #BFE2FF;
	transition: all .7s ease-in-out;
	background-color: #337AB7;
}
.upbtn:before {
	content: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDI4NC45MjkgMjg0LjkyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg0LjkyOSAyODQuOTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTE3LjEyOCwxNjcuODcyYzEuOTAzLDEuOTAyLDQuMDkzLDIuODU0LDYuNTY3LDIuODU0YzIuNDc0LDAsNC42NjQtMC45NTIsNi41NjctMi44NTRMMTQyLjQ2Niw1NS42NjZsMTEyLjIwOCwxMTIuMjA2ICAgIGMxLjkwMiwxLjkwMiw0LjA5MywyLjg1NCw2LjU2MywyLjg1NGMyLjQ3OCwwLDQuNjY4LTAuOTUyLDYuNTctMi44NTRsMTQuMjc0LTE0LjI3N2MxLjkwMi0xLjkwMiwyLjg0Ny00LjA5MywyLjg0Ny02LjU2MyAgICBjMC0yLjQ3NS0wLjk1MS00LjY2NS0yLjg0Ny02LjU2N0wxNDkuMDI4LDcuNDE5Yy0xLjkwMS0xLjkwNi00LjA4OC0yLjg1My02LjU2Mi0yLjg1M3MtNC42NjUsMC45NS02LjU2NywyLjg1M0wyLjg1NiwxNDAuNDY0ICAgIEMwLjk1LDE0Mi4zNjcsMCwxNDQuNTU0LDAsMTQ3LjAzNGMwLDIuNDY4LDAuOTUzLDQuNjU4LDIuODU2LDYuNTYxTDE3LjEyOCwxNjcuODcyeiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik0xNDkuMDI4LDExNy4wNTVjLTEuOTAxLTEuOTA2LTQuMDg4LTIuODU2LTYuNTYyLTIuODU2cy00LjY2NSwwLjk1My02LjU2NywyLjg1NkwyLjg1NiwyNTAuMSAgICBDMC45NSwyNTIuMDAzLDAsMjU0LjE5MiwwLDI1Ni42N2MwLDIuNDcyLDAuOTUzLDQuNjYxLDIuODU2LDYuNTY0bDE0LjI3MiwxNC4yNzZjMS45MDMsMS45MDMsNC4wOTMsMi44NDgsNi41NjcsMi44NDggICAgYzIuNDc0LDAsNC42NjQtMC45NTEsNi41NjctMi44NDhsMTEyLjIwNC0xMTIuMjA5bDExMi4yMDgsMTEyLjIwOWMxLjkwMiwxLjkwMyw0LjA5MywyLjg1Miw2LjU2MywyLjg1MiAgICBjMi40NzgsMCw0LjY2OC0wLjk0OCw2LjU3LTIuODUybDE0LjI3NC0xNC4yNzZjMS45MDItMS45MDMsMi44NDctNC4wOTMsMi44NDctNi41NjRjMC0yLjQ3OC0wLjk1MS00LjY2Ny0yLjg0Ny02LjU3ICAgIEwxNDkuMDI4LDExNy4wNTV6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
	transform: rotate(45deg);
	position:relative;
	display:block;
	left:30px;
	top:88px;
}
.upbtn:after {
	content: "ВВЕРХ";
	transform: rotate(-45deg);
	position:relative;
	display:block;
	font-weight:bold;
	font-size:13px;
	left:-12px;
	
}	


.brain {
	text-align: center;
}
.brain svg {
	height: 200px;
}

.brain path {
	fill: transparent;
	align: center;
}
.brain .animatePaths {
	animation: goPath 3000ms alternate infinite;
	stroke: #337AB7;
	stroke-width: 2;
}
.brain .animateCircles {
	animation: goCircle 3000ms alternate infinite;
	stroke: #1b7fd6;
	fill: #1b7fd6;	
}
.brain .animateEllipse {
	animation: goCircle 3000ms alternate infinite;
	stroke: #1b7fd6;
	fill: #1b7fd6;	
}
.brain .animateRects {
	animation: goRect 3000ms alternate infinite;
	stroke: #1181e4;
	fill: #1181e4;
}
@keyframes goPath {
	to {
		stroke-dashoffset: 0;
	}
}
@keyframes goRect {
	to {
		opacity:0;
	}
}
@keyframes goCircle {
	0% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}


.card-pic {
	margin: 20px;
	/* padding: 5px; */
	flex: 3 1 auto;
	align-self: center;
	max-width:30%;
	width: 50px;
	text-align: center;
}

.card-text {
	/* margin: 5px; */
	/* padding: 5px; */
	flex: 3 1 auto;
	align-self: center;
	/* max-width:70%; */
	/* min-width:100%; */
	color: #347ab6;
	text-align: left;
	font-size: 16px;
}

.card-text1 {
	/* margin: 5px; */
	/* padding: 5px; */
	flex: 3 1 auto;
	align-self: center;
	/* max-width:70%; */
	/* min-width:100%; */
	color: #347ab6;
	text-align:right;
		font-size: 16px;

}

.card-box {
	max-width: 100%;
	 /* border: solid 1px green; */
	display: flex;
	display: -ms-flexbox;
	flex: 1 3 25%;
	justify-content: center;
	/* padding: 20px 20px 20px 20px; */
	/* width: 33.3%; */
	text-align: left;
}

.card-box1 {
	max-width: 100%;
	 /* border: solid 1px green; */
	display: flex;
	display: -ms-flexbox;
	flex: 1 3 25%;
	justify-content: center;
	padding: 20px 20px 0px 0px;
	/* width: 33%; */
	text-align: left;
	flex-direction: row-reverse;
}
.card-box-bg{
	flex: 1 3 10%;
}
.card-box-line {
	flex: 1 1 100%;
	display: flex;
	display: -ms-flexbox;
}

.card-box-title {
	flex: 0;
}

.card-con {
	/* padding-top: 10%; */
	/* background-color: #dff3ff; */
	display: flex;
	display: -ms-flexbox;
	position: relative;
	justify-content: space-between;
	flex-wrap: nowrap; 
	/* border: 1px solid red; */
	/* overflow-x: auto; */
	/* flex: 1 0 auto !important; */
	/* align-items: stretch; */
	height:100%;
	flex-direction: column;
	align-content: space-between;
}


hr {
	z-index:0;
}



.hr-shelf {
	border-bottom: 5px solid #347ab6;
	box-shadow: 0 20px 20px -20px #333;
	width: 95%;
}



#Layer_1 {
	width:50px;
	height:auto;
}

.wow {
	opacity: 0;
	transition: all 0.5s 0.5s ease-out;
}

.animated {
  opacity: 1;
}


#scroll_bottom {
	height:50px;
	width:50px;
}

#arrow {
	position:relative;
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
	top: 200px;
}




.sert {
	flex-wrap: nowrap;
	display: flex;
	display: -ms-flexbox;
	margin: 30px;	
	flex-direction:row;
	align-items: center;
	justify-content: center;
	height:100%;
	align-items: flex-start;
}



.imgsert {
	position: relative;
	/* width: 40%; */
	height:70%;
	/* z-index:100; */
	/* flex:0 1 40%; */
}


.footer {
	max-width: 1200px;
	margin: 0 auto;
	background-color:#347ab6;
	position: static;
	width:100%;
	display:flex;
	display: -ms-flexbox;
	left:0px;
	justify-content: center;
	bottom:0px;
	clear: both;
}

.copy {
	color: #fff;
	font-size: 20px;
	text-align: center;
}


.wow {
  opacity: 0;
  transition: all 0.5s 0.5s ease-out;
}

.animated {
  opacity: 1;
}



.fade-in {
  opacity: 0; /* начальное значение непрозрачности */
  animation: fadeIn ease-in 1; /* добавляем анимацию fadeIn */
  animation-fill-mode: forwards; /* будет видимым после завершения анимации */
  animation-duration: 1s; /* длительность анимации в 1 секунду */
}

@keyframes fadeIn {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}

.gallery img {
	padding:0;
	margin-top:0;
	/* width: 15%; */
	height:20em;

}

.gallery {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

h1 {
	width: 100%;
	text-align: center;
	color: rgb(51, 122, 183);
}






.mask{
	--uiMaskClipPath: var(--maskClipPath);
	box-sizing: var(--maskBoxSizing, border-box);
	display: var(--maskDisplay, inline-flex);
	padding: var(--maskStrokeThickness, 3px);
	clip-path: var(--uiMaskClipPath);
	background-color: var(--maskStrokeColor, currentColor);
	--maskStrokeColor: rgb(51, 122, 183); /* Цвет рамки */
	--maskStrokeThickness: 5px; /* Ширина рамки */ 
}
.mask-img{
	max-width: 150%;
	display: block;
	clip-path: var(--uiMaskClipPath);
}
.mask, 
.mask-img{
	transition: clip-path var(--maskAnimationDuration, .2s) var(--maskAnimationTimingFunction, ease-out);
}
/* Первая рамка */
.mask-one{
		--maskClipPath: polygon(0 0, 100% 0, 100% 10%, 100% 100%, 90% 100%, 0% 100%, 0% 90%, 0% 10%);

}
.mask-one-frame{
	--maskAnimationDuration: .4s;
}
.mask-one:hover, 
.mask-one:focus{
		--maskClipPath: polygon(0 10%, 10% 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 90%);

}

.production {
	padding: 20px;
	color:#347ab6;
	font-size: 14px;
}




.iksweb{text-decoration: none;border-collapse:collapse;width:80%;text-align:center;align-self:center; margin: 10px 0 10px 0px;}
.iksweb th{font-weight:normal;font-size:14px; color:#ffffff;background-color:#347ab6;}
.iksweb td{font-size:13px;color:#354251;}
.iksweb td,table.iksweb th{white-space:pre-wrap;padding:10px 5px;line-height:13px;vertical-align: middle;border: 1px solid #354251;}	
.iksweb tr:hover{background-color:#f9fafb}
.iksweb tr:hover td{color:#354251;cursor:default;}


.zagolovok {
	text-align: center;
}





.teamwork {
	height: 25%;
	position:relative;
	align-self: center;
	width: 100%;
}

.main-block1 {
	color: #347ab6;
}

.main-block1 .main-text{
	align-self: flex-start;
	margin-top: 70px;
}

.main-block2 {
	background-color: #347ab6;
	color: #def1f0;
}

.main-block3 {
	color: #347ab6;
	background-color: #347ab6;

}


.main-block4 {
	color: #def1f0;
}


.laptop_{
	width: 352px;
	margin-right:48px;
	margin-left:48px;
}
.laptop{
	width: 70%;
}

.lampa {
	width: 50%;
	transform: translate(50%, -50%) !important;
	position: relative;
}
.free-image {
	height:100%;
	width:auto;
	/* margin-right:48px; */
	/* margin-left:48px; */
	box-sizing: border-box;
	flex: 0 1 100%;
}
.center-image {
	height: 100%;
	width: auto;
	box-sizing: border-box;
	flex: 0 1 100%;
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: row;
	align-content: center;
}
.lampa_ {
	width: 224px;
	height: 390px;
	position: relative;
	top: -195px;
	box-sizing: border-box;
	margin-right:48px;
	margin-left:64px;
}

.support {
	width: 80%;
}
.analitika{
	width: 70%;
}

.support_ {
	width: 320px;
	position: relative;
	top: 0px;
	box-sizing: border-box;
	margin-right:48px;
	margin-left:64px;
}
.analitika_{
	width: 400px;
	margin-right:48px;
	margin-left:48px;
}




.container, .loadcontainer {
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
	/* margin-top: 55px; */
	position:static;
	background-color: #dff3ff;
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
}


section {
	flex: 3 1 auto;
	min-height: 460px;
	min-width: 760px;
	align-self: center;
	width: 100%;
	position: relative;
	padding-top: 55px;
	/* border: solid 3px yellow; */
	/* height:100vh; */
	height: calc(100vh - 20px);
	display:flex;
	display: -ms-flexbox;
	flex-direction: column;
	flex-wrap: nowrap;
}
.section-trading, .section-production{
	height: auto;
}
.section-contacts{
	height: auto;
}

.contacts-con {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 1em;
}
.contact-type {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	justify-content: space-evenly;
	flex: 1 0 25%;
	text-align: center;
}
.contact-type .contact-title {
	font-weight: bold;
}


.section-about {
	flex: 3 1 auto;
    min-height: 760px;
    min-width: 760px;
    align-self: center;
    width: 100%;
    position: relative;
    padding-top: 55px;
    height: calc(100vh - 20px);
    display: flex;
	display: -ms-flexbox;
    flex-direction: column;
    flex-wrap: nowrap;
} 
/* .section-2{ */
	/* display:flex; */
	/* min-height: 92vh; */

/* } */



.main-container {
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	align-items: center;
	/* height: 57vh; */
	/* top: -55px; */
	position: relative;
	height: calc(100vh - 95px);
	justify-content: space-evenly;

}

.main-container div {
	display: flex;
	display: -ms-flexbox;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: space-between;
	justify-content: space-between;
	align-items: center;
	padding-left: 32px;
	padding-right: 32px;
	width: 100%;
	/* flex: 1 1 auto; */
	/* height: 40vh; */
}
.main-text{
	font-size:32px;
}

.main-text1 {
	font-size:32px;
	color:#def1f0;
}


.main-text2 {
	color:#347ab6 ;
	font-size:32px;

}


/* .main-container2 { */
	/* display: flex; */
	/* flex-direction: column; */
	/* align-items: center; */
	/* height: 90vh; */
	/* /* top: -55px; */ */
	/* position: relative; */
/* } */

/* .main-container2 div { */
	/* display: flex; */
	/* flex-direction: row; */
	/* flex-wrap: nowrap; */
	/* align-content: space-between; */
	/* justify-content: space-between; */
	/* align-items: center; */
	/* padding: 32px; */
	/* height: 40vh; */
/* } */


.main-block4 a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
}

.main-block4 a:link {
  color: #347ab6;
}

.main-block4 a:visited {
  color: #347ab6;
}

.main-block4 a:focus {
  border-bottom: 1px solid;
  background: #347ab6;
}

.main-block4 a:hover {
  border-bottom: 1px solid;
  background: #347ab6;
  color: #fff;
  text-decoration: underline;

}

.main-block4 a:active {
  background: #347ab6;
  color: #fff;
}

.main-block1, .main-block2, .main-block3, .main-block4 {
	flex:1;
}


.scalable {
	transform: scale(1);
}

@media screen and (max-width: 1200px){
	.card-text, .card-text1 {
		/* max-width: 70%; */
		/* min-width: 50%; */
	}
	.scalable {
		transform: scale(0.7);
	}
}



















/* ------------------------------------------ */
 @media only screen and (max-width:900px) {

.icon {
	width: 50% !important;
}


.nav-fostrap {
  background: #347ab6;
  width: 300px;
  height: 100%;
  display: block;
  position: fixed;
  left: -300px;
  top: 0px;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
  margin: 0;
  border: 0;
  border-radius: 0;
  /* overflow-y: auto; */
  /* overflow-x: hidden; */
  height: 100%;
}
.title-mobile {
	position: fixed;
	/* display: block; */
	display: none;
	top: 10px;
	font-size: 20px;
	left: 100px;
	right: 100px;
	text-align: center;
	color: #FFF;
}
.nav-fostrap.visible {
  left: 0px;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
}

.nav-bg-fostrap {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 50px;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #347ab6;
	padding: 12px 0 0 10px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	background-image: url(../images/logo-wood-long-big.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14em;
}

.navbar-fostrap {
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  cursor: pointer;
  margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	padding: 12px;
}

.navbar-fostrap.close.visible span {
	visibility:visible !important;
}
.navbar-fostrap.open.visible span {
	visibility:visible !important;
}

.navbar-fostrap.open span {
	visibility:hidden;
	height: 2px;
	background: #fff;
	margin: 5px;
	display: block;
	width: 20px;
}

/* .navbar-fostrap.close span { */
	/* visibility:hidden; */
	/* height: 2px; */
	/* background: red; */
	/* margin: 5px; */
	/* display: block; */
	/* width: 20px; */
/* } */


/* .navbar-fostrap span:nth-child(2) { width: 20px; } */

/* .navbar-fostrap span:nth-child(3) { width: 20px; } */

.navbar-fostrap.close span {cursor: pointer; position: absolute; top: 23px; left: 17px;visibility:hidden;}
.navbar-fostrap.close span:before, .navbar-fostrap.close span:after {content: ""; position: absolute; width: 23px; height: 4px; background: #fff;}
.navbar-fostrap.close span:before {transform: rotate(45deg);}
.navbar-fostrap.close span:after {transform: rotate(-45deg);}



.nav-fostrap ul { padding-top: 50px; }

.nav-fostrap li { display: block; }

.nav-fostrap li a {
  display: block;
  color: #ffffff;
  font-weight: 600;
}

.nav-fostrap li:first-child:hover a { border-radius: 0; }

.nav-fostrap li ul.dropdown { position: relative; }

.nav-fostrap li ul.dropdown li a {
  background: #347ab6 !important;
  border-bottom: none;
  color: #fff !important;
}

.nav-fostrap li:hover a {
  background: #347ab6;
  color: #fff !important;
}

.nav-fostrap li ul.dropdown li:hover a {
  background: rgba(0,0,0,.1) !important;
  color: #fff !important;
}

.nav-fostrap li ul.dropdown li a { padding: 10px 10px 10px 30px; }

.nav-fostrap li:hover .arrow-down { border-top: 5px solid #fff; }

.arrow-down {
  border-top: 5px solid #fff;
  position: absolute;
  top: 20px;
  right: 10px;
}

.cover-bg {
  background: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
}
 
.contact-image {
	width: 40px;
	height: 40px;
}
.contact-image img{
	width: 100%;
	height: 100%;
}

a[href^="mailto:"] {
  font-size: 13px;
  line-height: 32px;
  color: #347ab6;
}

a[href^="tel:"] {
  font-size: 13px;
  line-height: 32px;
  color: #347ab6;
}






.globe-container,
.globe {
    width: 200px;
    height: 200px;  
}
.globe-container {
    position: relative;  
    display: flex;
	display: -ms-flexbox;
    margin: 30px;
    transform: scale(1.1);
	justify-content: center;
	width: auto;
}
.globe {
    position: relative;  
    display: block;
    margin: 0;
    padding: 0;
    top: 0; 
    left: 0;
}
.globe-worldmap,
.globe-worldmap-front,
.globe-worldmap-back,
.globe-sphere,
.globe-outer-shadow,
.globe-inner-shadow {
    position: absolute; 
    display: block; 
    margin: 0; 
}
.globe-sphere,
.globe-outer-shadow,
.globe-inner-shadow {
    left: 0; 
    top: 0; 
    width: 200px; 
    height: 200px;
    background-position: 0 0; 
    background-repeat: no-repeat;
}
.globe-worldmap {
    left: 0; 
    top: 0; 
    width: 200px; 
    height: 200px; 
    overflow: hidden;
    border-radius: 50%;
}
.globe-worldmap-front,
.globe-worldmap-back {
    left: 0; 
    top: 0; 
    width: 1000px; 
    height: 200px; 
    overflow: visible;
    background-image: url(../images/worldmap.svg);
    background-repeat: no-repeat;
}
.globe-outer-shadow { 
    left: 0; 
    top: 186px; 
    width: 200px; 
    height: 30px;
    background-image: url(../images/outer_shadow.svg);
}
.globe-inner-shadow { 
    background-image: url(../images/inner_shadow.svg);
}
 
.globe-worldmap-front { 
    background-position: 0px 0px;
    animation: textureSpinreverse 8s linear infinite;
}
.globe-worldmap-back { 
    background-position: 0px -220px;
    animation: textureSpin 8s linear infinite;
}
 
@keyframes textureSpin {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-47.5%);
    }
}
@keyframes textureSpinreverse {
    from {
        transform: translateX(-47.5%);
    }
    to {
        transform: translateX(0);
    }
}









::-webkit-input-placeholder {font-size: 16px;}
::-moz-placeholder {font-size: 16px;}         
:-moz-placeholder {font-size: 16px;}
:-ms-input-placeholder {font-size: 16px;}
:focus::-webkit-input-placeholder {opacity: 0;}    
:focus::-moz-placeholder {opacity: 0;}    
:focus:-moz-placeholder {opacity: 0;}    
:focus:-ms-input-placeholder {opacity: 0;}  
.forma {
	display:flex;
	display: -ms-flexbox;
	justify-content: center;
}  
.form-at {
    width: 60%;
    padding: 20px;
    box-sizing: border-box; 
    overflow: hidden;
    font-size: 0;  
    letter-spacing: 0;    
    background: #dff3ff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 10px 18px rgba(0,0,0,0.2);
}
.form-at * {
    box-sizing: border-box;
    font-family: Verdana, sans-serif;    
}
.validate-input-at,
.no-validate-input-at {
    width: 100%;
    position: relative;
    background-color: #fff;
    border: 2px solid #BFE2FF;
    border-radius: 2px;
    margin-bottom: 20px;
}
.validate-input-at.w-50,
.no-validate-input-at.w-50 {
    width: calc(50% - 10px);
    display: inline-block;
}
.validate-input-at.w-50:first-child,
.no-validate-input-at.w-50:first-child {
    margin-right: 20px;
}
.input-at {
    display: block;
    width: 100%;
    background: transparent;
    color: #000;
}
input.input-at {
    height: 50px;
    padding: 0 20px 0 20px;
    font-size: 16px;
    outline: none;
    border: none;  
}
textarea.input-at {
    min-height: 170px;
    padding: 18px 20px;
    font-size: 16px;
    line-height: 22px;
    outline: none;
    border: none;
    resize: none;
}
textarea.input-at:focus, 
input.input-at:focus {
    border-color: transparent;
}
.focus-input-at {
    position: absolute;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    pointer-events: none;
    border: 2px solid #337AB7;
    border-radius: 2px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
    transform: scaleX(1.1) scaleY(1.3);
}
.input-at:focus + .focus-input-at {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.form-at-btn {
    position: relative;
    display: block;
    padding: 0 40px;
    height: 50px;
    background-color: #337AB7;
    border-radius: 2px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    transition: all 0.4s;
    margin: 0 auto;
    outline: none;
    border: none;
    cursor: pointer;        
}
.form-at-btn:hover {
    background-color: #333333;
}
.form-at-btn[disabled] {
    opacity: .6;
    cursor: not-allowed;
}
.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    pointer-events: none;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s;
}
.alert-validate::after {
    content: "\f129";
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    color: #c80000;
    font-size: 18px;
    font-weight: bold;    
    top: 50%;
    transform: translateY(-50%);
    right: 22px;
}
.alert-validate:hover:before {
    visibility: visible;
    opacity: 1;
}
.error-at {
    color: red;
    padding: 10px 0;
}
.success-at {
    color: green;
    font-size: 28px;
    padding: 20px 0;
    text-align: center;
}
.form-at input[type=checkbox] {
    display:none;
}
.form-at input[type=checkbox] + label {
    display: block;
    position: relative;
    margin: 0 0 20px 34px;
    font-size: 13px;
    line-height: 24px;
    color: #333333;
}
.form-at input[type=checkbox] + label:before {
    box-sizing: border-box;
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    line-height: 22px;
    left: -34px;
    border: 2px solid #BFE2FF;
    border-radius: 2px;
}
.form-at input[type=checkbox]:checked + label:before{
    content: '\2714';
    color:#337AB7;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    border: 2px solid #337AB7;
}
@media (max-width: 768px) {
    .validate-input-at.w-50 {
        width: 100%;
    }
    .validate-input-at.w-50:first-child {
        margin-right: 0;
    }
    .alert-validate::before {
        visibility: visible;
        opacity: 1;
    }
}


.iksweb1{text-decoration: none;border-collapse:collapse;display:flex;display: -ms-flexbox;width:100%;justify-content:center;text-align:center;align-self:center; margin: 10px 0 10px 0px;}
.iksweb1 th{font-weight:normal;font-size:16px;line-height:32px; color:#347ab6;background-color:#347ab6;}
.iksweb1 td{font-size:13px;color:#347ab6;line-height:32px;overflow:hidden; width:250px;}
.iksweb1 td,table.iksweb1 th{white-space:pre-wrap;line-height:13px;vertical-align: middle;border: 0px solid #354251;}	

.text-about-center {
	margin: 10px;
	position: relative;
	min-width: 25%;
	width: 90%;
	align-self: center;
	color:#347ab6;
	font-size: 15px;
	margin-left: 50px;
	margin-top: 50px;
}

.text-about {
	font-size: 18px;
	flex: 0 3 50%;
	padding-left: 3em;
	text-align: justify;
	color:#347ab6;
}




.iksweb2{text-decoration: none;border-collapse:collapse;width:50%;text-align:center;align-self:center; margin: 10px 0 10px 0px;}
.iksweb2 th{font-weight:normal;font-size:14px; color:#ffffff;background-color:#347ab6;}
.iksweb2 td{font-size:13px;color:#354251;}
.iksweb2 td,table.iksweb2 th{white-space:pre-wrap;padding:5px 5px;line-height:10px;vertical-align: middle;border: 1px solid #354251;}	
.iksweb2 tr:hover{background-color:#f9fafb}
.iksweb2 tr:hover td{color:#354251;cursor:default;}

#big-photo {
	z-index:100;
	position:relative;
	display:flex;
	display: -ms-flexbox;
	align-items:center;
	justify-content: flex-start;
}

#big-photo1 {
	z-index:100;
	position:relative;
	display:flex;
	display: -ms-flexbox;
	align-items:center;
	justify-content: flex-start;
}

.tree {
	position:relative;
	flex: 0 1 40%;
	max-width: 40%;
	min-width: 30%;
}

.section-3 {
	background-image: url('../images/tree.png');
	background-size: 30% auto;
    background-repeat: no-repeat;
	background-position: center center;
	flex-direction: row;

}

.gradient-background {
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
	background: linear-gradient(to top, #337AB7, #BFE2FF);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.section-contacts .production {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.form-at {
	width: auto;
}

.form-at-alert-border{
	    border: 2px solid red !important;
}
.form-at-alert{
	font-size: 10px;
	color: red;
	text-align: center;
	display: block;
	position: static;
	border: 1px solid red;
	padding: 5px;
	border-radius: 2px;
}

.link-vbittrack {
	display: flex;
	width: 100%;
	text-align: center;
	height: 60px;
	align-items: center;
	justify-content: center;
	position:relative;
}
.link-vbittrack a{
	position: relative;
	padding: 10px 40px;
	background-color: #337AB7;
	border-radius: 2px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.link-vbittrack-block{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-around;
}

.link-vbittrack-block .production{
	padding-left:0px;
	height: 250px;
}
.link-vbittrack-block .link-vbittrack img{
	height:200px;
	background-color:#fff;
	padding:10px;
}
.link-vbittrack-block .link-vbittrack a{
	background-color:transparent;
	color: #337AB7;
	font-weight: bold;
}




@media screen and (max-height: 650px){
	.teamwork {
		position: relative;
		align-self: center;
		width: unset;
		float: right;
		height: 15em;
		margin-top: 3em;
	}
	.imgsert{
		height:60%;
	}
	.hr-shelf{
		display:none;
	}

}