.clearfix { clear: both; } .footerNewsLetterFormMobile { display: none; } .desktopContainer { width: 100%; } .desktopContainer #footer_desktop { margin: 0; background-color: #4e566d; /*padding: 40px 60px;*/ padding-top:30px; /*border-radius: 3px;*/ } .desktopContainer .footerLinkAndSocialContainer { border-bottom: 1px solid #b7b7b7; padding-bottom: 10px; max-width: 1200px; margin: 0 auto; } .desktopContainer .footerLinkAndSocialContainer .footerLinkContainer { float: left; } .desktopContainer .footerLinkAndSocialContainer .footerSocialContainer { float: right; position: relative; top: -5px; } .footerSocialContainer { margin-top: 45px; margin-right: 20px; } .footerSocialContainer a:last-child { /*margin-left: 60px;*/ } #footer_desktop .footerSocialContainer a:not(:last-child) { margin-right:10px; } #footer_desktop .footerSocialContainer a:last-child img { height:25px; } .desktopContainer .footerLinkAndSocialContainer .footerSocialContainer a:not(:first-child) { margin-left: 15px; } .desktopContainer .footerLinkContainer ul { display: flex; list-style-type: none; text-transform: uppercase; margin: 0; padding: 0; } .desktopContainer .footerLinkContainer ul li:not(:last-child) { padding-right: 15px; } .desktopContainer .footerLinkContainer ul li a { color: white; font-size: 15px; font-weight: bold; } .desktopContainer .footerLeftSideText, .desktopContainer .footerNewsLetterText { width: 400px; margin: 30px 0px; color: #b7b7b7; } .desktopContainer .footerLeftSideText, .desktopContainer .footerCompatibleBrowsers { float: right; color: red; width: 400px; margin: 30px 0px; color: #b7b7b7; } .desktopContainer .footerCopyright, .desktopContainer .footerNewsLetterForm { width: 400px; color: #b7b7b7; } .desktopContainer .footerLeftSideText, .desktopContainer .footerCopyright { float: left; } .desktopContainer .footerCopyrightAndNewsLetterForm { display: flex; justify-content: space-between; align-items: center; } .desktopContainer .footerCopyright { margin-bottom: 0; } .desktopContainer .footerNewsLetterText, .desktopContainer .footerNewsLetterForm { float: left; } .desktopContainer .footerNewsLetterForm { display: flex; justify-content: space-between; } .desktopContainer .footerNewsLetterForm input { height: 50px; border-radius: 3px; padding: 10px 15px; border: solid 1px #7d7d7d; background-color: #4e566d; color: #b7b7b7; } .desktopContainer .footerNewsLetterForm button { max-width: 170px; margin: 0; } .footerAdress { display: none; } .footerBottomContainer { display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; } .footerBDContent, .footerNewsletterContent { width:400px; padding: 30px 20px; } .footerBottomContainer p { color:white; } .footerNewsletterContent a { float:right; } .footerNewsletterContent a button { border: none; /*width: 190px;*/ padding-left: 20px; padding-right: 20px; } .footerNewsletterContent p { margin-bottom: 0; line-height: 1.3; font-size: 16px; } .footerBlocksContainer { display: flex; justify-content: space-around; } .footerBlocksContainer > div { width:20%; } .footerBlocksContainer .footerBlocksContentTitle { color:white; font-size:18px; font-family: "HelveticaBold"; position: relative; } .footerBlocksContainer .footerBlocksContentTitle::after { position: absolute; content: ""; height: 2px; bottom: -19px; width: 100%; margin: 0 auto; left: 0; right: 0; background: #f0eff5; } .footerBlocksContainer ul { padding:0; margin-top: 45px; } .footerBlocksContainer ul li{ list-style-type: none; margin-bottom: 10px; } .footerBlocksContainer ul li a{ font-family: "HelveticaLight"; color:white; font-size:16px; font-weight:normal; } @media screen and (max-width: 1200px) { .desktopContainer #footer_desktop { padding: 30px 20px 40px; } } @media screen and (max-width: 992px) { .footerBlocksContainer > div { width:100%; } .footerBlocksContainer { display: block; } .desktopContainer #footer_desktop { padding: 30px 20px 40px; } .desktopContainer .footerLinkContainer ul { flex-direction: column; line-height: 2.5; } .desktopContainer .footerLinkContainer ul li { border-top: 1px solid rgba(255, 255, 255, 0.5); display: block; width: 100%; } .desktopContainer .footerLinkContainer ul li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .desktopContainer .footerLinkAndSocialContainer .footerLinkContainer { float: none; } .footerSocialContainer { float: none; display: flex; justify-content: center; margin-top: 50px; } .desktopContainer .footerLinkAndSocialContainer .footerSocialContainer a { margin: 0 10px; } .desktopContainer .footerLinkAndSocialContainer { border-bottom: 0; } .desktopContainer .footerLeftSideText, .desktopContainer .footerCompatibleBrowsers { float: none; display: none; } .desktopContainer .footerNewsLetterText, .desktopContainer .footerNewsLetterForm { display: none; } .footerAdress { display: block; color: white; margin-top: 20px; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: center; color: #ffffff; padding: 0 30px; line-height: 1.5; } #footer_desktop { margin: 0 !important; } .footerNewsLetterFormMobile input { height: 40px; max-width: 400px; width: 100%; margin: 0 auto; border-radius: 3px; border: none; padding: 0 10px; } .footerNewsLetterFormMobile { display: flex; justify-content: center; flex-direction: column; padding: 30px 0 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.5); } .footerNewsLetterFormMobile a { margin: 0 auto; width: 100%; text-align: center; } .footerNewsLetterFormMobile .base_btn { max-width: 300px; width: 100%; margin-top: 10px; height: 40px; } } @media screen and (max-width: 576px) { .footerAdress { padding: 10px; } .footerSocialContainer img { max-width: unset !important; } .footerSocialContainer a:last-child { /*margin-left: 10px;*/ } .footerSocialContainer { margin-right: 0px; margin-bottom: 50px; } .footerBDContent { width: 100%; padding: 0px; display: block; text-align: center; } .footerBottomContainer { display: block; } .footerBottomContainer p { text-align: center; } }