@charset "utf-8";
/* CSS Document */

/*html, body {
	width: 100%;
	overflow-x: hidden;
} */



:root {
    /* Color */
    --body-font: 'Roboto', sans-serif;
    --body-font-size: 16px;

    --f1-font-size: calc(var(--f2-font-size) + 4px);
    --f2-font-size: calc(var( --f3-font-size) + 4px);
    --f3-font-size: calc(var(--f4-font-size) + 6px);
    --f4-font-size: calc(var(--f5-font-size) + 4px);
    --f5-font-size: calc(var(--f6-font-size) + 4px);
    --f6-font-size: calc(var(--body-font-size) + 4px);

    --body-font-size-1: calc(var(--body-font-size) - 1px);
    --body-font-size-2: calc(var(--body-font-size) - 2px);
    --body-font-size-3: calc(var(--body-font-size) - 3px);
    --body-font-size-4: calc(var(--body-font-size) - 4px);
    --primary-color: #be2908;
    --secondary-color: #ffba00;
    --white-color: #ffffff;
    --soft-gray: #fafafa;
    --very-light: #f5f5f5;
    --soft-light-eee: #eeeeee;
    --color-ccc: #cccccc;
    --semi-light-999: #999999;
    --mid-light-777: #777777;
    --mid-dark-666: #666666;
    --light-charcoal-555: #555555;
    --dark-charcoal-333: #333333;
    --black-color: #000000;
    --facebook: #215595;
    --twitter: #1c9be9;
    --instagram: #f60868;
    --youtube: #f60002;   
    --bs-navbar-toggler-icon-bg: url(../images/navbar-toggler-icon.png);
    --FontAwesome4: 'FontAwesome';
    --FontAwesome5: 'FontAwesome';
}

h1, h2, h3, h4, h5, h6 { font-weight: 600; padding: 0; margin: 0; }

h1 { font-size: var(--f1-font-size)}
h2 { font-size: var(--f2-font-size)}
h3 { font-size: var(--f3-font-size)}
h4 { font-size: var(--f4-font-size)}
h5 { font-size: var(--f5-font-size)}
h6 { font-size: var(--f6-font-size)}


@font-face {
    font-family: 'glyphiconshalflingsregular';
    src: url('../fonts/glyphiconshalflingsregular.eot');
    src: url('../fonts/glyphiconshalflingsregular.eot') format('embedded-opentype'),
         url('../fonts/glyphiconshalflingsregular.woff2') format('woff2'),
         url('../fonts/glyphiconshalflingsregular.woff') format('woff'),
         url('../fonts/glyphiconshalflingsregular.ttf') format('truetype'),
         url('../fonts/glyphiconshalflingsregular.svg#glyphiconshalflingsregular') format('svg');
}
/* .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
} */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Google Fonts */
@font-face {
    font-family: CambriaFont;
    src: url(../fonts/Cambria.ttf);
}
:root {
    /* Color */
    --main-bg-color: #022547;
    --second-bg-color: #ea6645;
    --heading-text-color: #022547;
    --main-text-color: #022547;
    --white-color: #fff;
    --black-color: #000;
    /* Font family */
    --body-font: 'Poppins', sans-serif;
    /* --heading-font: CambriaFont; */
    --body-font-size: 16px;

}
html { scroll-behavior: smooth; }

* { padding: 0; margin: 0; box-sizing: border-box; }

::after, ::before { box-sizing: border-box; }

body {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: var(--body-font-size);
    /* line-height: 1.5; */
    background: var(--white-color);
    /* letter-spacing: 0.4px; */
    overflow-x: hidden;
    color: var(--main-text-color);
}

/* h1 { font-size: 40px; font-weight: 600;}
h2 { font-size: 32px; font-weight: 600;}
h3 { font-size: 28px; font-weight: 600;}
h4 { font-size: 24px; font-weight: 600;}
h5 { font-size: 20px; font-weight: 600;}
h6 { font-size: var(--body-font-size); font-weight: 600; } */
p { font-size: var(--body-font-size); font-weight: normal;}

h1, h2, h3, h4, h5, h6 {
padding: 0; margin: 0 0 15px 0;
}
p { padding: 0; margin: 0 0 10px 0; font-size: var(--body-font-size); color: var(--main-text-color); }
img {
    width: auto;
    max-width: 100%;
    display: block;
    border: 0;
}
ul, ol {padding: 0; margin: 0; list-style: none; }
ol { list-style: decimal inside; }
ul li { list-style-type: none;}
a, a:hover, a:focus { text-decoration: none; }
b, strong { font-weight: 600; }
blockquote { padding: 0; margin: 0; border: none; }

/* a, a:hover, a:visited
{
    color: #21a108;
} */
/* ::selection
{
    background: #21a108;
    color: #fff;
}
::-moz-selection
{
    background: #21a108;
    color: #fff;
} */
a:focus, p:focus, div:focus, input:focus, textarea:focus, submit:focus, button:focus {
    outline: none;
}
/***************
page scrool
**************/
.scrollup {
    right: 15px;
    position: fixed;
    bottom: -80px;
    width: 45px;
    height: 45px;
    z-index: 9999;
    background: var(--second-bg-color);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    text-align: center;
    color: var(--main-text-color);
    padding: 10px;
    font-size: 18px;
}
.scrollup.active {
    bottom: 92px;
    right: 15px;
}
/***************
page scrool
***************/
header { width: 100%; }
.header-top { width: 100%; background: var(--color-ccc); padding: 5px 0;}
.social_box { float: left;}
.social_box ul li { padding: 0; margin: 0 20px 0 0; float: left; }
.right-top { float: right;}
.right-top ul li { padding: 0; margin: 0 0 0 20px; float: left; }
.main_header { background: var(--dark-charcoal-333);}
.main_header .navbar-nav li { padding: 0; margin: 0 15px;}
.main_header .navbar-nav li a.nav-link { padding: 0;}

.nav-link.active { color: red !important;}