.sec
{
padding:100px 0px 0px 0px;
}

body
{
	padding-top:30%;
	background:#E4EDEE;
}

.black
{

 color:#000;
}

.blue
{
 color:#87cefa;
}

.left
{
padding-left:38%;
}

header img
{
width:70px;
height:70px;
}

.blue
{
 color:#87cefa;
}

.left
{
padding-left:38%;
}


.navbar{
    background: #FAFBFC    !important;
	position:fixed;
	top:0;
	z-index:1000;
	box-shadow:0px 0px 20px 0px #696969;
	height:80px;
}


.navbar li
{
background:#FAFBFC ;
}

.navbar .nav-item .nav-link{
    color:#27659C;

}
.navbar .nav-item .nav-link:hover .navbar .nav-item .nav-link{
    color:#000 !important;

}

.right
{
float:right;
}

.highlight
{

color:#000;
}

h6
{
font-size:16px;
	color:#023C63;
padding:0px 8px;
background:##FAFBFC;
}




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

h3
	{
	color:#000 !important;
	padding:0px;
	text-align:center !important;
	}



h1
	{
	color:#023C63;
	padding:0px;
	font-size:50px;
	}

h1:hover
{
color:#000;
}

h5
{
font-size:18px;
}

h5:hover
{
color:#000;
}

.padding1
	{
	padding:0px 10px;
	}

.gap
	{
	padding:80px 0px 0px 0px;
	}






.overflow
	{
	overflow:hidden;
	overflow:auto;
	}

#rightbox
	{
	height:100%;
	width:100%;
	}

.order
{
font-size:10px !important;
}




.box
{
padding:0px 0px 50px 0px;
}


.footer
{
background:#FAFBFC;
}

#fb
{
background:none;
padding-bottom:100px;
}

#fb ul{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
padding: 0;
display: flex;

}
#fb ul li{
list-style: none;
margin: 0 40px;

}
#fb ul li .fa{
font-size: 40px;
color: #262626;
line-height: 80px;
transition: .5s;

}
#fb ul li a{
position: relative;
display: block;
width: 80px;
height: 80px;
background-color: #fff;
text-align: center;
transform: perspective(100px) rotate(-30deg) skew(25deg) translate(0,0);
transition: .5s;
box-shadow: -20px 20px 10px rgb(0, 0, 0, 0.5);
}
#fb ul li a::before{
content: "";
position: absolute;
top: 10px;
left: -20px;
height: 100%;
width: 20px;
background: #b1b1b1;
transition: .5s;
transform: rotate(0deg) skewY(-45deg);
}
#fb ul li a::after{
content: "";
position: absolute;
top: 80px;
left: -11px;
height: 20px;
width: 100%;
background: #b1b1b1;
transition: .5s;
transform: rotate(0deg) skewX(-45deg);
}
#fb ul li a:hover{
transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
}
#fb ul li:hover .fa{
color: #fff;
}
#fb ul li a:hover{
transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
}
#fb ul li:hover:nth-child(1) a{
background: #3b5999;
}

#fb ul li:hover:nth-child(1) a:before{
background: #2e4a86;
}
#fb ul li:hover:nth-child(1) a:after{
background: #4a69ad;
}
#fb ul li:hover:nth-child(2) a{
background: #55acee;
}
#fb ul li:hover:nth-child(2) a:before{
background: #4184b7;
}
#fb ul li:hover:nth-child(2) a:after{
background: #4d9fde;
}
#fb ul li:hover:nth-child(3) a{
background: #dd4b39;
}

#fb ul li:hover:nth-child(3) a:before{
background: #c13929;
}
#fb ul li:hover:nth-child(3) a:after{
background: #e83322;
}

#fb ul li:hover:nth-child(4) a{
background: #0077B5;
}

#fb ul li:hover:nth-child(4) a:before{
background: #036aa0;
}
#fb ul li:hover:nth-child(4) a:after{
background: #0d82bf;
}

#fb ul li:hover:nth-child(5) a{
background: #e4405f;
}

#fb ul li:hover:nth-child(5) a:before{
background: #d02d4c;
}
#fb ul li:hover:nth-child(5) a:after{
background: #f1395c;
}



.h
{
color:#000;
}

footer
	{
    background: #ECEEF0    !important;

	padding:50px 0px;
	}

footer ul
{
	text-align:left;
}

footer li
	{
	font-size:15px;
	color:#27659C;
	font-weight: 0;
	text-align:left;
	}



footer li:hover
{
	color:#000;

}

footer p
{

	font-size:18px;
	color:#023C63;
	font-weight: 25px;
}

footer a
{

	color:#023C63;
}


.jumbotron {
background: #358CCE;
color: #FFF;
border-radius: 0px;
}
.jumbotron-sm { padding-top: 24px;
padding-bottom: 24px;
padding-top: 70px;
}