@charset "UTF-8"; /* .main-body > header { border: none; } */ .menu-panal { height: 92px; transition: height .2s ease-in-out; } .menu-panal .navbar { margin-bottom: 0; border: none; border-radius: 0; height: 92px; box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.1); } .menu-panal .navbar-brand { height: 100%; padding: 0; } .menu-panal .navbar-header { margin-left: 15px; } .menu-panal .navbar-brand > img { display: block; height: 92px; transition: all .2s ease-in-out; } .menu-panal #mainNavbar { max-width: 80%; float: left; z-index: 9; border: none; } .menu-panal .navbar-nav.navbar-right { margin-right: 20px; } .menu-panal .nav.navbar-nav li { display: inline-block; float: none; text-align: center; } .menu-panal .nav.navbar-nav li a, .menu-panal .nav.navbar-nav li span { font-family: 'Sailec-Light'; color: #3c3d41; font-size: 15px; letter-spacing: 0.2px; line-height: 18px; margin: 20px 30px; padding: 0; text-align: left; } .menu-panal .nav.navbar-nav li a:hover, .menu-panal .nav.navbar-nav li.active a, .menu-panal .nav.navbar-nav li span:hover, .menu-panal .nav.navbar-nav li.active span { color: #005373; background: none; } .fp-responsive header#site-header.f-nav { height: 60px; } .f-nav .navbar { position: fixed; width: 100%; top: 0; left: 0; background: #ffffff; z-index: 9; height: 60px; } .f-nav .navbar-brand > img { height: 60px; } .f-nav #mainNavbar ul li { padding: 20px 20px; } .f-nav .contact_us_link { margin-top: 13px; } .fp-responsive .menu-panal { height: 60px; } /* .slideshowck .btn, .slideshowck .btn:hover, .btn.disabled { border: none; padding: 0; font-size: 16px; line-height: 20px; padding: 12px 18px 13px; font-weight: 400; text-transform: none; display: inline-block; border-radius: 0px; transition: all 0.2s linear; cursor: pointer; outline: none !important; } .btn:hover, .btn:focus { color: #ffffff; text-decoration: none; } .btn-primary { background: #b81a32 none repeat scroll 0 0; border: none; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus { background: #333; color: #fff; } */ .article_heading { padding-bottom: 30px; position: relative; float: left; } .page_heading.article_heading { margin: 0 auto; max-width: 800px; padding: 15px 15px 0px; display: table; float: inherit; margin: 0 auto; padding: 29px 15px 25px; width: 800px; } .article_text { margin-bottom: 20px; } .article_title { padding-right: 75px; } .article_title { margin-bottom: 30px; font-size: 20px; } .article_heading .article_title { font-size: 36px; font-family: "Sailec-Medium", sans-serif; font-weight: 700; line-height: 45px; padding: 0; margin: 0 0 10px; text-transform: none; } .article_text p { font-size: 18px; font-family: "Sailec-Medium", sans-serif; font-weight: 500; color: #525252; line-height: 22px; padding: 0; margin: 0 0 10px; text-transform: none; } .article_text p a { text-decoration: underline; color: #aa272f; } .article-list { padding: 50px 0; float: left; width: 100%; } .article-detail { width: 220px; margin: auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); padding: 15px 20px 35px; min-height: 370px; position: relative; margin-bottom: 20px; } .article-detail img { margin-bottom: 20px; } .article-detail .article-title { font-size: 22px; color: #3d4543; line-height: 100%; font-family: "PT Sans"; font-weight: bold; margin-bottom: 30px; } .article-detail .article-content { font-size: 20px; color: #9f9f9f; margin-bottom: 20px; } .article-detail .article-link { text-align: right; } .article-detail a.btn_link { background: #a9272d; padding: 5px 15px; font-size: 16px; font-weight: bold; color: #fff; position: absolute; right: 10px; bottom: 10px; } .article-list .article-detail:after { content: ""; position: absolute; width: 100%; height: 17px; bottom: -18px; background-image: url(../images/shadow-01.jpg); background-position: bottom center; background-repeat: no-repeat; left: 0; } .article-detail a.btn_link_yellow { background: #f6aa09; padding: 5px 15px; font-size: 16px; font-weight: bold; color: #fff; position: absolute; right: 10px; bottom: 10px; } .article-with-sidebar { display: table; width: 100%; margin: -1px auto 0; padding: 0; } .article-content-area { background: #e2e2e2 none repeat scroll 0 0; display: table-cell; position: relative; padding: 30px; vertical-align: top; width: 50%; margin-bottom: 50px; } .article-content-area::before { background: #e2e2e2 none repeat scroll 0 0; content: ""; display: block; height: 100%; left: -100%; position: absolute; top: 0; width: 100%; } .article_text li { font-size: 18px; font-family: "Sailec-Medium", sans-serif; font-weight: 500; color: #525252; line-height: 22px; padding: 0; } .article-content-sidebar { width: 50%; display: table-cell; float: left; margin: 0 auto 50px; padding: 30px; } .article_text img.img-circle { width: 100%; } .article-view h3 { margin-bottom: 0.5em; margin-top: 1em; } .article-content-area img, img { max-width: 100%; } .article_text footer { background: none; } .cotainer-top { background: transparent; position: relative; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } iframe { max-width: 100%; border: 0px; } .main-contain { background: #fff; } /* .top-header { margin: 0 auto; padding: 8px 0; width: 100%; border-bottom: #ebebeb 4px solid; position: relative; transition: all 500ms ease-out; } .top-header .custom { display: inline-block; float: right; padding-right: 15px; padding-right: 10px; margin-right: 10px; border-right: #ebe7e7 2px solid; } .flag-div { margin: 5px 0; } .flag-div img { max-height: 16px; } .flag-div span { font-family: 'Sailec-Medium'; color: #3b3d40; display: inline-block; font-size: 11px; line-height: 13px; padding-left: 3px; padding-top: 6px; } .client-login { width: auto; float: right; margin: 5px 0; } .client-login a { font-family: 'Sailec-Medium'; color: #3b3d40; font-size: 11px; line-height: 13.2px; text-align: right; margin: 0; padding: 0; } */ .input-append { position: relative; } /* .form-search input.search-query { border: 1px solid rgba(131, 141, 143, 0.12); border-radius: 18px; color: #3c3d41; font-family: 'Sailec-Regular', sans-serif; font-size: 14px; height: 32px; letter-spacing: 1px; line-height: 18px; margin-right: 0; outline: medium none; padding: 0 8px; width: 141px; } *//* .menu-panal #mod-finder-searchform.form-search .btn, .form-search .btn { background: #fff; color: #3c3d41; font-size: 16px; position: absolute; right: 8px; top: 3px; box-shadow: none; border-radius: 50%; padding: 0 3px; } .menu-panal #mod-finder-searchform.form-search .btn:hover, .form-search .btn:hover { background: #f2f2f2; } .menu-panal #mod-finder-searchform.form-search .btn { width: auto; height: auto; color: #fff; border: none; } .menu-panal #mod-finder-searchform button.btn.hasTooltip::after { background: #3c3d41 none repeat scroll 0 0; border-radius: 2px; border-width: 0; content: ""; display: inline-block; height: 3px; left: 28px; position: absolute; top: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; } .menu-panal #mod-finder-searchform button.btn.hasTooltip::before { border: 2px solid #3c3d41; border-radius: 50%; content: ""; display: inline-block; font-size: 10em; height: 12px; left: 20px; position: absolute; top: 5px; width: 12px; } .form-search { margin: 24px 0; transition: all .2s ease-in-out; } .menu-panal #mod-finder-searchform label { display: none; } header { background: #ffffff; border-bottom: #ebebeb 1px solid; position: relative; z-index: 9; } body[class^="fp-viewing-"] header { position: fixed; width: 100%; } .bottom-header ul { padding: 0; margin: 0 auto 2px; text-align: center; list-style: none; } .bottom-header ul li { display: inline-block; } .bottom-header ul li a { font-family: 'Sailec-Light'; color: #3c3d41; display: block; font-size: 14px; letter-spacing: 0.1px; line-height: 18px; margin: 10px; padding: 0; text-align: left; } */ footer { background: #29292c; padding-top: 40px; float: left; width: 100%; display: block; } .footer-link-div { min-height: 220px; padding: 0 15px; margin-bottom: 50px; } .footer-link-div > div { padding: 0px; margin-bottom: 50px; } .footer-links ul { padding: 0; margin: 0; display: block; width: 100%; list-style: none; } .footer-links ul li a { font-family: 'Sailec-Light'; color: #7e7e87; font-size: 11px; line-height: 21px; text-align: left; margin: 0; padding: 0; } /* .bottom-header ul li a:hover { color: #005373; } */ .footer-links ul li a:hover, .ftr-menu-link li a:hover { color: #bebeca; } .footer-links ul li.link-title a { text-transform: uppercase; font-weight: bold; font-size: 11px; line-height: 27.5px; } .footer-logo img { margin-right: 0; margin-top: 24px; height: 80px; width: 80px; } .top-footer { padding: 0; width: 100%; display: block; } @media (min-width: 992px) { .top-footer { margin-bottom: 16px; } } .social-link { margin: 0 0 30px; } .social-link ul { padding: 0 0 0 3px; margin: 0; display: block; width: auto; list-style: none; } .social-link ul li { display: inline-block; margin-right: 5px; padding: 0 !important; } .social-link ul li a { border-radius: 50%; color: white; display: block; font-size: 28px; height: 100%; text-align: center; width: 100%; line-height: 22px; } .social-link ul li a i:before { font-family: "SSSocialCircle"; } .live-contact { display: block; float: left; width: 100%; padding-left: 0; letter-spacing: 0.5px; } .live-contact, .live-contact a { font-family: 'Sailec-Bold', sans-serif; color: white; display: block; font-size: 24px; letter-spacing: 0.8px; line-height: 32.5px; margin-bottom: 0; padding: 0; text-align: left; width: 100%; text-transform: none; display: inline-block; width: auto; } @media (min-width: 992px) { .live-contact a { margin-bottom: 30px; } } .live-contact h3 a i { font-size: 17px; } .link-title span { font-family: 'Sailec-Medium'; color: #bebeca; display: block; font-size: 10px; letter-spacing: 1.4px; line-height: 25px; margin: 5px 0 0; padding: 12px 0 8px; text-align: left; text-transform: uppercase; } .ftr-menu-link { padding: 0; margin: 0 0 21px; width: 100%; display: block; list-style: none; } .ftr-menu-link li { display: inline-block; vertical-align: middle; padding: 0 0px 0 10px; height: 20px; } .ftr-menu-link li a { font-family: 'Sailec-Light'; color: #7e7e87; font-size: 11px; line-height: 32.5px; text-align: center; } .copy-right { font-family: 'Sailec-Bold', sans-serif; font-size: 16px; color: white; letter-spacing: -0.44px; text-align: right; } @media (min-width: 992px) { .copy-right {display: block;} } .moduletable.moduletable__footer_menu_without_title.mod_menu { padding-top: 65px; } .bottom-footer .menu li { margin-right: 5px; } /* #openLogin { font-family: 'Sailec-Medium'; color: #3b3d40; font-size: 11px; line-height: 20px; text-align: right; margin: 0; padding: 0; display: inline-block; vertical-align: middle; letter-spacing: 0.5px; } .top-header #login_pop { left: auto !important; right: 0; background: rgba(0, 0, 0, 0.6); border: none; width: 100%; position: fixed; height: 100%; top: 0; } .top-header #login_pop #form-login { background: #fff; margin-bottom: 30px; padding: 30px 50px 0px; overflow: hidden; max-width: 425px; margin: auto; top: 30%; position: absolute; height: initial; left: 0%; right: 0%; overflow-y: auto; max-height: 450px; } .top-header #login_pop #form-login label { font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 300; font-size: 12px; margin: 0; text-transform: uppercase; letter-spacing: 0.1px; color: #7c7e83; } .top-header #login_pop #form-login #yjpop_username, .top-header #login_pop #form-login #yjpop_passwd { padding: 5px 10px; height: 40px; line-height: 20px; margin-bottom: 20px; color: #777777; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #e1e1e1; box-shadow: none; border-radius: 4px; outline: none; } #login_pop #form-login .remember { overflow: hidden; width: 100%; } #login_pop #form-login .remember label { position: relative; top: 2px; } #login_pop #form-login .remember #yjpop_remember { float: left; margin-right: 5px; } #login_pop #form-login ul { list-style: none; padding: 0; margin: 0; } #login_pop #form-login ul li a { font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 500; color: #000000; } #closeReg, #closeLogin { display: inline-block; width: 100px; height: 25px; width: 60px; position: absolute; bottom: 8px; right: 10px; font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 400; text-align: center; line-height: 25px; background: #fff; color: #000; text-decoration: none; transition: all 0.2s ease-in; } .top-header form.menu-form:before { content: '\f078'; font-family: Fontawesome; display: inline-block; vertical-align: middle; font-size: 12px; z-index: 0; position: absolute; right: 10px; color: #333333; } .top-header .dropdown-toggle { margin-left: 30px !important; } .top-header img.flag { display: block; position: absolute; top: 0%; width: 22px; z-index: -1; bottom: 0%; margin: auto 0; left: 15px; } .top-header .dropdown-toggle { margin-left: 30px !important; border: none; width: auto; padding: 8px 0 8px 5px; } .top-header .dropdown-toggle .bs-caret { display: none; } .top-header .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; font-family: 'Sailec-Medium'; color: #3b3d40; display: inline-block; font-size: 11px; line-height: 13px; padding-left: 3px; padding-top: 6px; } .top-header .open > .dropdown-toggle.btn-default:hover, .top-header .open > .dropdown-toggle.btn-default:focus, .top-header .dropdown-toggle:hover, .btn-group.open .dropdown-toggle, .top-header .bootstrap-select .dropdown-toggle:focus { background: none !important; box-shadow: none; outline: none !important; } .top-header .dropdown-toggle span { font-family: 'Sailec-Medium'; color: #3b3d40; display: inline-block; font-size: 13px; line-height: 16px; padding-left: 0; padding-top: 3px; } .top-header .bootstrap-select.btn-group .dropdown-menu li a { outline: none; } .top-header .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { display: inline-block !important; } .poping_links { margin: 6px 0; text-align: right; display: inline-block; float: right; } .f-nav .form-search { margin: 14px 0; } .top-header select.selectpicker { display: block !important; opacity: 0; width: 55px; cursor: pointer; padding: 0; background: none; border: none; color: #333333; padding-right: 55px; } .top-header .poping_links, .top-header #logins { width: auto; margin: auto 0; padding-top: 0; display: inline; float: right; } .topbar-contact-link { float: right; margin: 6px; padding-top: 5px; } .topbar-contact-link a { color: #3b3d40; font-family: "Sailec-Medium"; font-size: 11px; line-height: 13.2px; margin: 0 0 0 10px; padding: 0; text-align: right; text-decoration: none; text-transform: uppercase; } .search_link { color: #3b3d40; font-family: "Sailec-Medium", sans-serif; margin: 0 0 0 15px; padding: 0; text-align: right; text-decoration: none; font-size: 11px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px; vertical-align: middle; display: inline-block; } .top-header #login_pop .remember { position: relative; margin: 0 auto; } #login_pop #form-login .remember label { top: 0 !important; line-height: 18px; } .top-header #login_pop .remember input.inputbox { margin: 0; } .top-header #login_pop .remember [type="checkbox"]:not(:checked), .top-header #login_pop .remember [type="checkbox"]:checked { position: absolute; left: 0px; top: 0; z-index: 9999; opacity: 0; width: 18px; outline: none; border: none; height: 18px; } .top-header #login_pop .remember [type="checkbox"]:not(:checked) + label, .top-header #login_pop .remember [type="checkbox"]:checked + label { position: relative; padding-left: 25px; cursor: pointer; } .top-header #login_pop .remember [type="checkbox"]:not(:checked) + label:before, .top-header #login_pop .remember [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #e2e2e2; background: #ffffff; border-radius: 4px; } .top-header #login_pop .remember [type="checkbox"]:not(:checked) + label:after, .top-header #login_pop .remember [type="checkbox"]:checked + label:after { content: '✔'; position: absolute; top: 0; left: 0; font-size: 12px; color: #333333; transition: all .2s; width: 18px; text-align: center; height: 18px; line-height: 18px; } .top-header #login_pop .remember [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .top-header #login_pop .remember [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .top-header #login_pop .remember [type="checkbox"]:disabled:not(:checked) + label:before, .top-header #login_pop .remember [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .top-header #login_pop .remember [type="checkbox"]:disabled:checked + label:after { color: #999; } .top-header #login_pop .remember [type="checkbox"]:disabled + label { color: #aaa; } .top-header #login_pop .remember [type="checkbox"]:checked:focus + label:before, .top-header #login_pop .remember [type="checkbox"]:not(:checked):focus + label:before { border: 1px solid #aaa; } .top-header #login_pop .remember label:hover:before { border: 1px solid #4778d9 !important; } #login_pop .button { margin: 10px auto !important; display: block; min-width: 175px; border-radius: 16px; padding: 6px 30px; line-height: 20px; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; background: #4580e9; } #login_pop a#closeLogin { display: none; } #login_pop #form-login ul { position: relative; bottom: 0; width: 100%; left: 0; padding: 15px 15px 0 !important; text-align: center; margin-top: 25px !important; } #login_pop #form-login ul li { display: inline-block; } #login_pop #form-login ul li a { font-size: 12px; color: #7c7e83; } #login_pop #form-login .remember { margin-bottom: 30px; } #login_pop h2 { color: #bd1933; font-family: 'Sailec-Regular', sans-serif; font-size: 22px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: 0.5px; line-height: 26px; margin: 0 0 20px; padding: 0; text-align: center; } .top-header .row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .top-header .row:before, .top-header .row:after { display: block; } .poping_links { padding-top: 0 !important; } .top-header .col-lg-2 .custom { display: inline-block; vertical-align: middle; } #login_pop #form-login ul ul { margin: 0 !important; } #logins .text { display: inline-block; vertical-align: middle; line-height: 22px; font-size: 11px; letter-spacing: 0.5px; font-weight: 500; } #logins .text a { display: inline-block; vertical-align: middle; } #logins .btn-logaut { vertical-align: middle; line-height: 22px !important; } #logins .btn-logaut:before { display: none; } .top-header .row .col-lg-2 { display: flex; align-items: center; } .sponser-con .row { align-items: stretch; justify-content: center; flex-wrap: wrap; } .sponser-con .row:before, .sponser-con .row:after { display: block; } .sponser-con .row .col-lg-4 { display: flex; align-items: center; } .hellobar { background-color: #005ebc; color: #ffffff; text-align: center; font-family: "Sailec-Medium", sans-serif; font-size: 14px; animation: fadein 1s; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; } .btn-hellobar { Color: #fff !important; border-color: #fff !important; padding: 0px 25px; margin: 5px 0; font-size: 14px; } @keyframes fadein { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadein { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } #mainNavbar .tvtma-megamnu, #mainNavbar > ul.menu { text-align: center; width: 100%; float: left; } #mainNavbar ul { list-style: outside none none; margin: 0; padding: 0; border: 0; } #mainNavbar ul li { color: #3c3d41; display: inline-block; float: none; font-family: 'Sailec-Light', sans-serif; font-size: 15px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: 0.2px; line-height: 18px; padding: 36px 20px; text-align: left; } #mainNavbar > ul > li.deeper:after { content: '\f078'; font-family: Fontawesome; font-size: 12px; color: #ebebeb; padding-left: 5px; } #mainNavbar > ul > li.deeper:hover:after { color: #000; } #mainNavbar ul li a, #mainNavbar ul li span { cursor: pointer; color: #3c3d41; font-family: 'Sailec-Regular', sans-serif; font-size: 18px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: 0.2px; line-height: 18px; margin: 0; padding: 0; text-align: left; } #mainNavbar ul > li.active > a, #mainNavbar ul > li.active:hover > a, #mainNavbar ul > li.active > span, #mainNavbar ul > li.active:hover > span { background: transparent none repeat scroll 0 0; color: #434343; font-family: 'Sailec-Medium', sans-serif; } #mainNavbar ul li:hover > a, #mainNavbar ul li:hover > span { font-weight: 500; color: #000; } #mainNavbar ul ul { background-color: #ffffff; display: none; position: absolute; width: 220px; height: 0; z-index: 1; top: 85px; margin-left: -10px; padding-top: 7px; } .f-nav #mainNavbar ul ul { background-color: #ffffff; top: 58px; } #mainNavbar ul ul li { width: 100%; padding: 8px 10px 7px 10px !important; } #mainNavbar ul ul li:hover { background-color: #f5f5f5; } #mainNavbar ul ul li a, #mainNavbar ul ul li span { font-size: 16px; } */ .bottom-header ul li a, .bottom-header ul li span { font-family: 'Sailec-Regular', sans-serif; font-stretch: normal; font-style: normal; font-weight: 300; padding: 0; } .bottom-header ul li a:hover, .bottom-header ul li span:hover { background: transparent none repeat scroll 0 0; } #mainNavbar ul ul ul { display: none !important; } .social-link ul li a:hover { color: #fff; } .bottom-footer { margin-bottom: 23px; } .bottom-footer .menu { margin: 15px 0; } footer ul.menu { border: 0 none; margin: 0; padding: 0; list-style: none; } footer ul li a { color: white; font-family: 'Sailec-Regular', sans-serif; font-size: 12px; letter-spacing: -0.33; line-height: 21px; } footer ul li a:hover, footer ul li a:focus { background: transparent none repeat scroll 0 0; color: #bebeca; } footer .footer-link-div .module_title { color: #bebeca; display: block; font-size: 10px; letter-spacing: 1.4px; line-height: 25px; margin: 5px 0 0; padding: 12px 0 8px; text-align: left; text-transform: uppercase; font-family: 'Sailec-Medium', sans-serif; font-stretch: normal; font-style: normal; font-weight: 600; } .top-footer .menu .deeper.parent { padding-left: 5px; padding-right: 5px; } .top-footer .menu .deeper.parent a { font-family: 'Sailec-Bold', sans-serif; color: #ffffff; display: block; font-size: 16px; letter-spacing: -0.5px; line-height: 27px; } @media (min-width: 992px) { .top-footer .menu .deeper.parent a { font-size: 18px; } } .top-footer .menu .deeper.parent ul { padding: 0; list-style: none; } .top-footer .menu .deeper.parent ul li a { color: white; font-family: 'Sailec-Regular', sans-serif; font-size: 12px; line-height: 19px; letter-spacing: -0.25px; margin-bottom: 5px; } @media (min-width: 992px) { .top-footer .menu .deeper.parent ul li a { font-size: 14px; } } .top-footer .menu .deeper.parent ul li a:hover { color: #bebeca; } .bottom-footer ul { display: block; list-style: outside none none; margin: 0 0 21px; padding: 0; width: 100%; } .bottom-footer ul li { display: inline-block; padding: 0 0 0 10px; } .bottom-footer ul li:first-child { padding-left: 0; } #social-links-title { color: white; font-family: 'Sailec-Bold', sans-serif; font-size: 16px; letter-spacing: -0.44px; line-height: 23px; margin-bottom: 10px; text-align: left; } #footer-bottom-links li { display: block; padding-left: 0; } @media (min-width: 992px) { #footer-bottom-links li { display: inline-block; margin-right: 10px; } } footer .site-logo-img { width: 90px; display: block; margin-left: 0; } @media (min-width: 992px) { #bottom-logo { display: none; } }