@charset "utf-8";

#equipment-list {
    margin-left:calc((100vw - 1729px) / 2 - (100vw - 1729px));
    margin-right:calc((100vw - 1729px) / 2 - (100vw - 1729px) - 150px);
}

#equipment-list .item { padding:90px 150px 30px 0; margin-bottom:100px }
#equipment-list .item.background { background:#f5f7fa }
#equipment-list .item .wrap { display:flex; justify-content: space-between }
#equipment-list .item .images { position: relative; width:500px; }
#equipment-list .item .images ul { position:absolute; right:-100px; top:0 }
#equipment-list .item .images ul li { border:2px solid #fff; margin-bottom:20px; width:74px; background:none; padding:0 }
#equipment-list .item .images ul li.on { border:2px solid #4876f0 }
#equipment-list .item .images ul li img { width:70px; height:70px; }
#equipment-list .item .images .selected-image img { width:500px; height:500px; }

#equipment-list .item .content { width:500px; font-size:16px; line-height: 1.4; color:#666 }
#equipment-list .item .content h2 { font-size:27px; color:#4876f0; margin-bottom:33px }
#equipment-list .item .content b { color:#333 }
#equipment-list .item .content table { background:rgba(0,0,0,0) !important; border-collapse:collapse; width:100%; border:none !important; border-top:1px solid #737474 !important; }
#equipment-list .item .content table td { background:rgba(0,0,0,0) !important; vertical-align:top; border:none !important; border-bottom:1px solid #e1e1e2 !important; padding:20px 0 !important; }
#equipment-list .item .content table td li { text-indent: -20px; margin-left:20px; padding-left:0; background:none; }
#equipment-list .item .content table td li:before { color:#ddd; margin-right:.5em; font-family:"FontAwesome", serif; content: "\f14a"; }
#equipment-list .item .content table tr td:first-child { width:250px !important; }

#equipment-list .item .content .buttons { text-align:right; padding-top:20px }

#equipment-list .item.background .wrap { margin:0 auto }
#equipment-list .item.odd .images { order: 10; margin-bottom:-80px }
#equipment-list .item.odd .images ul { left:-100px }

#equipment-list .more {
    width:470px;
    margin:0 auto;
    border: 1px solid #a9a9a9;
    border-radius: 3em;
    display: block;
    padding: 21px 0;
    text-align: center;
    font-weight: 700;
    color: #222;
    background-color: #fff;
    box-shadow: 1px 1px rgba(0, 0, 0, 0.15);
}
#equipment-list .more:hover {
    background:#4876ef;
    color:#fff;
}