@font-face {
  font-family: "ProximaNova";
  src: url(font/ProximaNova-Reg.otf) format("truetype");
}
@font-face {
  font-family: "ProximaNova-Bold";
  src: url(font/ProximaNova-Bold.otf) format("truetype");
}
@font-face {
  font-family: "ProximaNova-Black";
  src: url(font/ProximaNova-Black.otf) format("truetype");
}
@font-face {
  font-family: "ProximaNova-Semibold";
  src: url(font/ProximaNova-Semibold.otf) format("truetype");
}

body{
  font-family:"ProximaNova";
  background-image:url(../images/hatter.jpg);
}

img{
	max-width:100%;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color:#ffffff;
  z-index:10000000000;
  border-bottom: 3px solid #4473a4;
}
.sticky + .header-big-block {
  padding-top: 63px;
}

.sticky .navbar{
  border-bottom: 0px solid #4473a4 !important;	
}


.navbar-toggler{
	outline:none !important;
}

.navbar{
	border-bottom: 3px solid #4473a4;
	padding-left: 0px;
    padding-right: 0px;
    text-transform:uppercase;
}

.navbar-brand img{
	max-width:70%;
}

.navbar .nav-item a{
	border-left:1px solid #4473a4;
	border-right:1px solid #4473a4;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:20px !important;
    padding-left:20px !important;
  	font-family:"ProximaNova-Semibold";
  	color:#808080 !important;
}

.navbar-nav .nav-item:first-child a { 
	border-left:0px solid #4473a4;
}

.navbar-nav .nav-item:last-child a { 
	border-right:0px solid #4473a4;

}

.head-bg-cont{
  background-image:url(../images/menu1-hatter.jpg);
  background-size: cover;
  background-position: center center;
}


.logo-slogen{
	width:100%;
}

.white-bg-image{
  /*background-image:url(../images/menu2-feher-atmenet.png);
  background-size: cover;*/
}

.big-logo{
	margin-top:150px;
	margin-bottom:150px;
}


.navbar-nav .nav-item{
	/*padding-left:10%;
	padding-right:10%;*/
}

.slider-line{
	margin-top:80px;
}

.big-title{
	text-transform: uppercase;
  	font-family:"ProximaNova-Semibold";
  	color:#5b6164 !important;
  	margin-top: 280px;
}

.menu-point-title{
	text-transform:uppercase;
	color:#7d7d7d;
  	font-family:"ProximaNova-Semibold";
  	padding-left:5%;
  	padding-right:5%;
}

.menu-point-text{
	color:#808080;
  	font-family:"ProximaNova";
  	padding-left:5%;
  	padding-right:5%;
  	text-align:justify;
}

.center-align{
	text-align:center;
}

.slider-img{
	width:70% !important;
	margin:auto;
	cursor:pointer;
}

.owl-prev{
	position:absolute;
	left:0px;
	font-size:20pt;
	top: 30px;
	outline:none !important;
}
.owl-next{
	position:absolute;
	right:0px;
	font-size:20pt;	
	top: 30px;
	outline:none !important;
}
.owl-prev span,.owl-next span{
	font-size:60pt;
	color:#67696d;
	outline:none !important;
}
.lg-toolbar{
    margin-top:58px !important;
}
.lg-download{
	display:none !important;
}

@media only screen and (max-width: 1199px) {
	.navbar .nav-item a{
    	padding-right:4px !important;
    	padding-left:4px !important;
    }
    .navbar-brand{
    	margin-right:0px;
    }
    .big-title{
    	margin-top:240px !important;
    }


}

@media only screen and (max-width: 991px) {
    .navbar .nav-item a{
		border:0px solid #4473a4 !important;
		text-align:right;
	}
	.big-title {
	    margin-top: 200px !important;
	}
}

@media only screen and (max-width: 767px) {
	.slider-line{
		display:none;
	}
	.big-title {
	    font-size: 20pt;
	    margin-top:0px;
	    text-align:center;
	    width:100%;
	    margin-top:10px !important;
	}
	.big-logo{
		margin-top:10px;
		margin-bottom:10px;
		max-width:40%;
		margin-left:30%;
	}
}

@media only screen and (max-width: 400px) {
	.navbar-brand{
		max-width:60%;
	}
}


@media only screen and (min-width: 1730px) {
	/*.light-bg{
		background-color:#f3f3f3;
	}
*/
	.head-bg-cont{
	  height:100vh;
	}

	.header-big-block{
		margin-top:10vh;
	}
}
@media only screen and (min-width: 1000px) {
	.logo-slogen{
		margin-top:20vh;
		margin-bottom:20vh;
	}
}