@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box;}
.bg-sky{background:#3a529a}
.border-style-right{border-right: 6px solid #3a529a}

.clipped {
  padding:0 15px; 
  margin-top: 5px;   
  width: 100%;
  background: #FFF;
  -webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
}

.clipped > * {max-width: 260px;}

.clipped-nav {
  padding:0 15px 17px; 
  margin-bottom: 8px; 
  width: 100%;
  background: #FFF;
  -webkit-clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
}


.navbar-light .navbar-nav .nav-link {
    color: rgba(255,255,255,1.00);
}

.font-3{ font-size:24px;}
.fonts-small{ font-size:14px;}
.text-sky{color:#3a529a;}
.nav-link:hover{ color:#ADE4FF!important;}
.overflow{ overflow:hidden;}
.overflow img{ transition:all 0.5s ease;}
.overflow img:hover{ transform:scale(1.3); cursor:pointer;}

.nav-link{ font-size:15px; line-height:30px;}
.p{
    font-size: 90%;
    font-weight: 400;
}

.hd {
    font-size: 25px;
    font-weight: 550
}

.card.hover,
.card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2)
}

.img {
    margin-bottom: 35px;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222)
}

.card-title {
    font-weight: 600
}

.ft {
    margin-top: 25px
}

.chk {
    margin-bottom: 5px
}

.rck {
    margin-top: 20px;
    padding-bottom: 15px
}

.view{display:none;}

@media all and (max-width:992px)
{
	.clipped-nav{display:none;}
	.clipped{ display:none;}
	.view{display:block;}
}


@media all and (max-width:768px)
{
	.clipped-nav{display:none;}
	.clipped{ display:none;}
	.border-style-right{border:none;}
	.font-3{ font-size:18px;}
	
	.view{display:block;}
}

.jamboing{background:url(../images/project.jpg)no-repeat;background-size: cover; background-attachment:fixed;}

.fotter-bg{background: #607dd0;}