/**
* TMS Content Management System
* @version 4.x
* @author T�p Đo�n TMS Holdings <contact@tms.vn>
* @copyright (C) 2009-2021 T�p Đo�n TMS Holdings. All rights reserved
* @license GNU/GPL version 2 or any later version
* @see https://tms.vn
*/
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-thumb {
background-image: linear-gradient(125deg, #cbe772 0%, #ce0f0d 100%);
border-radius: 10px; height: 100px;
}
/* cyrillic-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/oswald/v48/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
#ss{margin: auto;width: 100%;padding: 0px 50px 0px 50px;}
#ss_body{padding: 5px; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 12%);
background-color: #ffffff;}
.ss_title{width: 100%;display: inline-block;}
.ss_title h2{float:left; text-align: left; color: #ed3237; font-size: 30px; font-family: 'Oswald';
font-style: normal;font-weight: 700; text-transform: uppercase;}
.ss_title h3{float:left; text-align: left; color: #ed3237; font-size: 20px; font-family: 'Oswald';
font-style: normal;font-weight: 700; text-transform: uppercase;}
.ss_tab {width: 100%;height: 38px; line-height: 36px; position: relative;border-bottom: 3px solid #d92727; margin-bottom:10px;}
.ss_tab .tablinks{float:left; text-align: center; color: #5c5c5c; font-size: 18px; font-weight: 600; padding:0px 20px 0px 5px;text-transform: uppercase;}
.ss_tab .active{border-bottom: 3px solid #faad3c;margin-top: -1px;color: #d92727; }
.ss_tab_content {display: none;width:100%}
#ss_hesinhthai{margin: auto;}
.hst_loop img{width: 100%;height: auto;}
#ss_sieumall{margin: auto;padding: 30px 0px 30px 0px ; background: #f2f2f2;}
#ss_sieumall_body{ box-shadow: 0 1px 10px 0 rgb(0 0 0 / 12%);
background-color: #ffffff;}
#ss_sieuhomes{margin: auto;padding: 30px 0px 30px 0px ; background: #f2f2f2;}
#sshome_search{display:block;width: 100%;position: relative;padding: 10px;border-radius: 10px;box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%); background:#cfcfcfd1; border-radius: 6px; box-shadow: 0px 0px 0px 8px rgb(255 254 254 / 32%); margin-bottom: 10px;}
#sshome_search_ul{display:block;width: 100%;position: relative;padding: 10px;text-align: center;}
#sshome_search_ul ul {position: relative;text-align: center;margin-bottom: 0px;}
#sshome_search_ul ul li { position: relative;display: inline-flex;padding: 0px 10px 0px 10px;}
#sshome_search_ul ul li a {position: relative;color:#ed3238;font-size: 16px; cursor:pointer; text-transform: uppercase;font-weight: 600;}
.sshomeactive a{color:#c10707 !important;}
#sshome_search_ul ul li.sshomeactive:before {
top: 28px;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;z-index: 11;
position: absolute;
pointer-events: none;
border-color: transparent;
border-bottom-color: #fff;
border-width: 14px;
margin-left: -14px;
display: none;
}
.sshome_search_button{display: block;
display: block;
width: 100%;
height: 33px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
background: #d92727 !important;
border: 1px solid #ced4da;
-moz-appearance: none;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
/* agency */
.agency{display:block;position: relative}
.agency_list{width:100%;margin-bottom: 5px;display: inline-block; background: #FFFFFF;border: 1px solid #E6E6EC;box-sizing: border-box;box-shadow: 0px 4px 16px rgb(13 38 59 / 6%);border-radius: 12px;padding: 5px;}
.agency_list_img{position: relative;background-color: #fff; width: 40px;height: 40px;-webkit-transition: box-shadow 0.2s;-moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; float:left; margin-right:5px;border: 2px solid #e2e2e2; -webkit-border-radius: 100%;}
.agency_list_img img {height: 100%;width: 100%; object-fit: cover; -webkit-border-radius: 100%; }
.agency_list_text {text-align: left;font-size: 11px;}
.agency_list_text a {color: #d92727;font-size: 12px;font-weight: 400; }
.agency_list_tich {text-align: center;font-size: 14px; color: #d92727; height: 20px;width: 20px;font-weight: 600; position: absolute; z-index: 1; top: 0px; left: -5px;-webkit-border-radius: 100%;}
.shome_cat{ margin-bottom: 10px; display: inline-block;width: 100%;position: relative}
.shome_cat_title { margin-bottom: 10px; display: inline-block;width: 100%;position: relative;text-transform: capitalize; border-bottom: 3px solid #d92727;}
.shome_cat_title h1 { display: inline-block;border-bottom: 3px solid #faad3c; margin-bottom:-3px;font-size:20px;text-transform: uppercase; position: relative;color: #d92727;font-weight: 600;padding:6px 6px ;}
.shome_cat_title h2 { display: inline-block;border-bottom: 3px solid #faad3c; margin-bottom:-3px;font-size: 20px;text-transform: uppercase; position: relative;color: #d92727;font-weight: 600;line-height: 20px;padding:6px 6px ;}
.shome_cat_title h2 a,.shome_cat_title h1 a{color: #d92727;}
.shome_cat_title h2 a:hover,.shome_cat_title h1 a:hover {color: #faad3c;}
.shome_cat_title h3 { display: inline-block;border-bottom: 3px solid #faad3c; margin-bottom:-3px;font-size: 16px;text-transform: uppercase; position: relative;color: #d92727;font-weight: 600;line-height: 20px;padding:6px 6px ;}
.sieuhomes_loop{box-shadow: 0 1px 10px 0 rgba(0,0,0,0.12);background-color: #ffffff;margin-bottom: 10px;}
.sieuhomes_loop_img{height: 140px;position: relative;overflow: hidden;}
.sieuhomes_loop_img img{height: 180px; object-fit: cover; width:100%}
.sieuhomes_loop_title h3 {height: 40px;font-weight: 600;position: relative; overflow: hidden;}
.sieuhomes_loop_title h3 a{color: #d92727; font-size: 14px; font-weight: 500;}
.sieuhomes_loop_price {font-size: 14px;font-weight: 700; color: #c10707; margin-bottom:5px;margin-top:5px;}
.sieuhomes_loop_price a{color:#c10707;float:right}
.sieuhomes_loop_body{padding: 5px;position: relative;background: linear-gradient(#fff2f2, #ffffff);}
.sieuhomes_loop_body ul {margin: 0; padding:0; display: inline-block;width: 100%;}
.sieuhomes_loop_body ul li {width: 50%;float: left;font-weight: normal;font-size: 13px;color: #515151;padding-bottom: 5px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: calc(100% - 15px);word-break: break-all;}
.sieuhomes_loop_location {text-align: center;display: block; overflow: hidden; white-space: nowrap;height: 18px;}
.sieuhomes_loop_location a{color:#515151; font-size: 14px;}
.sieuhomes_loop_footer{font-size: 12px;display: flex;justify-content: space-between;border-top: 1px solid #e0e0e0; color:#fff; padding:5px; background:#d92727}
.sieuhomes_loop_footer a{color:#fff !important;}
.icon_new {
background: url('../images/icons/new.gif') no-repeat;
display: inline-block;
width: 33px;
height: 15px;
}
.icon_new_small {
background: url('../images/squared-blue.png') no-repeat 0 8px;
}
.icon_list {
background: url('../images/arrow_left_orange.png') no-repeat 0 7px;
}
/* Fonts Color */
.text-black {
color: #000 !important;
}
.text-white {
color: #fff !important;
}
/* Fonts Weight */
.text-normal {
font-weight: 400;
}
.text-bold {
font-weight: 800;
}
/* Fix bootstrap */
.form-horizontal .control-label {
margin-bottom: 0;
padding-top: 7px;
text-align: right;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-ss-block,
.visible-ss-inline,
.visible-ss-inline-block {
display: none;
}
.hidden-ss-block {
display: block !important;
}
.hidden-ss-inline {
display: inline !important;
}
.hidden-ss-inline-block {
display: inline-block !important;
}
.margin {
margin: 10px !important;
}
.mr-1 {
margin-right: 5px !important;
}
.margin-right,
.mr-2 {
margin-right: 10px !important;
}
.margin-left {
margin-left: 10px !important;
}
.margin-top {
margin-top: 10px !important;
}
.margin-bottom,
.mb-2 {
margin-bottom: 10px !important;
}
.margin-sm {
margin: 4px !important;
}
.margin-right-sm {
margin-right: 4px !important;
}
.margin-left-sm {
margin-left: 4px !important;
}
.margin-top-sm {
margin-top: 4px !important;
}
.margin-bottom-sm {
margin-bottom: 4px !important;
}
.margin-lg {
margin: 15px !important;
}
.margin-right-lg {
margin-right: 15px !important;
}
.margin-left-lg {
margin-left: 15px !important;
}
.margin-top-lg {
margin-top: 15px !important;
}
.margin-bottom-lg {
margin-bottom: 15px !important;
}
.padding-top {
padding-top: 10px !important;
}
.padding-left {
padding-left: 10px !important;
}
.padding-right {
padding-right: 10px !important;
}
.padding-bottom {
padding-bottom: 10px !important;
}
.boder-top {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
}
.boder-bottom {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
}
.border-left {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ccc;
}
.border-right {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ccc;
}
.column-margin-left {
margin-left: 10px !important;
}
.bg-gainsboro {
background-color: #dcdcdc;
}
.bg-lavender {
background-color: #eee;
}
ul.list-items {
padding-left: 0;
}
ul.list-items > li {
margin-bottom: 10px;
}
ul.list-items > li:last-child {
margin-bottom: 0;
}
/*Load_Bar*/
.load-bar {
display: inline-block;
vertical-align: middle;
width: 33px;
height: 8px;
background: transparent url(../../../assets/images/load_bar.gif);
margin: auto 10px;
}
/*Center DIV*/
.centered {
display: flex;
justify-content: center;
}
/*nv-info*/
.nv-info {
border-width: 1px;
border-style: solid;
border-color: #dcdcdc;
border-radius: 3px;
background-color: #f7f7f7;
color: #333;
padding: 10px;
}
.nv-info.error {
background-color: #efd7d7 !important;
border-color: #dca8a6 !important;
}
.nv-info.success {
background-color: #edf4fa !important;
border-color: #82b2dc !important;
}
.nv-info.info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.nv-info:before {
display: inline-block;
font-family: FontAwesome;
font-size: 20px;
line-height: 1;
vertical-align: middle;
margin-right: 5px;
}
.nv-info.error:before {
content: ' \f057 ';
color: #de495b;
}
.nv-info.success:before {
content: ' \f13a ';
color: #68d044;
}
.nv-info.info:before {
content: '\f05a';
color: #31708f;
}
.clear {
clear: both;
}
.fl {
float: left;
}
.fr {
float: right;
}
.pointer {
cursor: pointer;
}
.middle {
vertical-align: middle;
}
.align-bottom {
vertical-align: bottom;
}
.align-top {
vertical-align: top;
}
ul,
ol {
list-style: none;
}
.input-group-btn {
font-size: 14px !important;
}
.radius-top-left {
border-top-left-radius: 5px;
}
.radius-top-right {
border-top-right-radius: 5px;
}
.radius-bottom-left {
border-bottom-left-radius: 5px;
}
.radius-bottom-right {
border-bottom-right-radius: 5px;
}
.radius {
border-radius: 5px;
}
.bg-gradient {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background-image: linear-gradient(to bottom,
rgba(255, 255, 255, 0.8) 0%,
rgba(255, 255, 255, 0.3) 100%);
}
.box-shadow {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.fix-box {
position: inherit !important;
margin-left: 0 !important;
}
.well {
padding: 8px;
line-height: 18px;
}
.well p {
margin: 0;
}
.well2 {
padding: 8px;
line-height: 18px;
background: #DABD6D;
border-radius: 7px;
margin-bottom: 10px;
}
.well2 p {
margin: 0;
font-size: 20px;
color: #ce0f0d;
font-weight: 600;
}
input[type='text'].required,
input[type='password'].required,
input[type='email'].required,
input[type='number'].required,
input[type='search'].required,
input[type='tel'].required,
input[type='time'].required,
input[type='url'].required,
input[type='url'].required,
textarea.required,
select.required,
label.required {
background-image: url(../images/icons/required.png);
background-position: right center;
background-repeat: no-repeat;
}
textarea.required {
background-position: right 10px;
}
select.required {
background-position: calc(100% - 15px) 10px;
}
label.required {
padding-right: 20px;
}
label.radio-box,
label.check-box {
font-weight: normal;
margin-right: 20px;
cursor: pointer;
}
div.radio-box,
div.check-box {
background-color: #fff;
border-width: 1px;
border-style: solid;
border-color: #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
padding: 10px;
}
.has-error div.radio-box,
.has-error div.check-box {
border-color: #de495b;
}
div.radio-box label,
div.check-box label {
margin-bottom: 0;
}
div.radio-box label [type='radio'],
div.check-box label [type='radio'] {
margin-top: -2px;
}
.display-inline-block {
display: inline-block;
}
.display-table {
display: table;
}
.display-table > * {
display: table-row;
}
.display-table > * > * {
display: table-cell;
padding: 5px;
}
/*tooltip*/
.tooltip-inner {
max-width: 250px;
padding: 10px;
color: #fff;
text-align: left !important;
background-color: #255986;
border-radius: 4px;
height: auto;
overflow: auto;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
border-top-color: #255986;
}
.tooltip.right .tooltip-arrow {
border-right-color: #255986;
}
.tooltip.left .tooltip-arrow {
border-left-color: #255986;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #255986;
}
.tooltip-inner img.pull-left {
margin: 3px 5px 1px 0;
}
.tooltip-inner img.pull-right {
margin: 3px 1px 0 5px;
}
/* Fixed Jquery UI Style */
.ui-widget {
font-size: 12px !important;
font-weight: 400 !important;
line-height: 18px !important;
}
.ui-datepicker {
width: 18em !important;
}
.ui-datepicker select.ui-datepicker-month {
width: 59% !important;
font-weight: normal !important;
}
.ui-datepicker select.ui-datepicker-year {
width: 39% !important;
font-weight: normal !important;
}
figure {
position: relative;
margin: 5px 0 10px 0;
text-align: center;
}
figure.image.image-left,
img.image-left {
margin-right: 15px;
float: left !important;
}
figure.image.image-right,
img.image-right {
margin-left: 15px;
float: right !important;
}
.image-center figure.image,
.image-center {
text-align: center;
float: none !important;
}
div.image-center,
p.image-center {
margin-bottom: 10px;
}
figure.article {
background-color: #939393;
}
figure.left {
float: left;
margin: 5px 10px 10px 0;
}
figure.right {
float: right;
margin: 5px 0 10px 10px;
}
figure.center {
float: none;
background: transparent;
margin: 0 auto 10px;
padding-top: 0;
text-align: center;
}
figure.noncaption {
background: transparent;
padding: 0;
}
figcaption {
text-align: center;
margin-top: 5px;
font-weight: 700;
}
figure figcaption {
font-size: 12px;
font-weight: normal;
}
figure.article figcaption {
color: #fff;
}
figure.article.center figcaption {
color: inherit;
}
figure.avatar {
margin-top: 0 !important;
}
figure.avatar figcaption {
position: absolute;
bottom: 12px;
left: 3px;
width: calc(100% - 6px);
background-color: #357ebd;
color: #fff;
font-size: 11px;
}
/* Global */
html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
color: #333;
font-family: sans-serif;
font-size: 14px;
line-height: 1.42857;text-decoration: none;
background-color: #fff;
}
.hidden{display: none;}
a,
a:link,
a:active,
a:visited {
color: #1a3f5e;text-decoration: none;
}
a:hover,
a:focus {
text-decoration: none;
color: #0e2132;
}
a.dimgray {
color: #707070;
}
a.dimgray:hover {
color: #0e2132;
}
a.black {
color: #333;
}
a.black:hover {
color: #0e2132;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin: 0;
padding: 0;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
}
.title {
font-size: 22px;
}
.hometext {
font-weight: 700;
}
.bodytext {
word-break: keep-all;
max-width: 100%;
overflow-x: hidden;
overflow-y: visible;
line-height: 1.7em;
}
.bodytext p {
margin-bottom: 15px !important;
}
.bodytext ol {
list-style-type: decimal !important;
}
.bodytext ul {
list-style-type: disc !important;
padding-left: 40px !important;
margin-bottom: 10px !important;
}
.bodytext li {
margin-bottom: 0 !important;
}
.bodytext div.alert {
margin-bottom: 7px;
margin-top: 4px;
}
.list-title {
font-size: 15px;
font-weight: 700;
}
iframe {
border: 0;
}
.m-bottom {
margin-bottom: 10px !important;
}
.wraper {
position: relative;
width: 1080px;
margin: 0 auto;
}
.container,
.rel {
position: relative;
}
.fa-fix {
margin-right: -5px;
}
.fa-pointer {
cursor: pointer;
}
.fa-horizon {
width: 14px;
}
.fa-lg.fa-horizon {
padding-right: 27px;
width: 22px;
padding-left: 76px;
}
h3.sm {
font-size: 16px;
}
span.keyword {
background-color: yellow;
}
.nv-fullbg {
min-height: 100%;
background-color: #fff;
}
a.btn {
color: #fff;
}
.section-header-bar {
background: #fdc885;
}
/* Header */
#header {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
/* breadcrumb */
.breadcrumbs-wrap {
position: relative;
}
.breadcrumbs-wrap .display {
height: 30px;
overflow: hidden;
}
.breadcrumbs {
display: inline-block;
}
.breadcrumbs li {
float: left;
margin: 0 0.5em 0 1em;
}
.breadcrumbs a,
.show-subs-breadcrumbs {
background-color: #d4eb8c;
padding: 0.4em 1em;
float: left;
text-decoration: none;
color: #3c6003;
position: relative;
}
.breadcrumbs a:hover,
.show-subs-breadcrumbs:hover {
background-color: #ce0f0d;
color: #d4eb8c;
}
.breadcrumbs a:before {
content: '';
position: absolute;
top: 50%;
margin-top: -1.5em;
border-width: 1.5em 0 1.5em 1em;
border-style: solid;
border-color: #d4eb8c #d4eb8c #d4eb8c transparent;
left: -1em;
}
.breadcrumbs a:hover:before {
border-color: #ce0f0d #ce0f0d #ce0f0d transparent;
}
.breadcrumbs a:after,
.show-subs-breadcrumbs:after {
content: '';
position: absolute;
top: 50%;
margin-top: -1.5em;
border-top-width: 1.5em;
border-top-style: solid;
border-top-color: transparent;
border-bottom-width: 1.5em;
border-bottom-style: solid;
border-bottom-color: transparent;
border-left-width: 1em;
border-left-style: solid;
border-left-color: #d4eb8c;
right: -1em;
}
.breadcrumbs a:hover:after,
.show-subs-breadcrumbs:hover:after {
border-left-color: #ce0f0d;
}
/*.breadcrumbs li:last-child a,
.breadcrumbs li:last-child a:hover {
font-weight:bold;
background:none;
}
.breadcrumbs li:last-child a:after,
.breadcrumbs li:last-child a:before {
content:normal;
}
*/
.subs-breadcrumbs {
margin: 0;
padding: 0;
background-color: #fff linear-gradient(to bottom,
rgba(0, 0, 0, 0) 0px,
rgba(0, 0, 0, 0.1) 100%);
background-repeat: repeat;
background-attachment: scroll;
background-position: 0 0;
position: absolute;
left: 0;
top: 40px;
border-width: 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1);
border-top: none;
box-shadow: 0 0.063em 0.25em rgba(7, 20, 34, 0.25);
display: none;
z-index: 999999;
}
.subs-breadcrumbs.open {
display: block;
}
.subs-breadcrumbs li {
background-color: #eee;
}
.subs-breadcrumbs li:last-child,
.subs-breadcrumbs li:last-child a,
.subs-breadcrumbs {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.subs-breadcrumbs li,
.subs-breadcrumbs a {
display: block;
float: none;
}
.subs-breadcrumbs a {
line-height: 40px;
height: 40px;
overflow: hidden;
padding: 0 10px;
}
.subs-breadcrumbs li:not(:last-child) a {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgba(0, 0, 0, 0.1);
}
.subs-breadcrumbs a:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.subs-breadcrumbs a em {
display: inline-block;
margin-right: 5px;
color: #707070;
}
.show-subs-breadcrumbs {
padding-right: 5px;
margin-right: 7px;
width: 30px;
text-align: center;
}
/* SECOND NAV */
.second-nav {
z-index: 3;
}
.second-nav .bg {
background: #cccccc;
background-image: linear-gradient(to bottom,
rgba(0, 0, 0, 0.05) 0%,
rgba(0, 0, 0, 0) 100%) !important;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/* THIRD NAV */
.third-nav {
position: relative;
margin-bottom: 3px;
}
.third-nav .current-time {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
color: #ce0f0d;
line-height: 30px;float: right;
}
.header-nav-inner { position: relative;float: right;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.btnlogin {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
background: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; color: #ce0f0d;
}
/* TIP POPUP and FTIP POPUP */
#tip,
#ftip {
position: absolute;
color: #333 !important;
background-color: #eee;
max-width: 485px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
z-index: 1000;
display: none;
}
#tip {
top: 100%;
right: 0;
min-height: 50px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#ftip {
bottom: 25px;
left: 5px;
min-height: 51px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#tip .bg,
#ftip .bg {
padding: 15px;
border-bottom-color: #aaaaaa;
border-bottom-width: 1px;
border-bottom-style: solid;
}
#tip .bg {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#ftip .bg {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#tip .tip-footer,
#ftip .tip-footer {
background-color: #e5e5e5;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
padding: 10px;
}
#tip .tip-footer {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin: 10px -15px -16px;
}
#ftip .ftip-footer {
margin: 10px -15px -15px;
}
#tip h3,
#ftip h3 {
font-size: 13px;
font-weight: 700;
margin-bottom: 15px;
}
#tip ul {
margin: 0;
padding: 0;
}
#tip a {
color: #333;
}
#tip .socialList a {
color: #fff;
}
/* Blocks social-icons,contactDefault and personalArea */
.contactDefault {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.personalArea a{color:#ce0f0d;}
.personalArea img {width: 24px;border-radius: 50%;height: 24px;background:#ce0f0d;margin-right: 10px;float: left;}
.tms_menutop ul{margin: 0; padding: 0;}
.tms_menutop ul li{float: left;margin-left: 10px;}
.tms_menutop ul li a{color:#fff;}
.tms_menutop ul li a:hover {color: #fff000;}
/* block */
.bl-title {
display: block;
font-weight: 700;
padding-top: 14px;
font-size: 18px;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 10px;
}
/* block counter */
.counter.display-table {
width: 100%;
}
.counter span + span {
text-align: right;
}
/* Body */
#body {
background-color: #fff;
border-color: #dcdcdc;
border-style: solid;
border-width: 0 1px 0 1px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
/* Footer-NAV2 */
.footerNav2 {
position: relative;
width: 100%;
background-color: #193c5a;
padding: 10px 0;
color: #dcdcdc;
}
.footerNav2 .theme-change {
float: left;
margin-left: 10px;
margin-right: 10px;
height: 40px;
}
.footerNav2 .theme-change a,
.footerNav2 .theme-change span {
display: inline-block;
margin-top: 5px;
margin-right: 10px;
background-color: #245682;
color: #428bca;
border-radius: 15px;
width: 30px;
height: 30px;
position: relative;
}
.footerNav2 .theme-change span {
color: #dcdcdc;
background-color: #428bca;
}
.footerNav2 .theme-change a:hover,
.footerNav2 .theme-change span:hover {
color: #fff;
background-color: #428bca;
}
.footerNav2 .theme-change .fa,
.footerNav2 .bttop a .fa {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0px);
}
.footerNav2 .theme-change .fa-mobile {
font-size: 140%;
}
.footerNav2 .bttop {
float: right;
width: 40px;
height: 40px;
margin-right: 10px;
}
.footerNav2 .bttop a {
display: block;
background-color: #245682;
color: #428bca;
font-size: 14px;
text-align: center;
border-radius: 20px;
position: relative;
width: 40px;
height: 40px;
}
.footerNav2 .bttop a:hover {
color: #fff;
background-color: #428bca;
}
/* Footer */
.footer_bottom{ border-top: 1px solid #707070;
color: #ffffff!important;
background: #002b1b;
font-size: 16px;
padding: 10px 0px 10px 0px;
text-align: center;
margin-top: 20px;}
.coppyright a{color: #ffffff !important;}
#footer {
background: #b11c1c;
background-size: cover;
position: relative;
padding-top: 60px;
font-size: 14px;
}
#footer,
#footer a {
color: #799f00;
}
#footer .bl-title {
color: #799f00;
}
#footer .bl-title a {
color: inherit;
}
#footer p {
margin: 0;
padding: 0;
}
/* Block Footer-Menu */
#footer .menu {
list-style: none;
padding: 0;
margin: 0;
}
#footer .menu li {
position: relative;
display: inline-block;
width: 100%;
padding: 0;
margin: 0;
}
#footer .menu li a {
display: block;
white-space: nowrap;
padding: 4px 0;
}
#footer .menu li a:before {
content: '\f111';
color: #799f00;
font-family: FontAwesome;
font-size: 5px;
padding-right: 6px;
vertical-align: middle;
}
#footer .menu li a:hover {
border-bottom-color: #fff;
color: #799f00;
}
#footer .menu li a:hover:before {
color: #799f00;
}
#footer .panel {
background-color: transparent !important;
border-width: 0 !important;
}
/* Block copyright*/
.copyright {
color: #dcdcdc;
}
.copyright span a {
color: #dcdcdc !important;
}
.copyright span a:hover {
color: #ffffff !important;
}
/* Block Company info */
.company_info {
padding: 0;
}
.company_info li {
margin-bottom: 5px;
}
.company_info li:last-child {
margin-bottom: 0;
}
.company_info .company_name {
text-transform: uppercase;
font-weight: 500;
}
.company_info li em {
text-align: center;
width: 2em;
}
.company-map {
width: 100%;
height: 300px;
}
/* Page break line */
.nv-hr {
clear: both;
height: 1px;
border-bottom-width: 1px;
border-bottom-color: #dcdcdc;
border-bottom-style: solid;
margin: 10px 0;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.nv-hr.nv-hr-lg {
margin: 20px 0;
}
.nv-hr.nv-hr-sm {
margin: 5px 0;
}
/* Social share,social button */
.nv-social-share {
list-style: none;
margin: 0;
padding: 4px 5px 0 5px !important;
}
.nv-social-share li {
display: inline-block;
margin-bottom: 0 !important;
height: 20px;
}
.nv-social-share li.facebook {
position: relative;
top: -4px;
padding-right: 40px;
}
/* Form control */
.nv-captcha {
vertical-align: middle;
}
.nv-recaptcha-default {
margin: 0 auto;
width: 304px;
height: 78px;
}
.nv-recaptcha-compact {
margin: 0 auto;
width: 164px;
height: 144px;
}
.grecaptcha-badge {
visibility: hidden;
}
/* List item */
.nv-list-item {
list-style: none;
margin: 0;
padding: 0;
}
.nv-list-item li {
padding: 4px;
margin: 0 !important;
}
.nv-list-item.sm li {
padding: 2px;
}
.nv-list-item.xsm li {
padding: 1px;
}
.nv-list-item.lg li {
padding: 10px;
}
.page .nv-list-item li {
display: flex;
}
.page .nv-list-item li em {
position: relative;
top: 2px;
}
/* sub-list-icon */
.sub-list-icon > li:first-child > *:before,
.cat-icon:before {
content: ' \f114 ';
font-family: FontAwesome;
font-size: inherit;
font-weight: 400;
text-decoration: none;
display: inline-block;
vertical-align: middle;
margin-right: 4px;
margin-top: -3px;
}
.sub-list-icon > li + li > *:before {
content: ' \f10c ';
font-family: FontAwesome;
font-size: 8px;
font-weight: 400;
text-decoration: none;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.sub-list-icon > li:first-child + li > *:before {
content: ' \f101 ';
font-size: 12px;
margin-top: -2px;
}
/* List none */
.list-none {
list-style: none;
margin: 0;
padding: 0;
}
/* Block global */
.nv-block-banners {
position: relative;
margin-bottom: 10px;
text-align: center;
}
.nv-block-banners img {
max-width: 100%;
height: auto;
}
.nv-block-rss li {
border-bottom-width: 1px;
border-bottom-color: #dcdcdc;
border-bottom-style: solid;
}
.nv-block-rss li:last-child {
border: none;
padding-bottom: 0;
}
.nv-block-rss li:first-child {
padding-top: 0;
}
.nv-block-rss img {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border-width: 1px;
border-style: solid;
border-color: #dcdcdc;
border-radius: 4px;
display: inline-block;
max-width: 100%;
height: auto;
position: relative;
top: 4px;
margin-right: 10px;
margin-bottom: 5px;
}
.enable-animate .nv-block-rss img {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* Info die */
.nv-infodie {
margin: 0 auto;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
border-width: 1px;
border-color: #dcdcdc;
border-style: solid;
background-color: #fff;
position: absolute;
min-height: 300px !important;
min-width: 300px !important;
display: table;
}
.nv-infodie .panel-body {
display: table-cell;
vertical-align: middle;
}
.nv-infodie .logo {
max-width: 100%;
margin-bottom: 10px;
height: auto;
}
/* Form */
input,
input[type='file'],
input[type='radio'],
input[type='checkbox'],
button,
.btn,
.form-control,
textarea,
input:focus,
input[type='file']:focus,
input[type='radio']:focus,
input[type='checkbox']:focus,
button:focus,
.btn:focus,
.form-control:focus,
textarea:focus,
input:focus:active,
input[type='file']:focus:active,
input[type='radio']:focus:active,
input[type='checkbox']:focus:active,
button:focus:active,
.btn:focus:active,
.form-control:focus:active,
textarea:focus:active,
input.active:focus,
input[type='file'].active:focus,
input[type='radio'].active:focus,
input[type='checkbox'].active:focus,
button.active:focus,
.btn.active:focus,
.form-control.active:focus,
textarea.active:focus,
input:active,
input[type='file']:active,
input[type='radio']:active,
input[type='checkbox']:active,
button:active,
.btn:active,
.form-control:active,
textarea:active {
outline-width: 0;
outline-style: none;
}
input[type='checkbox'],
input[type='radio'] {
border-width: 1px;
border-style: solid;
border-color: #aaaaaa;
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
height: 16px;
margin: 3px 4px 0 0;
outline: 0;
padding: 0 !important;
text-align: center;
vertical-align: middle;
width: 16px;
min-width: 16px;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #707070;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
input[type='radio'] {
border-radius: 50%;
margin-right: 4px;
line-height: inherit;
}
input[type='checkbox']:disabled,
input[type='radio']:disabled,
input[type='checkbox']:disabled:checked:before,
input[type='radio']:disabled:checked:before {
opacity: 0.7;
}
input[type='checkbox']:checked:before,
input[type='radio']:checked:before {
float: left;
display: inline-block;
vertical-align: middle;
width: 14px;
font: normal 14px/1 'FontAwesome';
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input[type='checkbox']:checked:before {
content: '\f00c';
margin: 0 0 0 0;
color: #333333;
}
input[type='radio']:checked:before {
content: '\2022';
text-indent: -9999px;
border-radius: 50px;
font-size: 24px;
width: 6px;
height: 6px;
margin: 4px;
line-height: 16px;
background-color: #333333;
}
.img-thumbnail {
background-color: #cccccc;
border: none;
border-radius: 3px;
max-width: 100%;
padding: 1px;
}
.img-thumbnail2 {
background-color: #cccccc;
border: none;
border-radius: 3px;
max-width: 100%;
padding: 1px;
height: 110px;
}
.fb-like {
margin-right: 50px;
}
.navbar-inverse {
background-color: #d9e8f4;
border-color: #2a6496;
}
.navbar-inverse .navbar-nav > li > a {
color: #ffffff;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #2a6496;
}
.panel-heading {
background-image: linear-gradient(to bottom,
rgba(0, 0, 0, 0.05) 0%,
rgba(0, 0, 0, 0) 100%) !important;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgba(0, 0, 0, 0);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 10px;
}
.panel-primary > .panel-heading > a {
color: #fff;
}
.panel-primary > .panel-heading > a:hover {
color: #dcdcdc;
}
table caption {
color: #357ebd;
text-align: left;
font-size: 13px;
font-weight: 700;
line-height: 22px;
padding: 0 0 5px 2px;
}
blockquote {
font-size: 13px;
}
.modal-header .close {
margin-top: -2px;
}
button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
}
.btn-info {
color: #fff;
background-color: #ce0f0d;
border-color: #ce0f0d;
}
.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
}
.modal-body {
padding: 15px;
}
#sitemodal .modal-dialog {
position: relative;
width: auto !important;
max-width: 600px;
text-align: center;
font-size: 0;
}
#sitemodal .modal-content {
width: auto;
display: inline-block;
font-size: 14px;
text-align: left;
}
#sitemodal .close,
#sitemodalTerm .close {
position: absolute;
right: -10px;
bottom: -10px;
width: 24px;
height: 24px;
background-color: #000;
color: #fff;
font-size: 11px;
opacity: 0.8;
border-width: 2px;
border-style: solid;
border-color: #cccccc;
border-radius: 12px;
}
#sitemodal .close:hover {
opacity: 1;
}
@media (max-width: 619px) {
#sitemodal .modal-dialog {
margin-left: 10px;
margin-right: 10px;
}
#sitemodal .modal-content {
display: block;
}
}
#sb-container {
z-index: 99999999 !important;
}
.chromeframe {
position: fixed !important;
top: 0 !important;
right: 0;
left: 0;
width: 100% !important;
z-index: 99999999999999 !important;
background-color: #ffff00 !important;
color: #000 !important;
height: 25px;
line-height: 25px;
padding: 0.2em 0;
text-align: center !important;
}
#timeoutsess {
display: none;
}
#timeoutsess a {
color: #2f70a7 !important;
}
/* Account Level */
[class^='lev-'],
[class*=' lev-'] {
display: inline-block;
}
[class^='lev-']:before,
[class*=' lev-']:before {
font-family: FontAwesome;
font-size: inherit;
margin-right: 5px;
}
.lev-1:before {
content: ' \f005 \f005 \f005 ';
}
.lev-2:before {
content: ' \f005 \f005 \f006 ';
}
.lev-3:before {
content: ' \f005 \f006 \f006 ';
}
.lev-user:before {
content: ' \f007 ';
}
/* module Contact*/
.contact-result {
position: absolute;
top: 40px;
left: 5%;
width: 90%;
float: left;
z-index: 2;
padding: 30px 20px;
display: none;
}
/* Block module-menu */
.module-menu {
display: block;
float: left;
width: 100%;
background-color: #333;
}
.calendar-icon {
background-image: url(../../../assets/images/calendar.jpg);
background-position: right 6px center;
background-repeat: no-repeat;
padding-right: 26px;
}
/*alert*/
.nv-alert {
position: fixed !important;
top: 25% !important;
right: 0;
left: 0;
width: 350px !important;
margin: auto;
z-index: 99999999999999 !important;
text-align: center !important;
padding-top: 30px !important;
padding-bottom: 30px !important;
}
/*cookie-notice popup*/
.cookie-notice {
position: fixed;
bottom: 20px;
left: 20px;
width: 350px;
z-index: 99999999999999;
background-color: #eee;
border: solid 1px #dedede;
border-radius: 4px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.cookie-notice a {
color: #1a3f5e;
text-decoration: underline;
}
.cookie-notice div {
position: relative;
width: 100%;
padding: 20px;
color: #333;
}
.cookie-notice button {
float: right;
margin-top: -20px;
margin-right: -20px;
margin-left: 10px;
margin-bottom: 10px;
width: 40px;
height: 40px;
border: 0;
font-size: 24px;
}
#tms_header{margin: auto; position: relative;width: 1080px;height: 150px;}
.tms_logo {float:left; padding: 6px 0px 6px 0px;}
.tms_logo img {max-height:135px; width:auto}
#tms_home_banner { width: 100%;margin: auto; background: url(../images/bg_banner.png) center center no-repeat;
background-size: cover;padding: 40px 0px 30px 0px;}
.site-banner{ width: 100%;margin: auto;position: absolute;}
#tms_home_banner .slider_home_title {position: absolute;left: 0;bottom: 0;text-align: center;z-index: 10;width: 100%;padding: 10px;background:#3fb550b3;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#tms_home_banner a {color:#fff}
.h1{ font-size:26px;
color: #fff;
letter-spacing: 0; margin-bottom: -10px;
text-align: left;
margin-top: 8px !important;
font-weight: 600;
font-family: Roboto-Black !important;}
.h2{font-size: 20px;
color: #fa0101;
text-align: left;
margin-bottom: 2px;
font-weight: bold;
font-family: Roboto-Bold;}
.h3{font-size: 14px; font-weight: bold;
color: #000000}
.tms_menutop{float: right;margin-top: 20px;}
.headerSearch{float: right;margin-top: 20px;}
#tms_slider {background: #fff;margin: auto;}
.slider_home img{width: 100%;height: auto;}
#tms_thongbao{margin: auto;background:#ffb805;margin-bottom: 10px;}
.tms_thongbao {display: block;overflow: hidden;padding: 10px 5px 10px 5px;}
.tms_thongbao a {color: #a20000 !important;font-size: 16px;}
.tms_thongbaoi{float: left;padding: 10px 0px 0px 0px;}
.tms_thongbaoi i{float: left;font-size: 26px;color: red;}
.thongbaolisst {background: url(../images/horizontal_right.png) no-repeat bottom center; padding-bottom: 5px;margin-bottom: 5px;text-align: justify;}
.SpanStar {float: left; width: 9px;height: 9px;background: url(../images/star.png) no-repeat center;margin-top: 5px;}
#home_doitac_loop{padding: 10px; text-align: center;}
#home_doitac_loop img{text-align: center;}
.tms_block_title{font-family: 'Roboto', sans-serif;display: inline-block;width: 100%;text-align: center;color:#ce0f0d;font-size: 20px; font-weight: 600;position: relative;text-transform: capitalize; margin-top: 20px;}
.tms_block_line{border-bottom: 2px solid #0aab68;margin: auto;width: 200px; margin-bottom: 5px; text-align: center;}
.tms_block_home_title{font-family: 'Roboto', sans-serif;display: inline-block;width: 100%;text-align: center;color:#3ab54a;font-size: 20px; font-weight: 500;position: relative;text-transform: capitalize;background: linear-gradient( 154deg, #ce0f0d, #30a735ed);}
.tms_block_home_i{ border-radius: 55%;width: 200px;height: 2px; left: 0;right: 0;margin: 0 auto;background: #ce0f0d;}
.tms_block_home_title h1{ margin: 0;display: inline-block; font-size: 30px;padding: 10px 10px;text-transform: uppercase;position: relative;color:#ce0f0d; }
.tms_block_home_title h2{ font-size: 20px;padding: 8px 8px; float: left; text-transform: uppercase;color: #ffffff; }
.tms_block_home_title h2 a{ color:#ce0f0d; }
.tms_block_home_title h3{ margin: 0;display: inline-block; font-size: 20px;padding: 10px 10px;text-transform: uppercase;position: relative;color:#3ab54a; }
.tms_block_home_text{width: 100%;text-align: center;color: #4d4d4d;font-size: 18px;padding: 10px; margin-bottom:20px;}
.tms_block_home_body{width: 100%; background: linear-gradient(#ededed, #ffffff); box-shadow: 0 1px 10px 0 rgb(0 0 0 / 12%);display: inline-block;padding-bottom: 20px; }
.tms_block_home_body ul{padding:0; margin: 10px 0px 10px 0px;}
.tms_block_home_body ul li {display: inline;float: left;width: 100%;border-bottom: 1px solid #ddd;padding-bottom: 6px;margin-bottom: 6px;padding-left: 10px;}
.tms_block_home_body ul li:last-child {border-bottom:none;}
.tms_block_home_body ul li a {font-size: 16px;font-weight: 500;}
.tms_block_home_img{margin-top: -10px;}
.tms_block_home_img img{width: 100%;height: auto; padding-bottom: 10px}
.tms_list_video_body { width: 100%;background:#ffffff; box-shadow: 0 1px 10px 0 rgb(0 0 0 / 12%);display: inline-block;padding:5px;border-radius: 6px; margin-bottom: 10px;}
.title_video{font-family: 'Roboto', sans-serif;display: inline-block;width: 100%;text-align: left;color:#3ab54a;font-size: 20px; font-weight: 600;position: relative;text-transform: capitalize; padding: 6px;}
.tms_list_video{padding: 5px;width: 100%;display: inline-block; margin-bottom: 10px;border: 1px solid #ce0f0d!important; border-radius: 6px;}
.tms_list_video ul{padding:0; margin: 10px 0px 10px 0px;}
.tms_list_video ul li {display: inline;float: left;width: 100%;border-bottom: 1px dashed #ddd;padding-bottom: 6px;margin-bottom: 6px;padding-left: 10px;}
.tms_list_video a{color: #000;font-weight: 500;font-size: 14px; width:100% ; display: block;}
.tms_list_video a:hover{color:#f8a01c;}
.tms_list_video i{color:#ce0f0d;}
.tms_review_text{color: #3a3227;position: relative;padding: 15px;background:#fffef821;border: 1px solid #3ab54a;border-radius: 3px;margin-bottom: 15px;}
.tms_review_text::after {content: "";width: 15px;height: 15px;display: block;background:#ffffff; border: 1px solid #3ab54a;border-width: 0 0 1px 1px;position: absolute; bottom: -8px;left: 46px;transform: rotateZ(-46deg); }
.tms_review_img img {background-color: #3ab54a; padding: 3px; margin-right:10px; width: 75px !important;height: 75px !important;display: block;float:left; border-radius: 50%;}
.media-body .name{ color: #3ab54a;}
.media-body .name:hover{color:#f8a01c;}
.star-rating i {font-size: 16px;color: #ffdc12;}
#company_info li {
display:table;
clear:both; border: none;
margin-bottom:5px;
color:#f7f7f7;
}
#company_info li a{color:#f7f7f7;}
#company_info #company_name {
color: #fff;font-size: 18px; font-weight: 500;
text-transform:uppercase;font-family: 'Roboto', sans-serif;margin-bottom: 20px;
}
#company_info li > strong {
font-size: 18px;
display:table-cell; color:#f7f7f7;
vertical-align:middle;
padding: 10px 10px 0px 10px;
}
#company_info li > span {
background-color:#ce0f0d;
color: #f7f7f7;float: left;
font-size: 14px;
text-align: center;
border-radius: 100%;
position: relative;
width: 25px;
display: inline-block;
height: 25px;
margin-right:5px;
}
#company_info li > span i,#company_info li > span em {
padding-top: 6px;
color:#f7f7f7;
font-size: 12px;
}
.logofooter {text-align: center; margin-bottom: 10px;}
.logofooter img{width: auto;height: 80px; text-align: center;}
.logofootertext{color: #f7f7f7;}
.panel-primary>.panel-heading {color: #fff;background-color: #ce0f0d;border-color: #ce0f0d;}
.panel-primary {border-color: #ce0f0d;}
.panel-default>.panel-heading {
color: #fff;
background-color: #ce0f0d;
border-color: #ce0f0d;
}
.panel-default {
border-color: #ce0f0d;
}
.wraperbreadcrumbs{background: #eaf5c7; margin-bottom: 10px;padding-top:3px;}
#support_content{width: 100%;display: inline-block;position: relative;}
#support_content ul{margin:0; padding:0}
#support_content ul li{ width: 100%;display: inline-block;}
#support_content i {margin-right: .3em;padding-top: 3px;}
.support_arrow {top:20px; margin-left: -25px; position: absolute;z-index: 1;width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid #eaf5c7; border-bottom: 10px solid transparent;border-top: 10px solid transparent;
}
.support{ margin:0;position: relative;display:block}
.support_left{float: left; width: 25%;}
.support_left img{ border: 3px solid #ce0f0d;border-radius: 30px;width: 60px; height: 60px;}
.support_bg a{color: #ce0f0d; text-align: center; font-size: 14px;}
.support_bg {width: 72%; float: right;color: #fff;padding: 5px; background-color: #eaf5c7;border-radius: 4px;}
.panel {
margin-bottom: 18px;
background-color: #fff;border: none;
border-radius: 4px;
background: linear-gradient(#ededed, #ffffff);
box-shadow: 0 1px 10px 0 rgb(0 0 0 / 12%);
box-shadow: 0 1px 1pxrgba(0,0,0,.05);
}
.block_album_tab_new{ margin-bottom: 18px;padding: 5px;
background-color: #fff;border: none;width: 100%;
border-radius: 6px; display: inline-block;
background: #fff;
box-shadow: 0 1px 10px 0 rgb(0 0 0 / 12%);
box-shadow: 0 1px 1pxrgba(0,0,0,.05); }
.titmetms {width: 100px;height: 60px; text-align: center; -moz-border-radius: 4px;border-radius: 4px; background-color: #ce0f0d;margin-right: 10px; }
.titmetms span { display: block;width: 100%; color: #fff; font-weight: 600;}
.titmetms span:nth-of-type(1) {font-size: 12px;}
.titmetms span:nth-of-type(2) {font-size: 16px;}
.titmetms span:nth-of-type(3) {font-size: 12px;}
ul.tmsul{margin: 0;padding: 0;}
.tmsul li {display: inline;float: left;width: 100%;border-bottom: 1px dashed #ddd;padding-bottom: 6px;margin-bottom: 6px;padding-left: 10px;}
.tmsul a{color: #ce0f0d;font-weight:600;font-size: 16px; width:100% ; display: block;}
.tmsul li:last-child {border-bottom: none;}
.tab-content {
position: relative
}
.tms-tabs {
overflow-x: auto;
white-space: nowrap;
width: 100%;
margin: 0 auto 10px;
padding: 10px 0 10px;
text-align: center
}
.tms-tabs::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: #aaa
}
.tms-tabs::-webkit-scrollbar-thumb {
background: #000
}
.service_tab::-webkit-scrollbar {
width: 0 !important;
display: none
}
.tms-tabs li {
margin-right: 5px;
margin-left: 5px;
float: none;
margin-bottom: -1px;
display: inline-block
}
.tms-tabs > li a {
border: none;
font-weight: normal;
background: #fff !important;
color: #ce0f0d;
border-radius: 4px;
padding: 8px 12px;
margin-bottom: 5px;
font-size: 16px;
border: 1px solid #ce0f0d !important
}
.tms-tabs > li a span {
white-space: nowrap
}
.tms-tabs > li.active a {
background: #ce0f0d !important;
color: #fff
}
.counter{
font-weight: 700;
text-transform: uppercase;
text-align: center;
}