@font-face {
    font-family: 'PTSans';
    font-style: normal;
    font-weight: 400;
    font-display: swap; /* Add this line */
    src: local('PTSans'), url('/fonts/PTSans.woff2') format('woff2');
}
@font-face {
    font-family: 'PTSansBold';
    font-style: normal;
    font-weight: 400;
    font-display: swap; /* Add this line */
    src: local('PTSansBold'), url('/fonts/PTSansBold.woff2') format('woff2');
}
@font-face {
    font-family: 'PTSansBoldItalic';
    font-style: normal;
    font-weight: 400;
    font-display: swap; 
    src: local('PTSansBoldItalic'), url('/fonts/PTSansBoldItalic.woff2') format('woff2');
}
@font-face {
    font-family: 'PTSans-Web-Bold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('PTSans-Web-Bold'), url('/fonts/PTSans-Web-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'Lobster-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap; 
    src: local('Lobster-Regular'), url('/fonts/Lobster-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'OpenSans-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('OpenSans-Regular'), url('/fonts/OpenSans-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'OpenSans-Light';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('OpenSans-Light'), url('/fonts/OpenSans-Light.woff2') format('woff2');
}
@font-face {
    font-family: 'OpenSans-Italic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('OpenSans-Italic'), url('/fonts/OpenSans-Italic.woff2') format('woff2');
}
@font-face {
    font-family: 'OpenSans-CondLight';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('OpenSans-CondLight'), url('/fonts/OpenSans-CondLight.woff2') format('woff2');
}
@font-face {
    font-family: 'OpenSans-Semibold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('OpenSans-Semibold'), url('/fonts/OpenSans-Semibold.woff2') format('woff2');
}
@font-face {
    font-family: 'OpenSans-Bold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('OpenSans-Bold'), url('/fonts/OpenSans-Bold.woff2') format('woff2');
}

/* red #f80303 red2 -DA4453 */
/* blue #477ACF blue 2- #477ACF */

body { font-family:'OpenSans-Regular'; margin:0px; padding:0px; font-size:14px; background-color:#fff; }
.width-layer-style { width:1180px; margin:0px auto; }
.table-data { display:table; width:100%; border-spacing:0px; }
.table-data .cell { display:table-cell; }
.table-data .row { display:table-row; }

.table-data-dv { width:100%; border-spacing:0px; display:table; }
.table-data-dv .cell-data { display:table-cell; vertical-align:top; }
.table-data-dv .row-data { display:table-row;  }
.italic-text { font-family:'OpenSans-Italic'; font-style:italic; }

/* Table Container and General Styling */
.global-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #333;
    border: 1px solid #ddd;
}

/* Red Header Styling (th) */
.global-table th {
    background-color: #d9534f; /* Matches the "Calculate" button red */
    color: white;
    text-align: left;
    padding: 12px 15px;
    font-weight: 600;
    text-transform: capitalize;
}

/* Cell Styling (td) */
.global-table td {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

/* Zebra Striping for Readability */
.global-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Hover Effect to help users track rows */
.global-table tr:hover {
    background-color: #f2f2f2;
    transition: background-color 0.2s ease;
}

/* Optional: Make the first column slightly bold */
.global-table td:first-child {
    font-weight: bold;
    color: #555;
}

a { color:#DA4453; }
a:hover { cursor:pointer; text-decoration:underline; color:#f80303; }
.txt_in_all_incorr { background-color:#FFB8B8; }
.txt_in_all_incorr:focus { -moz-box-shadow: 0 0 2px rgba(0, 160, 255,1); -webkit-box-shadow: 0 0 2px rgba(0, 160, 255,1); box-shadow: 0 0 2px rgba(0, 160, 255,1); }

.TopArrowDV { right:-60px; position: fixed; bottom: 8%; background-color:#f80303; opacity:0.3; padding:12px; border-radius:4px; overflow: hidden; }
.TopArrowDV:hover { cursor:pointer; opacity:0.95; }

.global-input { padding: 10px 15px; border: 1px solid #e0e0e0; border-radius: 6px; font-size: 14px; background: white; color: #333; cursor: pointer; transition: border-color 0.3s; min-width: 80px; }
.global-input:hover { border-color: #DA4453; }
.global-input:focus { outline: none; border-color: #DA4453; box-shadow: 0 0 0 3px rgba(218, 68, 83, 0.1); }
.global-label { display:inline-block; margin-right:8px; }

.head-item-block { text-align: center; font-size: 16px; font-weight:bold; margin-bottom: 10px; border-bottom: 1px solid #f80303; }
.mobile-logo { height:44px; padding:4px 0; }

.content-block { background-color: #f9f9f9; padding-bottom:30px; }
.top-menu { color:#000; font-family:'OpenSans-Semibold'; }
.top-menu .parallelogram { transform: skew(-10deg); }
.top-menu .logo { width:42px; vertical-align:middle; transform: skew(10deg); padding-bottom:4px; }
.top-menu .item { border-top:3px solid #fff; text-align:center; width:140px; vertical-align:middle; }
.top-menu .item:hover { border-top:3px solid #DA4453; background-color:#f8f8f8; cursor:pointer; }
.top-menu .item a { color:#000; text-decoration:none; }
.top-menu .item a:hover { color:#DA4453; text-decoration:none; }
.top-menu .menu-cell-0 { width:92px; text-align:center; background-color:#f8f8f8; }
.top-menu .cell-item { height:70px; vertical-align:middle; display:table-cell; width:140px; transform: skew(10deg); }
.search-block { border:1px solid #C8C8C8; width:220px; margin-left:34px; }
.search-block .main_search { padding:2px 4px; width:99%; border:none; outline:none; height:22px; }
.search-block img { width:20px; vertical-align:middle; margin:2px 4px; }
.search-block img:hover { cursor:pointer; }

.footer { padding-top:14px; color:#7B7B7B; background: #e8e8e8 url(/template/i/row_bg.png) repeat; border:1px solid #dcdcdc; }
.footer .logo { width:42px; vertical-align:middle; margin-right:14px; margin-left:20px; }
.footer .site-name { font-family:'OpenSans-Bold'; font-weight:bold; }
.footer .table-data { margin-bottom:10px; }
.footer .table-data-cell { border-bottom:1px solid #cdcdcd; padding-bottom:14px; vertical-align:top; }
.footer .left-cell { width:50%; }
.footer .table-data-dv .bottom-cells { padding-top:6px; padding-bottom:6px; }
.footer .b-title_h4 { font-size: 16px; line-height: 19px; font-weight: 700; color:#000; padding-left:20px; }
.Main-red-button { background-color:#477ACF; }
.footer .row-details-left { text-align:right; padding:4px 12px; }
.footer .row-details-right { text-align:right; padding-right:20px; font-family:'OpenSans-Semibold'; }
.footer a { text-decoration:none; }
.footer a:hover { text-decoration:underline; }

.head-sub-menu { border-top:3px solid #DA4453; padding:9px 0; border-bottom:1px solid #cdcdcd; background: #f8f8f8 url(/template/i/head_sub_menu_BG.png) repeat-x; }
.head-sub-menu .head-name { font-size:26px; line-height:32px; }
.head-sub-menu .head-h1 { margin: 16px 0px 16px 0px; }
.head-sub-menu .article-details { font-size:14px; color:#424242; }
.head-sub-menu .article-details img { width:16px; vertical-align:middle; padding-bottom:4px; }
.head-sub-menu .article-details span { margin-right:14px; }
#ContentPlaceHolder1_ArticleName { display:table-cell; vertical-align:middle; }

.article-content { text-align:justify; margin-top:20px; }
.article-content .social-data { padding:14px 0px 14px 0px; }

.article-content .parent-block-left { width:75%; }
.article-content .b-item-block-left { width:94%; max-width:860px; padding-right:12px; margin-right:10px; box-shadow: 0 0 1px rgba(102,102,102,.4); background: #fff; min-height: 120px; padding: 8px 20px; text-align: justify;  }
.article-content .b-item-right-block { padding-left:6px; font-size:14px;  box-shadow: 0 0 1px rgba(102,102,102,.4); background: #fff; min-height: 120px; padding: 4px 6px; text-align: justify; }
.article-content .pre-header { margin:6px; padding:6px 0px; font-size:16px; }
.article-content .pre-header .item { border-bottom:3px solid #fff; font-weight:bold; text-align:center; padding: 0px 0px 4px 0px; }
.article-content .pre-header .item:hover, .article-content .pre-header .item_active { font-weight:bold; text-align:center; border-bottom:3px solid #DA4453; cursor:pointer; padding: 0px 0px 4px 0px; }

.b-item-right-block a { text-decoration:none; font-size:14px; font-weight:bold; }
.b-item-right-block a:hover { text-decoration:underline; }
.b-item-right-block .active-item { padding-left:18px !important; background-color:#ffd8d8; }


.b-item-right-block .b-pre-image { max-width:90px; max-height:90px; overflow:hidden; }
.b-item-right-block .mini-image { max-width:200px; max-height:200px; }
.b-item-right-block .table-item { margin-bottom:14px; border-bottom:1px solid #e6e6e6; }
.b-item-right-block .table-item:hover .popular-header { color:#DA4453; text-decoration:underline; cursor:pointer; }
.b-item-right-block .popular-header { font-size:12px; font-weight:bold; margin-bottom:10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 
.b-item-right-block .popular-details { font-size:11px; color:#424242; }
.b-item-right-block .popular-details img { width:16px; vertical-align:middle; padding-bottom:5px; margin-right:2px; }
.b-item-right-block .popular-details span { margin-right:10px; }
.b-item-right-block .popular-details .item-sel0 { display:inline-block; }
.b-item-right-block .popular-details .item-sel1 { display:inline-block; }
.b-item-right-block .popular-details .item-sel2 { display:inline-block; }


.article-content .b-article {  }
#ContentPlaceHolder1_Main_data p { margin:10px 0px; }
#ContentPlaceHolder1_Main_data p  em { font-family:'OpenSans-Italic'; }
#ContentPlaceHolder1_Main_data img { max-width:94%; text-align:center; margin:12px auto; vertical-align:top; display:block; }
#ContentPlaceHolder1_Main_data a>img { -moz-box-shadow: 0 0 6px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.8); box-shadow: 0 0 8px rgba(0,0,0,0.8); }
.b-article h1, .b-article h2, .b-article h3, .b-article h4, .b-article h5, .b-article h6 { color: #DA4453; text-align:left; border-bottom:1px solid #e3e3e3; padding-bottom:2px; margin: 14px 0px 10px 0px; }
.b-article h1 { font-size:26px; font-weight:bold; }
.b-article h2 { font-size:22px; font-weight:bold; }
.b-article h3 { font-size:20px; font-weight:bold; }
.b-article h4 { font-size:18px; font-weight:bold; }
.b-article h5 { font-size:16px; font-weight:bold; }
.b-article h6 { font-size:15px; font-weight:bold; }

#ContentPlaceHolder1_Main_data ol { counter-reset: item; margin:14px 0px; margin-left: 20px; padding-left:12px; line-height: 22px;}
#ContentPlaceHolder1_Main_data ol li { display: block; line-height:24px; }
#ContentPlaceHolder1_Main_data ol>li:before { content: counter(item) "."; font-weight:bold; margin:2px 8px; counter-increment: item; padding:1px 9px; text-align:center; color:#fff; display:inline-block; transform: skew(-20deg); background: #477ACF; }

#ContentPlaceHolder1_Main_data ul { counter-reset: item; margin: 10px 0px; line-height: 22px; padding: 6px 0px 6px 20px; }
#ContentPlaceHolder1_Main_data ul li { display: block; line-height:20px; list-style-type:none; margin: 4px 0px; padding-left: 6px; text-indent: 0px; margin-left: 6px;}
#ContentPlaceHolder1_Main_data ul>li:before { content: '\2714'; font-weight:bold; margin:2px; counter-increment: item; padding:1px 4px; display:inline-block; left: -22px; position: relative; margin-right: -22px; }


#navi-head { padding:8px 12px; background-color:#f9f9f9; text-align:left; border-radius:6px; margin-bottom:18px; line-height:16px; }
#navi-head .content-head { font-size:22px; margin:8px 26px; }
#navi-head .sub-head2 { margin:8px 40px 0 !important; font-size:16px; }
#navi-head .sub-head3 { margin:8px 48px 0 !important; font-size:15px; }
#navi-head .sub-head4 { margin:8px 56px 0 !important; font-size:14px; }
#navi-head .sub-head5 { margin:8px 64px 0 !important; font-size:14px; }
#navi-head .sub-head6 { margin:8px 72px 0 !important; font-size:14px; }
#navi-head .sub-head7 { margin:8px 80px 0 !important; font-size:14px; }
#navi-head .sub-head8 { margin:8px 88px 0 !important; font-size:14px; }
#navi-head .sub-head9 { margin:8px 96px 0 !important; font-size:14px; }
#navi-head ul { margin:10px 0px; }
#navi-head ul>li {  }
#navi-head a {  }
#navi-head a:hover { text-decoration:none; }


.parent-recommended {  }
.parent-recommended .details { font-family:'OpenSans-Semibold'; font-size:16px; font-weight:bold; border-bottom:3px solid #DA4453; display:inline-block; padding: 6px 14px 6px 0px; margin-top:14px; }

#Recomended {  }
#Recomended .block-item { display:inline-block; margin:6px 8px; width:250px; padding:4px; }
#Recomended .block-item:hover .block-title { cursor:pointer; text-decoration:underline; }
#Recomended .block-image { height:140px; text-align:left; z-index:1; overflow:hidden; border:1px solid #f4f4f4; }
#Recomended .block-image img { width:248px; max-width:none; }
#Recomended .block-title { line-height:16px; height:60px; margin-top:6px; color:#000; font-family:'OpenSans-Semibold'; font-weight:bold; }
#Recomended .block-details { font-size:12px; color:#858585; margin-top:4px; }
#Recomended .block-details-icon { width: 12px; vertical-align: middle; padding-bottom: 3px; margin-right:2px; }

.Parent-komments { margin-top:20px; }
.head-komment { font-weight:bold; font-size:18px; font-family:'OpenSans-Semibold'; font-size:16px; font-weight:bold; border-bottom:3px solid #DA4453; display:inline-block; padding: 6px 14px 6px 0px; margin-top:14px; margin-bottom:10px; }
.komment-block { margin:8px 0px; padding:24px; border-radius:2px; padding-bottom: 0; margin-bottom: 20px;
    -webkit-box-shadow: 0 0 1px rgba(102,102,102,.4); -moz-box-shadow: 0 0 1px rgba(102,102,102,.4); box-shadow: 0 0 1px rgba(102,102,102,.4);
    background: #fff; min-height: 40px; padding: 8px 20px;
}
.komment-block .user-name { font-weight:bold; font-size:16px; color:#DA4453; display:inline-block; padding:2px 6px 0px 0px; }
.komment-block .data-add { font-size:12px; color: #444444;  display:inline-block; padding:2px 6px 0px 0px; }
.komment-block .komment { vertical-align:top; margin-top:6px; }
.komment-block-nothing { text-align:center; color:#878787; }
.komment-block .user-image {  }
.komment-block .table-data { display:table; width:100%; }
.komment-block .table-data .cell { display:table-cell; vertical-align:top; }
.komment-block .table-data .left-data { text-align:right; padding:6px 0px; width:70px; }
.komment-block .table-data .right-data { text-align:left; padding-left:20px; }
.block-comment { display:table; width:100%; border-spacing:0px; }
.block-comment .cell-left { display:table-cell; width:35%; vertical-align:top; }
.block-comment .cell-right { display:table-cell; }
.block-comment .block-row { margin:4px 2px; }
.block-comment .txt-data { border-radius:2px; min-height:28px; margin:auto; margin-bottom:6px; padding:2px 4px; border:1px solid #cdcdcd; min-width:94%; }


/*buttons*/
.centered { margin:50px auto; text-align:center; }
.button::-moz-focus-inner{ border: 0; padding: 0; }
.button{
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button:hover{ background-color: #eee; color: #555; }
.button:active{ background: #e9e9e9; position: relative; top: 1px; text-shadow: none; 
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}
.button:focus{ outline:none; }
.button[disabled], .button[disabled]:hover, .button[disabled]:active{
  border-color: #eaeaea; background: #fafafa; cursor: default; position: static; color: #999;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.button.small{ padding: 4px 12px; }
.button.large{ padding: 12px 30px; text-transform: uppercase; }
.button.large:active{ top: 2px; }
.button.green, .button.red, .button.blue {
      color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.2);  
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
      background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
      background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
      background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
      background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
      background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
}
.button.green{ background-color: #57a957; border-color: #57a957; }
.button.green:hover{ background-color: #62c462; }
.button.green:active{ background: #57a957; }
.button.red{ background-color: #ca3535; border-color: #c43c35; }
.button.red:hover{ background-color: #ee5f5b; }
.button.red:active{ background: #c43c35; }
.button.blue{ background-color: #269CE9; border-color: #269CE9; }
.button.blue:hover{ background-color: #70B9E8; }
.button.blue:active{ background: #269CE9; }
.green[disabled], .green[disabled]:hover, .green[disabled]:active{ border-color: #57A957; background: #57A957; color: #D2FFD2; }
.red[disabled], .red[disabled]:hover, .red[disabled]:active{ border-color: #C43C35; background: #C43C35; color: #FFD3D3; }
.blue[disabled], .blue[disabled]:hover, .blue[disabled]:active{ border-color: #269CE9; background: #269CE9; color: #93D5FF; }
.button-group,.button-group li{ display: inline-block; *display: inline; zoom: 1; }
.button-group{ font-size: 0; margin: 0; padding: 0; background: rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.button-group li{ margin-right: -1px; }
.button-group .button{ font-size: 13px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.button-group .button:active{
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}
.button-group li:first-child .button{ -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.button-group li:first-child .button:active{
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}
.button-group li:last-child .button{ -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.button-group li:last-child .button:active{
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}
/*buttons*/
.red-btn { padding:4px 20px; border-radius:2px; outline:none; background-color:#DA4453; border:1px solid #DE2A2A; color:#fff; }
.red-btn:hover { cursor:pointer; -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); box-shadow: 1px 1px 4px rgba(0,0,0,0.3); }


#ContentPlaceHolder1_PageNation { text-align:center; width:100%; margin: 10px auto 16px auto; }

/* FAQ / details styling - improve affordance that item is expandable */
details.faq {
    margin: 12px 0;
    border: 1px solid #eee;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
details.faq summary {
    list-style: none;
    cursor: pointer;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* align text to the left */
    gap: 12px;
    font-family: 'OpenSans-Semibold';
    font-weight: 700;
    color: #DA4453;
    background: #fff;
    transition: background-color 0.15s ease;
}
details.faq summary:hover {
    background-color: #f9f2f2;
}
/* hide default marker */
details.faq summary::-webkit-details-marker { display: none; }

details.faq summary::before {
    content: '\25B6'; /* triangular play arrow */
    display: inline-block;
    margin-right: 8px;
    color: #DA4453;
    transform: rotate(0deg);
    transition: transform 0.18s ease;
    font-size: 14px;
}
details.faq[open] summary::before {
    transform: rotate(90deg);
}

/* ensure the summary text sits to the left of the container */
details.faq summary strong {
    flex: 1 1 auto;
    text-align: left;
}

/* Body inside details */
details.faq .faq-body {
    padding: 12px 16px 16px 16px;
    border-top: 1px solid #f0f0f0;
    background: #fbfbfb;
    color: #333;
    line-height: 1.5;
}

/* Improve visibility for summary focus (keyboard users) */
details.faq summary:focus {
    outline: none;
    box-shadow: 0 0 0 4px rgba(218,68,83,0.08);
    border-radius: 4px;
}
#ContentPlaceHolder1_PageNation .menu { margin:2px auto; margin-right:20px; }
#ContentPlaceHolder1_PageNation .menu .item { border:1px solid #D9D9D9; display:inline-block; font-size:14px; background-color:#e8e8e8; padding:2px 6px; margin:0px 2px; border-radius:2px; }
#ContentPlaceHolder1_PageNation .menu .item:hover { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
#ContentPlaceHolder1_PageNation .menu .item-active { background-color:#e8e8e8; cursor: not-allowed; font-weight:bold; font-size:16px; border:1px solid #D9D9D9; position:relative; border-radius:2px; padding:6px; display:inline-block; margin:0px 3px;  }
#ContentPlaceHolder1_PageNation .menu a { text-decoration:none; }

/* ── Top-nav reset ───────────────────────────── */
#dektop-menu{
position:relative;
z-index:1000;
background:#fff;
border-bottom:3px solid #DA4453;
box-shadow:0 2px 8px rgba(0,0,0,.10);
}
#dektop-menu .nav-inner{
    display:flex;
    align-items:stretch;
    flex-wrap:nowrap;
    height:56px;
}
#dektop-menu .nav-logo{
    display:flex;align-items:center;
    padding:0 12px;
    flex-shrink:0;
    background:#f8f8f8;
    border-right:1px solid #eee;
}
#dektop-menu .nav-logo img{width:42px;}
/* nav items */
#dektop-menu .nav-item{
    position:relative;
    display:flex;
    align-items:center;
    padding:0 16px;
    font-family: 'OpenSans-Regular';
    font-size:13px;
    font-weight:600;
    color:#1f2937;
    text-decoration:none;
    cursor:pointer;
    white-space:nowrap;
    border-top:3px solid transparent;
    border-bottom:none;
    transition:border-color .15s,background .15s;
    user-select:none;
}
#dektop-menu .nav-item a{ color:inherit;text-decoration:none;display:flex;align-items:center;gap:4px;height:60%; }
#dektop-menu .nav-item:hover,
#dektop-menu .nav-item:focus-within{
    border-top-color:#DA4453;
    background:#f8f8f8;
    color:#DA4453;
}
/* dropdown */
#dektop-menu .nav-item .nav-dropdown{
display:none;
position:absolute;
top:calc(100% + 3px);
left:0;
min-width:210px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:0 0 8px 8px;
box-shadow:0 8px 24px rgba(0,0,0,.13);
z-index:2000;
padding:4px 0;
}
#dektop-menu .nav-item:hover .nav-dropdown,
#dektop-menu .nav-item:focus-within .nav-dropdown{display:block;}
#dektop-menu .nav-dropdown a{
display:block;
padding:8px 18px;
font-size:13px;
font-weight:400;
color:#1f2937;
text-decoration:none;
white-space:nowrap;
transition:background .1s,color .1s;
}
#dektop-menu .nav-dropdown a:hover{background:#fef2f2;color:#DA4453;}
#dektop-menu .nav-dropdown .sep{border-top:1px solid #f0f0f0;margin:4px 0;}
/* overlay — dims page when menu open */
#nav-overlay{
display:none;
position:fixed;inset:56px 0 0 0;
background:rgba(0,0,0,.18);
z-index:999;
pointer-events:none;
}
#dektop-menu:has(.nav-item:hover) ~ #nav-overlay,
#dektop-menu:has(.nav-item:focus-within) ~ #nav-overlay{display:block;}
.nav-item--auth { display:flex; align-items:center; gap:10px; margin-left:auto; padding:0 4px; }
.nav-auth-link { font-size:13px; font-weight:600; color:#374151; text-decoration:none; padding:8px 18px; border-radius:10px; border:1.5px solid #d1d5db; background:#fff; transition:all .2s; white-space:nowrap; }
.nav-auth-link:hover { border-color:#DA4453; color:#DA4453; background:#fff5f5; text-decoration:none; }
.nav-auth-link--cta { background:linear-gradient(135deg,#DA4453,#c0392b); color:#fff !important; border-color:transparent; box-shadow:0 2px 8px rgba(218,68,83,.35); }
.nav-auth-link--cta:hover { background:linear-gradient(135deg,#c0392b,#a93226); box-shadow:0 4px 14px rgba(218,68,83,.45); color:#fff !important; transform:translateY(-1px); }
  


.List-data { }
.List-data .b-item-block:first-child { margin-top:0px; }
.List-data .b-item-block { background: #fff; margin:12px 0px; padding: 13px 1.7% 5px; margin-bottom: 14px; background: #fff; border-radius: 3px;
    -webkit-box-shadow: 0 0 1px 1px #e4e4e4; -moz-box-shadow: 0 0 1px 1px #e4e4e4; box-shadow: 0 0 1px 1px #e4e4e4;    
    -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.List-data .b-item-block img { max-width:99%; }
.List-data .b-item-block p { text-align:justify; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } 
.List-data .b-item-block .head-name { font-size:18px; margin-left:10px; font-weight:bold; }
.List-data .b-item-block .head-name a { text-decoration:none; }
.List-data .b-item-block .head-name a:hover { text-decoration:underline; }
.List-data .table-preview { display:table; width:100%; border-spacing:0px; }
.List-data .table-preview .cell { display:table-cell; vertical-align:middle; padding:4px 6px; }
.List-data .table-preview .left-cell { width:34%; text-align:center; }
.List-data .table-preview .user-mini-avatar { max-width:260px; max-height:160px; border:1px solid #ebebeb; }
.List-data .anons-div-left { text-align:left; margin-top:2px; padding:2px 4px; display:inline-block; float:left; }
.List-data .anons-div-left .img-category { margin-right:2px; padding-bottom:2px; width:14px; }
.List-data .anons-div-left a { text-decoration:none; }
.List-data .anons-div-left a:hover { text-decoration:underline; }
.List-data .anons-div { text-align:right; padding:2px 4px; float:right; }
.def-content { padding-top:10px; }
.def-content .article-details { font-size:12px; color:#424242; clear:both; }
.def-content .article-details img { width:16px; vertical-align:middle; padding-bottom:4px; }
.def-content .article-details span { margin-right:14px; }
.def-content .pre-header { margin:6px; padding:6px 0px; font-size:16px; }
.def-content .pre-header .item { border-bottom:3px solid #fff; font-weight:bold; text-align:center; padding: 0px 0px 4px 0px; }
.def-content .pre-header .item:hover, .def-content .pre-header .item_active { font-weight:bold; text-align:center; border-bottom:3px solid #DA4453; cursor:pointer; padding: 0px 0px 4px 0px; }
.def-content .b-item-right-block { background: #fff; border-radius: 3px; padding-bottom:6px;
    -webkit-box-shadow: 0 0 1px 1px #e4e4e4; -moz-box-shadow: 0 0 1px 1px #e4e4e4; box-shadow: 0 0 1px 1px #e4e4e4;    
    -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.def-content .b-item-right-block .b-items { padding:2px 0px; }
.def-content .b-item-block-left { width: 75%; padding-left: 20px; }
.def-content .head-data {  font-weight:bold;  }
#NewComments { font-size:13px; }

.Search-page {  }
.Search-page #ContentPlaceHolder1_Search_Value { border: none; height:26px; font-size:15px; text-align:left; outline: none; padding:0px 4px; background-color:#fff; width:100%; color:#000; }
.Search-page .remove-image { width:14px; vertical-align:middle; padding-bottom:2px; }
.Search-page .remove-image:hover { cursor:pointer; }
.Search-page .search-block { max-width:820px; margin:auto; border:none !important; min-width:200px; width:80%; }
.Search-page { margin-top:14px; min-height:200px; }
.Search-page .title-founds { font-size:1.3em; font-weight:bold; color:#045435; }
.Search-page .find-segment { font-size:1.1em; font-weight:bold; text-decoration:underline; }
.Search-page .found-url { font-size:13px; color: #999999; margin:0px; }
.Search-page .found-short-desc { font-size:12px; margin:6px 0px; overflow:hidden; }
.Search-page .found-data-article { font-size:12px; color: #999999; }
.Search-page .found-item-block { margin:20px 8px; }
.Search-page .Find-expression { font-weight:bold; background-color:#e5e807; }

#dektop-menu {  }
#mobile-menu { display:none; }

.Share-table { border-spacing:0px; margin:14px auto; font-size:12px;  }
.Share-table th { text-align:center; color:#fff; font-weight:bold; background-color:#124C96; border-right:1px solid #404040; line-height:16px; padding:6px 8px; }
.Share-table td { text-align:center; border:1px solid #cdcdcd; border-top:none; border-left:none; padding:6px 8px; line-height:14px; }
.Share-table tr td:first-child { border-left:1px solid #cdcdcd; }
.Share-table tr:nth-of-type(odd) { background-color:#EDEDED; }
.Share-table.Small td { font-size:11px; }

.b-article blockquote { font-style: italic; padding: 0 40px; position: relative; min-height: 50px; margin: 20px 0; }
.b-article blockquote:before, .b-article blockquote:after {
      display: block; content: ',,';
      font: bold 40px/40px Georgia, "Times New Roman", Times, serif;
      position: absolute;
}
.b-article blockquote:before { top: -25px; left: 0; }
.b-article blockquote:after {
      bottom: -10px; right: 0;
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
}

/*ads*/
.ads {  }
.ads-vertical-right { border:1px solid #ebebeb; margin-top:9px; width:300px; height:600px; text-align:center; }
.ads-after-content { border:1px solid #ebebeb; min-height:4px; }
.dyn-block-ads { position:fixed; top:2px; }
.ads-quick { width:300px; height:auto; border:1px solid #ebebeb; margin-bottom:8px; }
/*- ads*/

.video-container {	position:relative; padding-bottom:56.25%; padding-top:30px;	height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed {	position:absolute; top:0; left:0; width:100%; height:100%; }

.Block_PH { position:relative; width:92%; text-align:center; margin:auto; }
.Block_PH .inputText { font-size: 16px; width: 98%; height: 30px; border:none; padding:2px 8px; padding-top:10px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; box-shadow: 0 0 0 1px #d9d9d9; margin-bottom:8px; }
.Block_PH .inputText:active, .Block_PH .inputText:focus { outline:none; animation-name: Change_Border; animation-duration: 1s; box-shadow: 0 0 0 2px #1990c6; border:none; }
.Block_PH .inputText:focus ~ .floating-label, .Block_PH .inputText:not(:focus):valid ~ .floating-label { top: 2px; left: 16px; font-size: 11px; opacity: 1; color:#858585; }
.Block_PH .floating-label { position: absolute; pointer-events: none; font-size:16px; left: 18px; top: 12px; color:#616161; transition: 0.4s ease all; }


/*Pros-Cons*/
.table-pros-cons { }
.table-pros-cons ul { margin-left:0px !important; text-indent:-24px; padding-left:45px; padding-right: 8px; }
.table-pros-cons .cell { vertical-align:top; width:50%; }

.table-data .pros_item_head { background-color:#00bf08; color:#fff; margin-right:4px !important; font-weight:bold; font-size:16px; padding:12px; }
.table-data .pros_item li { list-style-type:none; text-align:left; margin:8px 0; text-indent:0px; position:relative; }
.table-data .pros_item > li:before { content: '' !important; background:url('/files/like_1.png'); background-size: 22px; background-repeat: no-repeat; width: 20px; height: 22px; display: inline-block; vertical-align: middle; margin-bottom:0px; position: absolute; left: -14px; top: -2px; }
    
.table-data .cons_item_head { background-color:#bf000a; color:#fff; margin-left:4px !important; font-weight:bold; font-size:16px; padding:12px; }
.table-data .cons_item li { list-style-type:none; text-align:left; margin:4px 0; text-indent:0px; position:relative; }
.table-data .cons_item > li:before { content: '' !important; background:url('/files/dislike_1.png'); background-size: 22px; background-repeat: no-repeat; width: 20px; height: 22px; display: inline-block; vertical-align: middle; margin-bottom:0px; position: absolute; left: -14px; top: 4px; }

.cell-left-recomended { width:94px; }
.b-item-right-block .mini-image { max-width:100%; max-height:100%; }

.b-best-choice { display: block; position:relative; }
.b-best-choice .img-best-choice { float:right; top:0px; right:0px; width:160px; margin: -10px -20px 4px 10px !important; }

.global-new-articles { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#main_control_data { margin-top:10px; }
.txt-drop-values { padding: 8px 14px; border:1px solid #cdcdcd; outline:none; border-radius:6px; background-color:#fff; }
.def-content .row-section { margin:8px 0; }
.block_result_age { border:1px solid #ff9f9f; border-left: 6px solid #ff9f9f; margin:6px 0; background-color:#ffdbdb; border-radius:2px; padding:9px 12px; }

.text_BD { font-size:16px; color:#e22; text-align:center; font-weight:bold; }
.image_BD { width:240px; margin:4px 0; }
.text_BD div{ margin:2px 0; }
.block_result_age .result-table-in-head-name { font-weight:bold; }
.block_result_age .step_margin { margin-top:6px; }

#ContentPlaceHolder1_Other_Age_services { padding-top:0px; }
#ContentPlaceHolder1_Other_Age_services>.items { padding:2px 12px; }
#ContentPlaceHolder1_Block_Related_Links { margin-top:10px; }
#ContentPlaceHolder1_Block_Related_Links a:link { text-decoration:none; }
#ContentPlaceHolder1_Block_Related_Links a:link:hover { text-decoration:underline; cursor:pointer; }

#ContentPlaceHolder1_Result a:link { text-decoration:none; }
#ContentPlaceHolder1_Result a:link:hover { text-decoration:underline; cursor:pointer; }

.p_famous_people {  }
.p_famous_people .Head_Data {  }
.p_famous_people #Head_Avatar_Person { float:right;  margin:4px 6px; }
.p_famous_people .Item { border:1px solid #ebebeb; border-radius:2px; width:160px; text-align:center; display:inline-block; margin:4px 6px; }
.p_famous_people .Item:hover { background-color:#fbfbfb; }
.p_famous_people .Parent_Preview_Person { height:160px; width:160px; overflow:hidden; }
.p_famous_people .Parent_Preview_Person img { width:100%; max-height:300%; }
.p_famous_people .List_Famous_Name { height: 40px; margin: 0px 0px 2px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.p_famous_people h1 { margin:10px 12px 0 0; }
.p_famous_people .Desc_Details { padding:4px 12px 0 4px; margin: 0px 2px 6px 10px; }
.p_famous_people .Heads { margin:10px 12px 0 0; color:#DA4453; border-bottom: 1px solid #f80303; display: inline-block; padding: 0 12px 0 0; }

.p_famous_people .Personal_Avatar { max-height:100%; max-width:100%; }
.p_famous_people #ContentPlaceHolder1_Head_Avatar_Person { float:right; width:240px; height:240px; text-align:center; margin:24px 6px; }
.p_famous_people #ContentPlaceHolder1_Data_About_Person { min-height:250px; padding:12px; }

.zoom { transition: transform .2s; }
.zoom:hover { transform: scale(1.1); }

.zoom_05 { transition: transform .2s; }
.zoom_05:hover { transform: scale(1.05); }

.zoom_mini { transition: transform .2s; }
.zoom_mini:hover { transform: scale(1.03); }

.p_404 { text-align:center; }
.p_404 .main_Table { width:100%; border-spacing:0; }
.p_404 .main_Table td { border:1px solid #cdcdcd; }
.p_404 img { max-width:80%; max-height:500px; }
.p_404 .cl_0 { font-size:56px; }
.p_404 .cl_1 { font-size:36px; }
.p_404 .cl_2 { font-size:24px; }

.Paremetr_Adposition { border:1px solid #cdcdcd; min-height:2px; margin-top:42px;  }
.TimeAndDate_Calculator {  }
.TimeAndDate_Calculator .TxtSelect { padding:6px 12px; width:120px; border:1px solid #cdcdcd; outline:none; border-radius:2px; }
.TimeAndDate_Calculator .MainTable_Cell_Left { width:120px; }
.TimeAndDate_Calculator .MainTable_Cell_Right { text-align:left; padding:2px 0;  }
.TimeAndDate_Calculator .Gabarites { width:24px; text-align:center; }
.TimeAndDate_Calculator .Start_Date { font-weight:bold; }
.TimeAndDate_Calculator .End_Date { font-weight:bold; }
.TimeAndDate_Calculator .block_result_age { font-size:14px; }

.P_W_TD_Different {  }
.P_W_TD_Different .TxtSelect { padding:6px 12px; width:120px; border:1px solid #cdcdcd; outline:none; border-radius:2px; }
.P_W_TD_Different .MainTable_Cell_Left { width:120px; }
.P_W_TD_Different .MainTable_Cell_Right { text-align:left; padding:2px 0;  }
.P_W_TD_Different .Gabarites { width:24px; text-align:center; }

.P_D_BTW_TD {  }
.P_D_BTW_TD .Head { font-size:16px; font-weight:bold; }
.P_D_BTW_TD .OR_Value { font-size:14px; font-weight:bold; }
.Global_OR_Value { font-size:14px; font-weight:bold; }

.T_BTW_TD .Select_Time_Blocks { padding:2px; font-size:14px; color:#f80303; text-decoration:none; }
.T_BTW_TD .Select_Time_Blocks:hover { cursor:pointer; text-decoration:underline; }

.T_BTW_TD #ContentPlaceHolder1_DopData {  }
.T_BTW_TD #ContentPlaceHolder1_DopData .cell { }
.T_BTW_TD #ContentPlaceHolder1_DopData .Second_Row_Cell { padding:12px 0; }
.T_BTW_TD #ContentPlaceHolder1_DopData .Two_PointsBetween { padding:0px 1px; font-weight:bold; }

.Main_Rate_Experience { background-color:#cf4848; color:#fff; }
.Main_Rate_Experience .Block { padding:9px 0; }
.Main_Rate_Experience .imgs { width:16px; margin:0 4px; vertical-align:middle; padding-bottom:2px; cursor:pointer; }
.Main_Rate_Experience .imgs:hover {  }

.T_BTW_TD .TimeStart { font-weight:bold; }
.T_BTW_TD .RestultParametr { font-size:15px; margin:8px 0; font-weight:bold;}

.Main_Result_Block { font-weight:bold; }
#ContentPlaceHolder1_Article_Content {  padding-right:14px; }
#ParentArticle_Content { height:220px; overflow:auto; }

.HowManyDaysUntil {  }
.HowManyDaysUntil .txt-drop-values { margin-left:4px; border-radius:4px; margin-right:6px; }

.HowManyDaysUntil .TimeLine { font-weight:bold; text-align:center; }
.HowManyDaysUntil .RowData { display:table; width:100%; margin-bottom:8px; }
.HowManyDaysUntil .RowData .Item { height:16px; }
.HowManyDaysUntil .RowData .TableData { width:100%; border-spacing:0; }
.HowManyDaysUntil .RowData .TableData td { text-align:center; }
.HowManyDaysUntil .RowData .TimePeriodName { text-align:center; }

.HowManyDaysUntil .TimeLine_Years {  background-color: #cb3b3b; height:14px; width:100%; }
.HowManyDaysUntil .TimeLine_Months { background-color: #f3b330; height:14px; width:100%; }
.HowManyDaysUntil .TimeLine_Days { background-color: #1add25; height:14px; width:100%; }
.HowManyDaysUntil .TimeLine_Hours { background-color: #078597; height:14px; width:100%; }
.HowManyDaysUntil .TimeLine_Minutes { background-color: #4478ff; height:14px; width:100%; }
.HowManyDaysUntil .TimeLine_Seconds { background-color: #ff44f4; height:14px; width:100%; }

.footer-related-links {  }
.footer-related-links a { text-decoration:none; }
.footer-related-links a:hover { text-decoration:underline; }

.shake {
    display: inline-block;
    position: relative;
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: 1.8s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
.breadcrumb {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    flex-wrap: wrap;
    gap: 8px;
}
.breadcrumb-item {
    display: flex;
    align-items: center;
    gap: 8px;
}
.breadcrumb-link {
    text-decoration: none;
    color: #666;
    font-size: 14px;
    transition: color 0.2s;
}
.breadcrumb-link:hover { color: #e74c3c; }
.breadcrumb-current {
    color: #e74c3c;
    font-size: 14px;
    font-weight: 500;
}
.home-icon {
    width: 32px;
    height: 32px;
    background-color: #e74c3c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}
.breadcrumb-link:hover .home-icon { background-color: #c0392b; }
.home-icon svg {
    width: 18px;
    height: 18px;
    fill: white;
}
.separator {
    color: #999;
    font-size: 14px;
    user-select: none;
}
/* Demo section */
.demo-section { margin-top: 30px; }
.demo-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}
.breadcrumb-wrapper { margin-bottom: 20px; }
.head-no-border { border:none !important; }
.text-center { text-align:center; }
.final_block { border:2px solid #d9534f; text-align:center; font-size:26px; padding:14px 6px; background-color:#d8fddb; }
.number-group-select { padding: 6px 12px !important; font-size: 14px; border: 1px solid #cdcdcd; border-radius: 6px 0 0 6px; margin-right: -2px; }
.span-for-group { border: 1px solid #ccc; background: #eee; padding: 5px 10px; border-radius: 0 4px 4px 0; }
.w-100 { width:100% !important; }
.another-date-ul-list { font-size:16px; }

.faq-question { font-weight: 600; color: #0f3d32; margin-bottom: 12px; }
.faq-answer { color: #5a5a5a; padding-left: 20px; }

.ul-list-style-without-points { list-style-type:none; }
.see-also-list {
    column-count: 3; 
    column-gap: 20px;
    list-style: none;
    padding: 0;
}
.see-also-list li {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 12px 15px;
    margin-bottom: 12px;
    break-inside: avoid;
    transition: all 0.3s ease;
}
.see-also-list li:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-color: #da4453;
    transform: translateY(-2px);
}
.see-also-list li a {
    color: #da4453;
    text-decoration: none;
    font-weight: 500;
    display: block;
}
.see-also-list li a:hover {
    color: #c23a45;
    text-decoration: underline;
}
.see-also-block h3 {
    color: #da4453;
    font-size: 1.4em;
    margin-top: 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #da4453;
    padding-bottom: 10px;
}
.math-formula {
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 5px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 1.2em;
    text-align: center;
    border: 1px solid #ddd;
    margin: 20px 0;
}
.variable, .result {
    font-weight: bold;
    color: #d9534f;
}
.capitalize {
    text-transform: capitalize;
}
.see-also-links {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
    list-style: none;
    padding: 0;
}
.see-also-links li {
    font-size: 0.9em;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}
#number_value { margin:0 0 0 8px; width:100px; }
.global-button-send {  }
#date_conv_send { width:260px; }
.global-block-header { background-color:#d9534f; color:#fff; font-size:18px; text-align:center;  padding: 10px; font-weight: bold; margin-top: 20px; }





@media only screen and (min-width: 1201px) {
    


}
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
    .width-layer-style { width:980px; margin:0px auto; }
    .b-item-right-block .popular-header {  }
    .b-item-right-block .b-pre-image { max-width:80px; }
    .b-item-right-block .mini-image { max-width:100px; max-height:100px; }
    .b-item-right-block .popular-details .item-sel2 { display:none; }
    .head-sub-menu { height:140px; }
    #ContentPlaceHolder1_ArticleName { height:106px; }
    .head-sub-menu .head-h1 { margin: 10px 0px 18px 0px; }
    .article-content .b-item-block-left { width:93%; }

}
@media only screen and (min-width: 801px) and (max-width: 1000px) {
    .width-layer-style { width:94%; margin:0px auto; }
    .article-content .parent-block-left { width:100%; }
    .b-item-right-block .table-item { width:48%; margin:4px 6px; display:inline-block; }
    .b-item-right-block .b-pre-image { max-width:160px; }
    .top-menu .search-block { width:100px; margin-left:10px;  }
    #Recomended .block-title { height:36px; }
    #Recomended .block-item { width:320px; margin: 9px 8px; }
    #Recomended .block-image { height:160px; }
    #Recomended .block-image img { width:100%; }
    .top-menu .item { width:114px; }
    .def-content .b-item-block-left { width:65%; padding-left:0px; }
    #Dyn_right_ads { display:none; }
    .def-content .b-item-right-block { display:inline-block; width:94%; }
}
@media only screen and (max-width: 801px) {
    #dektop-menu { display:none; }
    #mobile-menu { display:block; position:relative; }
    #mobile-menu .logo { width:64px; vertical-align:middle;  }
    #mobile-menu  #Mobile_menu_details { display:none; position:absolute; top:57px; background-color:#fff; cursor:pointer; left:0px; padding:6px 9px; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0,0.6); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0,0.6); box-shadow: 0 2px 2px rgba(0, 0, 0,0.6); }
    #mobile-menu  #Mobile_menu_details a { text-decoration:none; }
    #mobile-menu  #Mobile_menu_details a:hover { text-decoration:underline; cursor:pointer; }
    #mobile-menu  #Mobile_menu_details ul { margin:6px 4px; padding-left:4px; }
    #mobile-menu  #Mobile_menu_details ul li { line-height:26px; list-style-type:none; }
    #mobile-menu  #Parent_menu { cursor:pointer; }
    #mobile-menu  #Parent_menu img { vertical-align:middle; margin-right:4px; width:26px; }
    #mobile-menu .cell-left { width:120px; text-align:center; }
    #mobile-menu .cell-right { padding-left:24px; position:relative; }
    .Share-table-parent { width:100%; overflow:auto; }
    .def-content .b-item-block-left { width:100% !important; padding-left:0px; }
    #Global_navi { display:none; }
}
@media only screen and (min-width: 601px) and (max-width: 801px) {
    .width-layer-style { width:94%; margin:0px auto; }
    .table-data-dv .cell-data { display:block; }
    .article-content .parent-block-left { width:100%; }
    .b-item-right-block .table-item { width:48%; margin:4px 6px; display:inline-block; }
    .b-item-right-block .b-pre-image { width: 240px; max-width: 260px; display: inline-block; text-align: center; }
    .top-menu .search-block { width:100px; margin-left:10px;  }
    #Recomended .block-title { height:48px; }
    #Recomended .block-item { width:44%; margin: 9px 8px; }
    #Recomended .block-image { height:160px; }
    #Recomended .block-image img { width:100%; }
    .top-menu .item { width:114px; }
    .def-content .b-item-block-left { width:98%; }
    .List-data .table-preview .user-mini-avatar { max-width:180px;  }
    .b-item-right-block .mini-image { max-height:240px; max-width:240px; }
    .b-item-right-block .table-item { width:98%; }
    .head-sub-menu { height:160px; }
    #ContentPlaceHolder1_ArticleName { height:120px; }
    .head-sub-menu .head-h1 { margin: 20px 0px 18px 0px; }
}
@media only screen and (max-width: 600px) {
    h1 { text-align:center !important; }
    .width-layer-style { width:94%; margin:0px auto; }
    .article-content .b-item-block-left { width:90%; }
    .table-data-dv .cell-data { display:block; }
    .article-content .parent-block-left { width:100%; }
    .b-item-right-block .table-item { width:48%; margin:4px 6px; display:inline-block; }
    .b-item-right-block .b-pre-image { width: 98%; max-width: 98%; text-align: center; }
    .top-menu .search-block { width:100px; margin-left:10px;  }
    #Recomended .block-title { height:48px; }
    #Recomended .block-item { width:96%; margin: 9px 8px; }
    #Recomended .block-image { height:160px; }
    #Recomended .block-image img { width:100%; }
    .top-menu .item { width:114px; }
    .def-content .b-item-block-left { width:98%; }
    .b-item-right-block .mini-image { max-height:100%; max-width:100%; }
    .b-item-right-block .table-item { width:98%; }
    .head-sub-menu { height:160px; }
    #ContentPlaceHolder1_ArticleName { height:120px; }
    .head-sub-menu .head-h1 { margin: 20px 0px 18px 0px; font-size:20px; }
    .block-comment { display:block; }
    .block-comment .cell-left { display:block; width:100%; }
    .block-comment .cell-right { display:block; }
    .block-comment .txt-data { width:94%; }
    .table-item .cell-left-recomended { width:50%; }
    .footer .left-cell { width:100%; }
    .footer .row-details-left { margin: 16px auto 14px 18px; }
    .footer .row-details-right { }
    .footer .row-details-right a { display:block; text-align:center; margin-bottom:16px; }
    .List-data .table-preview .left-cell { width:96%; }
    .List-data .table-preview .cell { display:block; }
    .def-content .b-item-block-left { margin-right:0px; padding-right:0px; }
    .List-data .table-preview .user-mini-avatar { max-width:96%; max-height:260px; }
    #ContentPlaceHolder1_Main_data ul { padding: 4px 2px; }
    #navi-head .sub-head2 { margin: 8px 2px 0 !important; }
    #navi-head .sub-head3 { margin: 8px 28px 0 !important; }
    .komment-block .table-data .left-data {  }
    .komment-block .table-data .cell { display:block; }
    .Search-page .title-founds { text-align:left; }
    .article-content .b-item-block-left { padding:4px;  }
    .TopArrowDV { display:none; }

    .table-pros-cons {  }
    .table-pros-cons .cell { display:block; width:98%; }
    #ContentPlaceHolder1_Main_data ul li { padding-left: 28px; }
    #ContentPlaceHolder1_Main_data a > img { max-width:96% !important; }

    .txt-drop-values { display:block; width:98%; height:32px; margin:8px 0; }
    #Main_Calc { width:98%; height:34px; margin:4px 0; }
    .block_result_age { display:block; }
    #ContentPlaceHolder1_Block_Related_Links ul { padding-left:30px; }
    .txt-drop-values { margin:12px 0; height:40px; }

    .p_famous_people .Item { max-width:260px; width:auto; }
    .p_famous_people .Parent_Preview_Person { width:250px; height:250px; }
    .see-also-list { column-count: 1; column-gap: 20px; }

    .global-label { display:block; margin:4px 0; text-align:center; }
    #number_value { margin: 10px 6px; width: 98%; }
    .global-button-send { width: 98% !important; padding: 10px 12px !important; margin: 8px auto; display: block; }
}
@media only screen and (max-width: 400px) {
    .width-layer-style { width:94%; margin:0px auto; }
    .article-content .b-item-block-left { width:100%; padding:4px; }
    .table-data-dv .cell-data { display:block; }
    .article-content .parent-block-left { width:auto; }
    .b-item-right-block .table-item { width:48%; margin:4px 6px; display:inline-block; }
    .b-item-right-block .b-pre-image { width: 98%; max-width: 98%; text-align: center; }
    .top-menu .search-block { width:100px; margin-left:10px;  }
    #Recomended .block-title { height:48px; }
    #Recomended .block-item { width:96%; margin: 9px 8px; }
    #Recomended .block-image { height:160px; }
    #Recomended .block-image img { width:100%; }
    .top-menu .item { width:114px; }
    .def-content .b-item-block-left { width:98%; }
    .b-item-right-block .mini-image { max-height:100%; max-width:100%; }
    .b-item-right-block .table-item { width:98%; }
    .head-sub-menu { height:160px; }
    #ContentPlaceHolder1_ArticleName { height:120px; }
    .head-sub-menu .head-h1 { margin: 20px 0px 18px 0px; font-size:20px; }
    .block-comment { display:block; }
    .block-comment .cell-left { display:block; width:100%; }
    .block-comment .cell-right { display:block; }
    .block-comment .txt-data { width:94%; }
    .table-item .cell-left-recomended { width:50%; }
    .footer .left-cell { width:100%; }
    .footer .row-details-left { margin: 16px auto 14px 18px; text-align:center;  }
    .footer .row-details-right { }
    .footer .row-details-right a { display:block; text-align:center; margin-bottom:16px; }
    .List-data .table-preview .left-cell { width:96%; }
    .List-data .table-preview .cell { display:block; }
    .def-content .b-item-block-left { margin-right:0px; padding-right:0px; }
    .List-data .table-preview .user-mini-avatar { max-width:96%; max-height:260px; }
    #ContentPlaceHolder1_Main_data ul { padding: 4px 2px; }
    #navi-head .sub-head2 { margin: 8px 2px 0 !important; }
    #navi-head .sub-head3 { margin: 8px 28px 0 !important; }
    .komment-block .table-data .left-data {  }
    .komment-block .table-data .cell { display:block; }
    .Search-page .title-founds { text-align:left; }
    #mobile-menu #Mobile_menu_details { left:-100px; }
    #Recomended { width:96%; display:none; }
    .table-data-dv { width:100%; }    
    .b-best-choice .img-best-choice { width:120px; right:6px; }
    .footer .row-details-right { text-align:center; }

    .p_404 .cl_0 { font-size:48px; }
    .p_404 .cl_1 { font-size:22px; }
    .p_404 .cl_2 { font-size:18px; }

    .P_W_TD_Different .MainTable_Cell_Left { width:80px; }
    .HowManyDaysUntil .RowData { margin:0; padding:0; display:compact; overflow:hidden; }
    .HowManyDaysUntil .RowData .Item { background: repeating-linear-gradient(90deg,transparent, transparent 1px, #3298dc 1px, #3298dc 1.02%); }
    .strengths-section, .weaknesses-section { grid-column: span 2 !important; }
    .number-group-select { width:94% !important; padding:10px 12px !important; }
    .span-for-group { padding: 10px; }

}