| Current File : /home/tradevaly/demo.tradevaly.com.bd/content/Tradevaley Bootstrap project/css/style3.css |
/*-- Start Basic Code --*/
* {
border: 0;
margin: 0;
padding: 0;
outline: 0;
box-sizing: border-box;
}
a {
color: #000;
text-decoration: none;
transition: .3s;
}
ul li {
list-style: none;
}
.container {
width: 1170px;
margin: auto;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.fix {
overflow: hidden;
}
body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
/*-- End Basic Code --*/
/*-- Start Column Code --*/
.col-1 {
width: 8.33%;
float: left;
padding: 0 15px;
}
.col-2 {
width: 16.66%;
float: left;
padding: 0 15px;
}
.col-3 {
width: 25%;
float: left;
padding: 0 15px;
}
.col-4 {
width: 33.33%;
float: left;
padding: 0 15px;
}
.col-5 {
width: 20%;
float: left;
padding: 0 15px;
}
.col-6 {
width: 50%;
float: left;
padding: 0 15px;
}
.col-7 {
width: 80%;
float: left;
padding: 0 15px;
}
.col-8 {
width: 75%;
float: left;
padding: 0 15px;
}
.col-9 {
width: 66.67%;
float: left;
padding: 0 15px;
}
.col-11 {
width: 83.34%;
float: left;
padding: 0 15px;
}
.col-12 {
width: 100%;
padding: 0 15px;
}
/*-- End Column Code --*/
/*-- Start Top Bar --*/
.top-bar {
width: 100%;
height: 35px;
background: #292929;
}
.top-nav {}
.top-nav ul {}
.top-nav ul li {
float: left;
margin-right: 20px;
}
.top-nav ul li a {
display: block;
font-size: 14px;
color: #fff;
font-weight: normal;
line-height: 35px;
}
.top-nav ul li:hover a {
color: red;
}
.top-nav ul li a i {
padding-right: 10px;
}
.login-btn {
text-align: right;
}
.login-btn a {
display: block;
float: left;
color: #fff;
font-size: 14px;
height: 35px;
line-height: 35px;
padding-right: 25px;
padding-left: 25px;
}
.login-btn a:hover, .login-btn a.selected {
border-radius: 18px;
font-weight: bold;
background: red;
}
/*-- End Top Bar --*/
/*-- Start Header --*/
.header-area {
width: 100%;
height: 100px;
padding: 10px;
display: flex;
justify-content: space-between;
z-index: 10;
background: #fff;
box-shadow: 5px 5px 5px #3333332e;
}
.menu {
display: flex;
text-align: right;
}
.menu ul {padding-left: 120px;}
.menu ul li {
display: inline-block;
margin-right: 10px;
text-align: right;
}
.menu ul li a {
font-size: 14px;
color: #333333;
font-weight: normal;
line-height: 80px;
}
.menu ul li a blink {
color: red;
animation: blinker 0.6s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.menu ul li:hover a {
color: red;
}
.menu ul li a i {
padding-right: 10px;
}
.openMenu {
font-size: 2rem;
margin: 20px;
display: none;
float: right;
cursor: pointer;
}
.menu .closeMenu , .icons i {
font-size: 25px;
color: #fff;
display: none;
cursor: pointer;
}
/*-- End Header --*/
/*-- Start Search Area --*/
.search-area {
background: url("../images/bnr-back.png") no-repeat top left;
width: 100%;
height: auto;
padding: 60px 0;
margin-bottom: 20px;
}
.search-bar {
position: relative;
background: #EFF3FB;
border-radius: 35px;
border: 2px solid red;
width: 80%;
height: 50px;
margin: auto;
margin-bottom: 50px;
}
.slct-area {
background: #EFF3FB;
border-radius: 35px;
border: 2px solid red;
width: 15%;
float: left;
height: 50px;
text-align: center;
padding: 0 25px;
margin: -2px 0 0 -2px;
}
.search-opt {
background: #EFF3FB;
text-align: center;
font-size: 14px;
height: 30px;
margin-top: 9px;
}
.input-fld {
width: 60%;
float: left;
}
.inpt-01 {
background: #EFF3FB;
width: 100%;
height: 45px;
padding-left: 25px;
font-size: 14px;
}
.srch-btn {
position: absolute;
background: red;
border-radius: 35px;
border: 2px solid #fff;
width: 20%;
height: 50px;
font-size: 17px;
color: #fff;
right: 0;
margin: -2px -2px 0 0;
cursor: pointer;
}
.srch-btn:hover {
background: #B70000;
}
/*-- End Search Area --*/
/*-- Start Image box Area --*/
.img-box {
overflow: hidden;
}
.box {
background: #fff;
width: 87px;
height: 90px;
border-radius: 5px;
padding: 10px;
text-align: center;
float: left;
margin-right: 10px;
}
.box img {
width: auto;
height: 30px;
}
.box img:hover {
width: auto;
height: 32px;
}
.box h2 {
color: #000;
font-size: 12px;
margin-top: 5px;
}
.box h2:hover {
color: #e82222;
font-size: 13px;
margin-top: 5px;
}
/*-- End Image box Area --*/
/*-- Start Add Area --*/
.add-area {
}
.small-add {
margin-top: 20px;
}
.add-box2 {
margin-top: 40px;
}
.add-box2 img {
width: 100%;
}
.add-box-02 {
margin-top: 15px;
}
.add-box-02 img {
width: 100%;
text-align: center;
}
/*-- End Add Area --*/
/*-- Start Category Area --*/
.top-category-area {
}
.hdng {
width: 100%;
text-align: center;
margin-top: 15px;
margin-bottom: 20px;
}
.hdng b {
font-size: 24px;
color: #2E2E2E;
border-bottom: 1px solid #333;
padding: 0 20px 10px 20px;
margin: 60px 0;
}
.cat-list {
position: relative;
width: 100%;
background: #F2F4FF;
border-radius: 5px;
padding: 60px 15px 15px 15px;
margin-top: 40px;
box-shadow: inset 0px 0px 20px 0px #3333332e;
margin-bottom: 10px;
}
.cat-list img {
position: absolute;
text-align: center;
top: -40px;
left: 37%;
}
.hdng-02 {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.hdng-02 b {
text-align: center;
font-size: 16px;
color: #2E2E2E;
border-bottom: 1px solid #CBCBCB;
padding-bottom: 3px;
}
.cat-list ul li {
overflow: hidden;
margin-bottom: 5px;
}
.cat-list ul li a {
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
color: #2E2E2E;
}
.cat-list ul li a:hover {
color: red;
}
.cat-list ul li a i {
color: red;
}
.view-btn {
text-align: center;
margin-top: 30px;
}
.view-btn a {
font-size: 15px;
padding: 5px 30px;
background: red;
border-radius: 30px;
color: #fff;
}
.view-btn a:hover {
font-size: 16px;
padding: 5px 30px;
background: #e30b0b;
border-radius: 30px;
color: #fff;
}
/*-- End Category Area --*/
/*-- Start Toptrend --*/
.toptrend-area {
width: 100%;
background: #f2f4fd;
margin-top: 30px;
}
.toptrend-area2 {
width: 100%;
background: #f2f4fd;
}
.hdng-04 {
width: 100%;
text-align: center;
padding: 20px;
}
.hdng-04 b {
font-size: 24px;
color: #2E2E2E;
border-bottom: 1px solid #333;
padding: 0 20px 10px 20px;
}
.item-box {
background: #fff;
width: 270px;
border-radius: 5px;
box-shadow: 1px 1px 15px 2px #3333332e;
}
.hdng-03 {
border-radius: 5px 5px 0 0;
background: #444444;
height: 50px;
}
.hdng-comp {
font-size: 16px;
color: #fff;
padding-top: 15px;
padding-left: 15px;
}
.hdng-03 h3 {
font-size: 17px;
color: #fff;
padding: 5px 0 0 15px;
}
.hdng-03 p {
font-size: 12px;
color: #fff;
padding: 3px 0 0 15px;
}
.post-details {
padding: 15px;
}
.post-details h3 {
font-size: 14px;
color: #4E4E4E;
margin-bottom: 10px;
}
.post-details h3 i {
font-size: 18px;
}
.post-details h4 {
font-size: 15px;
color: #4E4E4E;
margin-bottom: 20px;
}
.post-details p {
font-size: 15px;
color: #4E4E4E;
margin-bottom: 15px;
}
.view-btn-02 {
height: 50px;
text-align: center;
background: red;
border-radius: 0 0 5px 5px;
}
.view-btn-02:hover {
height: 50px;
text-align: center;
background: #b80606;
border-radius: 0 0 5px 5px;
}
.view-btn-02 a {
line-height: 50px;
font-size: 15px;
color: #fff;
font-weight: bold;
}
.toptrend-active .owl-nav button {
left: 0;
position: absolute;
top: 40%;
}
.toptrend-active .owl-nav button.owl-next {
font-size: 40px;
color: red;
right: -30px;
left: auto;
}
.toptrend-active .owl-nav button.owl-prev {
font-size: 40px;
color: red;
left: -30px;
right: auto;
}
/*-- End Toptrend --*/
/*-- Start Slider --*/
.own-add {
background: rgba(255,255,255,0.85);
padding-top: 10px;
text-align: center;
}
.own-add2 {
background: url("../images/bg3.jpg") center fixed;
width: 100%;
}
.hdng-13 {
color: #333;
margin-bottom: 20px;
}
.hdng-13 b {
font-size: 18px;
border-bottom: 1px solid #333;
padding: 10px;
}
.slider-area {
margin-bottom: 20px;
}
.slider-active .owl-nav button {
left: 0;
position: absolute;
top: 45%;
}
.slider-active .owl-nav button.owl-next {
font-size: 30px;
color: rgba(0,0,0,0.50);
right: 0;
left: auto;
margin-right: 50px;
}
.slider-active .owl-nav button.owl-prev {
font-size: 30px;
color: rgba(0,0,0,0.50);
left: 0;
right: auto;
margin-left: 50px;
}
/*-- End Slider --*/
/*-- Start Promo Video Area --*/
.promo-video-area {
width: 100%;
}
.promo-video-area h2 {
font-size: 35px;
color: #ff5757;
text-align: center;
margin-bottom: 20px;
}
.video-box {
text-align: center;
}
.video-box iframe {
width: 600px;
min-height: 320px;
}
.promo-video-area p {
width: 70%;
font-size: 16px;
color: #333;
text-align: center;
margin: 20px auto;
}
/*-- End Promo Video Area --*/
/*-- Start Service Area --*/
.service-area {
width: 100%;
text-align: center;
padding-bottom: 30px;
}
.service-area h2 {
font-size: 22px;
color: #2E2E2E;
text-align: center;
margin-top: 30px;
}
.service-area p {
font-size: 15px;
color: #2E2E2E;
text-align: center;
margin-top: 15px;
}
/*-- End Service Area --*/
/*-- Start Open Area --*/
.open-area {
width: 100%;
height: 600px;
text-align: left;
background: url("../images/blurbg.jpg") no-repeat center;
background-size: 100%;
}
.open-area img {
width: 100%;
}
.open-hdng {
max-width: 400px;
font-size: 50px;
color: #fff;
padding-top: 170px;
}
.open-area p {
max-width: 400px;
font-size: 16px;
color: #fff;
margin-top: 25px;
}
/*-- End Open Area --*/
.recomand-btn {
width: 100%;
height: 60px;
background: #ff5757;
}
.recomand-btn p {
font-size: 20px;
line-height: 60px;
color: #fff;
text-align: center;
}
.recomand-btn p a {
font-size: 20px;
color: #333;
font-weight: bold;
}
/*-- Start Video-02 Area --*/
.hdng-14 {
font-size: 25px;
color: #ff5757;
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
}
.video-area2 {
width: 100%;
margin-top: 15px;
}
.video-box-02 iframe {
width: 100%;
height: 320px;
}
.video-details ul {
text-align: left;
margin-top: 20px;
padding-left: 50px;
}
.video-details ul li {
margin-bottom: 30px;
}
.video-details ul li a {
font-size: 18px;
color: #2E2E2E;
line-height: 20px;
}
.video-details ul li a i {
font-size: 25px;
color: red;
}
.dtails-btn {
display: block;
font-size: 20px;
background: #ff5757;
color: #fff;
text-align: center;
padding: 10px 25px;
border-radius: 30px;
}
.txt-02 {
width: 100%;
font-size: 14px;
color: #555;
margin-top: 20px;
}
/*-- End Video-02 Area --*/
/*-- Start Pagination Area --*/
.hdng-05 {
width: 100%;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.hdng-05 b {
font-size: 20px;
color: #2E2E2E;
border-bottom: 1px solid #CBCBCB;
padding: 0 20px 10px 20px;
}
.pagination-area ul {
text-align: center;
}
.pagination-area ul li {
display: inline-block;
margin-right: 10px;
}
.pagination-area ul li a {
display: block;
width: 25px;
height: 25px;
border: 1px solid red;
border-radius: 50%;
font-size: 18px;
line-height: 25px;
font-weight: bold;
color: #2E2E2E;
text-transform: uppercase;
}
.pagination-area ul li a:hover, .pagination-area ul li a.selected {
background: red;
color: #fff;
}
/*-- End Pagination Area --*/
/*-- Start Category Page --*/
.category-area {
}
.hdng-06 {
text-align: center;
margin-top: 30px;
margin-bottom: 40px;
}
.hdng-06 b {
font-size: 24px;
color: #2E2E2E;
border-bottom: 1px solid #CBCBCB;
padding: 0 10px 5px 10px;
}
.cat-list-02 {
width: 100%;
box-shadow: inset 0px 0px 20px 0px #3333332e;
border-radius: 5px;
margin-bottom: 20px;
}
.cat-list-02 ul {
width: 90%;
margin: 20px auto;
}
.cat-list-02 ul li {
margin-bottom: 10px;
}
.cat-list-02 ul li a {
font-size: 14px;
color: #444;
}
.cat-list-02 ul li a:hover {
color: red;
}
.hdng-07 {
line-height: 50px;
background: #333;
color: #fff;
font-size: 16px;
padding-left: 15px;
border-radius: 5px 5px 0 0;
}
.view-btn-02 {
line-height: 40px;
background: red;
color: #fff;
font-size: 18px;
text-align: center;
border-radius: 0 0 5px 5px;
}
.add-area-03 {
margin-top: 50px;
margin-bottom: 50px;
}
.small-add-03 {
margin-top: 20px;
}
.add-box-03 img {
width: 100%;
}
/*-- End Category Page --*/
/*-- Start Importer Page --*/
.importer-list {
border-radius: 5px;
border: 1px solid #ccc;
padding: 20px;
}
.cat-list-03 {
width: 100%;
}
.hdng-15 {
text-align: left;
}
.hdng-15 b {
display: block;
font-size: 24px;
color: #2E2E2E;
border-bottom: 1px solid #CBCBCB;
padding: 0 10px 5px 10px;
}
.cat-list-03 ul {
width: 90%;
margin: 20px auto;
}
.cat-list-03 ul li {
margin-bottom: 10px;
}
.cat-list-03 ul li a {
font-size: 14px;
color: #444;
}
.cat-list-03 ul li a:hover {
color: red;
}
.view-btn-03 {
text-align: center;
color: #fff;
}
.view-btn-03{
background: red;
line-height: 35px;
border-radius: 35px;
padding: 5px 25px;
}
/*-- End Importer Page --*/
.hide {
visibility: hidden;
}
.post-offr-btn {
float: right;
border: 2px solid #fff;
color: #fff;
font-size: 15px;
font-weight: bold;
background: red;
border-radius: 30px;
padding: 8px 15px;
margin-top: -30px;
}
.post-offr-btn2 {
float: left;
border: 2px solid #fff;
color: #fff;
font-size: 15px;
font-weight: bold;
background: red;
border-radius: 30px;
padding: 8px 15px;
margin-top: -30px;
}
.buy-sell-area {
margin-top: 30px;
}
.hdng-08 {
width: 100%;
margin-bottom: 30px;
}
.hdng-08 b {
display: block;
font-size: 18px;
color: #2E2E2E;
border-bottom: 1px solid #333;
padding: 0 20px 10px 0;
}
.qry-btn-01 {
background: green;
font-size: 16px;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
margin-top: 10px;
display: inline-block;
}
.comp-details li {
color: #444;
font-size: 14px;
margin-bottom: 10px;
}
.comp-details li i {
color: red;
}
.collapsiblepro {
background-color: deepskyblue;
color: white;
cursor: pointer;
padding: 15px;
width: 100%;
text-align: left;
font-size: 15px;
margin-top: 20px;
border-radius: 5px;
font-weight: bold;
}
.collapsible2 {
background-color: darkred;
color: white;
cursor: pointer;
padding: 15px;
width: 100%;
text-align: left;
font-size: 15px;
font-weight: bold;
margin-top: 20px;
border-radius: 5px;
}
.product {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #fff;
border-radius: 0 0 5px 5px;
}
.prod-list {
padding: 20px;
text-align: center;
}
.prod-list li {
background: #fff;
display: inline-block;
margin-right: 15px;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 10px;
}
.prod-list li p {
background: #333;
color: #fff;
font-size: 14px;
padding: 7px 0;
border-radius: 0 0 5px 5px;
}
.product-details-area {
margin-top: 20px;
}
.hdng-10 {
color: #fff;
}
.product-img img {
text-align: center;
width: 100%;
border: 1px solid #ccc;
padding: 15px;
border-radius: 5px;
}
.pro-details h2 {
color: red;
margin-bottom: 20px;
}
.pro-details h3 {
color: red;
margin-top: 50px;
margin-bottom: 10px;
}
.pro-details p {
font-size: 14px;
color: #444;
margin-bottom: 20px;
}
.related-pro ul {
overflow: hidden;
}
.related-pro ul li {
text-align: center;
float: left;
padding: 5px;
margin-right: 15px;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 10px;
}
.sell-company li {
margin-bottom: 10px;
}
.sell-company li a {
color: darkred;
font-size: 14px;
}
.sell-company li a:hover {
color: red;
}
.sell-company li p {
color: #333;
font-size: 13px;
}
.top-post-btn a {
text-align: center;
}
/* Style the tab */
.tab {
overflow: hidden;
border-bottom: 2px solid red;
}
/* Style the buttons inside the tab */
.tab button {
float: left;
cursor: pointer;
padding: 8px 15px;
transition: 0.3s;
font-size: 15px;
border-radius: 5px 5px 0 0;
border: 1px solid #ccc;
border-bottom: none;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: red;
color: #fff;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: red;
color: #fff;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 20px 12px;
border: 1px solid #ccc;
border-radius: 0 0 5px 5px;
border-top: none;
box-shadow: inset 0px 0px 20px 0px #3333332e;
}
.post-inpt {
padding: 15px;
border-radius: 5px;
box-shadow: inset 0px 0px 20px 0px #3333332e;
}
.hdng-09 {
width: 100%;
margin-top: 30px;
margin-bottom: 15px;
}
.hdng-09 b {
display: block;
font-size: 16px;
color: #2E2E2E;
border-bottom: 1px dashed #333;
padding: 0 20px 10px 0;
}
.offers {
border-bottom: 1px dashed #333;
overflow: hidden;
margin-bottom: 10px;
}
.offr-details li {
font-size: 14px;
margin-bottom: 10px;
}
.offr-details2 li {
margin-top: 30px;
}
.offr-details2 li a {
font-size: 14px;
border: 1px solid red;
font-weight: bold;
border-radius: 30px;
padding: 5px 20px;
}
.offr-details2 li a:hover {
background: red;
color: #fff;
}
.pro-img {
text-align: center;
width: 100%;
}
.fldset {
width: 100%;
margin: auto;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.fldset h3 {
font-size: 14px;
}
.fldset label {
font-size: 14px;
}
.fldset input {
background: red;
margin-right: 10px;
}
.inpt-02 {
width: 100%;
margin: 8px auto;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.inpt-03 {
width: 100%;
min-height: 100px;
margin: 8px auto;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.sbmt-btn {
text-align: center;
width: 100px;
line-height: 35px;
background: red;
color: #fff;
margin: auto;
border-radius: 5px;
}
.add-sctn img {
width: 100%;
margin-top: 15px;
}
.toptranding-list {
padding: 20px;
}
.hdng-11 {
width: 100%;
margin-top: 30px;
margin-bottom: 15px;
}
.hdng-11 b {
display: block;
font-size: 16px;
color: #2E2E2E;
border-bottom: 1px solid #333;
padding: 0 20px 10px 0;
}
.hdng-12 {
font-size: 15px;
color: red;
}
.hdng-13 {
font-size: 14px;
color: #333;
margin-top: 15px;
margin-left: 10px;
}
.category ul {
margin-left: 20px;
margin-top: 10px;
}
.category ul li {
font-size: 13px;
color: darkred;
margin-bottom: 10px;
}
.category ul li a {
font-weight: bold;
color: darkred;
font-size: 11pt;
}
.category ul li i {
font-style: normal;
}
.top-add {
border: 1px solid #ccc;
border-radius: 5px;
overflow: hidden;
margin-top: 10px;
}
.top-add img {
width: 100%;
text-align: center;
}
.top-add ul {
margin-top: 10px;
}
.top-add ul li {
margin-bottom: 10px;
}
.top-add ul li a {
color: #333;
font-size: 14px;
}
.top-add ul li i {
color: green;
font-style: normal;
font-weight: bold;
}
.advertise-area {
margin-top: 30px;
}
.info-box {
border-radius: 5px;
text-align: center;
padding: 30px;
box-shadow: inset 0px 0px 20px 0px #3333332e;
margin-bottom: 40px;
}
.info-hdng {
font-size: 20px;
color: #333;
margin-bottom: 20px;
}
.info-box p {
font-size: 15px;
color: #333;
margin-bottom: 20px;
}
.info-box p a {
color: red;
}
.txt-01 {
text-align: left;
}
.adv-btn-01 a {
border: 2px solid red;
border-radius: 35px;
font-size: 15px;
font-weight: bold;
color: red;
padding: 8px 25px;
}
.adv-btn-01 a:hover {
background: red;
color: #fff;
}
.pakages {
overflow: hidden;
}
.info-hdng2 {
text-align: center;
font-size: 20px;
color: #333;
margin-bottom: 30px;
}
.info-hdng2 b {
border-bottom: 1px dashed #666;
padding: 0 100px 10px 100px;
}
.pakage-box {
box-shadow: inset 0px 0px 20px 0px #3333332e;
padding: 20px;
margin-bottom: 20px;
}
.adv-hdng {
font-size: 18px;
color: #444;
margin-bottom: 15px;
}
.adv-hdng b {
border-bottom: 1px dashed #666;
padding: 0 50px 5px 0;
}
.pakage-box p {
font-size: 14px;
color: #555;
margin-bottom: 15px;
}
.pakage-box p a {
color: red;
}
.adv-btn-02 a {
display: block;
border-radius: 5px;
color: #fff;
text-align: center;
background: #f13838;
font-size: 15px;
font-weight: bold;
padding: 10px 0;
}
.adv-btn-02 a:hover {
background: #333;
color: #fff;
}
.pkg-list {
overflow: hidden;
padding: 30px;
box-shadow: inset 0px 0px 20px 0px #3333332e;
}
.pkg-list h3 {
font-size: 18px;
color: #333;
margin-bottom: 15px;
}
table, th, td {
border: 1px solid #ccc;
border-collapse: collapse;
}
.pkg-box th {
background: #333;
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
padding: 10px 30px;
}
.pkg-box td {
color: #333;
font-size: 16px;
padding: 10px 30px;
}
.pkg-box a {
background: red;
border-radius: 20px;
color: #fff;
font-size: 16px;
padding: 5px 20px;
}
.pkg-box a:hover {
background: darkred;
}
.payment-method p {
font-size: 14px;
color: #555;
margin-bottom: 20px;
}
.payment-method img {
width: 100%;
}
.p_button{
background: red;
border-radius: 20px;
color: #fff;
font-size: 16px;
padding: 5px 20px;
}
.p_button:hover{
background: #e82222;
border-radius: 20px;
color: #fff;
font-size: 16px;
padding: 5px 20px;
}
/*-- Start Footer Area --*/
.footer-area {
background: #1D262D;
margin-top: 50px;
padding-top: 50px;
padding-bottom: 50px;
}
.footer-nav h3 {
font-size: 17px;
color: #fff;
margin-bottom: 20px;
}
.footer-nav ul li {
margin-bottom: 10px;
}
.footer-nav ul li a {
font-size: 15px;
color: #4E7594;
}
.ftr-logo img {
width: 100%;
}
.social h3 {
font-size: 17px;
color: #fff;
margin-bottom: 10px;
margin-top: 25px;
}
.social img {
width: 280px;
height: auto;
}
.social ul li {
display: inline-block;
margin-right: 10px;
}
.social ul li a img {
height: 40px;
width: 40px;
}
.cpy-rht {
background: #293741;
width: 100%;
height: 50px;
text-align: center;
}
.cpy-rht p {
line-height: 50px;
font-size: 13px;
color: #B4CCDE;
}
/*-- End Footer Area --*/