:root{
--dark-color:#150d08;
--light-color:#fffcf5;
--blue-color:#3d5c7b;
--bright-color:#fb9b04;
--grey-color:#b7b3b4;
--light-grey-color:#e6e5e5;
--red-color:#cd0d0d;
--shadow-color:#f8f1ed;
--link-color:#9db5cd;
}
html,body{
margin:0;
padding:0;
width:100%;
height:100%;
font-family:georgia,bookman,times,times new roman,palatino;
font-size:15px;
background-color:#fffcf5;
color:#150d08;
}
strong{
font-weight:700;
}
i{
margin-right:.3rem;
}
select{
display:block;
}
input[type=file]{
display:none;
}
input[type=text]{
width:100%;
margin:.25rem;
}
main{
padding:.5rem 0;
}
h1{
font-size:2rem;
}
h2{
font-size:1.75rem;
}
a{
color:#555;
text-decoration:none;
}
a:hover,a:focus{
text-decoration:none !important;
}
footer{
position:relative;
bottom:0;
width:100%;
text-align:center;
background-color:#150d08;
padding:1rem 0 1rem 0;
}
textarea{
width:100%;
height:12rem;
margin:.25rem;
}

/*jeehuti*/
.clr{
clear:both;
}
.screen{
min-height:100vh;
height:auto;
margin:0 auto;
padding-bottom:3rem;
}
.topline{
padding:1rem 0;
}
.navbar{
margin:1rem 0;
background-color:#fffcf5 !important;
border:1px solid rgba(21,13,8,.3);
border-radius:.5rem;
font-size:1rem;
}
.navbar-brand img{
height:48px;
}
.nav-item,.form-control,.btn-light{
font-size:.875rem;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
color:#555;
}
.x_menu{
text-align:center;
vertical-align:top;
}
.x_menu_list{
display:table;
margin:0 auto;
padding-top:.5rem;
}
.x_menu_col{
list-style-type:none;
float:left;
}
.x_menu_col a{
border:0;
}
.x_menu_col a img{
width:80px;
}
.x_menu_item{
text-align:left;
padding:.125rem;
}
.x_menu_title{
color:#fff;
font-size:1rem;
font-weight:700;
text-align:left;
padding:.125rem;
padding-bottom:.25em;
}
.x_menu_item{
font-size:.875rem;
}
.x_menu_item a:link,.x_menu_item a:visited,.x_menu_title a:link,.x_menu_title a:visited{
color:#f0f8fe;
border:none;
}
.x_menu_item a:hover,.x_menu_title a:hover{
border-bottom:1px solid #f0f8fe;
}
.copy{
color:#f0f8fe;
width:100%;
height:2rem;
font-size:.8rem;
margin-bottom:.25rem;
}
.copy a:link,.copy a:visited,.copy a:link,.copy a:visited{
color:#f0f8fe;
border:none;
}
.error{
padding-top:6rem;
text-align:center;
color:#ed1b24;
}
.error h1{
text-transform:uppercase;
}
.sn{
position:fixed;
width:2rem;
top:8.5rem;
right:1rem;
z-index:888;
margin:.5rem;
}
.sh_vk,.sh_fb,.sh_tw,.sh_pn{
width:2rem;
height:2rem;
margin:.125rem;
overflow:hidden;
}
.pager{
font-size:1.5rem;
}
.pager-item{
padding:.5rem;
line-height:.875rem;
}
.pager-item a{
border:none;
}
.pager-c{
font-size:2rem;
font-weight:500;
}
.pager-i{
font-size:1rem;
}
.h_table{
width:100%;
font-size:1.4em;
text-align:left;
}
.h_table td{
padding:.1em;
padding-bottom:.4em;
}
.h_table tr:nth-child(even){
border-bottom:1px dotted #eea6ad;
}
.h_table tr:nth-child(odd){
border-bottom:1px dotted #99cccc;
}
.h_sample,.h_name,.h_rgb,.h_code{
font-size:1rem;
}
.h_sample{
width:3rem !important;
}
.h_code{
text-align:center;
width:7rem !important;
}
.h_name{
width:22rem !important;
}
.h_sample a,.h_name a,.h_rgb a,.h_code a{
color:#555;
border-bottom:1px dotted #555;
}
.h_rgb{
text-align:center;
width:3em;
}
.list_value{
font-size:1rem;
text-align:center;
}
.tbl{
/*display: flex;*/
}
.tbl-col{
/*flex:1;*/
margin:.5rem 0;
}
.antic{
min-height:16rem;
}
.join{
padding:1.25rem;
}
.join img{
width:3rem;
padding-right:.5rem;
}
.videndus{
border-bottom:1px dashed #555;
}
.col-half{
width:50%;
float:left;
overflow:hidden;
}
.color_card_float{
display:inline-block;
width:25%;
max-width:25%;
height:6rem;
float:left;
margin:0 0 2rem 0;
}
.color_sam{
margin:0 auto;
width:6rem;
height:4rem;
border:3px dotted #fff;
}
.color_card_float_3{
display:inline-block;
width:33%;
max-width:33%;
height:6rem;
float:left;
margin:1.5rem 0;
}
.color_sam_xl{
margin:0 auto;
width:12rem;
height:6rem;
border:3px dotted #fff;
line-height:6rem;
text-align:center;
font-size:2rem;
}
.img_part{
padding:1rem;
text-align:center;
}
.href_b{
border-bottom:1px dashed #369;
}
.color_card_text{
padding:1rem;
font-size:.625rem;
line-height:.625rem;
text-align:center;
}
.color_card_text p{
margin:0 auto;
padding:0;
}
.settings-form label{
display:block;
margin-top:1.5rem;
}
.settings-form select{
width:12rem;
margin:1rem 0;
}
#img-upload{
background-color:#fefaa9;
color:#000;
padding:1rem;
border:1px solid #ccc;
border-radius:.5rem;
display:inline-block;
cursor: pointer;
}
.form-inside{
width:100%;
text-align:center;
padding:1rem 0;
}
.date-pick{
display:inline;
padding:0 1rem;
margin:0 .25rem;
}
.big-button{
background-color:#fefaa9;
color:#000;
padding:1rem;
margin:.5rem;
border:1px solid #ccc;
border-radius:.5rem;
display:inline-block;
cursor: pointer;
}
.heading_cap a{
border-bottom:2px #ff910f solid;
}
.tone-item{
display:inline-block;
width:3rem;
height:2rem;
margin:1px;
text-align:center;
border:2px dotted #fff;
}
.tone-item-sel{
display:inline-block;
width:3rem;
height:2.5rem;
margin:1px;
text-align:center;
border:2px dotted #fff;
}
.heading_item{
padding:.25rem;
min-width:5%;
width:auto;
float: left;
}
.tiles{

}
.color_tile{
float:left;
padding:1rem;
margin:1rem .25rem;
min-width:15rem;
width:24%;
height:12rem;
outline:1px solid #ddd;
}
.color_tile_pin{
float:left;
padding:1rem;
margin:1rem .25rem;
min-width:15rem;
width:24%;
height:20rem;
outline:1px solid #ddd;
}
.color_tile_shot{
width:100%;
height:60%;
border:6px dotted #fff;
outline:1px solid #c0c0c0;
}
.color_tile_pin_shot{
width:100%;
height:8rem;
border:6px dotted #fff;
outline:1px solid #c0c0c0;
}

.color_name{
font-size:.875rem;
text-align:center;
}
.color_code{
font-size:.75rem;
text-align:center;
}
.view_type{
font-size:2rem;
/*text-align:right;*/
padding:.5rem;
}
.view_type a{
/*margin-right:1rem;*/
color:#ccc;
}
.tool{
display:table-cell;
width:20%;
text-align:left;
padding:0 0 2rem 0;
}

.memo{
display:table-cell;
text-align:left;
padding:0 2rem;
font-family:courier;
font-size:1rem;
}
.memo-label{
font-size:1.25rem;
}
.memo a{
border-bottom:1px dashed #39c;
}

.table{
display:table;
width:100%;
border-spacing:.5rem;

}
.table-row{
display:table-row;
width:100%;
clear:both;
}
.table-col{
float:left;
display:table-column;
min-width:3rem;
width:auto;
}
.pad{
font-size:.875rem;
padding-right:.5rem;
}
.pad a{
border-bottom:1px dashed rgba(0,17,171,.25);
}
.c_tags{
padding:1rem 0;
font-size:1.125rem;
}
/*768*/
@media(max-width:768px) {
.topline{
position:relative;
width:100%;
display:block;
padding:.375rem;
}
.topline-logo{
position:relative;
width:100%;
display:block;
font-size:1.5rem;
}
.topline-logo-h h3{
padding:0;
margin:1rem 0;
}
.navbar{
height:auto;
}
.navbar-toggler{
color:rgba(255,255,255,1) !important;
}
.up-to-top{
bottom:2rem;
}
.copy{
margin-bottom:1em;
}
.search-field{
float:none;
height:auto;
}
.sn{
position:relative;
width:50%;
top:0;
right:0;
margin:0 auto;
margin-top:1rem;
margin-bottom:1rem;
}
.sh_vk,.sh_fb,.sh_tw,.sh_pn{
display:inline;
}
.tbl{
/*
display: flex;
flex-flow: row wrap;
*/
display:block;
}
.tbl-col{
display:block;
width:100% !important;
}
.col-half{
width:100%;
float:none;
}
.btn-group{
min-width:4.5rem;
height:3rem;
}
.tone-item-sel{
display:inline-block;
width:3rem;
height:2rem;
margin:1px;
text-align:center;
border:2px dotted #fff;
}
}

ol.breadcrumbs{
list-style:none;
padding:0;
margin:0;
}
.breadcrumbs li{
display:inline;
}
.breadcrumbs li:after{
content: "\2192";
}
ol.breadcrumbs span{
font-size:.875rem
}
.art-cover img{
width:20rem;
float:left;
margin-right:1rem;
}
.heading h3{
text-transform:uppercase;
font-size:1.25rem;
}
.list-table{
display:table;
width:100%;
margin:0;
box-shadow:1px 2px 4px rgba(0,0,0,.5);
}
.list-row{
display:table-row;
background:#f3f3f3;
}
.list-row:nth-of-type(odd){
background:#e3e3e3;
}
.list-row.header{
font-weight:600;
color:#fff;
background:#70646a;
}
.list-row.header a{
color:#fff;
}
.list-cell{
display:table-cell;
padding:.25rem .75rem;
}
.accordion-button,.accordion-button:not(.collapsed){
background-color:#fffcf5;
color:#555;
}
.accordion-button:after{
display:none;
}
.accordion-button:focus{
border:1px solid rgba(0,0,0,.125);
box-shadow:none;
}
.acc-sub-menu{
margin:0;
padding:0;
list-style-type:none;
}
.up-to-top{
position:fixed;
bottom:3rem;
right:.75rem;
padding:.5rem;
/*opacity:0.5;*/
height:2.5rem;
text-align:center;
width:4rem;
overflow:hidden;
background-color:rgba(189,40,46,.8);
color:#fff;
border-radius:.5rem;
text-decoration:none;
display:none;
z-index:1000;
cursor:pointer;
transition:all .1s ease;
}
.up-to-top:hover{
opacity:1;
}
.up-to-top i{
font-size:1.5rem;
color:#fff;
padding-left:.375rem;
} 
.restriction{
text-transform:uppercase;
font-weight:600;
color:crimson;
margin:.5rem 0;
}
.more-links{
margin:2rem 1rem;
}
.search{
text-align:center;
}
.search-str{
display:inline-block;
width:auto;
min-width:20rem;
vertical-align: middle;
}
.ab-card{
position:relative;
display:flex;
border-radius:.5rem;
border:1px solid #ddd;
margin-bottom:.5rem;
}
.ab-card-img{
object-fit:cover;
width:10rem;
min-width:10rem;
height:10rem;
margin:.5rem;
margin-right:1rem;
}
.ab-card-img img{
object-fit:cover;
width:100%;
height:auto;
max-width:100%;
max-height:100%;
}
.ab-card-body{
display:flex;
flex:1;
flex-direction:column;
padding:.5rem;
}
.ab-card-wrap{
min-height:10rem;
}
.ab-card-title{
text-align:left;
margin:0;
font-size:1.5rem;
}
.ab-card-title-sub{
text-align:left;
margin:0;
font-size:1.125rem;
}
.ab-card-text{
height:100%;
font-size:1rem;
}
.ab-card-footer{
font-size:.75rem;
margin-top:auto;
border-top:1px solid rgba(255,40,0,.125);
}
.header-main-c{
font-size:1.5rem;
}
.header-main-c a{
border-bottom:1px solid rgba(0,107,179,.33);
}
.strong-h{
font-size:1.25rem;
}
#canvas{
object-fit:cover;
width:100%;
height:auto;
max-width:100%;
max-height:100%;
}
.pad{
text-align:center;
margin-right:1rem;
}
.pad code{
display:block;
}


/*
C2
*/
.c2-h1{

}
.c2-h2{
font-size:1.25rem;
}
.c2-h3{
font-size:1rem;
}
.c2-big-sample{
float:left;
margin-right:1em;
width:100%;
height:10em;
border:6px dotted #fff;
outline:1px solid #c0c0c0;
}
.c2-cover img{
object-fit:cover;
width:auto;
min-width:10rem;
height:10rem;
margin:.5rem;
margin-right:1rem;
}
.c2-sub-cover{
display:inline-block;
}
.c2-sub-cover img{
object-fit:cover;
width:4rem;
height:4rem;
margin:.5rem;
margin-right:1rem;
}
.c2-p{
font-size:1rem;
}
.c2-tag{
font-size:1.25rem;
}
.c2-tag a{
color:#136fba;
}
.c2-tag small{
font-size:.75rem;
font-style:italic;
}
.c2-tags{
font-size:1.25rem;
margin:1rem 0;
}
.prev-next{
margin:1rem 0;
font-size:1.5rem;
}
.prev-next span{
margin-right:1rem;
}
.prev-next span a{
border:none;
}
.c2-color-tile{
position:relative;
float:left;
margin:1rem .25rem;
min-width:15rem;
width:24%;
height:18rem;
outline:1px solid #ddd;
}
.c2-color-tile-shot{
width:100%;
height:50%;
border:6px dotted #fff;
}
.c2-color-tile-footer{
width:100%;
background-color:#eee;
position:absolute;
bottom:.25rem;
font-size:.875rem;
text-align:center;
padding:.25rem;
}
.unread{
background-color:#eee;
}
.msg-note{
text-align:center;
}
.msg-card{
display:flex;
border-radius:.5rem;
box-shadow:rgba(0, 0, 0, 0.25) 1px 2px 4px;
border:1px solid #ddd;
margin-bottom:.5rem;
}
.msg-card-img{
padding:.5rem .25rem;
width:8rem;
height:6rem;
max-width:8rem;
min-height:6rem;
}
.msg-card-img img{
object-fit:cover;
width:100%;
height:auto;
max-width:8rem;
max-height:100%;
}
.msg-card-body{
display:flex;
flex:1;
flex-direction:column;
padding:.5rem;
}
.msg-card-wrap{
min-height:6rem;
}
.msg-card-source{
padding:.5rem;
border:1px dashed #777;
border-radius:.5rem;
background-color:#efe;
}
.msg-card-source h4{
font-size:1.25rem;
}
.msg-card-text{
height:100%;
font-size:1rem;
}
.msg-card-text a{
border-bottom:1px solid rgba(91,180,222,.5);
}
.msg-card-footer{
font-size:.75rem;
margin-top:auto;
border-top:1px solid rgba(255,40,0,.125);
}

.pin-txt{
width:14rem;
height:10rem;
margin:.25rem;
display:block;
resize:none;
font-family:"Comic Sans MS","Comic Sans",cursive;
}
.btn-pin-a,.btn-pin-u,.btn-pin-d{
display:inline;
border-radius:.5rem;
font-size:1rem;
margin:.5rem;
padding:.5rem;
}
.btn-pin-a{
color:#fff;
background-color:rgba(24,130,242,0.8) !important;
border:rgba(24,130,242,1) 1px solid !important;
}
.btn-pin-u{
color:#000;
background-color:rgba(24,242,28,0.8) !important;
border:rgba(24,242,28,1) 1px solid !important;
}
.btn-pin-d{
color:#fff;
background-color:rgba(242,24,41,0.8) !important;
border:rgba(242,24,41,1) 1px solid !important;
}

.login-inp{
display:block;
width:12rem !important;
}

.inline-form{
display:inline;
}
.jht-modal{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:10;
display:none;
padding-top:10rem;
background-color:rgba(0,0,0,.4);
}
.jht-modal-content{
position:relative;
padding:0;
margin:auto;
background-color:#fff;
width:30rem;
min-height:4rem;
box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0,.5), 0 1rem 2rem 0 rgba(0, 0, 0,.5);
}
.jht-modal-content-text{
padding:1rem;
font-size:1.2rem;
}
.jht-animate-zoom{
animation:animatezoom 0.8s;
}
@keyframes animatezoom{
from{
transform:scale(0);
}
to {
transform:scale(1);
}
}
.jht-button-close{
position:absolute;
top:0;
right:0;
cursor:pointer;
display:inline-block;
padding:.5rem 1rem;
text-decoration:none;
text-align:center;
vertical-align:middle;
font-size:2rem;
}
.jht-button-close{
color:#fff;
background-color:#ff2800;
}
.map,
.contacts,
.money,
.astro,
.weather,
.colour,
.latest_news,
.news{
margin:.375rem;
padding:1rem;
min-height:15rem;
border:1px solid rgba(21,13,8,.15);
border-radius:.625rem;
}
.color_shot{
display:block;
width:100%;
height:10rem;
border:3px dotted #fff;
}
.color_shot_text{
font-size:1.1rem;
text-align:center;
}
.contacts p{
font-size:1.1rem;
margin:.25rem;
}
.money p{
font-size:1.4rem;
margin:.25rem;
}
.news p{
font-size:1rem;
margin:.25rem;
}
.astro p{
font-size:1.3rem;
margin:.25rem;
}
.temp{
font-size:3rem;
}
.weather p{
font-size:1.2rem;
margin:.25rem;
}
.multo{
background-color:rgba(255,247,227,.625);
margin:.375rem;
padding:1rem;
border:1px solid rgba(21,13,8,.15);
border-radius:.625rem;
}
.multo h2{
font-size:1.3rem;
}
.tile-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:20px 0;
}
.tile {
font-family:courier;
flex: 0 1 calc(25% - 20px);
margin: 10px;
background-color:#fff;
box-shadow: var(--light-grey-color) 0px 4px 12px;
display: flex;
flex-direction: column;
justify-content: space-between;
position:relative;
}
.dom-name{
color:var(--red-color);
font-size:18px;
padding:0 20px;
margin: 10px 0;
text-align:center;
}
.dom-name a{
color:var(--red-color);
}
.dom-desc {
font-size:12px;
color: #555;
padding:0 20px;
margin-bottom:40px;
flex-grow: 1;
}
.dom-cat {
width:100%;
position:absolute;
bottom:12px;
text-align:center;
}
.dom-cat a {
text-decoration: none;
color:var(--link-color);
}
.dom-cat a:hover {
text-decoration: underline;
}
.hot{
border:2px solid var(--red-color);
}
.hot h2{
font-size:32px;
color:var(--red-color);
}