.footer { background: #34393c; color: white; font-size: 14px; }
.footer .title {  display:block; color: #b2b4b7; font-size: 14px; font-weight: 300; margin: 0 0 8px; text-transform: uppercase; }

.footer_top { padding: 36px 0 20px; }
@media screen and (max-width: 1288px) { .footer_top { padding: 20px 0; } }

.footer_middle { border-top: 2px solid #494d50; padding: 20px 0 30px; }
@media screen and (min-width: 1289px) { .footer_middle { height: 167px; } }
/*@media screen and (max-width: 1288px) { .footer_middle { display: none; } }*/

.footer_bottom { background: #212427; padding: 16px 0; }
@media screen and (min-width: 865px) { .footer_bottom { height: 25px; line-height: 25px; } }
.footer_bottom .copyright { float: left; margin-right: 16px; width: 196px; }
@media screen and (max-width: 864px) { .footer_bottom .copyright { float: none; margin: 0 0 16px; } }
.footer_bottom .links { float: left; list-style: none; margin: 0; padding: 0; }
.footer_bottom .links li { float: left; margin-right: 40px; }
@media screen and (max-width: 864px) { .footer_bottom .links li { float: none; margin: 0 0 8px; } }
.footer_bottom .links li:last-child { margin: 0; }
.footer_bottom .links a { color: #777; }
.footer_bottom .links a:hover { color: white; }
.footer_bottom .payment-methods { float: right; }
@media screen and (max-width: 1288px) { .footer_bottom .payment-methods { display: none; } }

.footer_contacts { float: left; margin-right: 16px; width: 196px; }
@media screen and (max-width: 1288px) { .footer_address { display: none; } }
.footer_contacts .phone { color: white; font-size: 18px; font-weight: normal; }
.footer_contacts .address, .footer_contacts .email { margin: 0 0 22px; }
.footer_contacts .email { display: inline-block; }

.footer_sns { float: left; }
@media screen and (max-width: 864px) { .footer_sns { margin: 0 0 20px; } }
@media screen and (max-width: 440px) { .footer_sns { float: none; } }
.footer_sns .list { list-style: none; margin: 14px 0 0; padding: 0; }
.footer_sns .list li { float: left; margin-right: 5px; }
.footer_sns .list li:last-child { margin: 0; }
.footer_sns .list a { border-radius: 100%; display: block; font-size: 18px; height: 34px; line-height: 34px; text-align: center; -webkit-transition: background 0.18s, color 0.18s; -o-transition: background 0.18s, color 0.18s; transition: background 0.18s, color 0.18s; width: 34px; }
.footer_sns .list a:hover { color: white; }

@media screen and (min-width: 1289px) { .footer_sns--1 { margin-right: 50px; width: 142px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .footer_sns--1 { margin-right: 40px; } }
.footer_sns--1 a { color: white; }
.footer_sns--1 a:hover { background: #212427; }
.footer_sns--1 .i-1 { background: #32a3db; }
.footer_sns--1 .i-2 { background: #7c519b; }

@media screen and (min-width: 441px) and (max-width: 864px) { .footer_sns--2 { float: none; } }
.footer_sns--2 a { background: #212427; color: #ccc; }
.footer_sns--2 .i-1:hover { background: #6996c7; }
.footer_sns--2 .i-2:hover { background: #496194; }
.footer_sns--2 .i-3:hover { background: #28c3ff; }
.footer_sns--2 .i-4:hover { background: #ff9c43; }
.footer_sns--2 .i-5:hover { background: #ff6d4a; }

.footer_subscribe { float: right; width: 440px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .footer_subscribe { float: left; padding-right: 100%; margin-top: 29px; margin-bottom: 20px; } }
@media screen and (max-width: 864px) { .footer_subscribe { clear: both; float: none; width: auto; } }
.footer_subscribe .title span { text-transform: none; }
.footer_subscribe .form { border-radius: 17px; margin: 14px 0 0; }
.footer_subscribe .input-field { background: #494d50; color: white; float: left; position: relative; width: 100%; z-index: 1; }
.footer_subscribe .button { border-bottom-left-radius: 0; border-top-left-radius: 0; float: left; height: 34px; margin-left: -120px; position: relative; width: 120px; z-index: 2; }
.footer_subscribe .agreements-container { clear: both; padding: 5px 0px 0px 0px; }
.footer_subscribe .agreements-container input[type="checkbox"] { display: inline-block; }
.agreements-document { display: none; position: relative; width: 80%; height: 80%;}

.footer_menu .title { color: white; font-weight: bold; }
.footer_menu .column { float: left; margin-right: 50px; }
/*.footer_menu .column:first-child { width: 142px; }*/
@media screen and (min-width: 769px) and (max-width: 864px) { .footer_menu .column { margin-top: 18px; width: 153px;}}
@media screen and (max-width: 768px) { .footer_menu .column { margin-bottom: 20px; width: 43%; margin-right: 25px; margin-top:18px} .footer_menu .column:nth-child(even) {margin-right:0px;} }
@media screen and (max-width: 375px) { .footer_menu .column { float: none; } .footer_menu .column:nth-child(even) {float:right;} .footer_menu .column:nth-child(odd) {float:left;}}
@media screen and (max-width: 320px) { .footer_menu .column:nth-child(odd) { margin-right: 40px;}}
.footer_menu .column:last-child { margin: 0; }
.footer_menu .list { list-style: none; margin: 0; padding: 0; }
.footer_menu .list li { margin: 0 0 8px; }
.footer_menu .list li:last-child { margin: 0; }
.footer_menu .list a { color: #b2b4b7; }
.footer_menu .list a:hover { color: white; }