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

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

body {background: #fff; margin: 0; font:16px 'Lato', sans-serif; color: #656565; line-height:24px; font-weight:300;}
.content-page{overflow:hidden;}
hr{border-top-color:#dfdfdf; margin:1rem 0;}

.line{position:relative;}
.line:after{content:''; display: block; width:80px; height:1px; background:#dfdfdf; margin:20px 0;}
.text-center.line:after, .text-center .line:after{margin: 20px auto;}


a{text-decoration: none !important; color:#333}
a:hover{color:#000; text-decoration:none;}
a, .header, img, div {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}


h1, h2, h3, h4, h5{color: #656565; font-weight:300;}
h2{margin-bottom: 30px;}
strong{font-weight: 400;}

.headerspace{height:80px;}

.header{width:100%; z-index:99; position:fixed; height:80px; padding:0; background:#000000; }
.logo img{max-width:200px;}
.header.full .logo img{max-width:150px;}
.bg-grey{background:#fbf7f7;}


.btn{font-weight:400; text-transform:uppercase; font-size:14px; min-width: 140px;}


.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: #FFFFFF; padding:0; text-decoration: none; display:block; text-transform:uppercase;}
.topmenu li a:hover, .topmenu li.active>a { color:#d33a3d;}
#snav{display:none;}


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

.banner{width:100%; position:relative;}
.banner:before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.3)}
.caption{font-size:24px; line-height:normal; text-align:center; position: relative;}
.caption h1{font-size:60px; color:#fff; font-weight:300;}
.caption h1 span{display:block; text-transform:uppercase;}
.caption i{color:#fff; width:50px; height:50px; display: inline-flex; justify-content: center; align-items: center; border:2px solid #fff; border-radius: 100%;}


.slick-slide{text-align: center; margin: 10px;}
.slick-slide div:nth-child(1){overflow: hidden;}
.slick-slide:hover div img{	-webkit-transform: scale(1.05); transform: scale(1.05);}
.slick-slide a{display: block;}
.slick-slide h5{margin-top: 10px;}
.la-angle-left,.la-angle-right{position: absolute; top: 45%; transform:translate(0, -45%); font-size:30px; color:#656565; cursor: pointer; z-index:9; background:none;}
.la-angle-left{left:-30px;}
.la-angle-right{right:-30px;}
.slick-dots{padding: 0; margin-top: 20px; list-style: none;}
.slick-dots li{display: inline-block; margin: 0 5px;}
.slick-dots li button{border: 0; font-size: 0; border-radius: 100%; background: #656565; padding: 0; height: 8px; width: 8px;}
.slick-dots li.slick-active button{background: #d33a3d;}

.slickslider-news .caption{border: 1px solid #989898; font-size: 18px; color: #656565; padding: 20px;}
.slickslider-news .caption div{background: rgba(51,51,51,.9); color: #fff; display: flex; font-size: 14px; justify-content: space-between; line-height: 40px; position: absolute; left: 0; right: 0; top: -40px; padding: 0 15px;}
.slickslider-news .caption div a{color:#fff;}
.slick-slide:hover .caption{border-color: #d33a3d}
.slick-slide:hover .caption div{background: rgba(211,58,61,.9)}

.portfolio-sec img:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);}

.midbanner{background:#000000; height:256px; position:relative; overflow: hidden;}
.midbanner:before{position:absolute; top:0; background:#000; opacity:.6; content:''; width:100%; height:100%;}

.bg1{background: url(../images/mid-bg1.jpg) no-repeat center center fixed; background-size: cover;}
.bg2{background: url(../images/mid-bg2.jpg) no-repeat center center fixed; background-size: cover;}


.list{padding:0; list-style:none;}
.list li{position: relative; padding-left: 20px; margin-bottom: 20px;}
.list li:before{
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	background: #d33b3f;
	height: 11px;
	width: 11px;
	border-radius: 100%;
}
.portfolio-sec img{height: 280px;object-fit: cover;}

.error{display:block; color:#ff0303; font-size:14px; margin-left:10px; text-transform:none; letter-spacing:normal;}
.footer{color:#9a9a9a; line-height:24px; background:#222; font-size: 14px;}

button:focus{outline: none;}


/*----------------------------------------------------------------------
------------------------------------------------------------------------
----------     EZ CHANGES   --------------------------------------------
------------------------------------------------------------------------
-----------------------------------------------------------------------*/





/* PROJECT PAGE FIX - red buttons*/
body > div.content-page > div > div > div.row > div.col.position-relative.pb-5 > a:nth-child(3) {
    left: 0px !important;
}
/* carosel image sizing */
body > div.content-page > div > div > div > div.col-7 > div.slider-nav.slick-initialized.slick-slider > div > div > img.img-fluid.slick-slide.slick-active {
    width: 140px !important;
    height: 90px !important;
}


/* PROJECTS PAGE FIX - image sizing*/
body > div.content-page > div > div > div > div.col-4 > div.card > a > img {
    width: 400px !important;
    height: 200px !important;
}


body > div.content-page > div.banner.d-flex.align-items-center > div:nth-child(1) {
    width: 100%;
}

body > div.content-page > div.banner.d-flex.align-items-center > div:nth-child(1) > video[poster] {
    object-fit: contain;
}

/*----------------------------------------------------------------------
------------------------------------------------------------------------
----------     END EZ CHANGES   ----------------------------------------
------------------------------------------------------------------------
-----------------------------------------------------------------------*/








@media (min-width: 1400px) {
.container {max-width: 1134px; position:relative;}
}
@media (max-width:1199.98px){


}
@media (max-width:991.98px){
.headerspace { height: 68px;}
.logo img{max-width:150px;}
h1,h2{font-size:25px;}
#nav {display:none; position:absolute; right:15px; background:#262626; min-width:270px; top:47px;}
.expand-btn {background: none;border: 0;outline: none;color: #fff;font-size: 24px;display: inline-block !important;float:right;}
.topmenu li {display: block;line-height: normal;margin:0; border-bottom:1px solid #333;}
.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:#c43834; color:#fff;}
.topmenu li ul{width:100%; position:relative; border-top:0;}
.topmenu li li{border-bottom:0;}
.topmenu li li a{height: 40px; line-height: 30px; color:#fff; border-top-color:#333;}

.midbanner{height: 150px;}

}
@media (max-width:767.98px){
.caption{font-size:16px;}
.caption h1{font-size:20px;}
.slick-arrow{display: none;}
}
@media (max-width: 575.98px) {
h1{font-size:20px;}
}