@font-face {
    font-family: 'SourceSansProSemiBold';
    src: url('font/SourceSansPro/SourceSansPro-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'SourceSansPro';
    src: url('font/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    src: url('font/Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto Light';
    src: url('font/Roboto/Roboto-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto Thin';
    src: url('font/Roboto/Roboto-Thin.ttf') format('truetype');
}

body{height:100%; width: 100%; background:#FFF; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; text-decoration:none;}
html{height:100%; margin: 0px; padding: 0px; width: 100%;}
a{text-decoration:none;color:#333;}
img {border:0px; padding:0px; margin:0px;}
mark{background-color: yellow; padding:0;}
form {padding:0px; margin:0px;}
.form input, .form select, .form textarea{width:98%; margin:0 0 0 0; font-size:14px; color: #000; background-color:#FDF2E0;}
h1{font-size: 48px; letter-spacing: 4px; font-family: "Roboto Thin";}
h2{font-size: 28px;}
h3{font-size: 22px;}
h4{font-size: 24px;}
p{font-size: 20px;}
iframe{width: 100%;}
input[type=checkbox] {
    position: relative;
    cursor: pointer;
    margin-right: 10px;
    top: -4px;
}
input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    left: 0;
    border: 2px solid #666666;
    border-radius: 4px;
    background-color: white;
}
input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 6px;
    height: 12px;
    border: 1px solid navy;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
}

input.checkbox_slider {
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    width: 60px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #D9DADC;
    border-radius: 50px;
    box-shadow: inset -30px 0 0 0 red;
}

input.checkbox_slider:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    background: transparent;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
}

input.checkbox_slider:checked {
    box-shadow: inset 30px 0 0 0 #4ed164;
    border-color: #4ed164;
}

input.checkbox_slider:checked:after {
    left: 30px;
    box-shadow: -2px 4px 3px rgba(0,0,0,0.05);
}

.content_block{width: 92%; text-align: justify;}
.content_block_title{font-size: 32px; font-family: Roboto; line-height: 36px; text-align: left;}
.content_block_list{width: 92%; text-align: justify;}
.index_info{vertical-align: top;min-width: 280px; width: 50%; display: inline-block;}
.search_result_title{font-size: 22px; color: #36C; text-decoration: underline;}
.search_result_text{font-size: 16px; text-align: justify;}

.breadcrumb {background-color: #FFFFFF; color: #999999; font-size: 12px;text-align: left; margin: 0px; padding: 6px 0px 6px 12px;}
.breadcrumb > .active{color: #CCCCCC;}
.breadcrumb > li{margin: 0 0 0 0;}
.breadcrumb a{color: #999999;}
.breadcrumb a:hover{color: #666666;}
.breadcrumb > li + li::before {
    padding: 0 6px 0 3px;
    content: '/';
    color: #999999;
}

.content_parent{height:100%; width: 100%; text-align: center; padding-top: 66px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; margin: 0px;}
.content{height:100%; width:100%; margin: 0px;}
.button{width: 120px; font: normal 14px Arial, Helvetica, sans-serif;padding: 5px 12px 5px 12px; border: 1px solid transparent;border-radius: 4px; background-color: #CCCCCC; border: 1px solid #999999;}
.button:hover{-moz-box-shadow: 0px 0px 2px 1px #999;-webkit-box-shadow: 0px 0px 2px 1px #999;box-shadow: 0px 0px 2px 1px #999;}
.button a{text-decoration: none;}

.button_link{letter-spacing: 1px; border-radius: 4px;text-align: center; line-height: 14px; width:236px; height: 40px; background-color: #FDFDFD; color: white;display: inline-block;margin: 12px; border: 1px solid #666666;}
.button_link_text{width:100%; height: 40px; padding: 0 4px 0 4px; display: -webkit-flex;   display: flex;align-items: center;justify-content: center;}
.button_link:hover{-moz-box-shadow: 0px 0px 2px 1px #999;-webkit-box-shadow: 0px 0px 2px 1px #999;box-shadow: 0px 0px 2px 1px #999;}
.button_link a{text-decoration: none; color: black;}

.button_order{width: 180px; display:inline-block; margin: 4px; background-color: #0097cf; color:white; text-align: center; font-weight: bold; letter-spacing: 1px; height:28px; line-height: 26px; border-radius: 4px; border: 1px solid transparent; cursor: pointer;}
.button_order:hover{-moz-box-shadow: 0px 0px 2px 1px #999;-webkit-box-shadow: 0px 0px 2px 1px #999;box-shadow: 0px 0px 2px 1px #999;}
.button_order a{text-decoration: none; color: white;}

.dlg_error{font-size:11px; padding: 0px;  margin: 0px; color: red;}
.account_menu_box{max-width:790px; margin-top: 48px;}
.account_menu_item{display: inline-block; width: 196px; height:150px;}

.top_menu{
    width:100%; 
    height: 66px;
    white-space: nowrap; 
    top: 0px; 
    z-index: 1000;
    background-color:  #F9F9F9;
    position: fixed;
}
.top_menu_item{display: inline-block; text-align: center; min-width: 72px; max-width: 128px;width:100%;}
.top_menu_divider{display: inline-block; vertical-align:top; text-align: center; height: 48px; width:1px; border-left: 1px solid #DDD;}
.top_menu_logo{
    font-family: "Roboto";
    display: inline-block;
    vertical-align:top; 
    text-align: left;
    padding-top: 0px;
    min-width: 170px;
    position: relative; 
    line-height: 20px;
    letter-spacing: 3px;
    font-size: 26px;
    color: black;
}
.top_menu_logo_img {
    width: 20px;
    margin: 0px 6px 0px 0px;
    position: relative;
    top: 2px;
}
.top_menu_under_logo{
    font-family: "Roboto Light";
    letter-spacing: 5px;
    font-size: 11px;
    color: black;
    position: relative;
    left: 4px;
}
.top_menu_box{display:none; width:100%; text-align: center; position: relative; top:0px; padding: 0px 16px 0px 16px;}
.top_menu_search_box{position: relative; top: 0px;margin: 0 auto; background-color: white; width: 100%; border-radius: 4px;padding:2px 8px 3px 12px; border: 1px solid #666666; max-width: 560px;}
.top_menu_search_field{background-color: white; width: 100%; border-width: 0; outline: none; font-size:18px; max-width: 560px;}
.top_menu_label{font-size:12px; color:#000;letter-spacing: 2px;}
.top_menu_link{font-size:12px; color:#000;letter-spacing: 1px;}
.top_menu_link:hover{cursor:pointer; text-decoration:underline; color: #333;}
.top_menu_area{margin: 0 auto; max-width: 264px; text-align: center; position: relative; top:-5px;}

.widgetAlert_error{border: 1px solid red; background-color: #ffdede; color: red; width: 100%; padding: 15px; margin: 0px; text-align: center; font-size: 16px;}
.widgetAlert_info{border: 1px solid #9acfea; background-color: #B0F4FF; color: #36C; width: 100%; padding: 15px; margin: 0px; text-align: center; font-size: 16px;}
.widgetAlert_warning{border: 1px solid #666; background-color: #fdffbc; color: #333; width: 100%; padding: 15px; margin: 0px; text-align: center; font-size: 16px;}
.widgetAlert_success{border: 1px solid green; background-color: #82ffd0; color: green; width: 100%; padding: 15px; margin: 0px; text-align: center; font-size: 16px;}

.dlg_visible{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;height:100%;width:100%;z-index:3000;font-size:14px;color:#333333;background-image:url(img/img_dimmed.png);background-repeat:repeat;}
.dlg_background{background-color:#fff; -moz-box-shadow: 0px 0px 16px 2px #333; -webkit-box-shadow: 0px 0px 16px 2px #333; box-shadow: 0px 0px 16px 2px #333; border:1px solid #333;}
.dlg{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;height:100%;width:100%;z-index:3000;font-size:14px;color:#333333;background-image:url(img/img_dimmed.png);background-repeat:repeat;display:none;}
.selector_dlg{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;height:100%;width:100%;z-index:3000;font-size:14px;color:#333333;background-image:url(img/img_dimmed.png);background-repeat:repeat;display:none;}
.selector_bgr{border-radius: 8px; background-color: white; width: 100%; height: 100%; max-width:832px; max-height: 500px;-moz-box-shadow: 0px 0px 16px 2px #333; -webkit-box-shadow: 0px 0px 16px 2px #333; box-shadow: 0px 0px 16px 2px #333; border:1px solid #333;}
.filter_dlg{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;height:100%;width:100%;z-index:3000;font-size:14px;color:#333333;background-image:url(img/img_dimmed.png);background-repeat:repeat;display:none;}
.filter_bgr{background-color: white; width: 100%; height: 100%; max-width:320px; -moz-box-shadow: 0px 0px 16px 2px #333; -webkit-box-shadow: 0px 0px 16px 2px #333; box-shadow: 0px 0px 16px 2px #333; border:1px solid #333;}
.dlg_title {color:#999; font-weight:bold; font-size:16px; letter-spacing: 1px;}
.dlg_text_field {width:98%; margin:0 0 0 0; font-size:14px; background-color:#FDF2E0; text-align:center;height: 28px;}
.dlg_text_field_alert {width:98%; margin:0 0 0 0; font-size:14px; background-color: pink;text-align:center;height: 28px;}
.dlg_dropdown_field{width:98%; margin:0 0 0 0; font-size:14px; background-color:#FDF2E0; text-align:center;height: 34px; border:1px solid #999999;}
.dlg_menu_field {width:99%; margin:0 0 0 0; font-size:14px; background-color:#FDF2E0; border: #666666 1px solid;}
.dlg_menu_field_alert {width:99%; margin:0 0 0 0; font-size:14px; background-color:#FF6600; border: #666666 1px solid;}
.dlg_info_text{font-size:14px; font-weight:normal;}

.top_menu_search_hint{display: none; position: relative; text-align: left; margin: 0 auto; background-color: white; width: 100%; max-width: 548px; max-height: 400px; overflow-y: auto; border:1px solid #999999; border-top: none;}
.top_menu_search_hint_result{font-size: 14px; margin: 6px 16px 12px 8px; width:100%; max-width:548px; white-space: normal; line-height: 16px; text-align: left;}
.top_menu_search_hint_result a{color: #666666;}
.top_menu_search_hint_result a:hover{color: #36C;}

.round_corners_12{-moz-border-radius: 12px;-webkit-border-radius: 12px;-khtml-border-radius: 12px;border-radius: 12px;}
.round_corners_8{-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;border-radius: 8px;}

.gridRowHover{background-color: #fff3cd !important;}

.col_3 {position: relative; min-height: 1px; padding-bottom: 60px; padding-top: 48px; width: 300px; border-bottom: 1px solid #CCC;}

.col_2 {
  position: relative;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 8px;
  width: 100%;
  max-width: 408px;
}

#slider_id_1{display: none;}

@media (min-width: 1000px) {
    .col_3 {width: 33.33333333%; float:left; border-left: 1px solid #CCC; border-bottom:none; height:640px;}    
    .col_2 {display: inline-block; vertical-align: top; width: 50%; max-width: 408px;}    
}

@media screen and (min-width: 568px) and (max-width: 720px) {
    #top_menu_icon_id_3{display: none;}
    #top_menu_divider_id_1{display: none;}
    h1{font-size: 36px;}
    h2{font-size: 28px;}
    h3{font-size: 22px;}
    h4{font-size: 22px;}
    p{font-size: 18px;}
    .search_result_title{font-size: 18px;}
    .search_result_text{font-size: 14px; text-align: justify;}
}

@media screen and (max-width: 567px) {
/*    .col_3 {position: relative; min-height: 1px; padding-bottom: 60px; padding-top: 48px; width: 300px; border-bottom: 1px solid #CCC;}*/
    #slider_id_0{display: none;}
    #slider_id_1{display: block;}
    .top_menu_item{display: inline-block; text-align: center; min-width: 48px;}
    .top_menu_label{display: none;}
    .top_menu_divider{display: inline-block; vertical-align:top; text-align: center; height: 40px;width:1px; border-left: 1px solid #DDD;}
    .top_menu_box{display:none; width:100%; text-align: center; position: relative; top:2px; padding: 0px 16px 0px 16px;}
    .top_menu_area{text-align: left; padding-left: 5px; margin-top:5px;}    

    #top_menu_icon_id_3{display: none;}
    #top_menu_icon_id_4{display: none;}
    #top_menu_icon_id_5{display: none;}
    #top_menu_divider_id_1{display: none;}
    #top_menu_divider_id_2{display: none;}
    #top_menu_divider_id_3{display: none;}
    .top_menu_logo{
        display: inline-block; 
        vertical-align:top; 
        text-align: left;
        min-width: 154px;
        position: relative; 
        line-height: 16px;
        letter-spacing: 1px; 
        font-size: 24px;
        color: black;   
        margin: 0px;
        top: 2px;
    }
    .top_menu_logo_img {
        width: 16px;
        margin: 0px 4px 0px 0px;
        position: relative;
        top: 2px;
    }
    .top_menu_under_logo{
        font-family: "Roboto Light";
        letter-spacing: 3px;
        font-size: 9px;
        color: black;
        position: relative;
        left: 2px;
    }
    .top_menu_phone{
        margin-top: 6px;
        font-size: 14px;
    }    
    
    h1{font-size: 32px; letter-spacing: 2px;}
    h2{font-size: 20px;}
    h3{font-size: 16px;}
    h4{font-size: 20px;}
    p{font-size: 16px;}

    .index_info{vertical-align: top;min-width: 280px; width: 100%; display: inline-block;}
    .content_block_title{font-size: 28px; font-family: Roboto; line-height: 32px; text-align: left;}
    .search_result_title{font-size: 16px;}
    .search_result_text{font-size: 12px; text-align: justify;}
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    text-align:center;
    color: white;
    /*background-color: #F9F9F9;*/
    /*background-color: #953b39;*/
    background-color: #666666;
    border-top: 1px solid #DDD;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.grid-view table tr td {
    vertical-align: middle;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.cat_choice{line-height: 20px; font-weight: bold; font-size: 18px; display: inline-block; width: 330px; color: rgb(8,57,155); margin: 8px 4px 8px 0px; text-align: left;}
.cat_choice a{display: inline-block; color: rgb(8,57,155);}
.cat_choice a:hover{display: inline-block; color: rgb(212,84,61); text-decoration: none;}

/*CSS3 multiple columns.*/
/* Get em size for colums: 184/16 */   
.columns
{   
    -moz-column-width: 26em; /* Firefox */
    -webkit-column-width: 26em; /* webkit, Safari, Chrome */
    column-width: 26em;
}
/*remove standard list and bullet formatting from ul*/
.columns ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/* correct webkit/chrome uneven margin on the first column*/
.columns ul li:first-child
{
    margin-top: 0px;
}

::-webkit-input-placeholder {
    transform:translate3d(0, 3px, 0);
    font-size: 14px;
    text-align: center;
    color: #999999;
    letter-spacing: 1px;
    font-family: "Roboto Light";
}

:-moz-placeholder {
    transform:translate3d(0, 3px, 0);
    font-size: 14px;
    text-align: center;
    color: #999999;
    letter-spacing: 1px;
    font-family: "Roboto Light";
}
.img_left{
    float:left;
    margin: 8px 16px 8px 0px;
}
.img_right{
    float:right;
    margin: 8px 0px 8px 16px;
}
.img_full_width{
    width: 100%;
    height: auto;
    margin: 8px 0px 8px 0px;
}

.goup_btn {
    width: 36px;
    height: 36px;
    bottom: 7%;
    right: 8%;
    z-index: 3;
    position: fixed;
    background: white url(img/img_fastup_32.png) no-repeat 1px 1px;
    cursor: pointer;
    display: none;
    border-radius: 18px;
    border: 1px solid #999999;
    -moz-box-shadow: 0px 0px 8px 1px #999999;
    -webkit-box-shadow: 0px 0px 8px 1px #999999;
    box-shadow: 0px 0px 8px 1px #999999;
}
/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #333333;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #8e8e8e;
    border-color: #8e8e8e;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}