@font-face {font-family: dinRegular;src: url("../font/din-regular.ttf");}

body{font-family: dinRegular;margin: 0;padding: 0;}

h1{font-size: 25px;margin: 0 0 10px 0;}

h2{color: #969f8c;margin: 0 0 4px 0;padding: 0;position: relative;top: -6px;}

h3{margin: 0;padding: 0;}

h4{line-height: 24px;}

p{color: #808285;}

h3{font-size: 21px;}

.wrapper{height: 100vh;width: 100%;float: left;}

header{height: 18%;margin-bottom: 30px;position: relative;}

.logo{position: absolute;bottom: 0;margin-left: 55px;}

.logo a{text-decoration:none;}

.logo a:hover{text-decoration:none;}

.logo img{cursor:pointer;}

nav{background-color: #969f8c;height: 28px;float: left;width: 100%;}

nav .left{float: left;list-style: none;height: 30px;margin-left: 55px;padding: 0;width: auto;margin-bottom: 0;}

nav .left li{float: left;height: 28px;}

nav .left li a{float: left;text-align: left;padding: 2px 10px 3px 10px;color: #FFFFFF;font-size: 16px;text-decoration: none;}

nav .left li a:hover{text-decoration: none;}

nav .left .active{background-color: #858e7a;}

nav .right{float: right;list-style: none;height: 30px;padding: 0;width: auto;margin-bottom: 0;}

nav .right li{float: left;height: 28px;}

nav .right li a{float: left;text-align: left;padding: 2px 10px 3px 10px;color: #FFFFFF;font-size: 16px;text-decoration: none;}

nav .right li a:hover{text-decoration: none;background-color: #858e7b;}

nav .right .active{background-color: #858e7a;}

nav .right .phone{float: left;text-align: left;padding: 2px 10px 3px 10px;color: #FFFFFF;font-size: 16px;margin-right: 16px;}

.content-area{/*height: calc(100vh - 197px);min-height: 450px;*/height:auto;}

.content-area .col-lg-8{padding-right: 0;margin-right: 0;}

.content-area .col-lg-3{margin-left: 12px;height: 100%;overflow: auto;}

.banner-area{/*height: calc(100vh - 225px);*/height:auto;}

.page-content ul, ol{margin: 0 0 0 16px;padding: 0;}

footer{float: left;width: 100%;height: auto;bottom: 0;}

footer .top{float: left;width: 100%;background-color: rgba(126,122,110, 0.5);height: auto;padding-left: 25px;}

footer .top ul{list-style: none;margin: 0;}

footer .top ul li{float: left;margin-right: 20px;}

footer .top ul li a, a:hover{color: #FFFFFF;text-decoration: none;padding: 6px;float: left;}

footer .bottom{height: auto;float: left;padding-right: 0;}

footer .bottom ul{list-style: none;margin: 0;}

footer .bottom ul li{float: left;}

footer .bottom ul li a, a:hover{color: #808285;text-decoration: none;padding: 6px;float: left;}

footer .bottom ul li.divider{padding: 7px 0 0 0;color: #808285;}

.carousel {float: left;height: 100%;width: 100%;}

.carousel-inner {height: calc(100vh - 225px);}

.carousel-inner .item {height: auto;background-size: contain;background-repeat: no-repeat;}

.carousel-inner .item img {height: auto;width: 100%;}

.carousel-inner{height: 100%;}

.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity;transition-property: opacity;}

.carousel-fade .carousel-inner .item,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {opacity: 0;}

.carousel-fade .carousel-inner .active,

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {opacity: 1;}

.carousel-fade .carousel-inner .next,

.carousel-fade .carousel-inner .prev,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.carousel-fade .carousel-control {z-index: 2;}

.carousel-indicators .active {width: 20px;height: 15px;margin: 0;background-color: #000;border: none;border-radius: 4px;}

.carousel-indicators li {

    width: 20px;

    height: 15px;

    margin: 0;

    background-color: #fff;

    border: none;

    border-radius: 4px;

    -webkit-transform: skew(15deg, 0deg);

    -moz-transform: skew(15deg, 0deg);

    -ms-transform: skew(15deg, 0deg);

    -o-transform: skew(15deg, 0deg);

    transform: skew(15deg, 0deg);

}




.spinner {
   width: 56px;
   height: 56px;
   border: 11.2px #858e7a double;
   border-left-style: solid;
   border-radius: 50%;
   animation: spinner-aib1d7 0.75s infinite linear;
	margin: 0 auto;
	margin-top: 55px;
}

@keyframes spinner-aib1d7 {
   to {
      transform: rotate(360deg);
   }
}




@media screen and (max-width: 900px) and (min-width: 300px) {

	.wrapper{height: 100%;}

	.content-area{height: 100%;float: left;}

	.content-area .col-lg-8{padding-right: 0px;}

	.content-area .col-lg-3{margin-left:0;}

	.logo{position: relative;margin: 10px;float: left;}

	.carousel-inner{height: auto !important;}

	nav{height: auto;}

	nav .left{margin-left: 10px;}

	.page-heading{margin-top: 10px;}

	footer .bottom{background-color: #969f8c;height: auto;float: left;padding-right: 0;}

	footer{padding-right: 0 !important;}

	footer .bottom ul{padding: 10px;}

	footer .bottom ul li a, a:hover {

		color: #FFFFFF !important;

		text-decoration: none;

		padding: 6px;

		float: left;

	}

	footer .bottom ul li.divider{color: #FFFFFF;}

	.banner-area{height: 250px;}

	.carousel{height: 250px;}

	.carousel-inner .item{background-size: contain;}

}