@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/* ========== Core Style CSS ========== */
body{ font-family: "Montserrat", sans-serif; font-weight:500; font-size:18px; line-height:34px; color:#000; overflow-x: hidden;}
*{outline:0;}
textarea{resize:none}
textarea:focus, input:focus, button:focus{outline:none;}
.form-control:focus{border-color:inherit;-webkit-box-shadow:none; box-shadow: none;}
ul{margin:0; padding:0;}
ul li{list-style:none;}
a{-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
::-moz-selection{background:#85B09A; text-shadow:none; color:#fff;}
::selection{background:#85B09A;text-shadow:none;color:#fff;}
img::-moz-selection{background:transparent;}
img::selection{background:transparent;}
img::-moz-selection{background:transparent;}
.fade{transition: opacity 0.2s ease;;}
.spacer{height:100px;}
.spacer-50{height:50px;}





/* ========== Navigation Style CSS ========== */
.navbar-brand img{position:relative; top:0;}
.dropdown-toggle::after{display:none;}
.tp-background{padding:20px 0; align-items: baseline; background:#fff;}
.sticky .navbar-nav .nav-item{margin:0 45px 0 0;}
.sticky .navbar-nav .nav-item:last-child{margin-right:0;}
.sticky .navbar-nav .nav-link{color:#181818; font-family: "Montserrat", sans-serif;  font-weight: bold; font-size:16px;  padding:0; position:relative; text-align: left; z-index:2;}
.sticky .navbar-nav .nav-link:hover, .sticky .navbar-nav .nav-link:focus, .sticky .navbar-nav .nav-link:active{color:#D34E24;}

.sticky .navbar-nav .nav-link.donate-btn-top:hover{color:#fff;}
.sticky .navbar-nav .nav-link.donate-btn-top:hover::after{border-radius:100px!important;}
.sticky .navbar-nav .nav-link.donate-btn-top:hover::after{background-color:#fff!important; border:1px solid #172A55;}


.nav-item.download-btn a{border:1px solid #D34E24; color:#D34E24!important; border-radius:5px; padding:10px 22px!important;}
.nav-item.download-btn a:hover, .nav-item.download-btn a:focus{border:1px solid #D34E24; color:#fff!important; background:#D34E24;}


.navbar-brand{padding: 0;}
.sticky.fixed-nav .navbar-nav .nav-link{color:#231f20;}
.sticky.fixed-nav .navbar-nav .nav-link:hover{color:#FEBE3B;}

.fixed-nav{background:#fff!important; border-bottom:1px solid #e9e9e9;}

.navbar-nav .donate-btn-top{padding:0 75px 0 45px!important;}
.sticky .navbar-nav .nav-link.get-started-btn:hover::after{border:0!important;}

.fixed-nav .get-started-btn::after{border:1px solid #231f20;}
.fixed-nav .get-started-btn{color:#231f20;}
.fixed-nav .get-started-btn:hover::after{border: 1px solid transparent;}
.navbar-expand-xl .navbar-collapse{justify-content:flex-end;}
.navbar .megamenu{padding:10px 15px 15px 20px!important; border-radius:10px!important; margin-top:0; width:200px; background-color:#D34E24; z-index:1;}

.navbar-toggler:focus{box-shadow:none;}

.dropdown-menu{border:0;}
.navbar-section{display:flex; align-items:center; width:100%; justify-content:space-between;}
.navbar-section .navbar-nav{align-items: baseline;}


.functions-block{margin-left:5%;}
.dropdown-menu{background:#fff; border-radius:15px!important; left:0; top:40px;}
.dropdown-menu::after{right:0; left:0; position:absolute; top:-25px; content:""; width:100%; height:35px; margin:0 auto; background:transparent;}

li.nav-item:hover a.dropdown-toggle-icon{color:#D34E24!important;}


.sticky .navbar-nav .dropdown-nav{position:relative;}
.inner-page-nav .navbar-nav .nav-link{color:#fff;}
.sticky.inner-page-nav.shrink .navbar-nav .nav-link{color:#fff;}


.megamenu ul li{margin:0 0 3px 0; text-align:left;}
.megamenu ul li:last-child{margin-bottom:0;}
.megamenu ul li a{color:#fff;   font-family: "Montserrat", sans-serif;  font-weight:bold; font-size:16px; text-shadow:none; text-decoration:none;}
.megamenu ul li a:hover, .megamenu ul li a:focus{color:#fff;text-decoration:underline;}



/* ==== Navigation Animation Icon ==== */
.navbar-toggler .top-bar {transform: rotate(45deg); transform-origin:5% 5%;}
.navbar-toggler .middle-bar {opacity: 0;}
.navbar-toggler .bottom-bar {transform: rotate(-45deg);  transform-origin:13% 95%;}
.navbar-toggler.collapsed .top-bar {transform: rotate(0);}
.navbar-toggler.collapsed .middle-bar {opacity:1;}
.navbar-toggler.collapsed .bottom-bar {transform:rotate(0);}
.shrink .icon-bar{width:30px; height:4px; background-color:#FFC52F; display:block; transition:all 0.2s; margin-top:0;  margin-bottom:4px;}
.icon-bar{width:30px; height:4px; display:block; transition:all 0.2s; margin-top:0;  margin-bottom:4px; background-color:#D34E24;}
.navbar-toggler{background:transparent; border-radius:0; padding:0;}
.navbar-light .navbar-toggler{border:0; padding-right:0;}

/* ========== Style Guide CSS ========== */
.demo-span{color:#aaaaaa; font-size:1em; font-weight:400; line-height:22px; padding:0 0 30px 0; display:block}
h4.style-heading{color:#898989; letter-spacing:2px; text-transform:uppercase; border-bottom:1px solid #cbcbcb; margin:70px 0 25px 0; padding:0 0 20px 0; position:static; text-align:left; font-family:'Montserrat', sans-serif;}
h4.style-heading::before{border:0;}

/* Color Swatches CSS */
ul.color-swatches-block li{width:110px; height:110px; font-size:1em; font-weight:700; text-align:center; line-height:110px; border-radius:100%; text-transform:uppercase;}
.color-6E00E1{background:#6E00E1; border:1px solid #6E00E1;color:#fff;}
.color-040041{background:#040041; border:1px solid #040041;color:#fff;}
.color-BA58E3{background:#BA58E3; border:1px solid #BA58E3; color:#fff;}
.color-00dbde{background:#00dbde; border:1px solid #00dbde;color:#fff;}
.color-000{background:#000; border:1px solid #000;color:#fff;}


/* ========== Text Heading CSS ========== */
h1{font-family: "Montserrat", sans-serif; font-weight:bold; font-size:60px; line-height:60px; color:#181818}
h2{font-family: "Montserrat", sans-serif; font-weight:bold; font-size:45px; line-height:50px; color:#181818}
h3{font-family: "Montserrat", sans-serif; font-weight:500; font-size:30px; line-height:40px; color:#63666A;}
h4{font-family: "Montserrat", sans-serif; font-weight:bold; font-size:22px; line-height:32px; color:#181818;}
h5{font-family: "Montserrat", sans-serif; font-weight:bold; font-size:20px; line-height:35px; color:#181818;}
h6{font-family: "Montserrat", sans-serif; font-weight:bold; font-size:18px; line-height:32px; color:#181818;}



/* ========== Text Paragraph CSS ========== */
p{font-family: "Montserrat", sans-serif; font-weight:500; font-size:16px; line-height:30px; color:#63666A; margin-bottom:0;}
p a{color:#63666A;}
p a:hover, p a:focus{color:#D34E24; text-decoration:underline;}




/* ========== Bold Unordered List CSS ========== */
ul.solid-main{padding:0 0 10px 0; margin:0; list-style: none;}
ul.solid-main li{color:#000000; margin:0 0 5px 0;  padding:0 0 0 18px; list-style:none; position:relative;  font-family: "Montserrat", sans-serif; font-weight:normal; font-size:18px;}
ul.solid-main li::before {left:0; color:#727F6A; position:absolute; top:0; font-size:6px; content:"\f111"; font-family: "Font Awesome 5 Free"; font-weight:600;}


/* ========== Ordered List CSS ========== */
ol.main{padding:0; margin:0 0 10px 0; counter-reset:my-awesome-counter; list-style:none; counter-reset: li;}
ol.main li {counter-increment:step-counter; margin:0; color:#000000; padding:0 0 0 22px; position:relative; font-family: "Montserrat", sans-serif; font-weight:normal; font-size:18px;}
ol.main li::before {content: "0" counter(li)'. ';  counter-increment: li; color:#727F6A; margin-right:0; top:1px; position:absolute; left:-5px; font-family: "Montserrat", sans-serif; font-weight:normal; font-size:18px;}





/* ========== Button CSS ========== */
.primary-btn{
  display: inline-block;
  color:#fff; 
  background-color:#D34E24;
  border:1px solid #D34E24;
  font-size:20px;
  border-radius:5px;
  font-family: "Montserrat", sans-serif;
  padding:0 35px;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  line-height:60px;
  min-height:60px;}
.primary-btn:hover, .primary-btn:focus{ border:1px solid #B63C15; color:#fff; background-color:#B63C15; text-decoration:none;}
 
@media (max-width:991px){ 
ul.solid-main li{margin:0;}
}

@media (max-width:1199px){
h1{font-size:55px; line-height:50px;}

}


@media (max-width:1064px){
h1{font-size:50px; line-height:50px;}
h2{font-size:40px; line-height:45px;}
h3{font-size:25px; line-height:35px;}
h4{font-size:20px; line-height:30px;}
}




@media (min-width:1200px){
.navbar-nav li:hover > .megamenu{display:block;}
}

@media (max-width:1199px){
.navbar-section{flex-wrap:wrap;}
.tp-background{background:#F0F0F0; height:auto!important; padding-bottom:15px!important;  padding-top:15px!important;}
.navbar-nav{background:#F0F0F0; padding:30px 0 0 0 !important; text-align:center;}
.sticky .navbar-nav .nav-item{margin:7px 0; width:100%;}
.navbar .megamenu{background:transparent; text-align:left; width:100%; border-radius:15px; background:#D34E24; margin-top:10px;}
.col-megamenu ul li{text-align:center;}
.dropdown-nav a.dropdown-toggle-icon{position:relative;}
.dropdown-nav a.dropdown-toggle-icon:after{color:#181818; position:absolute!important; font-size:12px; content:"\f067"; font-family: "Font Awesome 5 Free"; font-weight:600; right:-50%; top:2px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.dropdown-nav.show a.dropdown-toggle-icon:after{color:#D34E24; position:absolute!important; font-size:12px; content:"\f068"!important; font-family: "Font Awesome 5 Free"; font-weight:600;right:-50%; }
.dropdown-nav a.dropdown-toggle-icon:hover::after, .dropdown-nav a.dropdown-toggle-icon:focus::after , .dropdown-nav a.dropdown-toggle-icon:active::after{color:#D34E24;}

.navbar-section .navbar-nav{    align-items: flex-start;}

.sticky .navbar-nav .nav-link{padding:0!important; border:0; width: 80%;}
.dropdown-menu .row{margin:0;}
.megamenu ul li{text-align:left;}
.megamenu ul li a{color:#fff;text-decoration:none;}
.megamenu ul li a:hover, .megamenu ul li a:focus{text-decoration:underline;}


.dropdown-toggle{position:absolute!important; top:0; right:0; z-index:5!important;}

    .dropdown-toggle:after {
        color: #181818;
        position: absolute !important;
        display: block;
        font-size: 12px;
        content: "\f067";
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        right: 0;
        top: 0;
        border: 0;
    }
	
	   .dropdown-toggle.icon-main:after{
        color: #D34E24;
        position: absolute !important;
        font-size: 12px;
        content: "\f068" !important;
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        border: 0;
    }

.nav-item.download-btn a:hover, .nav-item.download-btn a:focus{background:transparent; border:0;  color: #D34E24!important;}

}


@media (max-width:767px){
h1{font-size:40px; line-height:45px;}
h2{font-size:30px; line-height:35px;}
h3{font-size:22px; line-height:30px;}
h4{font-size:18x; line-height:28px;}
}




@media (max-width:480px){
.navbar-brand img{width: 230px;}	
}

@media (max-width:360px){
.navbar-brand img{width: 200px;}	
}

@media (max-width:575px){

.navbar-brand img{width:70%;}
}