/***Reset bootstrap default style***/
ul{
	list-style: none; margin: 0px; padding: 0px;
}
.navbar-default {
    background-color: transparent; border-color: transparent;
}
.navbar-brand{
	height: auto;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-collapse {
    margin-top: 20px; border-top: none;
}
a{
	transition: all 0.2s ease-in;
}
a:hover{
	text-decoration: none; opacity: 0.7;
}
/********************/
@font-face{
	src: url('../font/ArticulatCF-ExtraBold.ttf');
	font-family: 'ArticulaCF-ExtraBold';
}
@font-face{
	src: url('../font/ArticulatCF-Bold.ttf');
	font-family: 'ArticulaCF-Bold';
}
@font-face{
	src: url('../font/ArticulatCF-DemiBold.ttf');
	font-family: 'ArticulaCF-DemiBold';
}
@font-face{
	src: url('../font/ArticulatCF-Light.ttf');
	font-family: 'ArticulaCF-Light';
}
@font-face{
	src: url('../font/ArticulatCF-Normal.ttf');
	font-family: 'ArticulaCF-Normal';
}
/*******************/
.container-fluid.limit{
    max-width: 1200px;
}
strong{
    font-family: 'ArticulaCF-DemiBold';
}
header{
    text-align: center;
    background: url('../img/bkg_header.jpg') no-repeat top center;
    padding-bottom: 80px;
    padding-top: 40px;
    margin-bottom: 60px;
}
header div{
    position: relative;
}
.navbar-toggler{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 30px;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='60' height='40' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.nav-link{
    color: #fff;
    font-size: 35px;
    font-family: 'ArticulaCF-DemiBold';    
}
header .logo{
    margin-bottom: 20px;
    max-width: 350px;
}
.box {
    position: fixed;
    top: 0%;
    left: -100%;
    height: 100%;
    width: 33%;
    background: rgba(0, 0, 0, 0.85);
    display: block;
    z-index: 999999;
}
.box button{
    z-index: 999999;
    margin-top: 10px;
    left: 50%;
    transform: translateX(-50%);
}
.box button img{
    width: 40px;
}
.box-inner {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
    overflow: none;
}
.box-inner ul{
    padding-top: 5.5em;
    letter-spacing: 0.5px;
}
footer{
    padding-bottom: 120px;
}
footer *{
    color: #343E85 !important;
}
footer .logo{
    margin-top: 30px;
    max-width: 320px;
}
footer li{
    margin-bottom: 30px;
}
footer li h5{
    font-family: 'ArticulaCF-ExtraBold';
    font-size: 16px;
    margin-bottom: 0;
}
footer li p,footer li a{
    font-family: 'ArticulaCF-Light';
    font-size: 22px;
}
footer p{
    margin-bottom: 0;
}
footer .contact{
    max-width: 220px;
    margin-top: 150px;
    margin-left: auto;
    margin-right: 0;
    font-size: 14px;
}
footer .contact p{
    font-family: 'ArticulaCF-Normal';
}
footer .contact a{
    font-family: 'ArticulaCF-DemiBold';
}
/***Responsive***/
@media(max-width: 992px){
    main *{
        text-align: center;
    }
    main .all-kind p, main .coating p{
        max-width: initial !important;
        text-align: center;
    }
    footer{
        text-align: center;
    }
    footer ul{
        margin-top: 40px;
    }
    footer .contact{
        margin-top: 40px;
        margin-right: auto;
    }
}
@media(max-width: 768px){
    .box{
        width: 66%;
    }
}
@media(max-width: 475px){
	
}