html{
font-family: 'Roboto', sans-serif;
background-color:rgba(0,0,0, 0.05);
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
word-break:break-word;
}



.top-area{
background-color:#fff;
margin:0;
padding:5px;
position:fixed;
width:100%;
z-index:1100;
}

.top-area ul{
margin:0;
padding:5px;
}

.headermenu ul li{
margin:0;
display:inline-block;
padding-right:35px;
}

hr{
margin:0;
padding:0;
width:85%;
}

.mainmenu ul{
width:100%;
text-align:center;
}

.mainmenu ul li{
display:inline-block;
margin: 35px 20px;
}
.toplogo{
position:absolute;
right:30px;
top:15px;
}
.toplogo img{
height:100px;
}

.header-img{
width:100%;
border-bottom: 8px solid #008bd2;
}

.header img{
width:100%;
}

.header-text{
position:absolute;
margin-top:-15%;
background-color: rgba(0,0,0,0.7);
color:#fff;
padding:30px 100px;
font-size:30;
font-weight:100;
}

.blue{
color: #008bd2;
font-weight:600;
}

.content-area{
width:100%;
display:flex;
flex-wrap:wrap;
justify-content: center;
text-align:center;
}

.category, .custom, .customc-cont{
background-color:#fff;
margin:10px;
min-width: 400px;
box-shadow:1px 1px 30px #646363;
}

.category-text{
background-color: rgba(0,0,0,0.8);
color:fff;
height:50px;
margin-top:-50px;
z-index:1000;
position:relative;
line-height: 50px;   
}


.headline > h1{
color:#008bd2;
font-weight:400;
}

.category-img > img, .category-text{
width:95%;
margin:0 auto;
}

.category-text{
margin-top:-50px;
margin-bottom:2.5%;
}

.menubutton{
display:none;
}

.top-area{
min-height:120px;
}

.mainmenu ul li a{
text-decoration:none;
color:#000;
}

.mainmenu li.active{
border-bottom:4px solid #008bd2;
background-color:#fafafa;
}

.menu li{
margin-bottom:0 !important;
margin:0 !important;
padding:0px 20px 0 20px;
}

.menu li a{
display:block;
height:85px;
line-height:90px;
padding:0px;
margin:0;
}

.top-area, .nav, .menu, .mainmenu > ul{
padding-bottom:0;
padding-top:0;
}

.content-message{
max-width:900px;
text-align:left;
margin:0 auto;
margin-bottom:25px;
display:flex;
flex-wrap:wrap;
}


h2{
text-align:left;
font-weight:400;
color:#008bd2;
}

.item-page{
margin:0;
padding:15;
}

.message-text{
box-sizing: content-box;
margin:0 auto;
}

.text-half{
width:45%;
}

.footerbar{
background-color:#008bd2;
width:100%;
height:50px;
line-height:50px;
bottom:0;
position:fixed;
color:fff;
display:block;
text-align:right;
z-index:1001;
}

.footerbar > a{
color:fff;
padding:0 15px;
text-decoration:none;
}


.content-message{
max-width:900px;
text-align:left;
margin:0 auto;
margin-bottom:25px;
}

h2{
text-align:left;
font-weight:400;
color:#008bd2;
}

.item-page{
margin:0;
padding:15;
}

.message-image img{
border:4px solid #008bd2;
margin-top:19.920;
max-width:100%;
}

.message-image{
width:50%;
margin:0 auto;
text-align:center;
}

.content-message{
align-items:center;
}

#bst-logo{
max-width:320px;
width:100%;
}

.content-wrapper{
padding-bottom:40px;
}

.content-wrapper > .custom{
margin:0;
}

.content-wrapper > .customc-cont{
margin:0;
}

h2{
width:100%;
}

.content-message div{
width:50%;
}

.content-message table{
text-align:left;
}

.content-message ul{
margin-bottom:25px;
margin-top:25px;
}


.content-message ul{
line-height:25px;
font-weight:400
}

h3{
margin:0;
font-weight:800;
}

.mobile-contact-module{
display:none;
}

.customc-cont{
display:none;
}

.footerbar > .nav li{
display:inline-block;
float:right;
}

@media screen and (max-width:1500px){
.headermenu ul li{
display:block;
}

.toplogo{
display:block;
margin:0;
padding:0;
}

.line hr{
margin-top:40px;
width:100%;
}

.headermenu ul{
height:75px;
line-height:28px;
}

.top-area{
position:relative;
padding:0;
margin:0;
overflow:hidden;
}

.header-text{
margin-top:-25%;
}

}

@media screen and (max-width: 1059px){

.category, .custom, .customc-cont{
width:100%;
}
}

@media screen and (max-width:860px){
.header-text{
font-size:15px;
} 

.message-text{
width:100% !important;
}

}


@media screen and (max-width:560px){

.customc-cont{
display:block;
}

.headermenu ul{
display:none;
}

.line > hr{
margin-top:130
}

.menubutton{
display:block;
width:100%;
text-align:center;
padding:25px 0;

}

.mainmenu{
display:none;
}

.mainmenu > ul > li{
display:block;
}

.mainmenu > ul{
padding:0;
}

.mainmenu > ul > li{
border-top:2px solid #008bd2;
padding: 20px 0;
margin:0;
}
.mainmenu > ul{
border-bottom:2px solid #008bd2;
}
.category, .custom, .customc-cont{
min-width:25px;
margin:10px 0;
}

.header-text{
position:relative;
display:block;
margin:0;
background-color:#008bd2;
padding:10;
text-align:center;
}

.header-img{
border-bottom: 8px solid #fff;
}

.mainmenu li.active{
border-bottom:0;
background-color:#008bd2;
}

.menu li{
margin-bottom:0 !important;
margin:0 !important;
padding:0 !important;
}

.menu li.active a{
color:#fff;
}

.message-image{
width:100%;
}

.mobile-contact-module{
display:block;
}

.mobile-contact{
text-align:left;
width:95%;
margin:0 auto;
}

.mobile-contact li{
list-style:none;
margin:0;
line-height:25px;
}

.mobile-contact ul{
margin:0;
padding:0;
padding-bottom:2.5%;
}

.mobile-contact a{
text-decoration:none;
color:#000;
}

}
.footerbar > .nav{
margin:0;
padding:0;
}

.footerbar > .nav > li a{
height:50px;
line-height:50px;
text-decoration:none;
color:#fff;
}

#portfolio-filter{
display:flex;
flex-wrap:wrap;
width:80%;
max-width:950px;
margin:0 auto;
}

.hover-wrapper{
text-align:center;
position:relative;
padding:0;
}

.image-link i{
height:208px;
width:100%;
line-height:208px;
margin-top:-208px;
}

.hover-wrapper i{
color:#008bd2;
font-size:25px;
}

.portfolio-item:hover{
opacity:0.2;
}
.category-text a{
text-decoration:none;
color:#fff
}