@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;700&display=swap');
html, body{ font-family: 'Roboto', sans-serif; font-weight: 400;  font-size:18px; letter-spacing: 0; line-height:183%; color:#6d6d6d;}
body, .main-wrape{ overflow-x:hidden;}




a { color:var(--o); text-decoration: none;}


a:hover { color:var(--g); text-decoration: none;}
h1{  font-size:40px; line-height:150%; font-weight:500; }
h2{font-size:36px; line-height:125%; font-weight:bold;}
h3{  font-size:60px; line-height:100%; font-weight:bold; letter-spacing: -0.6px;  }
h4{ font-size:22px; line-height:178%; font-weight:600;}
h5{ font-size:20px; line-height:160%; font-weight:700;}
h6{ font-size:12px; line-height: 120%;  font-weight:400;}
b { font-weight: 700;}
ul{ padding:0px; margin:0px; list-style:none;}
ul li { list-style: none;}
* { margin: 0;}
.alt-color {background-color: #F9F9F9;}
p { margin-bottom: 30px;}
p:last-child { margin-bottom: 0px;}
.alt-color { background-color: #F5F5F5;}

.hero { font-size: 22px;}
.img-fluid { max-width: 100%;}
.gradecam-container { max-width: 1210px; }

.vertical-middle1 {position: relative; top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}

:focus {outline:none;}

a, button, .btn,.transition, a:after, a::before,:focus , .top-4-links *, 
.bottom-links ul li a i span, .searchform,  .rightpanel-menu-itme , .bottom-border-line:after
{transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s;}


.blog-list a:hover img, .bespok a:hover img,  .featured-project-list  a:hover img, .project-list a:hover img

{transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); }



@media (max-width: 1350px) {
	
}