/*
Theme Name: Twenty Sixteen Child
Theme URI: https://wordpress.org/themes/twentysixteen/
Template: twentysixteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Tags: one-column,two-columns,right-sidebar,accessibility-ready,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,flexible-header,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog
Version: 2.0.0048
Updated: 2018-03-09 10:00:00

*/



* {
    outline: none !important;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    color: #7e7e7e;
    background-color: #FFF;
    font-family: sans-serif;
}

body, button, input, select, textarea {
    font-family: sans-serif;
}

body:not(.custom-background-image):before, body:not(.custom-background-image):after {
    display: none !important;
}

header {
    width: 100%;
    height: 104px;
    padding: 15px 0px;
    background-image: url(images/bg02.jpg);
    background-size: cover;
    position: relative;
}

.back_btn {
    position: absolute;
    left: 15px;
    top: 15px;
}

.menu_btn {
    position: absolute;
    right: 15px;
    top: 15px;
}

.back_btn img, .menu_btn img {
    width: 24px;
    height: 24px;
}

.menu_close {
    display: none;
}

.menu_clicked .menu_open {
    display: none;
}

.menu_clicked .menu_close {
    display: block;
}

h1 {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    line-height: 24px;
    color: #FFF;
    text-align: center;
    font-weight: normal;
    letter-spacing: 2px;
}

h2, h3, h4, h5 {
    margin: 0px;
    font-weight: normal;
}

h2 {
    font-size: 18px;
    color: #4c1d01;
    padding: 0px 0px 10px 0px;
}

h3 {
    font-size: 18px;
    color: #000;
    padding: 0px 0px 30px 0px;
}

h4 {
    text-align: center;
    font-size: 15px;
    color: #7e7e7e;
    padding: 0px 0px 30px 0px;
}

h5 {
    font-size: 15px;
    color: #000;
    padding: 0px 0px 30px 0px;
}

p {
    padding: 0px 0px 30px 0px;
    margin: 0px;
}

a {
    text-decoration: none;
    color: #000;
}

img {
    display: block;
    box-sizing: content-box;
}

.main {
    position: relative;
    padding: 0px 20px 40px 20px;
    margin-top: -50px;
}

.main_img {
    background-color: #FFF;
    display: block;
    width: 100px;
    margin: 0px auto 20px auto;
    padding: 30px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.main_img img {
    width: 40px;
    height: 40px;
}


.post_list, .post_list li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.post_list li {
    display: table;
    position: relative;
    width: 100%;
    min-height: 100px;
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
}

.post_list li:last-child {
    border-bottom: none;
}

.post_list li a {
    display: table-cell;
    vertical-align: middle;
    background-image: url(images/right-arrow-circular-button.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 22px 22px;
    color: #7e7e7e;
}

.post_list li a:hover {
    opacity: 0.8;
}

.post_list span {
    display: block;
    padding-left: 100px;
    padding-right: 50px;
}

.post_list img {
    width: 80px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -40px;
}

.quiz_list, .quiz_list li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.quiz_list {
    width: 100%;
}

.quiz_list li {
    position: relative;
    color: #7e7e7e;
    text-decoration: none;
    padding: 20px 100px 20px 0px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
}

.quiz_list li:last-child {
    border-bottom: none;
}

.quiz_list li a {
    background-color: #cbad8e;
    display: block;
    position: absolute;
    line-height: 20px;
    font-size: 12px;
    padding: 0px 20px;
    border-radius: 10px;
    right: 0px;
    top: 50%;
    margin-top: -10px;
    color: #fff;
}

.quiz_list li a:hover {
    opacity: 0.8;
}

.quiz_list span {
    display: block;
    padding-left: 100px;
    padding-right: 50px;
}

.quiz_done a {
    background-color: #CCC !important;
}

label {
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
    color: #4c1e02;
    padding: 0px 0px 5px 0px;
}

input, select, textarea {
    box-sizing: border-box;
    background-image:none;
    background-color:transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    line-height: 1.4;
    resize: none;
    color: #7e7e7e;
}

select:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 17px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333333 transparent transparent transparent;
}

input[type="text"], input[type="date"], input[type="number"], .input_text, select, textarea {
    padding: 15px;
    margin: 0px 0px 30px 0px;
    border-radius: 10px;
    border: 1px solid #ddd;
    width: 100%;
    display: block;
}

input[type="number"] {
    width: 50%;
    display: inline;
}

input[type="submit"], .btn_submit, input[type="submit"]:hover, .btn_submit:hover, input[type="submit"]:active, input[type="submit"]:visited {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    width: 70%;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 2px;
    text-align: center;
    color: #FFF;
    padding: 15px;
    margin: 0px auto 20px auto;
    border-radius: 30px;
    border: none;
    background-image: url(images/bg03.jpg) !important;
}

input[type="button"], .btn, #s_cancel, input[type="button"]:hover, .btn:hover, #s_cancel:hover {
    cursor: pointer;
    box-sizing: border-box;
    display: block;
    width: 70%;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 2px;
    text-align: center;
    color: #FFF;
    padding: 15px;
    margin: 0px auto 20px auto;
    border-radius: 30px;
    border: none;
    background-image: url(images/bg03.jpg);
}

input[type="button"]:hover, .btn:hover, input[type="button"]:active, .btn:active, input[type="button"]:visited, .btn:visited {
    background-image: url(images/bg03.jpg);
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.btn_edit, .btn_delete {
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    padding: 0px 20px;
    border-radius: 10px;
    color: #FFF;
    margin: 10px 20px 20px 0px;
}

.btn_edit {
    background-color: #5cb85c;
}

.btn_delete {
    background-color: #da534f;
}

.btn_add {
    display: block;
    line-height: 40px;
    font-size: 16px;
    padding: 0px 0px 0px 30px;
    background-image: url(images/plus-button.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 22px 22px;
    color: #000 !important;
    margin: 10px 0px 30px 0px;
}

input[type="submit"]:hover, input[type="button"]:hover, .btn:hover, .btn_edit:hover, .btn_delete:hover, .btn_add:hover {
    opacity: 0.8;
    color: #FFF;
}

.alert_msg {
    color: #da534f;
    font-size: 18px;
}

/* Radio & Checkbox */
.control-group {
    margin: 10px 0px 10px 0px;
}

.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 16px;
    line-height: 23px;
    color: #000;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control-radio .control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 24px;
    width: 24px;
    background: #ffffff;
    border: 2px solid #c9ab8d;
    border-radius: 50%;
}
.control-checkbox .control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 25px;
    width: 25px;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius:8px;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #FFF;
}

.control input:checked ~ .control_indicator {
    background: #ffffff;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #ffffff;
}
.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 1;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-radio .control_indicator:after {
    left: 5px;
    top: 5px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #c9ab8d;
}
.control-checkbox .control_indicator:after {
    left: 8px;
    top: 2px;
    width: 7px;
    height: 14px;
    border: solid #c9ab8d;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

/* Qty */

.qtyplus, .qtyminus, .qtyplus10, .qtyminus10 {
    display: inline-block !important;
    padding: 5px !important;
    width: 33px !important;
    font-size: 18px !important;
    line-height: 23px !important;
}

.qty {
    display: inline-block !important;
    width: 100px !important;
    text-align: center;
    margin: 0px 10px !important;
}


/* Login */

.header_login {
    background-image: url(images/bg01.jpg);
    background-size: cover;
    text-align: center;
    padding: 40px 0px 90px 0px;
}

.header_login img {
    width: 240px;
    height: 50px;
    margin: 0px auto;
}

.header_login h1 {
    letter-spacing: 0px;
}

.login_box {
    box-sizing: border-box;
    background-color: #FFF;
    display: block;
    width: 96%;
    margin: 0px auto 20px auto;
    padding: 30px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    position: relative;
    margin-bottom: 60px;
}

.login_box label {
    font-size: 12px;
    color: #b2b2b2;
}

.login_box input[type="text"], .login_box input[type="password"]  {
    border: none !important;
    border-bottom: 1px solid #ddd !important;
    border-radius: 0px !important;
    padding: 0px !important;
    font-size: 30px !important;
    line-height: 40px !important;
    height: 40px !important;
    margin-bottom: 30px !important;
    color: #000;
    width: 100% !important;
    background-color: #FFF;
}

.login_box input[type="submit"], .login_box .btn_submit {
    position: absolute;
    bottom: -32px;
    left: 15%;
    width: 70%;
    margin-bottom: 0px;
}

.login_box input[type="submit"]:hover, .login_box .btn_submit:hover {
    opacity: 1;
}

.login_forgot {
    font-size: 12px;
    text-align: center;
}

footer {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 12px;
}


/* Index */

.btn_set {
    padding: 10px 0px;
}

.btn_set a {
    box-sizing: border-box;
    background-color: #FFF;
    display: block;
    width: 100%;
    margin: 0px auto 15px auto;
    padding: 20px 0px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    text-align: center;
    line-height: 40px;
    vertical-align: text-top;
    font-size: 18px;
    letter-spacing: 1px;
}

.btn_set a:hover {
    text-decoration: none;
}

.btn_set img {
    width: 40px;
    height: auto;
    display: inline;
    vertical-align: middle;
    padding-right: 20px;
}

.btn_set .row a {
    width: 30%;
    margin-right: 5%;
    float: left;
    font-size: 14px;
    line-height: 30px;
}

.btn_set .row a:last-child {
    margin-right: 0%;
}

.btn_set .row img {
    padding-right: 0px;
    display: block;
    margin: 0px auto;
}

.btn_set .row {
    height: 125px;
}

.title_events, .title_news {
    color: #000;
    padding-left: 30px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    line-height: 22px;
}

.title_events {
    background-image: url(images/calendar.png);
}

.title_news {
    background-image: url(images/bell.png);
}

.title_events a, .title_news a {
    font-size: 12px;
    float: right;
    text-decoration: underline;
}

.news_list, .news_list li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.news_list li {
    display: table;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
}

.news_list li:last-child {
    border-bottom: none;
}

.news_list li:before, .category-news .post_list li:before {
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    position: absolute;
    border-radius: 50%;
    left: 0px;
    top: 27px;
}

.news_list li a {
    display: table-cell;
    vertical-align: middle;
    background-image: url(images/right-arrow-circular-button.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 22px 22px;
    color: #7e7e7e;
    padding: 22px 30px 20px 20px;
}

.news_list li a:hover {
    opacity: 0.8;
    text-decoration: none;
}

.category-news .post_list img {
    display: none;
}

.category-news .post_list span {
    padding-left: 30px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.category-news .post_list li {
    min-height: 1px;
}



/* Quiz */

.quiz_point {
    text-align: center;
}

.quiz_point h2 {
    font-size: 24px;
}

.quiz_point p {
    font-size: 18px;
    color: #000;
}

.quiz_point p span {
    display: block;
    font-size: 120px;
    line-height: 120px;
}


/* Report */

.share_order {
    display: none;
}

.report_list, .report_list li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.report_list {
    margin: 10px 0px;
}

.qty_group ul, .qty_group li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.qty_group ul {
    display: none;
}

.qty_group li {
    padding: 0px 200px 10px 0px;
    position: relative;
    min-height: 60px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.qty_group li:last-child {
    border-bottom: none;
}

.qty_group h2 {
    margin-bottom: 10px;
}

.qty_group h2:before {
    content: "+ ";
}

.qty_group .open:before {
    content: "- ";
}

.qty_group .qty {
    width: 50px !important;
    height: 34px;
    margin: 0px 2px !important;
    padding: 10px !important;
}

.qty_group input {
    margin: 0px !important;
}

.qty_group li div {
    width: 190px;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: right;
    
}

.modal h4 {
    font-size: 16px;
    padding: 15px 0px 10px 0px;
}

.modal p {
    font-size: 18px;
}

/* Calendar */

.ev_cal {
    padding-top: 10px;
    width: 100%;
    overflow: hidden;
}

.tiva-events-calendar.full .tiva-events-calendar-wrap {
    box-shadow: none;
    margin: 10px 0px 30px 0px;
}

.tiva-calendar-full .calendar-title, .tiva-calendar-full .calendar-btn {
    background-image: url(images/bg03.jpg);
}

.tiva-calendar-full .calendar-table tr th {
    color: #c9ab8c;
}

.tiva-calendar-full .calendar-event-name.middle-day {
    margin-left: -3px;
    margin-right: -3px;
}

.tiva-calendar-full .calendar-event-name.first-day {
    margin-right: -3px;
}

.tiva-calendar-full .calendar-event-name.last-day {
    margin-left: -3px;
}

.tiva-calendar-full .calendar-event-name {
    height: 20px;
    position: relative;
}

.tiva-calendar-full .calendar-event-name span {
    position: absolute;
    left: 3px;
    white-space: nowrap;
    z-index: 99;
}

.tiva-calendar-full .one-day {
    overflow: hidden;
}

.events-calendar-bar .bar-btn.active {
    background: #c9ab8c !important;
}

.tiva-event-detail-full .event-name {
    color: #c9ab8c !important;
}

.back-calendar {
    z-index: 999;
}

.btn_events {
    font-size: 12px;
    font-weight: normal;
    border-radius: 4px;
}

.btn_events:hover, .btn_events:active {
    opacity: 0.8;
}

.btn_e_a {
    background-image: url(images/bg03.jpg);
}

.btn_e_b {
    background: #ff8a23 !important;
}

.btn_e_c {
    background: #13baff !important;
}

.btn_e_d {
    background: #669933 !important;
}

.btn_e_e {
    background: #567BD2 !important;
}

.tiva-calendar-full .calendar-day-normal, .tiva-calendar-full .calendar-day-weekend {
    font-size: 12px;
}

.events-calendar-bar {
    margin-top: 10px;
}

.tiva-event-detail .event-date, .tiva-event-detail .event-time, .tiva-event-detail .event-location, .tiva-calendar-full .calendar-event-name.middle-day span, .tiva-calendar-full .calendar-event-name.last-day span {
    display: none !important;
}

.tiva-calendar-full .calendar-day-normal, .tiva-calendar-full .calendar-day-blank {
    padding: 2px !important;
}

.single-post {
    font-size: 16px;
}

.single-post .main h1 {
    font-size: 30px;
    line-height: 32px;
    color: #000;
    margin-bottom: 30px
}

.single-post h3 {
    padding-bottom: 15px;
}

.single-post h5 {
    padding-bottom: 10px;
}

.single-post .fa {
    color: #000;
    margin-right: 5px;
}

.single-post table, .single-post td {
    border: none;
    padding: 0px;
    margin: 0px;
}

.single-post table {
    margin: 0px 0px 20px 0px;
}

.single-post td {
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 0px;
    vertical-align: top;
}

.single-post table tr:last-child td {
    border-bottom: none;
}

.tb_01 tr td:first-child {
    width: 50%;
}

.tb_02 tr td:first-child {
    width: 50%;
}

.tb_03 tr td:first-child {
    width: 60%;
}

.single-post hr {
    margin: 30px 0px 40px 0px;
    background-color: #000;
}

.sidr {
    background-image: url(images/bg04.jpg);
    background-size: cover;
}

.sidr ul li a, .sidr ul li span {
    color: #FFF;
}

.jquery-modal {
    z-index: 100000;
}

#wpadminbar {
    display: none !important;
}

body.admin-bar {
    margin-top: -32px !important;
}

.tiva-calendar-full .calendar-event-name.no-name {
    width: 10px;
    overflow: hidden;
}

@media (max-width: 782px){

body.admin-bar {
    margin-top: -46px !important;
}
    
}