*{
margin: 0;
padding: 0;
}
.topdiv{
background-color: #214252;
}
.topdiv ul {
text-decoration: none;
color: #fff;
font-family: sans-serif;
}
.topdiv .nav-item .nav-link{
color: #fff;
font-size: 13px;
font-family: 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
}
.midtop .midtop1 a i{
text-align: center;
padding-top: 8%;
color: #214252;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
font-weight: 700;
padding-left: 20%;
text-transform: uppercase;
letter-spacing: 1px;
}
.midtop .midtop2 i{
text-align: center;
padding-top: 10%;
color: #214252;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
padding-left: 20%;
text-transform: uppercase;
letter-spacing: 1px;
}
.midtop .midtop3 img{
padding-left: 10%;
}
.topnav{
background-color: #214252;
}
.topnav a {
font-family: 'Open Sans Condensed', sans-serif;
color: #fff;
margin-right: 40px;
font-size: 15px;
text-transform: uppercase;
}
.topnav .active{
background-color: #000000;
padding: 10px;
}
.product-heading h3{
padding: 50px;
font-family: Nunito;
text-align: center;
font-size: 27px;
text-transform: uppercase;
color: #214252;
font-weight: 600;
}
.product-heading h3:after{
content: '';
display: block;
width: 200px;
background-color: #bb2205;
margin: 10px auto 5px;
height: 3px;
}
.card{
border: none;
}
.card img:hover{
box-shadow: 0 4px 8px 0 rgba(51, 102, 255, 0.2), 0 6px 20px 0 rgba(0, 0, 255, 0.19);
}
.card-body h5{
text-align: center;
text-transform: uppercase;
font-family: Nunito;
color: #373a40;
font-weight: 600;
}
.card-body .btn{
background-color: #070d59;
text-align: center;
font-family: Nunito;
color: #fff;
margin-top: 10px;
align-items: center;
}
.ftr{
width: 100%;
background-color: #214252;
padding-top: 50px;
margin-top: 100px;
}
.lowerftr{
background-color: #000;
padding: 20px;
text-align: center;
}
.lowerftr b{
color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
}
.lowerftr b a:hover{
text-decoration: none;
}
.ftr1 h4{
color: #fff;
text-transform: uppercase;
font-family: Nunito;
font-size: 18px;
}
.ftr1 h4:after{
content: '';
display: block;
width: 70px;
background-color: #555555;
margin: 5px 2px;
height: 2px;
}
.ftr1 p{
color: #fff;
font-family: Nunito;
font-size: 17px;
text-align: justify;
}
.ftr2 .ftr1 .ftr3{
padding: 20px;
}
.ftr2 h3{
color: #fff;
text-transform: uppercase;
font-family: Nunito;
font-size: 18px;
}
.ftr2 h3:after{
content: '';
display: block;
width: 70px;
background-color: #555555;
margin: 5px 2px;
height: 2px;
}
.ftr2 a{
color: #fff;
font-family: Nunito;
font-size: 19px;
text-align: justify;
}
.ftr3 h3{
color: #fff;
text-transform: uppercase;
font-family: Nunito;
font-size: 18px;
}
.ftr3 h3:after{
content: '';
display: block;
width: 170px;
background-color: #555555;
margin: 5px 2px;
height: 2px;
}
.ftr3 h5{
color: #fff;
text-transform: uppercase;
font-family: Nunito;
font-size: 16px;
}
.ftr3 .fa-map-marker-alt{
color: yellow;
font-size: 20px;
}
.ftr3 b{
color: #fff;
font-size: 17px;
font-family: Nunito;
}
.ftr3 .fa-phone-alt{
color: #ff414d;
font-size: 20px;
}
.ftr3 .fa-envelope{
font-size: 20px;
color: #f0a500;
}
/* tops dress css*/
.top-d h3{
font-family: sans-serif;
font-size: 25px;
text-align: center;;
text-transform: uppercase;
padding: 30px;
font-weight: 600;
color: #195871;
}
.top-d h3:after{
content: '';
display: block;
margin:10px auto 5px;
height: 3px;
background-color:#95360A;
width: 200px;
}
.brcm1{
background-color:#095875 ;
}
.brcm1 .breadcrumb-item a{
color: #fff;
}
.brcm1 .breadcrumb-item{
color: #fff;
}
.product-dtl h2{
background-color: #0D759B;
color: #fff;
padding: 6px;
font-family: Nunito;
font-size: 23px;
text-transform: uppercase;
border: 1px dashed #fff;
}
.product-dtl ul li{
color: #556052;
padding: 6px;
font-family: Nunito;
font-size: 19px;
text-transform: uppercase;
border-bottom: 1px dashed #000;
}
.product-dtl ul li a{
color: #556052;
padding: 6px;
font-family: Nunito;
text-transform: uppercase;
}
.product-dtl ul li a:hover{
text-decoration: none;
}
.cnphone{
text-align: justify;
font-size:20px;
font-family: nunito;
font-weight: bold;
}
.cnphone .fa-phone-alt{
font-size: 30px;
color: #fff;
background-color: #065C54;
padding: 10px;
border-radius: 50%;
}
.cnphone .fa-envelope{
font-size: 30px;
color: #fff;
background-color: #030453;
padding: 10px;
border-radius: 50%;
}
.cnphone .fa-map-marker-alt{
font-size: 30px;
color: #fff;
background-color: #FFD700;
padding: 15px;
border-radius: 50%;
}