@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet');

/*font-family: 'Roboto', sans-serif;*/

body {background: #fff; margin: 0; font:16px 'Roboto', sans-serif; color: #333; line-height:24px; font-weight:300;}
html {
  scroll-behavior: smooth;
}


hr{border-top-color:#cccccc; margin:1rem 0;}

.line{background:#dfdfdf; width:96px; height:1px; margin:10px 0 20px; border:0; position:relative;}
.line:before{content:''; position:absolute; left:0; right:0; width:27px; height:3px; background:#c43834; margin:0 auto; top:-1px; transform: skew(120deg);}



a{text-decoration: none !important;}

a:hover{color:#000; text-decoration:none;}

.btn:focus, button:focus{outline:none; border:none; text-decoration:none;}

a, .header, .logo img, .menu, .btn, .header.full, .nav ul, .row, .header.full, .header.full .headertop, #footerbanner{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
.bigtext{font-size:18px; font-weight:500;}
.card{border-radius:0; border:0; padding:10px;}
.card-title{font-size:18px; font-weight:500;}
.card a{font-weight:500;}
.card i{font-size:25px; vertical-align: bottom;}
.card a:hover{color:#333;}


h1, h2, h3{font-size:36px; color: #000; margin:0 0 10px 0; padding:0; font-weight:500; position:relative; display:inline-block;}
h2{font-size:30px;}
h3{font-size:24px;}
.building {position:relative; margin:0 auto;}
.building:before, .building:after{position:absolute; content:''; top:50%; width:90px; height:1px; background:#ccc;}
.building:before{left: -100px;}
.building:after{right:-100px;;}




.headerspace{height:90px;}

.header{width:100%; z-index:99; position:fixed; height:auto; background:#fff; padding:0;
background:#fff; padding:0;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
	box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
}
.header.full{background:#fff;}
.logo img{max-width:188px;}
.header.full .logo img{max-width:150px;}
.bg-grey{background:#f2f2f2;}
.pattern{background:#f2f2f2 url(../images/outline.png);}


.btn{font-weight:400; text-transform:uppercase; border:0; padding:15px 20px;}
.btn.btn-danger{background:#c55a13; font-size:14px;}
.btn.btn-warring{background:#ffc004;}
.btn:hover{background:#000; color:#fff;}
.topmenu ul {list-style: none; padding: 0; margin:0;width:100%;}
.topmenu li {display: inline-block; margin:0 0 0 30px; position:relative;}
.topmenu li a {font-size:14px; color: #000; padding:0; text-decoration: none; display:block; padding:0; text-transform:uppercase;}
.topmenu li a:hover, .topmenu li a.active{color: #c55a12;}
#snav{display:none;}


.breakPoint{
    position: relative;
    top: -60px;
    visibility: hidden;
}

.banner{width:100%; position:relative;overflow: hidden}
.caption{color:#fff; font-size:24px; line-height:normal; text-align:center; position:absolute; left:0; right:0; top:50%; transform:translate(0, -50%);}
.caption h1{font-size:48px; color:#fff; font-weight:300;}
.caption h1 span{font-size:67px; display:block; font-weight:700; text-transform:uppercase;}
.caption i{font-size:20px; color:#fff; border-radius:50px; width:50px; height:50px; padding:12px; text-align:center; border:4px solid #fff;}


.la-angle-left,.la-angle-right{position: absolute; top: 50%; transform:translate(0, -50%); font-size:18px; color:#fff; cursor: pointer; z-index:9; background:#333; padding:6px; border-radius:100px; border:3px solid #fff;}
.la-angle-left{left:6%;}
.la-angle-right{right:6%;}







.midbanner{background:url(../images/midbanner.jpg) fixed; background-size:cover; height:256px; position:relative;}
.midbanner:after{position:absolute; top:0; background:#000; opacity:.6; content:''; width:100%; height:100%;}
.midbanner1{width:100%; position:relative; background:url(../images/midbanner1.jpg) center; background-size:cover; height:auto;
z-index:1;}
.midbanner1:before{position:absolute; top:0; background:#c55a13; opacity:.6; content:''; width:100%; height:100%; z-index:-1;}
.midbanner1 .btn{width:220px;}
.newspattern{width:100%; position:relative; background:url(../images/bg-pattern.jpg) center repeat; height:auto; z-index:1;}
.newspattern .btn{font-size:18px; color:#fff; font-weight:500; padding:12px 20px;}

.list{padding:0; list-style:none; position:relative;}
.list li{line-height:34px; padding-left:30px;}
.list span{position:absolute; left:0;}


.btn.focus, .btn:focus{box-shadow:none;}
.error{display:block; color:#ff0303;font-size:13px; margin-left:10px; text-transform:none; letter-spacing:normal;}

#footerform input[type="text"], textarea, .form-control{
	font-size:16px;
    font-weight:400;
    color:#000;
    width: 100%;
    line-height:65px;
    padding:0 10px;
    background:#fff;
    border:1px solid #ccc;
	border-radius:3px;
    outline: none;
	margin-bottom:10px;
}
#footerform, .col-form-label{text-align:right;}
textarea:focus, input:focus{outline: none;}
#newsleterform, .form-control{line-height:50px!important;}
.footer{color:#fff; line-height:24px; background:#333;}





@media (min-width: 1400px) {
.container {max-width: 1134px; position:relative;}
}
@media (max-width:1199.98px){
.topmenu li{margin:0 0 0 16px;}
.form-group{margin-bottom:6px;}
#footerform, .col-form-label{padding:0;}

}
@media (max-width:991.98px){
.logo img{max-width:176px;}
h1,h2{font-size:25px;}
#nav {display:none; position:absolute; right:15px; background:#333; min-width:270px; padding:0; top:47px;}
.header.full #nav{top:42px;}
.expand-btn {background: none;border: 0;outline: none;color: #333;font-size: 24px;display: inline-block !important;float:right;}
.topmenu li {display: block;line-height: normal;margin:0; border-bottom:1px solid #444;}
.topmenu li a {margin: 0;padding: 0 10px;height: 40px;line-height: 40px;color:#fff;display:block; font-size:13px;}
.topmenu li a:hover{background:#c55a11; color:#fff;}
.btn{font-size:14px; padding:10px 30px;}
.midbanner{height: 150px;}
.caption h1{font-size:30px;}
.caption h1 span{font-size:50px;}
.headerspace {height: 84px;}

}
@media (max-width:767.98px){
.caption{font-size:16px;}
.caption h1 span{font-size:30px;}
.list li{line-height:24px;}
h3{font-size:20px;}
#footerform input[type="text"], textarea, .form-control{line-height:43px;}
.building:before, .building:after {width: 56px;}
.building:before {left: -60px;}
.building:after {right: -60px;}
}
@media (max-width: 575.98px) {


}