:root{ 
	--bg: white;
	--bg-opposite: black;
	--bg-gray: #F1F1F1;
	--bg-blue: #3597F3;
	
	--text: black;
	--text-opposite: white;
	--text-gray: #3C3C3C;
	--text-blue: #0C80EC;
	
	--rgba-1: rgba(0,0,0,.1);
	--rgba-2: rgba(0,0,0,.2);
	--rgba-3: rgba(0,0,0,.3);
	--rgba-5: rgba(0,0,0,.5);
	--rgba-8: rgba(0,0,0,.8);
}

[theme-dark] {
	--bg: #021526;
	--bg-opposite: white;
	--bg-gray: #172a3e;
	--bg-blue: #176fc1;
	
	--text: #CDCCBC; /* beige */
	--text-opposite: black;
	--text-gray: #708da8;
	--text-blue: #0C80EC;

	--rgba-1: rgba(177,207,255,.1);
	--rgba-2: rgba(177,207,255,.2);
	--rgba-3: rgba(177,207,255,.3);
	--rgba-5: rgba(177,207,255,.5);
	--rgba-8: rgba(255,255,255,.8);
}

@font-face {
  font-family: Titan One;
  src: url('https://scrapride.com/fonts/TitanOne-Regular.ttf');
  font-weight: bold;
}

@keyframes rotate {
	0%{ transform:rotate(0) }
	100%{ transform:rotate(360deg) }
}

@keyframes rotateReverse {
	0%{ transform:rotate(0) }
	100%{ transform:rotate(-360deg) }
}

@keyframes wave{
	0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
	100%,30%{-webkit-transform:scale(2);transform:scale(2);opacity:0}
}

@keyframes ring{
	0%,100%,13%,6%{-webkit-transform:rotate(0);-webkit-transform-origin:50% 50%;transform:rotate(0);transform-origin:50% 50%}
	1%,7%{-webkit-transform:rotate(-20deg);-webkit-transform-origin:50% 50%;transform:rotate(-20deg);transform-origin:50% 50%}
	10%,3%{-webkit-transform:rotate(10deg);-webkit-transform-origin:50% 50%;transform:rotate(10deg);transform-origin:50% 50%}
}

@keyframes alertOpen { 
	0%{ transform: scale(1.1); }
	100%{ transform: scale(1); }
}

@keyframes alertTimeover {
	0%{ width: 100%; }
	100%{ width: 0; }
}

@keyframes updown { 
	0%, 100%{ transform: translate(0, 0); }
	50%{ transform: translate(0, -5px); }
}

::selection{ color: var(--text-opposite); background-color: var(--bg-blue); }
body, html{ height: 100%; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; color: var(--text); font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial; }
body, html { overflow-x: hidden; }
body { background-color: var(--bg); transition: background-color .5s ease-out; }
a { text-decoration: none; color: var(--text); }
h1 { position: relative; font-size: 72px; line-height: 80px; font-weight: 800; font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial; }
h2 {position: relative;width: 100%;font-size: 32px;font-weight: 600;text-align: center;font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial; margin: 40px 0 20px;}

section { width: 100%; }
footer .center,
section .center {position: relative;margin: 0 auto;width: 1080px;padding: 0 20px;z-index: 1;}
section .breadcrumbs { height: 26px; padding: 0; display: flex; flex-wrap: nowrap; list-style: none; color: var(--text); position: relative; z-index: 2; font-size: 13px; -webkit-overflow-scrolling: touch; overflow-x: auto; }
section .breadcrumbs li { display: inline; white-space: nowrap; }
section .breadcrumbs li a { text-decoration: underline; color: var(--text); }
section .breadcrumbs li+li:before { padding: 8px; color: var(--text); content: "•";}

@media screen and (max-width: 1150px) {
footer .center,
section .center { width: calc(100% - 40px); }
}

@media screen and (max-width: 500px) {
section .breadcrumbs { min-height: 40px; }
}

header {position: relative;width: 1120px;margin: 0 auto; box-sizing: border-box; min-height: 44px; display: flex;padding: 20px;z-index: 5;align-items: center;justify-content: space-between;}
header .home-logo { position: relative; width: 180px; height: 30px; flex-shrink: 0; background-image: url('https://scrapride.com/images/logo/scrapride-log-2.svg'); background-position: center center; background-repeat: no-repeat; }
header .button-menu { display: none; }
header nav {width: 100%;display: flex;justify-content: space-between;align-items: center;margin: 0 30px;z-index: 3;}

header .list {position: relative;border-radius: 8px; display: block;cursor: pointer;user-select: none;}
header .list b {font-size: 15px; padding: 8px 16px; border-radius: 8px; font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial;font-weight: bold;color: var(--text);white-space: nowrap;display: flex;align-items: center;}
header .list b:after {content: '\0043';position: relative;float: right;width: 10px;height: 10px;margin-left: 7px;margin-top: 2px;transition: transform .2s ease-out; font-family: siteicons; font-size: 10px;}
header .list.active b:after { transform: rotate(180deg); }
header .list i {position: relative; width: calc(100% - 10px); padding: 0 5px; margin-top: 10px; text-align: center; font-size: 13px; font-family: Helvetica Neue; font-weight: normal; font-style: normal; color: var(--text-gray); cursor: default;  user-select: none; }
header .list .item-wrap { display: none; }
header .list.active .item-wrap { position: absolute; display: flex; flex-direction: column; border: 4px solid var(--bg-gray); width: 220px; max-height: 260px; overflow: hidden; overflow-y: auto; top: 40px; background-color: var(--bg-gray); border-radius: 10px; box-shadow: 0 12px 12px -7px var(0,0,0,.3); z-index: 3; }
header .list.active .item-wrap::-webkit-scrollbar {width: 10px; height: 10px;}
header .list.active .item-wrap::-webkit-scrollbar-track-piece {background-color: var(--bg-gray);}
header .list.active .item-wrap::-webkit-scrollbar-thumb {height: 12px; background: var(--bg-blue); border-radius: 5px;}

header .list.left.active .item-wrap { left: -10px; }
header .list.right.active .item-wrap { right: -10px; }
header .list .item-wrap .item { font-size: 14px; font-weight: normal; font-style: normal; padding: 12px 16px; }
header .list .item-wrap .item:hover { background-color: var(--rgba-1); }
header .list .item-wrap a { text-decoration: none; color: var(--text); }

header .action-buttons { display: flex; gap: 12px; }
header .phone-button {outline: 3px solid var(--rgba-2);padding: 14px 30px;height: 16px;display: flex;gap: 8px;align-items: center;justify-content: center; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background-color: transparent; transition: background-color .2s ease-out;}
header .phone-button .item-wrap .item { text-align: center; }
header .phone-button:before {content: '\0071';position: relative;float: left;width: 16px;height: 16px;font-size: 16px; font-family: siteicons;}
header .button {position: relative; padding: 8px 16px; font-size: 15px;font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial;border-radius: 8px;font-weight: bold;color: var(--text);cursor: pointer; transition: background-color .2s ease-out;}
header .chat { position: relative;display: flex; justify-content: center; align-items: center; min-width: 22px;height: 20px;outline: 3px solid var(--rgba-1);background-color: var(--rgba-1);padding: 12px;border-radius: 8px; font-size: 18px; font-weight: normal; font-family: siteicons; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
header .chat:before {content: '\0072'}
header .calculator { position: relative; display: flex; justify-content: center; align-items: center; min-width: 22px;height: 20px;outline: 3px solid var(--rgba-1);background-color: var(--rgba-1);padding: 12px;border-radius: 8px; font-size: 22px; font-weight: normal; font-family: siteicons; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
header .calculator:before {content: '\0070'}
header .theme b,
header .calculator b,
header .chat b { display: none; }
header .theme { position: relative;display: flex; align-items: center; justify-content: center; width: 20px; height: 20px;padding: 12px;border-radius: 8px;-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); font-family: siteicons; font-size: 20px; font-style: normal; font-weight: normal;}
header .theme,
header .theme.auto:before { content: '\0066'; font-size: 22px; }
header .theme.light:before { content: '\0067'; }
header .theme.dark:before { content: '\0064'; font-size: 18px; }

header .button:hover,
header .button.active,
header .list:hover,
header .list.active { background-color: var(--rgba-1); }
header .chat:hover { outline-color: var(--rgba-2); background-color: var(--rgba-2); }
header .calculator:hover { outline-color: var(--rgba-2); background-color: var(--rgba-2); }
header .menu-button {position: relative;display: none;min-width: 22px;height: 20px;outline: 3px solid var(--bg-gray);background-color: var(--bg-gray);padding: 12px;border-radius: 8px; font-style: normal; font-size: 16px; font-family: siteicons;}
header .menu-button:before {content: '\0041';}

.solid-banner { position: relative; width: 100%; padding: 20px 0; }
.solid-banner:before { content: ''; position: absolute; width: 100%; bottom: 0; left: 0; margin-left: 0; height: 300%; background-size: 3283px 1263px; background-color: #B8DEFF; background-position: center center; background-image: url('https://scrapride.com/images/gradients/8.png'); overflow: hidden; }
.solid-banner h1 {font-size: 56px;line-height: 70px;margin: 10px 0;color: #01294e;}
.solid-banner h1 i { font-style: normal; font-weight: normal; }

[theme-dark] header .home-logo { background-image: url('https://scrapride.com/images/logo/scrapride-log-2b.svg');}
[theme-dark] .solid-banner h1 { color: var(--text); }
[theme-dark] .solid-banner:before { background-color: #0a213e; }

@media screen and (max-width: 1150px) {
header { width: 100%; }
header nav { margin: 0; }
}

@media screen and (max-width: 980px) {
header .phone-button b { display: none; }
header .phone-button {width: 22px;height: 20px;padding: 12px;}
}

@media screen and (max-width: 820px) {
header nav { display: none; }
header .menu-button { display: flex; justify-content: center; align-items:center; }
}

@media screen and (max-width: 550px) {
header { justify-content: center; margin-top: 70px; }
header .home-logo { width: 200px; height: 50px; }
header .action-buttons,
header .menu-button { position: fixed; top: 20px; z-index: 3; }
header .action-buttons { right: 20px; }
header .menu-button { left: 20px; }
.solid-banner h1 { font-size: 36px;line-height: 48px; text-align: center; }
}

/* mobile menu */
.mobile-menu { display: none; }
.mobile-menu.active { position: absolute; display: inline; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; }
.mobile-menu.active:before { content: ''; position: fixed; width: 100%; height: 100%; background-color: rgba(15,23,34,.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.mobile-menu nav { position: relative; display: flex; flex-direction: column; width: 100%; }
.mobile-menu .menu-wrap {position: absolute;width: 220px;padding: 26px 20px;display: flex;flex-direction: column;gap: 5px;align-items: center;left: 20px;top: 20px;border-radius: 26px;background-color: var(--bg-gray);box-shadow: 0 20px 30px -8px rgba(0,0,0,.2);}
.mobile-menu .close { position: absolute; display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; top: 0; right: -26px; font-size: 16px; color: var(--text); font-style: normal; font-family: siteicons; transition: .2s ease-out; cursor: pointer; z-index: 2; }
.mobile-menu .close:before {content: '\004b';}
.mobile-menu .close:hover { transform: rotate(90deg); }
.mobile-menu .list { position: relative; width: 100%; border-radius: 8px; display: block; cursor: pointer; user-select: none; }
.mobile-menu .list b {position: relative;width: calc(100% - 20px);padding: 10px;display: block;font-size: 16px;font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial;font-weight: bold;color: var(--text);}
.mobile-menu .list b:after {content: '\0043';position: relative;float: right;width: 12px;top: 3px;height: 12px; font-family: siteicons; font-size: 12px; transition: .2s ease-out;}
.mobile-menu .list.active b:after { transform: rotate(180deg); }
.mobile-menu .list i {position: relative;width: calc(100% - 10px);padding: 0 5px;margin-top: 10px;text-align: center;font-size: 13px;font-family: Helvetica Neue;font-weight: normal;font-style: normal;color: var(--text-gray);cursor: default; user-select: none;}
.mobile-menu .list .item-wrap { display: none; }
.mobile-menu .list .item-wrap::-webkit-scrollbar {width: 10px; height: 10px;}
.mobile-menu .list .item-wrap::-webkit-scrollbar-track-piece {background-color: #eee;}
.mobile-menu .list .item-wrap::-webkit-scrollbar-thumb {height: 12px; background: var(--bg-blue); border-radius: 5px;}
.mobile-menu .list.active .item-wrap { position: relative; display: flex; flex-direction: column; width: calc(100% + 40px); max-height: 200px; overflow: hidden; overflow-y: auto; background-color: var(--bg-gray); margin-left: -20px; z-index: 4; }
.mobile-menu .list .item-wrap .item { font-size: 14px; font-weight: normal; font-style: normal; padding: 12px 30px; }
.mobile-menu .list .item-wrap .item:hover { background-color: var(--rgba-1); }
.mobile-menu .list .item-wrap a { text-decoration: none; color: var(--text); }

.mobile-menu .action-buttons { display: flex; flex-direction: column; width: 100% }
.mobile-menu .button {position: relative;width: calc(100% - 20px); border-radius: 8px; display: flex; align-items: center; font-size: 16px;font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial;font-weight: bold;color: var(--text);cursor: pointer;padding: 8px 10px;user-select: none;}
.mobile-menu .phone-button .item-wrap .item { text-align: center; }
.mobile-menu .phone-button b:before,
.mobile-menu .button.theme:before,
.mobile-menu .button.calculator:before,
.mobile-menu .button.chat:before {position: relative;float: left; width: 16px; aspect-ratio: 1; margin-right: 10px; font-size: 16px; font-family: siteicons;}
.mobile-menu .phone-button b:before {content: '\0071'; top: 3px;}
.mobile-menu .button.calculator:before {content: '\0070'; }
.mobile-menu .button.chat:before {content: '\0072'; }
.mobile-menu .button.theme.auto:before { content: '\0066'; font-size: 18px; }
.mobile-menu .button.theme.light:before { content: '\0067'; }
.mobile-menu .button.theme.dark:before { content: '\0064'; font-size: 18px; }

.mobile-menu .button:hover,
.mobile-menu .list:hover { background-color: var(--bg-gray); }
.mobile-menu .chat:hover { outline-color: var(--bg-gray); background-color: var(--bg-gray); }
.mobile-menu .calculator:hover { outline-color: var(--bg-gray); background-color: var(--bg-gray); }

.mobile-menu .list { scrollbar-width: thin; scrollbar-color: var(--bg-blue) var(--bg-gray); }
.mobile-menu .list::-webkit-scrollbar { width: 10px; }
.mobile-menu .list::-webkit-scrollbar-track { background: var(--bg-gray); }
.mobile-menu .list::-webkit-scrollbar-thumb { background-color: var(--bg-blue); }

@media screen and (max-width: 395px) {
.body-blur-background { content: ''; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; border: 0; background-color: rgba(0,39,74,.4); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); z-index: 2; }
header nav .list.active .item-wrap { border-radius: 26px; }
}

@media screen and (max-width: 375px) {
.mobile-menu .close { top: auto; bottom: -36px; left: calc(50% - 8px); }
.mobile-menu .menu-wrap { width: calc(100% - 80px); }
}


footer  { position: relative; margin-top: 30px; padding: 40px 0 50px; background-color: #081f35; overflow: hidden; z-index: 4; }
footer .center { position: relative; }
footer .center:before { content: ''; position: absolute; margin: 0 auto; width: 3286px; top: -300px; left: 50%; margin-left: -1643px; height: 890px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url('https://scrapride.com/images/gradients/7.png'); }
footer .logo-wrap { position: relative; display: flex; align-items: center; }
footer .logo-wrap .logo { margin-right: 30px; }
footer .logo-wrap .logo img { position: relative; width: 190px; height: 60px; padding: 5px; }
footer .logo-wrap .slogan { font-size: 16px; font-weight: 500; color: #81C4E1; }
footer .stack-wrap {position: relative;width: 100%;margin: 40px 0;display: flex;gap: 20px;}
footer .stack-wrap .stack { position: relative; flex: 1; display: flex; flex-direction: column; gap: 8px; padding-bottom: 22px; }
footer .stack-wrap .stack .item-list { position: relative; width: 100%; display: flex; max-height: 140px; overflow-y: hidden; flex-direction: column; gap: 8px; }
footer .stack-wrap .stack .item-list.wide {max-height: fit-content;}
footer .stack-wrap .stack .name { margin: 0 0 8px 8px; font-size: 16px; font-weight: bold; color: #81C4E1; }
footer .stack-wrap .stack a { text-decoration: none; font-size: 14px; font-style: normal; color: #C1E7F8; font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial; cursor: pointer; }
footer .stack-wrap .stack a:before { content: '• '; }
footer .stack-wrap .stack a:hover { color: white; }
footer .stack-wrap .stack .more { position: relative; width: calc(100% - 40px); padding: 0 20px; font-size: 13px; color: #81C4E1; text-decoration: underline; cursor: pointer; user-select: none; }
footer .stack-wrap .stack .more:hover { color: white; }
footer .copyright { position: absolute; bottom: 0; left: 20px; font-size: 13px; color: #81C4E1; font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial; }
footer .button-wrap {position: relative;width: 100%;text-align: right;margin: 40px 0;}
footer .button-wrap .button { display: inline-block; border-radius: 14px;border: 2px solid #81C4E1;color: #81C4E1;font-style: normal;font-weight: bold;font-family: Helvetica Neue, Helvetica, Inter, Roboto, Arial;font-size: 16px;margin-left: 5px;padding: 12px 20px;cursor: pointer;height: 30px;}
footer .button-wrap .button.chat:before,
footer .button-wrap .button.phone:before { position: relative; display: inline-block; top: 5px; width: 26px; height: 26px; font-family: siteicons; font-size: 20px; font-weight: normal; }
footer .button-wrap .button.chat:before { content: '\0072' }
footer .button-wrap .button.phone:before { content: '\0071'; margin-right: 8px; }

@media screen and (max-width: 800px) {
footer .stack-wrap { padding: 0 30px; width: calc(100% - 60px); display: grid; grid-template-columns: repeat(3, 1fr); }
footer .copyright { position: relative; text-align: center; width: calc(100% - 40px); display: block; margin-top: 30px; }
}

@media screen and (max-width: 500px) {
footer .stack-wrap { padding: 0; width: 100%; grid-template-columns: repeat(2, 1fr); }
footer .button-wrap { display: flex; justify-content: center; }
footer .logo-wrap { flex-direction: column; }
footer .logo-wrap .logo { margin-right: 0; }
footer .button-wrap .button {padding: 12px;}
}

/* Global */
.global-button { position: fixed; right: 40px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 15px; background-color: var(--bg-gray); font-size: 20px; font-family: siteicons; z-index: 3; cursor: pointer; box-shadow: 0 12px 12px -7px rgba(0,0,0,.2); transition: .4s ease-out; }
.global-button.chat-button { bottom: 120px;}
.global-button.chat-button:before {content: '\0072'}
.global-button.callback-button {bottom: 40px; background-color: black; color: white;}
.global-button.callback-button:before {content: '\0071'}
.global-button.callback-button:after { content:''; position:absolute; width:59px; height:59px; border-radius:15px; border: 1px solid var(--bg-gray); -webkit-animation:5s ease-in-out infinite wave; animation:5s ease-in-out infinite wave;}

.load-animation { position: fixed; left: 40px; bottom: 40px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 15px; background-color: rgba(0,0,0,.8); box-shadow: 0 20px 30px -8px rgba(0,0,0,.3); z-index: 11; }
.load-animation:before { content: '\004f'; position: absolute; width: 26px; height: 28px; font-size: 26px; color: var(--text); font-family: siteicons; -webkit-animation: 1s linear infinite rotate; animation: 1s linear infinite rotate; }
.load-animation .task-wrap { display: none; }
.load-animation:hover .task-wrap { position: absolute; bottom: 5px; width: 150px; min-height: 50px; height: auto; left: 65px; display: flex; flex-direction: column; gap: 5px; justify-content: center; }
.load-animation .task-wrap .task { position: relative; max-width: calc(100% - 20px); border-radius: 3px; display: inline-block; padding: 5px 10px; font-size: 12px; background-color: rgba(0,0,0,.2); color: var(--text); user-select: none; }

.alert-container { position: fixed; top: 0; left: calc(50% - 140px); width: 280px; height: auto; overflow: hidden; z-index: 20; }
.alert-wrap { position: relative; display: flex; flex-direction: column; top: 0; left: 0; width: 350px; max-height: 100vh; overflow-y: auto; overflow-x: hidden; }
.alert-wrap .alert { position: relative; display: block; flex-shrink: 0; text-align: center; margin: 6px 20px; width: 200px; padding: 20px; color: white; font-size: 13px; background-color: rgba(0,0,0,.5); border-radius: 10px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); box-shadow: 0 20px 30px -8px rgba(0,0,0,.3); overflow: hidden; user-select: none; -webkit-animation: 0.08s linear alertOpen; animation: 0.08s linear alertOpen; opacity: 1; }
.alert-wrap .alert.closed { opacity: 0; height: 0; padding: 0 20px; margin: 0 20px; transition: all .2s linear; }
.alert-wrap .alert:first-child { margin-top: 40px; }
.alert-wrap .alert:last-child { margin-bottom: 40px; }
.alert-wrap .alert .close { position: absolute; width: 16px; height: 16px; top: 5px; right: 5px; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 10px; color: white; font-family: siteicons; cursor: pointer; opacity: .5 }
.alert-wrap .alert .close:before {content: '\004b';}
.alert-wrap .alert .close:hover { opacity: 1; }
.alert-wrap .alert:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; border-radius: 2px; background-color: black; }
.alert-wrap .alert.timeover:before { -webkit-animation: 4s linear alertTimeover; animation: 4s linear alertTimeover; }

[theme-dark] .alert-wrap .alert { background-color: var(--bg-gray); }
[theme-dark] .alert-wrap .alert:before {background-color: var(--text);}

@media screen and (max-width: 550px) {
.global-button { display: none; }
.load-animation { left: 20px; bottom: 20px; width: 52px; height: 52px; border-radius: 12px;  }
.load-animation:before { background-size: 20px 20px; }
}

/* pagination */
.pagination { margin: 20px auto; display: flex; gap: 7px; justify-content: center; }
.pagination .item { position: relative; padding: 14px; display: flex; min-width: 18px; justify-content: center; align-items: center; border-radius: 14px; font-size: 13px; background-color: var(--bg-gray); color: var(--text); cursor: pointer; user-select: none; flex-shrink: 0; }
.pagination .item.empty,
.pagination .item.empty:hover { background-color: transparent; padding: 14px 4px; color: var(--text-gray); cursor: initial; }
.pagination .item:hover,
.pagination .item.active { background-color: var(--bg-blue); color: white; }
.pagination .item.active { cursor: initial; }
.pagination .item.ico-arrow-right:before,
.pagination .item.ico-arrow-left:before { font-family: 'siteicons'; font-size: 13px; }
.pagination .item.ico-arrow-right:before {content: '\0045'}
.pagination .item.ico-arrow-left:before {content: '\0044'}

@media screen and (max-width: 1420px) {
.pagination { padding: 0 20px; width: calc(100% - 40px); }
}