@charset "UTF-8";
/*
Theme Name: Kanazri
*/
@font-face {
    font-family: 'Muller';
    src: url('MullerLight.eot');
    src: local('Muller Light'), local('MullerLight'),
        url('assets/fonts/MullerLight.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/MullerLight.woff2') format('woff2'),
        url('assets/fonts/MullerLight.woff') format('woff'),
        url('assets/fonts/MullerLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Muller';
    src: url('MullerMedium.eot');
    src: local('Muller Medium'), local('MullerMedium'),
        url('assets/fonts/MullerMedium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/MullerMedium.woff2') format('woff2'),
        url('assets/fonts/MullerMedium.woff') format('woff'),
        url('assets/fonts/MullerMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

html, body { font-family: 'Muller', sans-serif; font-weight: 300; color: #707070; font-size: 16px; overflow-x: hidden; }
body { padding-top: 56px; }
h1 { font-weight: 500; font-size: 40px; }
h2 { font-weight: 500; font-size: 40px; color: #E76D1E; }
h1, h3,h5 { color: #043C5D }
h4 { font-size: 24px; color: #043C5D; }
a { text-decoration: none; }
.navbar { padding-top: 40px; padding-bottom: 40px;}
.navbar-brand { width: 147px; height: 50px; text-indent: -1000px; background: url("assets/img/logo.png") center no-repeat; position: relative; }
.navbar-nav .nav-link { font-size: 16px; text-transform: uppercase; color: #707070; }
.tel { font-size: 16px; }
.tel a { color: #707070; margin-right: 15px; }
.navbar-nav .nav-link:hover,.tel:hover a { color: #E76D1E; }
.btn-max { border: none; line-height: 36px; border-radius: 18px; font-weight: 300; padding: 0 20px; color: #fff; font-size: 16px; background: rgb(254,191,1); background: -moz-linear-gradient(left,  rgba(254,191,1,1) 0%, rgba(230,106,0,1) 100%); background: -webkit-linear-gradient(left,  rgba(254,191,1,1) 0%,rgba(230,106,0,1) 100%); background: linear-gradient(to right,  rgba(254,191,1,1) 0%,rgba(230,106,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( tartColorstr='#febf01', endColorstr='#e66a00',GradientType=1 ); }
.btn-blue { border: none; line-height: 36px; border-radius: 18px; font-weight: 300; padding: 0 20px; color: #fff; font-size: 16px; background: #043C5D; }

.hero { background: #F9FAFB; padding-top: 74px; height: 100vh; position: relative; }
.hero-outer { position: relative; }
.hero-content { position: absolute; bottom: 30px; left: 15px; background: #043C5D; color: #fff; width: 560px; padding: 30px; }
.section-1 { position: relative; background: #fff; margin-top: -80px; margin-bottom: 60px; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.25); box-shadow: 0 0 15px 0 rgba(0,0,0,.15); }
.section-img,.section-content { width: 50%; }
.section-content { padding: 30px; }
.blue { background: #043C5D; color: #fff; }
.blue h3 { color: #E76D1E; }
.block { padding-bottom: 60px; }
.outer { padding: 15px; background: #fff; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.25); box-shadow: 0 0 15px 0 rgba(0,0,0,.15); }
section { padding: 60px 0; }

.page-heading { height: 100vh; margin-bottom: 60px; }
.about { background: url("assets/img/about-bg.jpg") center no-repeat; }
.services { background: url("assets/img/services-bg.jpg") center no-repeat; }
.contact { background: url("assets/img/contact-bg.jpg") center no-repeat; }
.text-large { font-size: 22px; }
.top-up { margin-top: -120px; }
.quotes { position: relative; height: 500px; background: url("assets/img/quotes-bg.jpg") center no-repeat; }
.quotes-alt { background: url("assets/img/quotes-bg-2.jpg") center no-repeat; }
.quotes-content { position: relative; padding-left: 30px; }
.quotes-content:before { font-family:var(--fa-style-family,"Font Awesome 6 Free"); font-weight:var(--fa-style,900); content:"\f10e"; position: absolute; left: 0; top: 0; }
.map-frame { width: 100%; height: 100%; height: 600px; position: relative; }
.map-frame  iframe { border: none }
.footer { background: #F9F9F9; padding: 30px 0; }

@media (max-width: 991.98px) { 
	.offcanvas-collapse { position: fixed; top: 90px; bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: #fff; transition: transform .3s ease-in-out, visibility .3s ease-in-out; }
	h2 { font-size: 30px; }
	.hero { height: auto; padding-bottom: 90px; }
	.offcanvas-collapse.open { visibility: visible; transform: translateX(-100%); }
	.navbar { padding-top: 20px; padding-bottom: 20px;}
	.hero-content { position: relative; width: 100%; left: 0; margin-top: 30px; text-align: center;}
	.section-img,.section-content { width: 100%; }
	.top-up { margin-top: 0; }
}