@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;700&family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300&family=Merriweather+Sans:wght@300;400&family=Roboto:wght@300&display=swap');
html {scroll-behavior:smooth;}
body {background:#fff; color:#000; font-family: 'Fira Sans', sans-serif; font-size:17px; font-weight:300; line-height:1.7;}

.font-fira {font-family: 'Fira Sans', sans-serif;}
.font-lato {font-family: 'Lato', sans-serif;}
.font-merriweather {font-family: 'Merriweather Sans', sans-serif;}
.font-roboto {font-family: 'Roboto', sans-serif;}
	
*, *:focus {outline:none !important; transition:all 0.3s ease 0s;}

a {text-decoration:none !important; color:#000;} a:hover{color:#fac521;}
p{margin-bottom:20px;} .nomrgn{margin:0px !important;}

.breadcrumb{color:#818181; margin:0px; background-color:transparent;padding:0 0 15px; font-size:12px; border-bottom:solid 1px #dddddd;}
.breadcrumb>li+li:before{content:"\27A4";color:#818181; margin:0 10px;}
.breadcrumb a{color:#487201;}

/******* Helpers ********************************************************************/
.ImgFade{background-color:#000;}
.ImgFade img{opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */}

hr{background-color:#41362d;}

/***************************/
.btn{moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;text-decoration:none !important; font-weight:700; font-size:20px; padding:12px 55px; font-family: 'Lato', sans-serif; vertical-align:top; border-radius:30px; text-transform:uppercase; box-shadow:none !important;}


.gradient-button {
    transition: 0.5s;
    background-size: 200% auto;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);

}

.gradient-button {background-image: linear-gradient(to right, #facd20 0%, #faac24 61%, #fab123 100%)}
.gradient-button:hover { background-position: right center; }



.btn.btn-lg{padding: 15px 55px;}

/*****************************/
.fw-light{font-weight:300 !important;}
.fw-normal{font-weight:400 !important;}
.fw-bold{font-weight:700 !important;}
.fw-black{font-weight:900 !important;}

.fs-16{font-size:16px !important;}
.fs-19{font-size:19px !important;}
.fs-20{font-size:20px !important;}
.fs-22{font-size:22px !important;}
.fs-37{font-size:37px !important;}
.fs-64{font-size:64px !important;}

.lh-8{line-height:0.8 !important;}

.ls-2{letter-spacing:.020em !important;}
.ls-7{letter-spacing:.7em !important;}

.bg-info {background:#25abc3 !important;}
.bg-dark {background:#000 !important;}
.bg-warning {background:#fac521 !important;}
.bg-primary {background:#003782 !important;}
/*****************************/
.text-dark {color:#231f20 !important;}
.text-secondary {color:#666666 !important;}
.text-warning {color:#fac521 !important;}
/*****************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {}
h1, .h1 {font-size:40px;}
h2, .h2 {font-size:35px;}
h3, .h3 {font-size:30px;}
h4, .h4 {font-size:16px;}
h5, .h5 {font-size:12px;}

/*******************************************************************/
input.form-control,input.form-control:focus {font-size: 13px; height: calc(2.5em + 1.2rem + 2px); box-shadow:none;font-family: 'Source Sans Pro', sans-serif;}
select.form-control {font-size:13px; height:calc(1.5em + 1.2rem + 2px);}
textarea.form-control {font-size:13px; resize:none;}
textarea.form-control:not([rows]) {height:136px;}
.form-control::-moz-placeholder {color:#272727; opacity: 1;}

/**************************************************************/
.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:99; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}
.MainBanner .carousel-indicators {z-index:999; bottom:38px;}
.MainBanner .carousel-indicators li {background-color:#fff; opacity:1;border-radius:50%; width:7px; height:7px; margin:0px 6px;} 
.MainBanner .carousel-indicators .active {background-color:transparent !important;width:14px; height:14px; border:solid 1px #fff; margin-top:5px;}


/****************************************************************/
.Borderhd {line-height: 0.5;text-align: center;}
.Borderhd span {display: inline-block;position: relative;  }
.Borderhd span:before,.Borderhd span:after {content: "";position: absolute; border-bottom-color:#b8b8b8 !important; border-bottom:double; border-width:4px; top:8px;width:50%;}
.Borderhd span:before {right: 100%;margin-right:45px;}
.Borderhd span:after {left: 100%;margin-left:45px;}


/***********************************************************************/
ul.orange li {color: #3c3c3c;list-style: none;position: relative;}
ul.orange li::before {color: #f69322; content: "\2022"; font-size:1.5em; position: absolute; top: -8px; left: -20px;}

/********** Back To Top Button ***************************************************************************************************/
#scroll {position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:45px; height:45px; text-align:center; line-height:43px; background:#fac521; color:#fff !important;}
#scroll:hover {opacity:.7;}