
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

html {scroll-behavior:smooth;}
body {background:#fff; color:#464646; font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; line-height:1.7;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm div[class^="col"]{padding-left:10px!important;padding-right:10px!important; margin-bottom:20px;}

.font-barlow {font-family: 'Barlow Condensed', sans-serif;}
.font-montserrat {font-family: 'Montserrat', sans-serif;}
	
*, *:focus {outline:none !important; transition:all 0.3s ease 0s;}

a {text-decoration:none !important; color:#35bacd;} a:hover{color:#464646;}
p{margin-bottom:10px;} 

.Bor:after {border-bottom:3px solid #d8d8d8; content:"";display:block; margin:0 0 20px 0; padding-bottom:15px; width:100%;}
.Bor1:after {border-bottom:5px solid #f69322; content:"";display:block; margin:auto auto 20px auto; padding-bottom:15px; width:85px;}

.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.7; filter: alpha(opacity=70); /* For IE8 and earlier */}

hr{background-color:#ccc !important; margin:28px 0px 28px 0px;}

/***************************/
.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:600; font-size:13px; padding:14px 35px; font-family: 'Montserrat', sans-serif; vertical-align:top; border-radius:0px; text-transform:uppercase; letter-spacing:.1em;}
.btn.focus,.btn:focus{box-shadow:none !important;}

.btn-success{border-color:#f1923f ;color:#fff !important;background-color:#f1923f ;}
.btn-success:hover,.btn-success.focus,.btn-success:focus{background-color:#000; border-color:#000!important;color:#fff !important;outline:none !important;}
.shadow-sm{box-shadow:10px 10px 10px rgba(0,0,0,.07) !important;}

/*****************************/
.fw-lighter{font-weight:100 !important;}
.fw-medium{font-weight:500 !important;}
.fw-semi{font-weight:600 !important;}
.fw-bolder{font-weight:900 !important;}

.ls-1{letter-spacing:.1em !important;}
.ls-2{letter-spacing:.2em !important;}
.ls-5{letter-spacing:.050em !important;}

.fs-12{font-size:12px;}
.fs-13{font-size:13px;}
.fs-14{font-size:14px;}
.fs-15{font-size:15px;}
.fs-17{font-size:17px;}
.fs-18{font-size:18px;}
.fs-16{font-size:16px;}
.fs-20{font-size:20px;}
.fs-25{font-size:25px;}


.bg-primary {background:#35bacd !important;}
.bg-success{background:#35bacd !important;}
.bg-light{background:#ededed !important;}

.border-light{border-color:#cecece !important;}

/*****************************/
.text-dark {color:#000 !important;}
.text-info {color:#009bde!important}
.text-success {color:#35bacd!important} 
.text-light {color:#9b9b9b !important;}

/*****************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {font-weight:400;}
h1, .h1 {font-size:35px;font-family: 'Barlow Condensed', sans-serif; text-transform:uppercase; font-weight:500;}
h2, .h2 {font-size:25px;}
h3, .h3 {font-size:20px;}
h4, .h4 {font-size:14px;}
h5, .h5 {font-size:12px;}

/*******************************************************************/
input.form-control,input.form-control:focus {font-size:14px; font-weight:500; box-shadow:none;font-family: 'Montserrat', sans-serif;}
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
  outline: none;
}
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:9; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}
.MainBanner .carousel-indicators {z-index:999; bottom:10px;}
.MainBanner .carousel-indicators li {background-color:#a8a4a2; opacity:1;border-radius:50%; width:12px; height:12px;} 
.MainBanner .carousel-indicators .active {background-color:#fff !important;width:12px; height:12px;}

/****************************************************************
.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:85px; z-index:99999; cursor:pointer; width:45px; height:45px; text-align:center; line-height:43px; background:#000; color:#fff !important;}
#scroll:hover {opacity:.7;}