@media (max-width: 767px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1920px) {}

* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	font-family: Roboto-Regular;

}



@font-face {

  font-family: Roboto-Regular;

  src: url('../font/Roboto/Roboto-Regular.ttf');

}



@font-face {

  font-family: Roboto-Bold;

  src: url('../font/Roboto/Roboto-Bold.ttf');

}



@font-face {

  font-family: Roboto-Light;

  src: url('../font/Roboto/Roboto-Light.ttf');

}



@font-face {

  font-family: Roboto-Condensed-Bold;

  src: url('../font/Roboto-Condensed/Roboto-Condensed-Bold.ttf');

}



@font-face {

  font-family: Calibri;

  src: url('../font/Calibri/calibri.ttf');

}



@font-face {

  font-family: Impact;

  src: url('../font/Impact/impact.ttf');

}



html {

	font-size: 100px;

	scroll-behavior: smooth;

}



@media (max-width: 1440px) {

	html {

	  font-size: 90px;

	}

}

  

@media (max-width: 1200px) {

	html {

	  font-size: 80px;

	}

}

  

@media (max-width: 992px) {

	html {

	  font-size: 70px;

	}

}

  

@media (max-width: 768px) {

	html {

	  font-size: 60px;

	}

}

  

@media (max-width: 500px) {

	html {

	  font-size: 50px;

	}

}



li {

	list-style: none;

}



a {

	text-decoration: none;

	color: #333;

}



a:hover {

	text-decoration: none;

}



img {

	border: 0;

	max-width: 100%;

}



select {

  appearance: none;  

  -moz-appearance: none;  

  -webkit-appearance: none;

  background-image: url("../images/icon2.png");

	background-repeat: no-repeat;

	background-position: right .12rem center;

}



input {

	text-transform: none;

	outline: none;

}



textarea {

	-webkit-appearance: none;

	text-transform: none;

	outline: none;

	resize: none;

}



.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.clearfix {

	*zoom: 1;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



.hid {

	overflow: hidden;

}



body {

	color: #333;

	background: #fff;

	overflow-x: hidden;

}



.swiper-pagination {

	font-size: 0;

}



.visible-xs,

.visible-sm,

.visible-md {

	display: none !important;

}



@media (min-width: 992px) and (max-width: 1199px) {

	.visible-md {

		display: block !important;

	}

}



@media (min-width: 768px) and (max-width: 991px) {

	.visible-sm {

		display: block !important;

	}

}



@media (max-width: 767px) {

	.visible-xs {

		display: block !important;

	}

}



@media (min-width: 992px) and (max-width: 1199px) {

	.hidden-md {

		display: none !important;

	}

}



@media (min-width: 768px) and (max-width: 991px) {

	.hidden-sm {

		display: none !important;

	}

}



@media (min-width: 768px) {

	.hidden-pc {

		display: none !important;

	}

}



@media (max-width: 767px) {

	.hidden-xs {

		display: none !important;

	}

}