1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- .footer {
- width: 100%;
- height: 200px;
- position: absolute;
- bottom: 0;
- background: url('../../../assets/image/footer.png') no-repeat center center;
- background-size: cover;
- margin-top: -13px;
- position: relative;
- direction: rtl;
- font-family: 'Cairo', sans-serif;
- overflow: hidden;
- }
- .overlayFooter-w {
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- bottom: 0;
- right: 0;
- left: 0;
- background: rgba(223, 212, 198, 0.6);
- }
- .leftFooter-w {
- width: 100%;
- display: inline-block;
- padding: 20px 0;
- }
- .leftFooter-w img {
- width: 100px;
- margin: 40px 10px;
- }
- .centerFooter-w {
- width: 100%;
- display: inline-block;
- }
- .centerFooter-w ul {
- width: 100%;
- padding: 40px 0;
- }
- .centerFooter-w ul li{
- display: inline-block;
- margin: 50px 5px;
- }
- .centerFooter-w ul li a {
- text-decoration: none;
- font-size: 16px;
- font-weight: 600;
- color: #fff;
- transition: all 0.5s;
- text-shadow: 2px 2px 4px #000000;
- }
- .centerFooter-w ul li a:hover {
- color: #252525;
- text-shadow: 0 0 0 transparent;
- }
- .rightFooter-w {
- width: 100%;
- display: inline-block;
- padding: 35px 0;
- margin-top: 40px;
- }
- .rightFooter-w img {
- width: 200px;
- }
- /* start media query */
- @media(max-width: 767px) {
- .centerFooter-w ul{
- padding: 0;
- }
- .centerFooter-w ul li{
- display: inline-block;
- margin: 0 5px;
- }
- }
|