@import url("hb-bootstrap.css");
@import url("/design-files/fonts/icofont/css/icofont.css");
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@font-face {
	font-family:'Avenir Next';
	src:url('fonts/AvenirNextLTPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
/*------------------------------------*\
	MAIN STYLE
\*------------------------------------*/
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	margin: 0;
	font-size: 18px;
	line-height 1.5;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('/design-files/bg.jpg');
}
/* sliders */
.slideshow-container {
	display: none;
}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
.hidden {
	display: none !important;
}
p {
	text-align: center;
}
a, a:focus {
	color: #fff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.wrapper {
	display: block;
	margin: 0 auto;
	width: 90%;
	max-width: 1060px;
	position: relative;
	top: 0;
	bottom: 0;
	min-height: 100vh;
	/*background-color: rgba(0,0,0,0.7);*/
}
.wrapper-2 {
	display: block;
	float: left;
	width: 100%;
	min-height: 100vh;
	background-color: rgba(12, 43, 70, 0.87);
}
h1, h2 {
	font-family: 'Avenir Next', sans-serif;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
}
h1 {
	font-size: 38px;
	margin: 32px 64px 16px;
}
h2 {
	font-size: 31px;
	margin: 32px 64px 8px;
}
img {
	max-width: 100%;
}

header {
	background-color: transparent;
}
section {
	display: block;
	float: left;
	width: calc(100% - 128px);
	padding: 0 64px;
}
/* sections */
#contacts-section p {
	line-height: 30px;
}
#contacts-section p a {
	font-size: 20px;
	margin: 0 10px 10px;
}
#contacts-section p a .icofont.icofont-phone-circle {
	font-size: 28px;
}
#contacts-section p a .icofont.icofont-send-mail {
	font-size: 34px;
}
#socials-section .buttons {
	display: block;
	float: none;
	width: auto;
	margin: 32px auto 32px;
	text-align: center;
}
#socials-section .button {
	display: inline-block;
	margin: 0 10px;
}
#socials-section .button > span {
	display: inline-block;
	width: 162px;
	height: 46px;
	margin: 4px 30px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.button:hover {
	background-color: rgba(0,0,0,0.7);
}
@media (max-width: 1024px) {

	.logo {
		display: none;
	}
	.slideshow-container {
		display: block;
	}

	.wrapper-2 {
		padding-top: 20px;
	}
	h1 {
		font-size: 31px;
		margin: 26px 16px 16px;
	}
	h2 {
		font-size: 28px;
		margin: 27px 16px 8px;
	}
	section {
		width: calc(100% - 32px);
		padding: 0 16px;
	}
}

@media (max-width: 760px) {
.texttrans {
display:none;
}
}