/*=== Font Face Web Pages ====*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&display=swap');

@font-face{font-family:'FontAwesome';
 src:url('/css/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
 src:url('/css/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
 url('/css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
 url('/css/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
 url('/css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
 url('/css/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
 font-weight:normal;font-style:normal}
 
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/css/fonts/icons/glyphicons-halflings-regular.eot?v=4.3.0');
    src: url('/css/fonts/icons/glyphicons-halflings-regular.eot?#iefix&v=4.3.0') format('embedded-opentype'),
    url('/css/fonts/icons/glyphicons-halflings-regular.woff?v=4.3.0') format('woff'),
    url('/css/fonts/icons/glyphicons-halflings-regular.ttf?v=4.3.0') format('truetype'),
    url('/css/fonts/icons/glyphicons-halflings-regular.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}



.raleway-400 {
  font-family: "Raleway", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}



@font-face { font-family: 'Open_sansregular'; src: url('/css/fonts/opensans-regular-webfont.eot'); src: url('/css/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans-regular-webfont.woff') format('woff'), url('/css/fonts/opensans-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSans-Semibold'; src: url('/css/fonts/opensans-semibold-webfont.eot'); src: url('/css/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans-semibold-webfont.woff') format('woff'), url('/css/fonts/opensans-semibold-webfont.ttf') format('truetype'), url('/css/fonts/opensans-semibold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'MontserratBold'; src: url('/css/fonts/montserratbold.eot'); src: url('/css/fonts/montserratbold.eot') format('embedded-opentype'), url('/css/fonts/montserratbold.woff2') format('woff2'), url('/css/fonts/montserratbold.woff') format('woff'), url('/css/fonts/montserratbold.ttf') format('truetype'), url('/css/fonts/montserratbold.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal;}


/*========================================================
    END Font Face Web Pages
=========================================================*/
body { font-family: 'Open_sansregular', Arial, serif; font-size: 15px; line-height:1.5;  color: #565656;  background: #fff; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%}
a { color:#2783d0; outline:0; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s;}
a:focus, a:hover { text-decoration:none; outline:0; color:inherit }
a:hover { color:#000;}
ol, ol li ol { padding: 0px; margin: 0; line-height: 24px; margin-left:5px; }
ol li { list-style-position: inside; text-indent: -1.5em; margin-left: 15px }
ul, ul li ul { padding: 5px 0; line-height: 24px;  margin-left:0px;  list-style-position: inside; }
ul li ul { list-style-position: inside; margin-left: 15px  }
h1,h2,h3,h4,h5 { line-height:1.2 }

p { margin:0 0 15px 0;   }
img { max-width:100%;}
.page { overflow:hidden;  }
header { position:relative; z-index:999; background: #05235F; }
.container { max-width:1170px; padding:0!important; margin:0 auto; }
.out-header {position:relative;}
.out-main { background:#fff; min-height:300px; position:relative  }
.stuck_container .out-header  { min-height:60px; /*margin-bottom:10px; border-bottom:1px dashed #000;*/}
.out-container { width:1170px; padding:0 15px; margin:0 auto; position:relative; z-index:2}



/*========================================================
   Logo
=========================================================*/
/* .logo { width:auto; text-align:left; float: left; margin: 33px 0;}
.logo a img { max-width:100%;} */

/*=======================================================
    Top header
=======================================================*/
.top-header{background: #05235F; padding: 30px 0 20px 0;}
.top-header .cont{display: flex; justify-content: space-between; align-items: center; justify-items: center;}
.top-header .cont .info:nth-child(1) a{display: block; color: #565656;}
.top-header .cont .info:nth-child(1) a:hover{color: #E11A38;}
.top-header .info{position: relative; padding-top: 15px;}

.top-header .info:after{content: ""; position: absolute; top: 0; right: 0; width: 60px; height: 1px; background: #C4C4C4;}
.top-header .info:last-child{text-align: right;}
.top-header .info:first-child::after{left: 0;}

/*=============================================
    Language
==============================================*/
.header-language{display: inline-block;position: relative; padding-left: 15px; padding-right: 10px; margin-bottom: 0; background: url('/images/all/icon-arrow-down.png') no-repeat right center;}
.header-language .dropdown-language{background: #fff; box-shadow:0 3px 6px rgba(0, 0, 0, 0.1); position: absolute; top: 100%; z-index: 9; margin: 0; display: none;}
.header-language li{list-style: none; padding: 10px;}

/*========================================================
    NAV Top
=========================================================*/

.out-nav-top { margin:0 auto; position:relative; width:100%;  }
.out-nav-top .cont { position:relative; display: flex; align-items: center; }
/* .out-nav-top .call{display: block; position: absolute; right: 0px; top: 20px; color: #fff; font-size: 18px; padding-left: 40px; height: 30px;}
.out-nav-top .call span{padding-left: 10px;}
.out-nav-top .call a{color: #fff; padding-top: 4px; display: block; font-family: 'Open_sansregular';}
.out-nav-top .call a:hover{color: #fb0007; text-decoration: none;} */

/* .wr-out-mn {text-align:left; width: 100%; background: #f2f1f1; height: 50px; position: relative;}
.wr-out-mn  .container { position:relative; } */

.navbar { position: relative; margin: -43px 0 0 0; padding:0; border:none; background-size: cover; width: auto; float: right; margin-right: 35px;}
.navbar-nav { width: auto; padding:0; display:inline-block; text-align:center; position: relative;}
.navbar-nav li { float:none;text-align:center;list-style:none; width:auto; display:inline-block; position:relative; }
.navbar-nav li:after{content: ""; background: url('/images/line.png'); height: 5px; width: 7px; position: absolute; top: 50%; transform: translateY(-50%); right: -5px;}
.navbar-nav li:last-child:after{display: none;}
.navbar-default .navbar-nav > li > a { text-decoration: none; font-size:12px; font-weight: normal; color:#fff;  font-family: 'OpenSans-Semibold', Arial, serif; margin:0; text-transform:uppercase; display:inline-block; padding: 20px 30px 20px 20px; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .sfHover > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .sfHover > a:hover {color: #2783d0;}


.nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0;}
.dropup, .dropdown { position: relative;}
.dropdown-toggle:focus { outline: 0;}
.dropdown-menu { background-color:rgba(39,131,208, 0.9); position: absolute!important; top: 99%; left: -1px; z-index: 1000; display:none; float: left; margin: 0px 0 0; list-style: none; font-size: 14px; text-align: left; box-shadow:0 3px 6px rgba(0, 0, 0, 0.1);  /*-moz-box-shadow: 0 6px 4px 1px rgba(0, 0, 0, 0.175); -webkit-box-shadow: 0 6px 4px 1px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 4px 1px rgba(0, 0, 0, 0.175);*/ width: 235px; padding-top: 0px; padding-bottom: 0px; text-transform: none; border-color:transparent!important; -moz-border-radius:0px!important; -webkit-border-radius:0px!important; -o-border-radius:0px!important; border-radius:0px!important; }
.dropdown-menu.pull-right {  right: 0;left: auto;}
/* .dropdown-menu .divider { height: 1px; margin: 8px 0; overflow: hidden;  background-color: rgba(22,143,236,0.8);} */
.dropdown-menu > li:after { display:none}
.dropdown-menu > li > a { text-decoration: none; display: block; padding: 7px 15px; clear: both; font-weight:lighter; color: #fff; text-transform:none; white-space:normal; font-size:14px; line-height:24px; font-family: "Open_sansregular"}
.dropdown-menu > li > a.sf-with-ul { position: relative;}
.dropdown-menu > li > a.sf-with-ul:before {  content: "\f054"; position: absolute; font-size: 14px; font-family: 'FontAwesome'; right: 22px; top: 8px; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
.dropdown-menu > li > a:hover, dropdown-menu > li > a:focus { text-decoration: none; color: #fff; background-color:#2d3e50; -moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);}

.dropdown-menu > .active > a,
.dropdown-menu > .sfHover > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .sfHover > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .sfHover > a:focus {  color: #fff; text-decoration: none; outline: 0; background-color:#2d3e50;}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { color: #000; background-color:rgbargba(39,131,208, 0.9);}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed;}
.open > .dropdown-menu { display: block;}
.open > a { outline: 0; }
.sf-menu > li > ul li { display: block; width:100%; float: left; position: relative; text-align: left;  padding-right:0; margin-right:0; border-bottom:1px solid #444444; padding-top:0}
.sf-menu > li > ul li:last-child(){ border-bottom:none}
.sf-menu > li > ul li ul.dropdown-menu { position: absolute; left: 100%; top: 0; width: 150px; }
.dropdown-menu-right { left: auto; right: 0; }
.dropdown-menu-left { left: 0; right: auto; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.28571429; color: #cfcfcf; white-space: nowrap;}
.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990;}
.pull-right > .dropdown-menu { right: 0; left: auto;}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: "";}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px;}
/* -- style menu destop css -- */

/*========================================================
    Css new fix show mobile sub 2
=========================================================*/
.rd-mobilemenu_ul > li{ float:left; width:100%;}
.rd-mobilemenu_submenu { float:left; width:100%; list-style:none; margin:0; padding:0}
.rd-mobilemenu_submenu li { float:left; width:100%;list-style:none}
.rd-mobilemenu_submenu li .dropdown-menu { display:none; position:relative; width:100%;}
.rd-mobilemenu_submenu li .dropdown-menu li { float:left; width:100%;}
.rd-mobilemenu_submenu li .dropdown-menu li a { font-family:inherit; padding-top:10px; padding-bottom:10px; text-transform:uppercase}
/*========================================================
    Css nav scroll up down isStuck
=========================================================*/
.isStuck { background:#fff; }
.isStuck .out-header { min-height:80px;}
.isStuck { min-height:50px; z-index: 999; box-shadow: 0 3px 10px -3px #aaaaaa; border-bottom:0px solid #eb4b14; left:0;}
.isStuck .logo { margin: 15px 0 0 15px;; width: 180px; display:block;   }
.isStuck .out-nav-top { min-height:50px;  display: block; }
.isStuck .top-info { display:none;   }
.isStuck a.btn-test { font-size:15px; margin-top:16px;       }
.isStuck .search-form { top:100%;  }
.isStuck .top-header{padding: 0 0 10px 0;}

/*========================================================
    Css RD Mobile Menu 
=========================================================*/
.rd-mobilemenu { display:block; position: fixed; top: 0; left: 0;  bottom: 0; z-index: 999999996; text-align: left; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease;}
.rd-mobilemenu.active { right: 0; }
/*cho nay an hien menu mobile*/
.rd-mobilemenu_ul { list-style:none; position: fixed; top:69px; left: -15px; bottom:0px; width: 280px; padding: 0px 0 0px; color: #666666; background: rgba(255, 255, 255, 0.97); font-size: 14px; line-height: 20px; overflow: auto; -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1); -moz-transform: translateX(-280px); -ms-transform: translateX(-280px); -o-transform: translateX(-280px); -webkit-transform: translateX(-280px);  transform: translateX(-280px);  -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);}
.lt-ie9 .rd-mobilemenu_ul { background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff'); zoom: 1;}
.rd-mobilemenu.active .rd-mobilemenu_ul { margin-bottom:0; -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);}
.rd-mobilemenu_ul li.active > a { background-color: #072634; color: #e4d195!important; }
.rd-mobilemenu_ul a { display: block; padding: 16px 25px 16px; text-transform:uppercase; color:#444!important; border-bottom:solid 1px #cacaca; font-family:'Avenir-Black', Arial  }
.rd-mobilemenu_ul a.active { /* active sub menu mobile color*/  background-color:#072634; color: #e4d195!important; border-bottom:solid 1px #cacaca;  }
.rd-mobilemenu_ul a.active .rd-submenu-toggle { color:#fff;   }
.rd-mobilemenu_ul a:hover { background-color:#072634;  color:#e4d195!important; }
.rd-mobilemenu_ul a:hover .rd-submenu-toggle { color:#000;   }
.rd-mobilemenu_ul a .rd-submenu-toggle { background: rgba(54, 140, 51, 0); position: absolute; top: 50%; right: 11px; margin-top: -19px; width: 40px; height: 40px; font: 400 14px 'FontAwesome'; line-height: 40px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%;  border-radius: 50%; color:#000; /* border: 1px solid #000000;*/ -moz-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; z-index: 1; }

.rd-mobilemenu_ul a .rd-submenu-toggle:after {content: '\f078'; color: #000;}
.rd-mobilemenu_ul a.active .rd-submenu-toggle:after{color: #fff}
.rd-mobilemenu_ul a .rd-submenu-toggle:hover { background-color:transparent;  color: #000;}
.rd-mobilemenu_ul a.rd-with-ul { position: relative;}
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); color:#000;  }
.rd-mobilemenu_ul ul a { padding-left: 40px; border: none;  padding-top: 14px; padding-bottom: 16px; }
.rd-mobilemenu_ul ul ul { border: none; box-shadow: none; background: transparent; padding: 0; left: 0; top: 0; text-align: left; transform: none;}
.rd-mobilemenu_ul ul ul:before, .rd-mobilemenu_ul ul ul:after { display: none;}
.rd-mobilemenu_ul ul ul li { border: none; box-shadow: none; }
.rd-mobilemenu_ul ul ul a { padding: 0; margin: 0; padding-left: 60px; color: inherit; font-size: 14px; padding-top: 14px; padding-bottom: 16px; border: none; box-shadow: none; }
.rd-mobilemenu_ul ul ul a.active { background-color:#E11A38; color: #fff!important; } /* hover sub  bg*/
.rd-mobilemenu_ul ul ul a:hover { background-color:#E11A38; color: #fff!important; box-shadow:none }
.rd-mobilemenu_ul:after { content: ''; display: block; height: 20px; }
/*-- show mobile menu on desk --- */
.rd-mobilepanel { display:none; position: fixed; top: 0; left: 0; max-width:280px; height: 65px; background: rgba(0, 0, 0, 0); color: #000000;/* -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); */z-index: 999999997; }
.rd-mobilepanel_title {  position: fixed;  padding-left: 10px;  top: 4px; left: 56px; right: 56px; color: #000000; font-size: 24px; line-height: 48px; letter-spacing: 1.2px; text-overflow: ellipsis; white-space: nowrap; }
.rd-mobilepanel_title small { display: none; }
.rd-mobilepanel_toggle { position: fixed; top:0px; left: 5px; width: 60px; height: 60px; background-color:transparent; border-color:transparent ; outline: none; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; cursor:pointer; }
.rd-mobilepanel_toggle:hover { background-color: transparent}
.rd-mobilepanel_toggle span { position: relative; display: block; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before { content: ""; position: absolute; left: 0; top: -8px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.rd-mobilepanel_toggle span:after { top: 8px;}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span { width: 35px; height: 2px; background-color: #fff; backface-visibility: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.rd-mobilepanel_toggle:hover span:after, .rd-mobilepanel_toggle:hover span:before, .rd-mobilepanel_toggle:hover span { background-color:#fff}
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {  -webkit-transition-duration: 0.3s, 0.3s;  transition-duration: 0.3s, 0.3s;  -webkit-transition-delay: 0.3s, 0s;  transition-delay: 0.3s, 0s; }
.rd-mobilepanel_toggle.active span { transition: background .3s 0s ease;  background: transparent; }
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {  top: 0;  -webkit-transition-delay: 0s, 0.3s;  transition-delay: 0s, 0.3s; }
.rd-mobilepanel_toggle.active span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.rd-mobilepanel_toggle.active span:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}


/*========================================================
    Css Search css style
=========================================================*/

.wr-search { padding: 0 20px; position: relative;}
.wr-search:after{content: ""; background: #710011; height: 16px; width: 1px; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}

.search-form { display: none; padding: 0; position: absolute; width: 100%; top: 100%; border:0; left:0; right:0; background:rgba(0,0,0,0.4)}
.wr-search-cont { width:1170px; margin:0 auto;}
.search-form form { position: relative;}
.search-form_label { width: 100%; display: block; padding: 5px 50px 5px 15px; background: rgba(255,255,255,0.9); border:0; margin:0;/* box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);*/}
.search-form_input { outline: none; background-color: transparent; border: none; -webkit-appearance: none; border-radius: 0; vertical-align:middle; box-shadow: none; color: #000; font-weight: 400; display: block; width: 100%; font-size: 16px; height:40px; line-height:40px;}
.search-form_input::-webkit-input-placeholder { color: #2f2f2f; opacity: 1;}
.search-form_input::-moz-placeholder {  color: #2f2f2f; opacity: 1;}
.search-form_input:-moz-placeholder { color: #2f2f2f; opacity: 1;}
.search-form_input:-ms-input-placeholder { color: #2f2f2f; opacity: 1;}
.search-form_submit { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; position: absolute;  top: 9px; right: 17px; width: 30px;  height: 30px; color: #000; font: 400 20px/35px 'FontAwesome', sans-serif;}
.search-form_submit::-moz-focus-inner { border: none; padding: 0;}
.search-form_submit:before { content: '\f002';}
.search-form_submit:hover { color: #ffe047; }
.search-form_toggle { outline:0; position: relative; float: right; color: #000;  font: 100 18px/23px 'FontAwesome'; font-weight:lighter!important; background:url('/images/all/icon-search-n.png') no-repeat center center; height:23px; width:23px;  z-index: 99; margin-top:0px; /* canh search top*/  text-align: center; padding: 0 !important;}
.search-form_toggle.active {background:url('/images/all/icon-x-n.png') no-repeat center center;}
.search-form_toggle:before { /*content: '\f002';*/}
.search-form_toggle:focus { color: #646464; /*background: #fff;   mau sau khi click search */}
.search-form_toggle:hover { color: #000;}
.search-form_toggle.active {}
.search-form_toggle.active:before { /*content: '\f00d'; color: #646464;*/} /* hien thi dau x khi click*/


/*========================================================
    Owl Carousel  Banner slide and  Product slide 
=========================================================*/
.out-container-banner { width:100%; float:left; position:relative; }
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out { z-index: 1;}
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut;}
.owl-height {  -moz-transition: height 500ms ease-in-out; -webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
.owl-carousel {display: none; width: 100%;margin:0 auto;-webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .carousel-caption { margin:0 auto; top: 100px; right: auto; left:50%; transform: translateX(-50%); text-align:center; display:block; color: #000; font-family: 'Open_sansregular', Arial; }
.owl-carousel .carousel-caption .wr-tt { margin: 0 auto; text-align: left; text-shadow:none ; color:#fff; background: rgba(0, 0, 0, 0.5); padding: 15px 30px; border-radius:5px; }
.owl-carousel .carousel-caption .wr-tt h2 { font-size: 32px; line-height:1.2;  position:relative; padding:0; display: table;}
.owl-carousel .carousel-caption .wr-tt h2 a {  color:#fff; text-transform: initial; }
.owl-carousel .carousel-caption .wr-tt h2 a:hover { color:#E11A38;}
.owl-carousel .carousel-caption .wr-tt h3 { font-size:16px; line-height:1.2; margin-top:30px; font-family: 'Open_sansregular', Arial; position:relative; margin-bottom:10px; text-transform: uppercase; color: #000; }
.owl-carousel .carousel-caption .wr-tt a.btn{background: none; border: 1px solid #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size: 16px; padding: 8px 40px; text-transform: uppercase; text-align: center; color: #fff;}
.owl-carousel .carousel-caption .wr-tt a.btn:hover{background: #002f5d;}
.owl-carousel .carousel-caption .wr-tt p{width: 100%; margin:0; color: #fff; font-size: 18px;  padding:0;}
.owl-carousel .owl-controls { position:absolute; bottom: 10px; width: 100%;} /* --- This is style for dots btn next prev set up --- */
.owl-carousel .owl-controls .owl-dots { display: block!important}  /* --- This is style for dots show hiden--- */
.owl-carousel .owl-controls .owl-nav { display: none!important;} /* --- This is style for btn next prev show hiden --- */
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next { position:absolute; z-index:99; width:60px; height:60px; border-radius:50%; display:block;}
.owl-carousel .owl-controls .owl-nav .owl-next { right: 20px;  background:rgba(0,0,0,0.2) url('/images/all/btn-next.png') no-repeat center center; display:block;  }
.owl-carousel .owl-controls .owl-nav .owl-prev { left: 20px;  background: rgba(0,0,0,0.2) url('/images/all/btn-prev.png') no-repeat center center; display:block}

.owl-carousel.owl-loaded { display: block;}
.owl-carousel.owl-loading { opacity: 0; display: block;}
.owl-carousel.owl-hidden { opacity: 0;}
.owl-carousel .owl-refresh .owl-item { display: none;}
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; max-width:100%;}
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-grab {cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;}
.owl-carousel.owl-rtl { direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.no-js .owl-carousel {display: block;}
.owl-carousel .item-video { min-height:400px;}
.owl-carousel .owl-item .owl-lazy { opacity: 0; -moz-transition: opacity 400ms ease; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.owl-carousel .owl-item { text-align:center; }
.owl-carousel .owl-item img { transform-style: preserve-3d; text-align:center }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000;}
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url('/css/owl.video.play.png') no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -moz-transition: scale 100ms ease; -webkit-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease;}
.owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none;}
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -moz-transition: opacity 400ms ease; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.owl-carousel .owl-video-frame { position: relative; z-index: 1;}
.owl-carousel .fa { color: #777; font-size: 32px;}
.owl-carousel .row + .row { margin-top: 38px;}
.owl-nav .owl-next:before, .owl-nav .owl-prev:before { font-size: 40px;}
.owl-nav .owl-next:hover, .owl-nav .owl-prev:hover { color: #fff; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.owl-dots { background: transparent; text-align: center;}
.owl-dots .owl-dot { display: inline-block; background: #fff; width: 30px; height: 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; border:1px solid rgba(0,0,0,0.1)}
.owl-dots .owl-dot:hover, .owl-dots .owl-dot.active { background: #2783d0; border:1px solid #2783d0;}
.owl-dots .owl-dot + .owl-dot { margin-left: 9px;}
* + .owl-dots { margin-top: 20px;}

/*========================================================
   Css style Kontakt
=========================================================*/
.wr-map-kt { min-height:250px; position:relative; margin-bottom:40px;}
#map { position:absolute; top:0px; bottom:0; left:15px; right:15px; z-index:1}
.mailform { /*margin-top: 20px;*/}
.mailform .btn-sent { background: #E11A38 none repeat scroll 0 0; float: left; border-radius: 0; color:#fff; margin-bottom:15px; padding:10px 40px; line-height:24px; font-size:18px; font-family: 'OpenSans-Semibold'; text-transform: uppercase;}
.mailform .btn-sent:hover { background:#000; color:#fff;}
.list-unstyled li{ list-style:none!important; color:#000}
.pad-0 { padding-left:0; padding-right:0; }
.wr-line-input-kt { width:100%; margin-right:0%; float:left; margin-bottom:10px; border-bottom:1px solid #dddada; min-height:25px; min-height:40px;}
.wr-line-input-kt:nth-child(2n) { margin-right:0} 
.wr-line-input-kt .txt-input { width:100%; padding:0px 15px; float:left; color:#000; background:none; border:none; line-height:25px; min-height:40px;}

/*========================================================
   Css style Footer
=========================================================*/
footer {  width:100%;  float:left;}
.out-footer { padding:0; margin:0 auto; position:relative; z-index:1; background: #fff; padding: 15px 0; border-top: 1px #cdcdcd solid;}
.txt-ft { color:#212121; text-align:center; width:auto; margin:0 auto; margin-top:15px; margin-bottom:10px; font-size:12px}
.txt-ft a { color:#212121}
.txt-ft a:hover { text-decoration:underline;}
.claw{background: rgba(0, 0, 0, 0) url('/images/all/logo-claw.png') no-repeat center center; display: inline-block; height: 17px; width: 16px; vertical-align:top; text-indent:9999999999999px;}
.bottom-ft a{color: #212121;}
.bottom-ft a:hover{color: #2783d0;}
.bottom-ft h3{font: 15px "MontserratBold"; text-transform: uppercase;;}
.bottom-ft{background: #242726; padding: 35px 0 0 0; font-size: 14px; color: #fff;}
.bottom-ft .ft-links{text-align: left; list-style-image: url('/images/all/arrow.png');}
.bottom-ft .ft-links li{margin-bottom: 10px;}
.bottom-ft .social-footer a{ padding: 5px; display: inline-block;}
.bottom-ft li p{margin-bottom: 0;}
.bottom-ft .ft-info{text-align: left;}
.bottom-ft .ft-info li{list-style: none; display: flex; margin-bottom: 10px;}
.bottom-ft .ft-info img{vertical-align: inherit; margin-right: 7px;}

.bottom-ft .numphone-ft{font: 18px "MontserratBold"; color: #E11A38; border: 1px #fff solid; padding: 5px 10px; }
.v-mid{display: table-cell; vertical-align: middle; float: none;}
.out-footer  .social-footer{width: 100%; margin: 15px auto 0 auto; text-align: center;}
.out-footer  .social-footer ul{margin: 0; padding: 0; list-style: none;}
.out-footer  .social-footer ul li{font-size: 12px; text-transform: uppercase; padding: 0 10px; display: inline-block;}
.out-footer  .social-footer ul li a{color: #212121; display: inline-block; text-align: center;}
.out-footer  .social-footer ul li a:hover{color: #2783d0;}
/*==================     ToTop     ======================*/
.toTop { width: 50px; height: 50px; background: #05235F; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -moz-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.3); box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.3); color: #fff; position: fixed; right: 10px; top:auto; bottom: 10px; display: none; overflow: hidden; text-align: center; text-decoration: none; z-index: 99;}
.toTop:focus { color: #fff; background: #000; }
.toTop:before { line-height: 50px; font-size: 18px; }
.toTop:hover { color: #fff; background: #000; text-decoration: none;}
 
 
/*========================================================
    Css style main content
=========================================================*/

/*  Css Home Page
=========================================================*/

.wr-line-cont { width:100%; float:left; padding: 60px 0; text-align:left}
.wr-title-all { margin-bottom: 20px;}
.wr-title-all h1 { display:block; font-size: 40px ; line-height: normal;   font-family: 'MontserratBold', Arial; color: #555;  text-align: left;  margin: 0 auto; padding: 10px 0 0 0 ; position: relative; width: auto; text-transform: uppercase;}
.wr-title-all h2 { display:block; font-size: 45px ; line-height: normal; font-family: 'MontserratBold', Arial; color:#323232;  text-align: center;  margin: 0 auto; padding: 10px 0 10px 0 ; position: relative; width: auto; text-transform: uppercase;}
.wr-title-all p{text-align: center; padding: 15px 200px 0 200px; }
.wr-title-all h3 {  display:block; font-size: 30px ; line-height: normal;  font-family: 'MontserratBold', Arial; color:#000000; text-align: left; margin: 0 auto; padding: 10px 0 0 0 ; position: relative; width: auto;  text-transform:uppercase;  }
.wr-title-all h2:after{width: 60px; height: 2px; position: absolute; background: #2783d0; content: ""; left: 50%; margin-left: -30px; bottom: 0px;}
.wr-title-all span{text-align: center; color: #999999; font-family: 'OpenSans-Semibold'; display: block; text-transform: uppercase; font-size: 18px;}

/*======= Om-oss =======*/
.om-oss{padding: 0; position: relative; z-index: 99; background: url('/images/bg-omoss.jpg') no-repeat; background-size: cover; background-position: top center; padding: 60px 0;}
.om-oss p{ padding-top: 20px;}
.om-oss .row{align-items: center;}

/*====== teaser-1 =====*/

.teaser-1  {   width:100%; margin:0;  text-align: center; background: rgba(255, 255, 255, 1); }


/*====== teaser-2 =====*/

.teaser-2  {  width:100%; margin:0 auto;  text-align:right ; background: #fff; height: 100%;  position: relative;}
.teaser-2 p { display:block;   }
.teaser-2 .wr-line-input-kt { margin-bottom: 10px; border:0; background: transparent; border-bottom: 1px solid #cdcdcd; padding: 5px 10px;   }
.teaser-2 .wr-line-input-kt .txt-input { background:none;color: #717171;  padding-left: 0; font-size: 14px;}
.teaser-2 .btn-sent { display:block; background: #ccc; color:#212121; padding: 10px 40px; text-transform: uppercase; font: 16px "MontserratBold"; margin: 0 auto; border-radius: 3px;}
.teaser-2 .btn-sent:hover { background: #212121; color: #fff;}
.teaser-2 .container{width: 100%; margin: auto;}
.teaser-2 .req{color: #fff; font-size: 12px; text-align: right; margin: 0 0 15px 0;}
/* .teaser-2::before{background: #2F2F2F; width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; display: block; opacity: 0.5;} */

/* .teaser-2 .wr-title-all h2{text-align: center; color: #fff;} */
/* .teaser-2 .wr-title-all:after{left: 50%; transform: translateY(-50%); margin-left: -50px;} */
.teaser-2 .wr-title-all p{padding: 0;}

/*========================================================
                        SUB PAGE
=========================================================*/

.sub-page {float:left; width:100%; background: #f7f7f7; padding-top: 20px;}
.sub-page h1 { display:block; font-size: 30px ; line-height:1.2;  font-weight:bold;   text-align:left;  margin: 0 auto; padding: 10px 0 0 0 ; position: relative; width: auto;  margin-bottom:10px;}

.sub-page .wr-title-all{background: none; padding-bottom:0;}
.sub-page .wr-title-all:after { display:none  }
.sub-page .wr-title-all:before{display: none;}
.sub-page .wr-line-cont { padding: 20px 0 50px 0;   }
.sub-page .video-sp{width: 100%; margin-top: 40px; margin-bottom: 40px;}
/*====== 30/12/2019 =====*/
.logo{margin-left: 15px; float: left;}

.background-mask-1{background: url('/images/banner-1.jpg') no-repeat scroll center center; height: 700px; background-size: cover; background-attachment: fixed;}
.background-mask-2{background: url('/images/banner-2.jpg') no-repeat scroll center center; height: 700px; background-size: cover; background-attachment: fixed;}
.background-mask-3{background: url('/images/banner-3.jpg') no-repeat scroll center center; height: 700px; background-size: cover; background-attachment: fixed;}
.background-mask-4{background: url('/images/banner-4.jpg') no-repeat scroll center center; height: 700px; background-size: cover; background-attachment: fixed;}

.wr-video{  background-position-x: center; background-position-y: center; background-size: cover; overflow-x: hidden; overflow-y: hidden; position: relative; width: 100%; height: 91vh;	}
.wr-video > .video-31256 { position: absolute; top: -45px;	left:0;	right:0; width: 100%;  z-index:1;	opacity:1; background-color:#fff}
.sub-page h4{text-transform: uppercase; color: #212121; font-size: 20px; font-family: 'MontserratBold', Arial;}

.sub-page .btn-sent { display:block; background: #ccc; color:#212121; padding: 10px 40px; text-transform: uppercase; font: 16px "MontserratBold"; margin: 0 auto; border-radius: 3px;}
.sub-page .btn-sent:hover { background: #212121; color: #fff;}
.sub-page .kontakt-form{margin-top: 20px; margin-bottom: 40px;}

/*----------------------------------------------------------------------*/


.note.js-error{color:red;}
.txt-input:focus:invalid{border: 1px solid #FF4D4E!important; box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(255,77,77,.6)!important;}
.txt-input{outline:none;border:1px solid #dddada;}
.txtCaptcha{outline:none;}
.txt-input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.txtCaptcha:focus:invalid{border: 1px solid #FF4D4E!important;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(255,77,77,.6)!important;}
.txtCaptcha:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.container .captchaTable, .container-fluid .captchaTable{width:auto!important; }

.container table tr td, .container-fluid table tr td{word-wrap:break-word; padding: 5px;}
.container .captchaTable #CaptchaImage,
.container-fluid .captchaTable #CaptchaImage {height:40px!important; margin-left:5px; margin-bottom:0;}

.container table, .container-fluid table{table-layout:fixed;width:100%!important;}
.container table img, .container-fluid table img{height:auto!important; width:auto!important}
.captchaTable td {
    padding: 0 !important;
}
.txtCaptcha{margin-right:5px;}
.container table tr td .txtCaptcha, .container-fluid table tr td .txtCaptcha{margin:0px!important; border:1px solid #dddada; font-size:16px; color:#A4A4A4;}

.marg img{margin-right:5px; float:left;}

.container img, .container-fluid img{height:auto!important; max-width:100%; max-height: 100%;}

.container table iframe, .container-fluid table iframe{width:100%!important}

.container table tr td .txtCaptcha, .container-fluid table tr td .txtCaptcha{height:40px;}
.mailform .refreshCaptcha{background:url("/images/all/refresh.png") no-repeat!important }

.pager{text-align:right!important;}
.pager a {
    margin-left: 5px;
    border: 1px solid #85817c;
    padding: 4px 8px;
    color: #85817c;
    margin-top: 10px;
    margin-bottom:6px;
}

.pager a.selected, .pager a:hover{border:1px solid #379AD6!important; color:#379AD6!important}
.pager a{border:1px solid #ccc!important; color:#ccc}

/*----------------------------------------------------------------------*/


.hero-bg:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.bannermobi{display:block;}
/*.bgmb{display:none;}*/

.homecontact .clswidth{flex:100%; max-width:100%;}
.homecontact{margin-bottom:20px;}

.customHtml h2{font-size:16px;}



.welcome ul.list-welp {list-style:none; width:100%; margin: 30px 0 0 0; padding:  0; display:block; position: relative; }
.welcome ul.list-welp  li.item { float:left; width: 32%; margin:0px 2% 30px 0px; background: #4db6ac ; position: relative;  color: #fff;}
.welcome ul.list-welp  li.item:nth-child(3n){ margin-right:0px}
.welcome ul.list-welp  li.item img{display:block; cursor: pointer; width: 100%; position: relative;}
.welcome ul.list-welp  li.item .link{display: block; background: #81bc3d; padding: 18px 0; text-align: center; width: 100%; padding: 0;}
.welcome ul.list-welp  li.item .link h2{color: #fff; font-size: 20px; margin: 0; padding: 15px 0; text-transform: none !important;}
.welcome ul.list-welp  li.item .link a{color: #fff; text-transform: none; text-align: center; font-size: 14px; font-weight: normal; width: 90%; padding: 0 5%;}
.welcome ul.list-welp  li.item .link a:hover{color: #0068b3; text-decoration: none;}
.welcome ul.list-welp  li.item .plus{position: absolute; top: 40%; left: 50%; width: 20px; margin-left: -10px; display: none;}
.welcome ul.list-welp  li.item:hover .link{display: block; z-index: 9999; }

.welcome ul.list-welp  li.item:hover .plus{display: block; z-index: 999999999; position: absolute; opacity: 1;}
.welcome ul.list-welp  li.item:hover .plus img{opacity: 1;}
.subpage .welcome ul.list-welp li.item .link a {padding: 0}
.welcome ul.list-welp li.item .link h2 a{font-size: 20px!important}
.welcome ul.list-welp li.item img{ width: 100% !important;margin-bottom: 0!important}
.welcome ul.list-welp li.item iframe{width: 100% !important;}
.canvascustom{ width: 100% !important;height: 100%!important}

.map-description{margin-bottom:20px;}
.map-tile h1{font-size:25px; line-height:25px; margin-bottom:20px; color: #0068b3}

#tooltipMap  h3{ 
    font-size: 16px; 
    margin-bottom:10px!important;
    font-weight:bold;
}

#tooltipMap .body {font-size:13px; }

.teaser-2 .clsnote{text-align:center;}

.ie .wr-line-input-kt .txt-input.cmnttxt{min-height:150px;}

.hide{display:none!important}


ul.lightgallery {list-style: none;}
ul.lightgallery li {float: left; width: 77px; margin-right: 5px; border:1px solid #ccc; margin-bottom:6px;}
.no-padding {padding: 0;}

.apartment-info .btn{padding-left:0;}

.linkbtn{ width:100%; line-height:40px; margin-top:15px;}
.linkbtn a{background: #ccc; color:#000; padding:10px 20px; border-radius:5px; text-transform:uppercase}
.linkbtn a:hover{color:#fff; background:#212121}


.desfull{margin-top:10px;}
.desfull h2{background:#2783d0; color:#fff; line-height:24px; font-size:24px; padding:10px;}
.desfull h3{line-height:24px; font-size:18px;}

.sub-page .sortdes h4{ border:1px solid #2783d0; padding:20px 10px; text-align:center; font-weight:normal; line-height:24px;text-transform:none; font-family:'Open_sansregular', Arial, serif}


.clear {clear: both;}

/* css langding page 26-06-2020 */
.new-subpage {background-color: #2d3e50; color: #fff;}
.new-subpage .wr-title-all h3 {color: #fff;}

.g-wrap {
    max-width: 2200px;
    padding-left: 100px;
    padding-right: 100px;
}

.block-banner {
    height: calc(100vh - 114px);
    position: relative;
}

.lesmer {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

    .lesmer a {
        color: #fff;
        font-size: 18px;
        line-height: 26px;
    }

    .lesmer span {
        display: block;
        text-align: center;
        animation: bounce 1s infinite alternate;
        -webkit-animation: bounce 1s infinite alternate;
        margin-top: 10px;
    }

@keyframes bounce {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-15px);
    }
}

.block-banner:before {
    content: '';
    background-color: rgba(79, 117, 139, 0.82);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.block-banner .content {
    position: absolute;
    color: #fff;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.block-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-banner h1 {
    font-size: 50px;
}

.block-banner p {
    font-size: 20px;
    font-weight: 600;
}

.block-video {
    background-color: #2d3e50;
}

    .block-video .content {
        max-width: 800px;
        margin: auto;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        padding: 60px 0;
    }

    .block-video h2 {
        margin-bottom: 30px;
    }

    .block-video .wr-video iframe {
        width: 100%;
        height: 100%;
    }
	
	.block-video .wr-video iframe[data-src] {
       display: none;
    }
	
	.block-video .wr-video a {
		position: absolute;
		width: 100px;
		display: block;
		top: calc(50% - 50px);
		left: calc(50% - 50px);
		text-align: center;
		height: 100px;
		background: #2D3E50;
		color: #fff;
		border-radius: 50%;
		line-height: 100px;
	}
	
	.block-video .wr-video.playing a {display:none;}

.block-left {
    padding: 0;
    position: relative;
    z-index: 99;
    background-size: cover;
    background-position: top center;
    padding: 60px 0;
    background-color: #2d3e50;
}

    .block-left h2 {
        color: #fff;
        text-transform: inherit;
        font-size: 2rem;
        text-align: left;
        font-family: inherit;
    }

        .block-left h2:after {
            display: none;
        }

    .block-left p {
        color: #fff;
        text-transform: inherit;
        font-size: 18px;
    }

    .block-left .inner {
        padding-top: 100px;
    }

    .block-left .readmore {
        border-bottom: 1px solid currentColor;
        padding-bottom: 2px;
        color: #fff;
    }

.block-text-center {
    background-color: #2d3e50;
}

    .block-text-center h2 {
        color: #fff;
        text-transform: inherit;
        font-size: 2rem;
        text-align: center;
        font-family: inherit;
    }

        .block-text-center h2:after {
            display: none
        }

    .block-text-center p {
        font-size: 18px;
        line-height: 28px;
        color: #fff;
    }

.block-text-left {
    background-color: #537293;
    padding: 100px 0;
}

    .block-text-left h2 {
        color: #fff;
        text-transform: inherit;
        font-size: 2rem;
		text-align: left;
        font-family: inherit;
    }
	
	.block-text-left a {color: #fff;}
	.block-text-left a:hover { text-decoration: underline; }

    .block-text-left p {
        color: #fff;
        font-size: 18px;
        line-height: 28px;
        text-align: left;
        padding: 45px 0 0;
        display: inline-block;
        -webkit-column-break-after: avoid;
        break-after: avoid;
    }

    .block-text-left .text {
        -webkit-column-count: 2;
        column-count: 2;
    }

    .block-text-left h2:after {
        display: none;
    }

.wr-banner-full {
    background-color: #2d3e50;
}

    .wr-banner-full p {
        color: #fff;
        text-align: center;
        font-size: 14px;
        line-height: 18px;
        margin: 0;
        padding: 20px 0;
    }

    .wr-banner-full .inner-right {
        padding-left: 0;
        width: calc(75% + 35px);
        float: right;
        margin-left: auto;
    }

.box-padding {
    padding: 70px 0;
}

.wr-box-slide {
    background-color: #fff;
}

    .wr-box-slide h2 {
        color: #2d3e50;
        text-align: center;
        margin-bottom: 50px;
    }

    .wr-box-slide .owl-carousel .owl-controls {
        bottom: -35px;
    }

    .wr-box-slide .owl-dots .owl-dot:hover, .owl-dots .owl-dot.active {
        background: #2d3e50;
        border: 1px solid #2d3e50;
    }

    .wr-box-slide .content {
        margin-top: 15px;
    }

        .wr-box-slide .content h3 {
            color: #2d3e50;
            margin-bottom: 5px;
        }

        .wr-box-slide .content ul li {
            color: #2d3e50;
            list-style: none;
            display: inline-block;
            padding: 0px 8px;
            font-size: 14px;
        }

.block-table-scroll {
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.brand-content-border {
    border-color: #fff;
}

.block-table td, .block-table th {
    vertical-align: middle;
    border: 1px solid #fff;
    padding: 26px 20px 23px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.wr-table {
    background-color: #2d3e50;
    width: 100%;
}

.block-table {
    width: 100%;
}

    .block-table table {
        width: 100%;
    }

.wr-table h3 {
    color: #fff;
    text-transform: inherit;
    font-size: 2rem;
    text-align: center;
    font-family: inherit;
    display: block;
    width: 100%;
    margin-bottom: 50px;
}

.wr-table .text {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    max-width: 800px;
    margin: 40px auto 0;
    text-align: center;
}

.wr-gallery {
    background-color: #2d3e50;
}

    .wr-gallery .block-images {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 100px;
    }

        .wr-gallery .block-images .item {
            padding: 0 35px;
        }

    .wr-gallery .col-13 {
        padding-top: 13%;
    }

    .wr-gallery .col-35 {
        padding-top: 35%;
    }

.wr-text-half {
    background-color: #fff;
}

    .wr-text-half h3 {
        text-align: center;
        color: #2d3e50;
        font-size: 2rem;
        margin-bottom: 50px;
        font-weight: 600;
    }

    .wr-text-half p {
        color: #4f758b;
        font-size: 18px;
        line-height: 28px;
    }

    .wr-text-half .inner {
        padding: 0 50px;
    }

.box-dowload {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

    .box-dowload .icon-dowload {
        background-color: #fff;
        line-height: 90px;
        width: 90px;
        height: 90px;
        text-align: center;
        display: inline-block;
        font-size: 24px;
        color: #2d3e50;
        border-right: 1px solid #2d3e50;
    }

.wr-dowload {
    background-color: #2d3e50;
}

.box-dowload .text-dowload {
    background-color: #fff;
    line-height: 90px;
    width: 100%;
    height: 90px;
    padding-left: 20px;
    display: inline-block;
    font-size: 18px;
    color: #2d3e50;
}

.wr-dowload h2 {
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 50px;
}

.box-half {
    width: 50%;
    height: 100%;
    position: relative;
}

.wr-box-contact {
    background-color: #2d3e50;
}

.box-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.box-infomation {
    background-color: #fff;
    min-height: 520px;
    padding: 76px 50px 52px;
}

.keyinfolist {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.keyinfolist__item {
    width: calc(100% / 3);
    margin: 0 0 40px;
    text-align: center;
    list-style: none;
    color: #2d3e50;
}

.keyinfolist__item-icon svg :not(mask) {
    fill: #2d3e50;
    fill-opacity: 1;
}

.box-infomation h3 {
    color: #2d3e50;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 40px;
}

.box-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.backlink {
    font-size: 25px;
    line-height: 38px;
    color: #fff;
    border-bottom: 1px solid currentColor;
    margin: 40px auto;
}

    .backlink:hover {
        color: #fff;
    }

    .backlink span {
        padding-right: 10px;
    }

.wr-aboutus .item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 78px;
    padding-bottom: 71px;
    position: relative;
    text-align: center;
    min-height: 400px;
    background-size: cover;
    background-position: center;
}

    .wr-aboutus .item h3 {
        font-size: 30px;
        margin-bottom: 30px;
        color: #fff;
    }

    .wr-aboutus .item .content {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }

.button-link {
    background-color: #fff;
    color: #2d3e50;
    display: inline-block;
    border-radius: 50px;
    padding: 15px 50px 15px;
}

    .button-link span {
        display: inline-block;
        margin-left: 3px;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s;
    }

.wr-aboutus-left:before {
    content: '';
    background-color: #2d3e50;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.8;
}

.button-link:hover span {
    -webkit-transform: translate(5px);
    transform: translate(5px);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}

.wr-aboutus-right:before {
    content: '';
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.8;
}

.wr-aboutus .wr-aboutus-right.item h3 {
    color: #2d3e50;
}

.wr-aboutus-right .button-link {
    background-color: #2d3e50;
    color: #fff;
}

.wr-aboutus.wr-line-cont {
    padding: 0;
}

.wr-ft {
    background-color: #2d3e50;
}

    .wr-ft .text-left {
        color: #fff;
        font-size: 18px;
        line-height: 50px;
    }

    .wr-ft .logo {
        margin: auto;
    }

        .wr-ft .logo a {
            height: 50px;
            width: 300px;
            display: inline-block;
        }

    .wr-ft .text-right a {
        color: #fff;
        font-size: 18px;
        line-height: 50px;
    }

.two-col .col-item { margin-bottom: 15px; }	

@media only screen and (min-width: 769px) {
	 .wr-ft .logo {
		left: -7%;
    }
}


@media only screen and (max-width: 1366px) {
    .block-left .inner {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .block-left .inner {
        padding-bottom: 20px;
    }

    .g-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }

    .wr-gallery .col-35 {
        padding-top: 0;
    }

    .wr-gallery .col-13 {
        padding-top: 0;
    }

    .wr-gallery .block-images .item {
        padding: 0;
        margin-bottom: 20px;
        text-align: center;
    }

    .wr-gallery .block-images {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
	.new-subpage .wr-title-all p {padding: 0;}	 
	.g-wrap {
		padding-left: 15px;
		padding-right: 15px;
	}
    .wr-ft .logo {
        width: 100%;
        text-align: center;
    }

    .wr-ft.wr-line-cont {
        padding: 20px 0;
    }

    .wr-ft .text-right,
    .wr-ft .text-left {
        display: block;
        margin: 15px auto;
    }

    .block-left {
        padding: 30px 0 !important;
    }

    .block-banner .content {
        width: 100%;
    }

    .block-video .content {
        padding: 30px 0;
    }

    .wr-box-slide .content h3 {
        font-size: 20px;
    }

    .backlink {
        font-size: 18px;
    }

    .wr-aboutus .item h3,
    .box-infomation h3,
    .wr-dowload h2,
    .wr-text-half h3,
    .wr-table h3,
    .wr-box-slide h2,
    .block-text-left h2,
    .block-text-center h2,
    .block-left h2,
    .block-video h2,
    .block-banner h1 {
        font-size: 25px !important;
    }

    .block-banner p {
        font-size: 18px;
    }

    .block-text-left .text {
        -webkit-column-count: 1;
        column-count: 1;
    }

    .wr-text-half .inner {
        padding: 0;
    }


    .box-inner {
        display: block;
    }

    .box-half {
        width: 100%;
        height: auto;
    }

    .box-map img {
        position: relative;
    }

    .box-infomation {
        min-height: 300px;
        padding: 40px 50px 10px;
    }

    .keyinfolist__item {
        margin: 0 0 15px;
    }
}
/* the end sub page */

.btn:focus { outline: none !important; box-shadow: none !important; }

.bg-version {background: #efefef;}

.btn.collapsed .fa-chevron-down {display: block;}
.btn.collapsed .fa-chevron-up {display: none;}

.btn .fa-chevron-down {display: none;}
.btn .fa-chevron-up {display: block;}

.form-label {font-weight: bold;}

.hotline {float: right; color: #fff; margin-right: 35px;}
.hotline ul {list-style: none;}
.hotline ul li {display: inline-block; padding-left: 15px;}
.hotline ul li a {color: #fff; text-decoration: none;
 font-family: "Raleway", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
 }
.hotline ul li a:hover {color: #2783d0;}

.social-footer a.tel {
	color: #565656; text-decoration: none;
 font-family: "Raleway", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.social-footer a.tel:hover {
	color: #2783d0;
}

.b-loading .isStuck {display: none;}

.form-control:focus:invalid, .form-check-input:focus:invalid, .form-select:focus:invalid {
	border-color: #dc3545;
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
	background: #fbe9eb;
}

.bg-gal, .bg-gal.opt-cine, .bg-gal.opt-cinci, .bg-gal.opt-enter {
    background-color: #05235F !important;
	color: #FFF;
}

.bg-info.opt-cinci{
	background-color: #0d6efd !important;
	color: #FFF;
}

.opt-tokio{
	background-color: #cfdefc !important
}

.bg-gal.opt-tokio{
	background-color: #0d6efd !important
}

.page-item.active .page-link{
	background-color: #05235F;
    border-color: #05235F;
}
.page-link {
	color: #05235F;
}

.form-control:focus:invalid + label.btn {
	border-color: #dc3545;
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
	background-color: #fbe9eb;
	color: #dc3545;
}

/* disabled control by css */
.view-section .form-control:not(.btn), .view-only .form-control { pointer-events: none; background-color: #e9ecef; }
.view-section .btn, a.btn[disabled] {pointer-events: none; opacity: 0.65;}
.view-section .form-check, .view-section .form-check-label { pointer-events: none; }
.view-section .form-check-input, .view-only .form-check-input { pointer-events: none; opacity: 0.65; }
.view-only span.text-danger {display: none;}

.wr_mn_Rclick li a {border-radius: 0; width: 100%;}

.msg-sign {display: none;}
#Signature:invalid:focus + .msg-sign {display: block !important;}


.bg-soft-success, .opt-cine {
    background-color: rgba(10, 179, 156, .18) !important;
}

.bg-soft-secondary {
    background-color: rgba(53, 119, 241, .18) !important;
}

.bg-soft-primary {
    background-color: rgba(64, 81, 137, .18) !important;
}

.bg-soft-info, .opt-cinci {
    background-color: rgba(41, 156, 219, .18) !important;
}

.bg-soft-danger, .opt-enter {
    background-color: rgba(240, 101, 72, .18) !important;
}

.bg-soft-warning {
    background-color: rgba(247, 184, 75, .18) !important;
}

.bg-secondary {
	background-color: #3577f1 !important;
} 

.bg-primary .form-check-input:checked {
    background-color: #05235F;
    border-color: #05235F;
}

#hfSpendAllocation { height: 1px !important; width: 1px !important; outline: none !important; box-shadow: none !important; border: none !important; }
#hfSpendAllocation:invalid:focus + .invalid {display: block !important;}

.opt-cine.hidden, .opt-cinci.hidden, .opt-enter.hidden { visibility: hidden; }

.appendix-textarea {
	height: 1px !important;
    width: 1px;
    padding: 0;
    margin: 0;
    min-height: 1px !important;
    outline: none;
    border: 0;
    box-shadow: none;
}
.appendix-item:hover.cke_show_borders { box-shadow: 0 0 20px 3px #f00 inset !important; }
.appendix-textarea:invalid + .appendix-valid,
.editor-textarea.is-invalid:invalid + .editor-valid,
.editor-textarea:invalid + .editor-valid,
.form-control:invalid + .cert-valid
{ display: block !important; }

.pre-opt .accordion-button::after,  .wr-appendix .accordion-button::after {
     filter: invert(1);
 }
 
.pre-opt .accordion-button:not(.collapsed)::after ,
.wr-appendix .accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.fa-del-icon {width: 15px;}

.cursor-pointer { cursor: pointer; }
.cursor-pointer.text-muted { cursor: not-allowed; }
#lst-user tr.cursor-pointer.text-muted { pointer-events: none; }

.frm-disabled .form-control { pointer-events: none; background-color: #e9ecef; }
.frm-disabled .form-check-input { pointer-events: none; }
.frm-disabled .btn-danger { pointer-events: none; background-color: #f4bec3; border-color: #f4bec3;}
.frm-disabled .btn-primary { pointer-events: none; background-color: #b3d1fe; border-color: #b3d1fe;}
.claim-paid .btn, .claim-paid .form-control, .claim-paid .form-select {pointer-events: none; opacity: 0.65;}
.claim-paid #lnkBack {pointer-events: auto; opacity: 1; }

.bg-group-act { background-color: #fff !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75) !important; }
#btnGroupAct {border: 1px solid #000;}

.bg-group-act li {padding-top: 0.5rem; padding-bottom: 0.5rem;}
.bg-group-act li:first-child { padding-top: 1rem; }
.bg-group-act li:last-child { padding-bottom: 1rem; }


/* 2025.09.20 */
 .btn-dark.btn-medical {
     background-color: #fff;
     color: #000;
 }
 
 .col-action .btn-danger[data-bs-toggle]:not(.collapsed) {
     box-shadow: 0 0 6px 2px #dc3545 !important;
 }

 .col-action .btn-warning[data-bs-toggle]:not(.collapsed) {
     box-shadow: 0 0 6px 2px #997300 !important;
 }

.col-action .btn-dark[data-bs-toggle]:not(.collapsed) {
   box-shadow: 0 0 6px 2px #000 !important;
}

.col-action .btn-doc[data-bs-toggle]:not(.collapsed){
   box-shadow: 0 0 6px 2px #0dcaf0 !important;
}

.col-action .btn-adminfile[data-bs-toggle]:not(.collapsed){
   box-shadow: 0 0 6px 2px #800060 !important;
}

.col-action .btn-adminfile {
	background-color: #cc0099;
    border-color: #cc0099;
	width: 33px;
}

.col-action .btn-kc {
	background-color: #cbb04d;
    border-color: #cbb04d;
	width: 50px;
}

.col-action .btn-qr {
	background-color: #b5c520;
    border-color: #b5c520;
	width: 50px;
}

.btn-qr-form {
	background-color: #b5c520;
    border-color: #b5c520;
	color: #fff;
}

.col-action .btn-kc[data-bs-toggle]:not(.collapsed){
   box-shadow: 0 0 6px 2px #c6a739 !important;
}

.col-action .btn-ic {
	background-color: #0000e6;
    border-color: #0000e6;
	width: 32px;
}

.col-action .btn-ic[data-bs-toggle]:not(.collapsed){
   box-shadow: 0 0 6px 2px #0033cc !important;
}

.col-action .btn-qr[data-bs-toggle]:not(.collapsed) {
   box-shadow: 0 0 6px 2px #646e12 !important;
}

.col-action .btn-success[data-bs-toggle]:not(.collapsed) {
   box-shadow: 0 0 6px 2px #198754 !important;
}

.col-action .btn-primary[data-bs-toggle]:not(.collapsed) {
   box-shadow: 0 0 6px 2px #0d6efd !important;
}

#drop-zone, .iq-drop-zone, .doc-drop-zone, .kc-drop-zone, .qr-drop-zone, 
.if-drop-zone, .claim-drop-zone, .qatt-drop-zone, .medatt-drop-zone, 
.certatt-drop-zone, .adminfile-drop-zone, .wr-drop-zone {
        border: 2px dashed #ccc;
        padding: 50px;
        text-align: center;
        cursor: pointer;
    }
	
#drop-zone { padding: 50px;}
.iq-drop-zone, .doc-drop-zone, .kc-drop-zone,.qr-drop-zone, 
.if-drop-zone, .claim-drop-zone, 
.qatt-drop-zone, .medatt-drop-zone, 
.certatt-drop-zone, .adminfile-drop-zone, .wr-drop-zone
{ padding: 30px; position: relative;}
	

#drop-zone.dragover, .iq-drop-zone.dragover, 
.doc-drop-zone.dragover, .kc-drop-zone.dragover, 
.qr-drop-zone.dragover, .if-drop-zone.dragover,
.qatt-drop-zone.dragover, .certatt-drop-zone.dragover,
.adminfile-drop-zone.dragover, .medatt-drop-zone.dragover, .wr-drop-zone.dragover
.claim-drop-zone.dragover {
	background-color: #0dcaf0;
}
	
.iq-edit, .doc-edit, .kc-edit, .qr-edit, 
.claim-part-edit,
.qatt-edit, .certatt-edit, .adminfile-edit, 
.medatt-edit, 
.if-edit {display: none!important;}

.active .iq-edit, .active .doc-edit, 
.active .kc-edit, .active .qr-edit,
.active .claim-part-edit,
.active .if-edit, .active .qatt-edit,
.active .certatt-edit, .active .adminfile-edit, 
.active .medatt-edit 
{display: flex !important;}

.active .iq-view, .active .doc-view, 
.active .kc-view, .active .qr-view, 
.active .claim-part-view,
.active .if-view, .active .qatt-view,
.active .certatt-view, .active .adminfile-view, 
.active .medatt-view 
{ display: none !important; }

.tabs-cert.nav-tabs .nav-link.active,
.tabs-cert.nav-tabs .nav-link:hover, 
.tabs-cert.nav-tabs .nav-link:focus  {
	background-color: #0d6efd !important;
	color: #fff;
	border-bottom: none !important;
}

.tabs-cert.nav-tabs .nav-link {
	color: #000;
	background-color: #ddd;
    border: 1px solid #fff;
	border-bottom: none;
}

.client-zone + .dropdown-menu {
    width: 300px;
}

td.col-action { cursor: default !important; }

#lst-register tbody tr.cursor-pointer:hover,
#lst-register tbody tr.cursor-pointer.selected {
	background: #e7eefe !important;
}

.col-action .js-btn-if {
    background-color: #2952a3;
    border-color: #2952a3;
    width: 50px;
}

.col-action .js-btn-if[data-bs-toggle]:not(.collapsed) {
    box-shadow: 0 0 6px 2px #193366 !important;
}

.bg-row-selected {
	background-color: #b6cdfb !important;
}

/* fix disabled link when in view mode */
.view-section #wr-view-brief a.btn {
    pointer-events: auto;
    opacity: 1;
}

.btn-claim {
    background-color: #E53935;
    border-color: #E53935;
	color: #fff !important;
}
.col-action .btn-claim {
	width: 32px;
}

.btn-claim img {
	filter: invert(1);
}

.bg-claim .btn-claim:hover {
	background-color: #cb1d1a;
    border-color: #cb1d1a;
}

.dr-loading:after {
	content: 'Uploading';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.1) url(/content/loading.gif) no-repeat center center;
	position: absolute;
	padding-top: 5px;
	background-color: rgba(255, 255, 255, 0.75);
}

.select2-container { max-width: 100%; }

.mnu-broker-zone + .dropdown-menu {width: 350px;}
.mnu-set + .dropdown-menu {width: 330px;}
.mnu-underwriter + .dropdown-menu { width: 300px; }

/* pdf-table css class */
table.pdf-table, table.table-pdf
{
  border-collapse: collapse !important;
  width: 100% !important;
}

  table.pdf-table td, table.pdf-table th,
  table.table-pdf td, table.table-pdf th  {
	  border: 1px solid #ccc;
	  padding: 10px !important;
  }

  table.pdf-table th,
  table.table-pdf th,
  .tiptap .tableWrapper table th   {
	  background-color: #05235F !important;
	  color: #FFF !important;
  }

table.pdf-table-no-border td,
table.table-pdf-no-border td {
  border: 1px solid transparent !important;
  padding: 10px !important;
}

table.pdf-table td.no-border-bottom,
table.table-pdf td.no-border-bottom {
  border-bottom: 1px solid transparent !important;
}

.tiptap .tableWrapper table tr p { margin: 0; }

.client-user .external-links {display: none;}
.broker-user .external-links {display: inline-block !important;}

th.sort {cursor: pointer;}
.sort i {display: none;}
.sort.active.asc i.fa-arrow-up {display: inline-block;}

/* IC: Insurer Correspondence */
.ic-edit { display: none !important; }
.active .ic-edit { display: flex !important; }
.active .ic-view { display: none !important; }
.sort.active.desc i.fa-arrow-down {display: inline-block;}