@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
/****************************************************************************/

html {scroll-behavior: smooth;}
body { background:#fff; color:#3f3f3f;font-family: 'Open Sans', sans-serif;font-weight:400; font-size:18px; line-height:1.6; margin:0px; padding:0px;}

.ff-mont{font-family: 'Montserrat', sans-serif;}
.ff-open{font-family: 'Open Sans', sans-serif;}

.fs-13{font-size:13px;}
.fs-14{font-size:14px;}
.fs-16{font-size:16px;}
.fs-21{font-size:21px;}

.fw-light{font-weight:300;}
.fw-medium{font-weight:500;}
.fw-semi{font-weight:600;}
.fw-bold{font-weight:700;}
.fw-ebold{font-weight:800;}

.lh-1{line-height:1;}
.lh-2{line-height:2;}

.py-200{padding-top:200px;padding-bottom:200px;}
.py-100{padding-top:100px;padding-bottom:100px;}
.py-60{padding-top:60px;padding-bottom:60px;}
.py-40{padding-top:40px;padding-bottom:40px;}

.bg-primary{background-color:#002f5e!important;}
.bg-light{background-color:#f4f4f4!important;}
.text-dark{color:#1d1d1b!important;}
.text-secondary{color:#373737!important;}

p{margin-bottom:20px;}
a, a:hover { text-decoration:none; outline:none}

	a{color:#e2a900;}
	a:hover{color:#002f5e;}

h1, h2, h3, h4, h5, h6 {}
h1,h2.h1{font-size:35px;font-family: 'Montserrat', sans-serif;letter-spacing:-0.04em; }
h2{font-size:29px;font-family: 'Montserrat', sans-serif;letter-spacing:-0.04em;}
h3{font-size:28px;font-family: 'Montserrat', sans-serif;letter-spacing:-0.04em;}
h4{font-size:24px;font-family: 'Montserrat', sans-serif;letter-spacing:-0.04em;}
h5{font-size:19px;font-family: 'Montserrat', sans-serif;letter-spacing:-0.04em;}
h6{font-size:16px;font-family: 'Montserrat', sans-serif;}


.List li { background:url(../images/tick.png) no-repeat 0px 5px; list-style:none; padding-left:40px;margin-bottom:20px;}
li.no-icon{background:none;}

.radio input[type=radio]{margin-top:10px;}
.container {position:relative;}

.btn { text-decoration:none !important;border-radius:0px;font-size:13px;font-weight:400;padding:12px 30px;font-family: 'Montserrat', sans-serif;}

.btn-primary{border-color:#000!important;background-color:#000!important;color:#fff !important;}
.btn-primary:hover,.btn-primary:focus{border-color:#000!important;background-color:#000!important;color:#fff !important;}

.btn-warning{border-color:#f9c11a!important;background-color:#f9c11a!important;color:#363636 !important;font-size:14px;}
.btn-warning:hover,.btn-warning:focus{border-color:#002f5e!important;background-color:#002f5e!important;color:#fff !important;}

.btn-outline-warning{border-color:#f9c11a!important;color:#fff !important;}
.btn-outline-warning:hover,.btn-outline-warning:focus{border-color:#f9c11a!important;background-color:#f9c11a!important;color:#000 !important;}


.card-img-top {border-radius: 0px !important;/* border-top-right-radius: calc(.25rem - 1px); */}
 .form-control{border-radius:0;}
 .form-control::placeholder{color:#627e95;}

.flex-row{display: flex; align-items: center; justify-content: center;}

.no-gutter {margin-left:0px!important;margin-right:0px!important;}
.no-gutter div[class^="col"]{padding-left:0px!important;padding-right:0px!important;}

.gutter-xs {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-xs div[class^="col"]{padding-left:5px!important;padding-right:5px!important;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm div[class^="col"]{padding-left:10px!important;padding-right:10px!important;}

.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}

.bodr-top:before {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    width: 15%; /* Change this to whatever width you want. */
    border-top:solid 4px #f9c11a; /* This creates the border. Replace black with whatever color you want. */
	padding-top:20px;
}

.bodr-bottom:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 5%; /* Change this to whatever width you want. */
    border-bottom:solid 4px #f9c11a; /* This creates the border. Replace black with whatever color you want. */
	padding-bottom:20px;
}

.social-icons li a{width:40px;height:40px;line-height:40px;text-align:center;background-color:#f9c11a;color:#002f5e;border-radius:50%;font-size:18px;margin-right:15px;}

.social-icons li a:hover{background-color:#000;color:#fff;}