/* Main Style */
.modal-open {
    overflow: auto !important;
}
.close {
    position: absolute;
    font-size: 20px;
    right: 10px;
    top: 10px;
}
.modal-content {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
}
.vl {
    border-left: 6px solid #ee390f;
    border-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 225px;
    bottom: 50px;
    position: absolute;
}
.profile_links {
    padding: 50px;
    display: flex;
}
.profile_sections {
    padding-left: 10px;
    width: 100%;
    margin-top: 60px;
    font-family: "BPG Nino Mtavruli", sans-serif;
}
.profile_sections > ul > li:not(:last-child) {
    margin-bottom: 5px;
}
.links_a {
    display: inline-block;
    padding: 10px;
    width: 100%;
    color: #fff;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    text-transform: capitalize;
    background-size: 200% auto;
    border-top-right-radius: 20px;
    box-shadow: 0px 12px 20px 0px rgba(255, 126, 95, 0.15);
    background-image: linear-gradient(to left, #ee390f 0%, #f9b700 51%, #ee390f 100%);
}
.links_a:hover {
	color: #fff !important;
    background-position: right center;
    box-shadow: 0px 10px 30px 0px rgba(193, 34, 10, 0.2);
}
.user_welc {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    top: 50px;
    border-top: 5px solid #ee3910;
    padding: 5px;
    text-align: center;
    border-radius: 20px;
    border-bottom: 5px solid #f58007;
    font-family: "BPG Nino Mtavruli", sans-serif;
}
.modal-backdrop.show {
	z-index: 9002;
}
.modal-open .modal {
	z-index: 9003;
}
.member_counter, .testimonial_part {
	margin-top: 50px;
	margin-bottom: 50px;
}
/* Main Style END */

/* Login Style */
.box_auth_reg {
    display: flex;
    justify-content: space-evenly;
    position: relative;
}
        .form-outline {
            position: relative;
            margin-bottom: 15px
        }

        .form-outline input {
            display: block;
            height: 45px;
            background: #ffffff;
            border: solid 1px #ccc;
            transition: all .3s ease;
            padding: 0 15px;
            font-size: 15px;
        }

        .form-outline input:focus {
            border-color: #fff
        }

.form-outline label {
    position: absolute;
    font-family: "BPG Nino Mtavruli", sans-serif;
    cursor: text;
    z-index: 2;
    top: 7px;
    left: 10px;
    font-size: 14px;
    padding: 5px 20px;
    width: 110px;
    text-align: center;
    color: #fff;
    transition: all .3s ease;
    background: #ef430e;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.tooltip {
  z-index: 99999 !important;
    font-family: "BPG Nino Mtavruli", sans-serif;
}
        .form-outline input:focus+label,
        .form-outline input:valid+label {
            font-size: 11px;
            top: -15px;
        }
div#myTabContent {
    margin-top: 30px;
}
span.number {
    background: #f24c0d;
    border-radius: 50%;
    text-align: center;
    padding: 5px;
    width: 40px;
    height: 40px;
    color: white;
    display: inline-block;
    vertical-align: middle;
}
ol {
  counter-reset: myOrderedListItemsCounter;
}
ol li {
  list-style-type: none;
  position: relative;
  margin-bottom: 20px;
}
ol li:before {
    padding: 5px;
    width: 34px;
    height: 34px;
    background-color: #ff663b;
    counter-increment: myOrderedListItemsCounter;
    content: counter(myOrderedListItemsCounter) ".";
    margin-right: 0.5em;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: white;
    position: absolute;
    left: -40px;
}
}
#result-registration > span {
    position: relative;
    left: 15px;
    border: 1px solid orange;
    transition: all .3s ease;
    background: #ef430e;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    color: white !important;
    padding: 8px;
    top: 13px;
}
        .form-outline input:focus+label {
            color: #fff
        }
.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgb(248 177 0);
}
.btn_1, .btn_2, .btn_3 {
	cursor: pointer;
}
.btn_3 {
    background-image: linear-gradient(to left, #ee390f 0%, #444444 51%, #b78888 100%);
}
h5.active {
    background-image: linear-gradient(to left, #ee390f 0%, #f9b700 51%, #ee390f 100%);
}
input {
    font-size: 1rem;
    font-family: 'BPG Nino Mtavruli';
}
input#login_name {
    text-transform: uppercase;
}
#register_form > p {
    padding: 15px;
    font-size: 1rem;
    border: 1px solid green;
    margin-bottom: 20px;
    border-radius: 20px;
}
.form-outline > a > i.fa-question-circle,.form-outline > a > i.fa-check {
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 1.5rem;
    color: #ef470d;
    cursor: pointer;
}
.form-outline > a > i.fa-question-circle:hover,.form-outline > a > i.fa-check:hover {
    color: #000;
}
i.tooltip {
	z-index: 9999999;
}
/* Login Style */


/* Full Story  */
i.far.fa-heart {
    cursor: pointer;
}
i.far.fa-heart:hover {
    color: #f14d0e;
}
#comments {
    min-height: 150px;
}
[id*=comment-id] {
    margin-top: 20px;
}
[id*=comm-id] {
    margin-bottom: 10px;
}
/* Full Story END */

/* Right Panel */
#story {
    height: 24px;
}
/* Right Panel END */

/* Short Story */
.tests_info {
    position: absolute;
    top: 30px;
    background: #000000ad;
    padding: 0px 10px 0px 0px;
    border-bottom-right-radius: 35px;
}
.tests_info > .tests_writer > a { color: white; }
.tests_info > .tests_product > a { color: #ef470d; }
.tests {
    padding: 0px 0px 0px 10px;
    font-family: "BPG Nino Mtavruli", sans-serif;
    transition: 0.5s;
}
.tests_writer {
    font-size: 20px;
}
.tests_product {
    font-size: 16px;
}
.tests_info > hr {
    margin: 0;
    color: white;
    width: 100%;
    margin-left: 5px;
}
/* Short Story END */

/* Scroll Bar Style */

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	background-color: #F90;	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}
/* Scroll Bar Style END */