/********** Hyundai Sans **********/
/*@font-face {*/
    /*font-family: "HyundaiSansHeadKRBold";*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*src:url('../fonts/HyundaiSansHeadKRBold.eot') format("embedded-opentype"),*/
    /*url('../fonts/HyundaiSansHeadKRBold.woff') format("woff"),*/
    /*url('../fonts/HyundaiSansHeadKRBold.woff2') format("woff2");*/
/*}*/
/*@font-face {*/
    /*font-family: "HyundaiSansTextKRRegular";*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*src: url('../fonts/HyundaiSansTextKRRegular.eot') format("embedded-opentype"),*/
    /*url('../fonts/HyundaiSansTextKRRegular.woff') format("woff"),*/
    /*url('../fonts/HyundaiSansTextKRRegular.woff2') format("woff2");*/
/*}*/

/********** Common **********/
.relative { position: relative; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.no-margin { margin: 0 }
.no-padding { padding: 0 }
input[type=checkbox] { height: 0; width: 0; }
label:hover { cursor: pointer; }
input[type=checkbox] + label:before { content: ''; display: inline-block; border: 2px solid red; margin-right: 10px; height: 20px; width: 20px; vertical-align: middle; transition: all .1s linear; }
input[type=checkbox]:checked + label:before { border-left-width: 5px; border-bottom-width: 5px; border-top-width: 0px; border-right-width: 0px; transform: rotate(-45deg) translate(2px, -2px); height: 10px; width: 19px; }
.col-p { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-20 { width: 20%; }
.col-25 { width: 25%; }
.col-40 { width: 40%; }
.col-60 { width: 60%; }
.col-80 { width: 80%; }
.col-100 { width: 100%; }
@media (max-width: 767px) {
    .col-20 { width: 50%; }
    .col-25 { width: 50%; }
    .col-40 { width: 100%; }
    .col-60 { width: 100%; }
    .col-80 { width: 100%; }
    .col-100 { width: 100%; }
}
.form-group { padding-bottom: 15px; padding-top: 15px; margin-bottom: 0px; margin-left: -15px; margin-right: -15px; }
.form-groups-bordered > .form-group img { width: 80px; }
table.list { margin-top: 0px; }
table.list th { padding: 10px 0; text-align: center; font-weight: bold; }
table.list td { padding: 30px 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile { float: left; width: 50%; }
@media (max-width: 767px) {
    .profile { float: left; width: 100%; }
}
.profile th { font-size: 15px; background-color: #f4f4f4; width: 40%; height: 48px; text-align: center; }
.profile td { font-size: 15px; width: 60%; height: 48px; text-align: center; }
.layout { float: left; width: 50%; }
@media (max-width: 767px) {
    .layout { float: left; width: 100%; }
}
.report { padding-top: 5%; }

/********** Header **********/
ol,
ul { list-style: none; padding: 0px; margin: 0px; }
#header #logo img,
#footer #logo img { height: 60px; }

/********** Footer **********/
.content { min-height: 100%; padding-bottom: 70px; }
footer { padding-top: 15px; border-top: 1px solid #ebebeb; }
.partner-wrap { height: 100px; }
.sponsors img { height: 90px; }
.modal-body { color: #949494; }

/********** Login **********/
a. btn { height: 50px; line-height: 50px; }
.login-btn { padding-top: 5%; }
.login-btn .col-md-6,
.login-btn .col-xs-6 { padding-left: 5px; padding-right: 5px; }
.login-separator { padding-top: 27%; padding-bottom: 7%; }
.login-button { display: inline-block; width: 100%; }

/********** League **********/
.type-league .section-head .tit-wrap { margin: 0 -15px; padding-bottom: 105px; }
@media (max-width: 767px) {
    .type-league .section-head .tit-wrap { margin: 0 -15px; padding-bottom: 40px; }
}
.type-league .section-head .tit-wrap .section-tit { float: left; line-height: 36px; margin-right: 30px;}
/*.type-league .section-body .tit-wrap .section-tit { margin: 0 -15px;}*/
.type-league .section-body .tit-wrap { background-color: #eee; padding-bottom: 15px; }
.type-league .section-body .tit-wrap em { display:block; color:#434343; font-size:24px; line-height:1; margin-top:17px; }
.type-league .section-body .league-open { background-color: #eee; margin-bottom: 30px; padding: 30px; border-radius: 10px; opacity: 1; }
.type-league .section-body .league-close { background-color: #eee; margin-bottom: 30px; padding: 30px; border-radius: 10px; opacity: 0.5; }
.type-league .section-body .tit { text-align: center; font-size: 18px; }
.type-league .section-body img { width: 100% }
.page-league .section-body .tit-wrap { background-color: #eee; padding-bottom: 15px; border-bottom: 1px solid #bfbfbf; margin-bottom: 15px; }
.page-league .league-banner { padding-left: 0; }
.page-league .league-info { padding-right: 0; }
.league-banner .league-banner-tit { color: grey; font-size: 12px; }
.league-banner .league-banner-txt { color: black; font-size: 14px; }
.league-banner .league-banner-img { margin-top: 8px; }
.league-detail { padding: 0; }
.league-detail .league-track { padding-left: 0 }
.league-detail .league-car { /*padding-right: 0*/ padding-left: 0; padding-top: 40px; }
.league-detail .league-detail-tit { color: grey; font-size: 12px; }
.league-detail .league-detail-txt { color: black; font-size: 14px; }
.league-detail .league-detail-img { margin-top: 8px; }
.league-detail .league-detail-outline { width: 100%; position: absolute; top: 30px; left: 0px; }
.league-setting { /*margin-top: 8px;*/ /*padding: 0;*/ padding-right: 0; }
.league-session { padding:  0; }
.league-assists,
.league-realism { /*padding: 0;*/ padding: 20px 0 0 0; }
.league-setting-tit { color: grey; font-size: 12px; }
.league-setting-txt { color: black; font-size: 14px; }
.league-sponsor { /*margin-top: 30px;*/ /*padding: 30px 0 0 0;*/ padding: 20px 0 0 0; }
.league-sponsor .league-sponsor-tit { color: grey; font-size: 12px; }
.league-sponsor .league-sponsor-img { /*width: 90%;*/ width: 50%; padding-top: 5px; }
@media (max-width: 767px) {
    .page-league .league-banner-img,
    .page-league .league-info,
    .league-detail .league-track,
    .league-detail .league-car { padding: 5px 0; }
    .league-session,
    .league-assists,
    .league-realism,
    .league-sponsor { margin-top: 20px; }
}

/********** Results **********/
.page-result table.list th,
.page-result table.list td { padding-left: 1%;}
.page-result .entypo-check { color: #007d3d; font-weight: bold; font-size: 20px; padding-left: 20%; }
.page-result .entypo-cancel { color: #e63312; font-weight: bold; font-size: 20px; padding-left: 20%; }
.page-result .entypo-dot-3 { color: #aacae6; font-weight: bold; font-size: 20px; padding-left: 20%; }
.page-result .entypo-help-circled { color: #007d3d; font-weight: bold; cursor: help; }
.page-result .info-img { width: 30%; margin-right: 5%; cursor: pointer; }
.page-result .input-group { height: 42px; }
.page-result .input-group div { max-width: 155px; }
.page-result .input-group .form-control { height: 42px; padding-top: 9px; }
.page-result .game-info { display: none; }
.page-result .myRank { background-color: #BDBDBD !important; }
.page-result .no-logo { height: 40px; visibility: hidden; }
.page-result .not-verified { opacity: 0.5; }
.page-result .roundInfo { font-size: 17px; padding-top: 5px; }
.page-result .roundInfo img { position: absolute; top: 30px; width: 100%; }
.page-result .roundInfo pre { background-color: #fff; border: 0; font-size: 13px; text-align: left; }
.page-result .section-ladder .tit-wrap button { margin-left: 10px; vertical-align: bottom; padding: 0; }
.page-result .section-ladder .tit-wrap div#onair { height: 33px; }
.page-result .section-ladder .sub-wrap em { display:block; color:#434343; font-size:24px; line-height:1; margin-top:10px; }
.page-result .section-ladder .sub-wrap .tiles { margin-top: 15px; }
.page-result .section-ladder .sub-wrap .tiles div { padding: 5px 10px; }
.page-result .section-ladder .sub-wrap .tiles div:last-child { margin-bottom: 10px; }
.page-result .section-ladder .sub-wrap button { margin-left: 10px; vertical-align: bottom; padding: 0; }
.page-result .section-ladder .list-wrap { width:100%; overflow: hidden; overflow-x:auto; border-top: 1px solid #bfbfbf; margin-top: 25px; line-height: 1.2; }
.page-result .section-ladder .list-wrap tbody td#driver { cursor: pointer; }
.page-result .section-ladder .list-wrap tbody td#driver:hover { font-weight: bold; }
.page-result .target-gold { background-color: rgb(255, 215, 000) !important; }
.page-result .target-silver { background-color: rgb(192, 192, 192) !important; }
.page-result .target-bronze { background-color: rgb(205, 127, 50) !important; }
.page-result .team-logo { height: 40px; margin-left: 10px; }
.page-result .title { color: #000; font-size: 50px; font-weight: bold; margin: 10px 15px; }
.page-result .user-info { display: none; }
.page-result .video { cursor: pointer; }
.btn-kakaotv { color: #fff; background-color: #fae200; border-color: #fae200; }
.btn-kakaotv:focus, .btn-kakaotv:hover { color: #fff; background-color: #feb500; border-color: #feb500; }
.btn-twitch { color: #fff; background-color: #6441a5; border-color: #6441a5; }
.btn-twitch:focus, .btn-twitch:hover { color: #fff; background-color: #633687; border-color: #633687; }
.btn-youtube { color: #fff; background-color: #e52c27; border-color: #e52c27; }
.btn-youtube:focus, .btn-youtube:hover { color: #fff; background-color: #c3181e; border-color: #c3181e; }
.game-icon { padding-right: 10px; }
/*.player { text-align: center; }*/
.recent table.list th,
.recent table.list td { padding-left: 1%; text-align: left; }
.scroller { margin-top: -75px; margin-bottom: 75px; }
@media (max-width: 767px) {
	.scroller { margin-bottom: 0; }
}
.setting-div { padding-left: 5px; padding-right: 5px; }

/********** User History **********/
.bootbox .tit { font-size: 20px; font-weight: bold; }
.bootbox .achievement table { text-align: center; }
.bootbox .achievement table { text-align: center; }
.bootbox .achievement figure { float: left; width: 10%; min-width: 52px; }
.bootbox .achievement figure img { width: 95%; }

/********** Manual Register **********/
.manual-wrap input#pop_laptime { height: 42px; max-width: none; }
.manual-wrap .btn-ul { margin-top: 50px; }
.manual-wrap .btn-ul li:first-child { float: right; width: 30%; padding-left: 6px; padding-right: 0px; }
.manual-wrap .btn-ul li:last-child { float: right; width: 30%; padding-left: 0px; padding-right: 6px; }
.manual-wrap .btn-ul { margin-top: 40px; padding-top: 40px; }

/**************** Online *************************/
#searchOption .form-control { height: 41px; }
fieldset { border: solid; }
legend { width: auto; padding: 10px; border-bottom: none; }
.page-online .tit-wrap { padding-bottom: 30px; }
@media (max-width: 767px) {
    .page-online .tit-wrap { padding-bottom: 30px; }
}
.create-wrap table.form td { color: black; }
/*.page-online .section-tit { margin-bottom: 6px; }*/
.page-online .col-wrap .list-wrap { padding: 0 20px; }
.page-online .roomWrap { height: 80px; padding-top: 15px; padding-bottom: 15px; height: auto; }
.page-online .roomBox { background: linear-gradient(to bottom, black, white); padding: 0; display: flex; }
.page-online .serverList { padding: 0; border: 2px solid black; }
.page-online .serverList-info { padding: 0; border: 2px solid black; }
.page-online .serverList-session { height: 100%; display: flex; align-items: center; color: black; background-color: white; padding: 0; text-align: center; }
.page-online .serverList-session p { margin: 0; font-size: 30px; }
.page-online .session-practice { border-right: 2px solid black; }
.page-online .session-qualify { border-right: 2px solid black; }
.page-online .serverList-name { border-bottom: 2px solid black;color: white; }
.page-online .serverList-name-title,
.page-online .serverList-clients-title,
.page-online .serverList-country-title,
.page-online .serverList-ping-title,
.page-online .serverList-track-title,
.page-online .serverList-cars-title { font-size: x-small; font-weight: bold; border-right: none; }
.page-online .serverList-name-name,
.page-online .serverList-clients,
.page-online .serverList-country,
.page-online .serverList-ping,
.page-online .serverList-track,
.page-online .serverList-cars { border-right: none; }
.page-online .serverList-name-name { font-size: x-large; }
.page-online .serverList-info1 { color: white; }
.page-online .serverList-info1 div { border-right: 2px solid black; height: inherit; }
.page-online .serverList-info2 div { border-right: 2px solid black; height: inherit; overflow: hidden; text-overflow: ellipsis; }
.page-online .serverList-info2 { padding: 0; color: black; }
.page-online .serverList-info2-menu { height: 30px; background-color: lightgray; border-right: 2px solid white; padding: 0; }
.page-online .serverList-info2-menu div { font-size: x-small; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.session-row { display: inline-table; vertical-align: middle; }
/*.session-row #session-practice1 { width: 25px; }*/
/*.session-row #session-practice2 { width: 25px; }*/
.current-session { float: left; padding: 0 6px; border: 1px solid; border-radius: 5px; width: 25px; text-align: center; }
.other-session { float: left; padding: 0 6px; width: 25px}
div#modal-selectTrack figure { position: relative; width: 100%; display: block; float: left; overflow: hidden; margin: 10px 0; box-shadow: inset 0px 2px 3px rgba(0, 0, 0, .2); -webkit-transition: all .15s ease-in-out; }
div#modal-selectTrack .track-background { background-color: #000; background-size: cover; background-position: center center; }
div#modal-selectTrack figcaption { display: block; float: left; position: absolute; top: 0; left: 0; color: #FFF; font-size: 15px; line-height: 20px; font-weight: bold; text-transform: uppercase; background-color: rgba(0, 0, 0, .7); width: 55%; height: 100%; margin: 0 0 0 -20px;; padding: 20px; padding-left: 40px; -webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg); -webkit-transition: all .15s ease-in-out; }
div#modal-selectTrack figcaption a,
div#modal-selectTrack figcaption a:hover { color: #FFF; text-decoration: none; }
div#modal-selectTrack figcaption strong { display: block; word-wrap: normal; -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg); }
div#modal-selectTrack figcaption strong:before { content: " "; border-top: solid 3px rgba(211, 29, 26, 1); width: 140%; display: block; clear: both; margin-bottom: 20px; -webkit-transition: all .15s ease-in-out; }
div#modal-selectTrack figure:hover figcaption { background-color: rgba(211, 29, 26, .9); -webkit-transition: all .15s ease-in-out; }
div#modal-selectTrack figure:hover figcaption strong:before { width: 200%; border-color: #FFF; -webkit-transition: all .15s ease-in-out; }
#enabled_skins .clearfix { *zoom: 1; }
#enabled_skins .clearfix:after { content: ""; display: table; clear: both; }
#enabled_skins img { margin: auto; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 1px; box-shadow: 0 0 0 2px #fff; cursor: pointer; animation: unselected 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000); -o-animation: unselected 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000); -ms-animation: unselected 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000); -moz-animation: unselected 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000); -webkit-animation: unselected 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000); }
@-webkit-keyframes unselected {
    0% { box-shadow: 0 0 0 4px red; }
    50% { -webkit-transform: scale(0.5); opacity: 0.8; box-shadow: 0 0 0 4px #fff; }
    80%, 100% { width: 100%; height: 100%; box-shadow: 0 0 0 4px #fff; }
}
#enabled_skins li { position: relative; height: 85px; float: left; }
#enabled_skins li:before { content: "\2714"; display: block; position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; width: 40px; height: 40px; line-height: 40px; background: #00c09e; border-radius: 50px; color: #fff; text-align: center; font-size: 16px; z-index: 10; opacity: 0; transition: 0.3s linear; -o-transition: 0.3s linear; -ms-transition: 0.3s linear; -moz-transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; cursor: pointer; }
#enabled_skins li.selected:before { opacity: 1; }
#enabled_skins li.selected img { box-shadow: 0 0 0 2px red; animation: selected 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000); -o-animation: selected 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000); -ms-animation: selected 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000); -moz-animation: selected 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000); -webkit-animation: selected 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000); }
@-webkit-keyframes selected {
    0% { box-shadow: 0 0 0 4px #fff; }
    50% { -webkit-transform: scale(0.5); opacity: 0.8; box-shadow: 0 0 0 4px red; }
    80%, 100% { width: 100%; height: 100%; box-shadow: 0 0 0 4px red; }
}
#entry_list img { width: 20px; height: 20px; }

.page-online table.list th, .page-online table.list td { padding-left: 1%; text-align: left; }
.hidden-xs-up { display: none; }
.radio { position: relative; top: 1px; width: 20px; height: 20px; border: 1px solid red; border-radius: 100%; vertical-align: middle; cursor: pointer; display: inline-block; margin-right: 5px; }
.radio:after { content: ''; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 100%; background: red; transform: scale(0); }
.rlabel { position: relative; top: 1px; vertical-align: middle; cursor: pointer; }
input[type="radio"]:checked + .radio { border-color: red; animation: jelly 0.6s ease forwards; }
input[type="radio"]:checked + .radio:after { transform: scale(1); transition: all 0.2s ease; }
.cntr { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; }
@-moz-keyframes jelly {
    from {
        transform: scale(1, 1);
    }
    30% {
        transform: scale(1.25, 0.75);
    }
    40% {
        transform: scale(0.75, 1.25);
    }
    50% {
        transform: scale(1.15, 0.85);
    }
    65% {
        transform: scale(0.95, 1.05);
    }
    75% {
        transform: scale(1.05, 0.95);
    }
    to {
        transform: scale(1, 1);
    }
}
@-webkit-keyframes jelly {
    from {
        transform: scale(1, 1);
    }
    30% {
        transform: scale(1.25, 0.75);
    }
    40% {
        transform: scale(0.75, 1.25);
    }
    50% {
        transform: scale(1.15, 0.85);
    }
    65% {
        transform: scale(0.95, 1.05);
    }
    75% {
        transform: scale(1.05, 0.95);
    }
    to {
        transform: scale(1, 1);
    }
}
@-o-keyframes jelly {
    from {
        transform: scale(1, 1);
    }
    30% {
        transform: scale(1.25, 0.75);
    }
    40% {
        transform: scale(0.75, 1.25);
    }
    50% {
        transform: scale(1.15, 0.85);
    }
    65% {
        transform: scale(0.95, 1.05);
    }
    75% {
        transform: scale(1.05, 0.95);
    }
    to {
        transform: scale(1, 1);
    }
}
@keyframes jelly {
    from {
        transform: scale(1, 1);
    }
    30% {
        transform: scale(1.25, 0.75);
    }
    40% {
        transform: scale(0.75, 1.25);
    }
    50% {
        transform: scale(1.15, 0.85);
    }
    65% {
        transform: scale(0.95, 1.05);
    }
    75% {
        transform: scale(1.05, 0.95);
    }
    to {
        transform: scale(1, 1);
    }
}

#modal-track{
    height: 176.89px;
}

/********** MyPage **********/
.page-mypage table.list th,
.page-mypage table.list td { padding-left: 10px; text-align: left; }
.page-mypage .section-mypage .select2 { max-width: 350px; margin-top: 0px; }
.page-mypage .section-mypage .select2 a { height: 36px; line-height: 36px; }
.page-mypage .section-mypage .col-wrap .left-nav li { margin: 15px 0; }
@media (max-width: 767px) {
    .page-mypage .section-mypage .col-wrap .left-nav li { margin: 0; }
}
.page-mypage .section-mypage .col-wrap .left-nav .active a { font-weight: bold; }
.page-mypage .section-mypage .col-wrap .list-wrap tbody td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page-mypage .section-mypage .col-wrap .step-wrap input { color: #000; }
.btn-kill { color: #ffffff; background: #ff0000; font-weight: bold; }

/********** MyHistory **********/
.container { padding-bottom:20px; margin-top:10px; border-radius:5px; }
.center { text-align:center; }
#top { }
.btn-container { background:#fff; border-radius:5px; padding-bottom:20px; }
.white { color:#575757; font-size:30px; font-weight: 600; text-align: center; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block;}
.imgupload { color:#1E2832; font-size:7em; }
#namefile { color:black; }
h4>strong { color:#ff3f3f }
.btn-browse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #F8BB86 !important; border-color: #F8BB86 !important; }
.imgupload.ok { display:none; color:green; }
.imgupload.stop { display:none; color:red; }
#fileup { opacity: 0; -moz-opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); width:200px; cursor: pointer; position:absolute; left: 50%; transform: translateX(-50%); bottom: 40px; height: 50px; }
#cancelbtn { background: #C1C1C1; font-weight: 500; font-size: 17px; border: none; border-radius: 5px; padding: 10px 32px;margin: 26px 5px 0 5px; cursor: pointer; opacity: 1; color: white;}
#submitbtn { background: #8CD4F5; font-weight: 500; font-size: 17px; border: none; border-radius: 5px; padding: 10px 32px;margin: 26px 5px 0 5px; cursor: pointer; opacity: 1; color: white; display:none; }
#fakebtn { background: #ff3f3f; font-weight: 500; font-size: 17px; border: none; border-radius: 5px; padding: 10px 32px;margin: 26px 5px 0 5px; opacity: 1; color: white; }
#sign { color:#1E2832; position:fixed; right:10px; bottom:10px; text-shadow:0px 0px 0px #1E2832; transition:all.3s; }
#sign:hover { color:#1E2832; text-shadow:0px 0px 5px #1E2832; }

/********** ServerHistory **********/
.page-mypage .section-mypage .list-wrap tbody td#link { cursor: pointer; }
.page-mypage .section-mypage .list-wrap tbody td#link:hover { font-weight: bold; }


/********** Chart **********/
#chartdiv { width: 100%; height: 500px; }
#chartdiv .amcharts-chart-div a { display: none!important; }
#chartdiv .amcharts-main-div { border: 1px solid rgb(235, 235, 235); border-radius: 5px; }

/********** Video **********/
.sbs-video .preview-holder img {
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
}

.sbs-video .preview-holder img:hover {
    transform: scale(1.1);
}

.icon-play-holder {
    position: relative;
    bottom: 75%;
    /*z-index: 101;*/
}

.fa-play-circle-o:before {
    width: 70px;
    height: 70px;
    text-align: center;
    background: #000;
    border-radius: 35px;
    color: #fff;
    font-size: 60px;
    left: 43%;
    opacity: .5;
    padding: 5px;
    position: absolute;
    z-index: 1;
}

/********** Comment **********/

.comment-wrapper .content{
    padding-bottom: 0;
}