/*NORMALIZE CSS*/

html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}header,nav,footer,main{display:block;width:auto;}
/*
320----  4.5%	+ 360----  8.5% + 375---- 13.0%  + 390---- 20% + 415---- 32%
768----  2.5%
1024---  1% + 1150---  0.7% + 1280---  7.5% + 1600--- 10%
MOBILE VIEW 1-1023
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0 none;font-size: 100%;vertical-align: baseline;}
body{font-family: 'Open Sans', sans-serif;padding-bottom: 100px !important; height: auto; line-height: 1.6;box-sizing: border-box;margin: 0;font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
body *{box-sizing: border-box;}
img {max-width: 100%;height: auto;}
h1,h2,h3,h4,h5,h6 {clear: both;display: block;font-style: normal;font-variant: normal;font-weight: 400;line-height: 1.4em;margin-bottom: 10px;margin-top: 5px;}
h1 {font-size: 2em;margin-bottom: 20px;display: block;font-style: normal;font-variant: normal;font-weight: 400;line-height: 140%;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
ol, ul {list-style: none;}
p {margin: 5px 0 15px;font-size: 15px;line-height: 1.8em;}
a{color: #000;text-decoration: none}
a:visited {color: #314C74;text-decoration: none;}
.mtb-30 {margin-top: 30px;margin-bottom: 30px;}
.clearfix:after,.clear-block:after,.layout-region:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
.clearfix,.clear-block,.layout-region {display: inline-block}
* html .clearfix,* html .clear-block,* html .layout-region {height: 1%;zoom:1}
.clearfix,.clear-block,.layout-region {display: block}

body.overlay {overflow: hidden;padding: 0;height: 100%}
body.overlay div.overlay,body.loading div.overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 250;background-color: rgba(0,0,0,.4);overflow: auto}
.clearDiv::after{content:".";visibility:hidden;display:block;height:0;clear:both}
body.loading{cursor: wait;overflow: hidden !important;}
body.loading div#loader.overlay {z-index: 350}
#loader>div {display: none}
body.loading #loader>div {display: inline-block;position: relative;width: 64px;height: 64px;top: 50%;left: 50%;position: fixed;padding: 20px;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
#loader>div div {animation: lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin: 32px 32px}
#loader>div div::after {content: " ";display: block;position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #fff;margin: -3px 0 0 -3px}
#loader>div div:nth-child(1) {animation-delay: -.036s}
#loader>div div:nth-child(2) {animation-delay: -.072s}
#loader>div div:nth-child(3) {animation-delay: -.108s}
#loader>div div:nth-child(4) {animation-delay: -.144s}
#loader>div div:nth-child(5) {animation-delay: -.18s}
#loader>div div:nth-child(6) {animation-delay: -.216s}
#loader>div div:nth-child(7) {animation-delay: -.252s}
#loader>div div:nth-child(8) {animation-delay: -.288s}
#loader>div div:nth-child(1)::after {top: 50px;left: 50px}
#loader>div div:nth-child(2)::after {top: 54px;left: 45px}
#loader>div div:nth-child(3)::after {top: 57px;left: 39px}
#loader>div div:nth-child(4)::after {top: 58px;left: 32px}
#loader>div div:nth-child(5)::after {top: 57px;left: 25px}
#loader>div div:nth-child(6)::after {top: 54px;left: 19px}
#loader>div div:nth-child(7)::after {top: 50px;left: 14px}
#loader>div div:nth-child(8)::after {top: 45px;left: 10px}

@keyframes lds-roller { 0% {-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)} 100% {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg)} }
.btnLoader{position: relative;}
.btnLoader::before{content: '\00a0 \00a0 ';}
.btnLoader::after{content: ' ';border: 4px solid #f3f3f3;border-top: 4px solid #455A64;border-radius: 50%;animation: spin 2s linear infinite;z-index: 21;width: 15px;  height: 15px;top: 50%; left: 5px;margin-top: -10px;position: absolute;}
@keyframes spin {	0% {transform: rotate(0deg); } 		100% {transform: rotate(360deg);}		}
form.loading,body.loading{position:relative;}
form.loading::after{    content: 'Processing ...';position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;font-size: 26px;background-color: rgba(255,255,255,0.5);text-align: center;border-radius: 3px;color: #000;z-index: 1109;padding-top: 45%;}
@keyframes spinner {to {-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
form.loading::before{    content: '';box-sizing: border-box;position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;margin-top: -70px;margin-left: -25px;border-radius: 50%;border: 7px solid #d4cccc;border-top-color: #000;animation: spin .6s linear infinite;z-index: 1110;}

input[type=text],input[type=date],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=email],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0 none;font-size:14px;font-family:inherit;width:100%;height:40px;padding-left:8px;box-sizing:border-box;border:1px solid #CCC}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-outer-spin-button,input[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-clear-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}
input[type=number],input[type=date]{-moz-appearance:textfield}
.sb-input.sb-date{position:relative}
.sb-date::-webkit-calendar-picker-indicator{left:0;top:0;width:98%;height:40px;position:absolute;color:rgba(204,204,204,0);opacity:0;cursor:pointer}
.sb-password{display:inline-block;position:relative;width:100%}
.sb-password span::after{content:'SHOW';line-height:40px;display:block;position:absolute;top:0;right:10px;font-size:11px;cursor:pointer}
.sb-password.show span::after{content:'HIDE'}
.sb-btn{font-size:12px;padding:10px 13px;display:inline-block;color:#FFF;max-width:300px;text-align:center;text-transform:uppercase;background-image:linear-gradient(to right,#111 0%,#444 51%,#111 100%);-moz-transition:background-position .5s;-webkit-transition:background-position .5s;-o-transition:background-position .5s;transition:background-position .5s;-webkit-background-size:200% auto;-moz-background-size:200% auto;-o-background-size:200% auto;background-size:200% auto;outline:none;border:0;cursor:pointer;border-radius:3px;position:relative}
.sb-btn:hover{background-position:right center;color:#fff}
.sb-btn.gray{background-image:linear-gradient(to right,#777 0%,#999 51%,#777 100%)}
.sb-btn.white{background-image:linear-gradient(to right,#FFF 0%,#ccc 51%,#FFF 100%)}
.sb-select:after{content:" ";background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='123.959px' height='123.958px' viewBox='0 0 123.959 123.958' style='enable-background:new 0 0 123.959 123.958;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M117.979,28.017h-112c-5.3,0-8,6.4-4.2,10.2l56,56c2.3,2.3,6.1,2.3,8.401,0l56-56 C125.979,34.417,123.279,28.017,117.979,28.017z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");width:25px;height:25px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:cover}

#toaster{position:fixed;top:10px;right:10px;max-width:400px;z-index:1000;font-size:15px}
.toaster{background:#81C784;color:#000;padding:9px 35px 6px 10px !important;border:1px solid #fff;border-radius:5px;min-width:200px;text-align:center;position:relative;margin:2px 0}
.toaster.error,.toaster.Error{background:#FF8A65}
.toaster .tClose{position:absolute;top:5px;right:8px;background:#A5D6A7;padding:0 6px;cursor:pointer;font-weight:700;font-size:19px}
.toaster.error .tClose,.toaster.Error .tClose{background:#FFAB91}

#modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;width:100%;z-index:300;-moz-transition:top .3s ease-in;-webkit-transition:top .3s ease-in;-o-transition:top .3s ease-in;transition:top .3s ease-in}
#modal > div.back{z-index:-1;top:0;bottom:0;width:100%;left:0;display:block;right:0;position:absolute}
#modal.hide{top:150%!important}
#modal-cont{background-color:#FFF;top:5%;margin:0 auto;box-shadow:0 0 2px 1px #AAA;max-height:90%;max-width:95%;position:relative;display:table}
#modal .title{text-align:center;background-color:#333;color:#FFF;height:42px;padding:5px 0;position:relative}
#modal .title h3{margin:0 15px;font-size:16px;font-weight:500;line-height:30px}
#modal .close{right:0;top:0;position:absolute;user-select:none;cursor:pointer;background-color:#333;color:#DDD;font-size:21px;width:42px;text-align:center;line-height:36px;padding:4px 8px 0}
#modal .close:hover{background-color:#555;color:#FFF}
#modal .model-body{width:100%;height:100%;overflow:auto}
#modal.whiteTitle .close{background-color:#fff;color:#666}
#modal .close{right:0;top:0;position:absolute;user-select:none;cursor:pointer;background-color:#333;color:#ddd;font-size:21px;width:42px;text-align:center;line-height:36px;padding:4px 8px 0;z-index: 99999;}
#modal.sSmallFull #modal-cont{width:100%!important;height:100%!important;overflow:auto;max-width:none;max-height:none;top:0;left:0;-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}

ul.sb-tabs{margin:0;padding:0;list-style:none;background:#fff;border-radius:0;margin-bottom:15px;border-bottom:1px solid #CCC;border-top:0;border-left:0;border-right:0}
ul.sb-tabs li{background:none;color:#000;display:inline-block;padding:8px;cursor:pointer;font-size:13.5px;letter-spacing:.4px;font-weight:400;text-transform:uppercase;margin:0 8px;line-height:18px;position:relative}
ul.sb-tabs li.active{border:1px solid #666;border-bottom:3px solid #666}
ul.sb-tabs li:hover{border-bottom:3px solid #666}

.notice {display:none;padding: 10px; margin:12px 0; border: 1px solid transparent; border-radius: 4px;text-align: left;}
.notice ul { padding-left: 30px; line-height: 1.6em; padding-top: 5px;margin-bottom: 0;}
.notice ul li {list-style: disc;font-size: 15px;line-height: 24px;text-align: left;}
.notice > strong, .toaster > strong{text-transform: capitalize;}
.notice.notice-success {display:block; color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.notice.notice-info {display:block; color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.notice.notice-warning {display:block; color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.notice.notice-error {display:block; color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.notice span[data-key], .notice li[data-key] {cursor:pointer;word-wrap: break-word;}
.is-invalid {border-color: #ff0000 !important;}

.form_message{display:block;text-align:left;margin-top:7px}
.form_message p{color:red;margin:0;font-size:14.5px;line-height:23px}
.form_message.success p{color:#006d00;font-size:13px;line-height:19px;font-weight:500}
.invalid-input{border:1px solid red!important}

.myt-modal{position:fixed;max-width:400px;overflow:auto;transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;-ms-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;z-index:910;font-size:14px;background-color:#FFF;width:100%;box-sizing:border-box}
.myt-modal.left{top:0;bottom:0;left:0;-moz-transform:translateX(-110%);-webkit-transform:translateX(-110%);-o-transform:translateX(-110%);-ms-transform:translateX(-110%);transform:translateX(-110%)}
.myt-modal.right{top:0;bottom:0;right:0;-moz-transform:translateX(110%);-webkit-transform:translateX(110%);-o-transform:translateX(110%);-ms-transform:translateX(110%);transform:translateX(110%)}
.myt-modal.show{-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);-o-transform:translate(0%,0%);-ms-transform:translate(0%,0%);transform:translate(0%,0%)}
.myt-modal .myt-modal-close{display:block;height:45px}
.myt-modal .myt-modal-title{display:block;height:60px;font-size:22px;text-align:left;border-bottom:1px solid #ddd;line-height:60px;padding-left:15px;letter-spacing:1px}
.myt-modal .myt-modal-close::after{content:'\2715';display:block;float:right;width:30px;height:30px;margin:9px 6px 0 0;line-height:30px;font-size:23px;cursor:pointer;text-align:center}
.mob-menu {padding: 70px 0 101px;}
@media (min-width:405px) {
    .myt-modal.left{box-shadow:1px 1px 4px 0 #CCC}
    .myt-modal.right{box-shadow:-1px -1px 4px 0 #CCC}
}

.mob-menu .mob-menu-search{width:100%;margin:0 auto;padding:10px 15px}
.mob-menu .mob-menu-search .input-search{width:100%;position:relative;box-sizing:border-box}
.mob-menu .mob-menu-search .input-search input{border:1px solid #CCC;font-size:17px}
.mob-menu .mob-menu-search .input-search button{outline:0;border:0 none;cursor:pointer;position:absolute;top:1px;bottom:1px;right:1px;background:0 none;display:block;background:#fff}
.mob-menu .mob-menu-search .input-search button .nav-search{display:block;width:26px;height:26px}
.search-menu .extra-filter .or-text{display:block;text-align:center;font-size:18px;color:#727272;font-weight:500;padding-bottom:10px}
.search-menu .extra-filter .filter{display:block;text-align:center}
.search-menu .extra-filter .filter .view{text-align:center;display:inline-block;margin:0 auto;font-size:17px;color:#005aff;text-decoration:underline;line-height:25px}
.mob-menu .top-btn{position:relative;display:block;border-bottom:1px solid #c4c4c4;text-align:center;padding:9px 0}
.mob-menu .top-btn a{background:#dcdcdc;color:#000;display:inline-block;margin:0;padding:8px 0;font-size:12px;text-decoration:none;width:32%;box-sizing:border-box}
.mob-menu .top-btn a.off-mmenu {width: 98%;margin-top: 10px;font-size: 13px;}
.mob-menu .mob-menu-1 > li{position:relative;display:block}
.mob-menu .mob-menu-1 > li > a,.mob-menu .mob-menu-1 > li > span{text-decoration:none;color:#000;padding:6px 12px 6px 30px;display:block;font-size:15px;line-height:19px;font-weight:600;text-transform:uppercase;cursor:pointer}
.mob-menu .mob-menu-1 li.has-submenu > span::after{display:block;content:'+';width:40px;height:25px;float:right;line-height:27px;font-size:30px;font-weight:400;letter-spacing:-3px}
.mob-menu .mob-menu-1 li.has-submenu.show > span::after{content:'--';line-height:20px}
div#mob-menu .mob-menu-1{padding:10px 0;border-bottom:1px solid #c4c4c4}
.mob-menu .mob-menu-2{margin-top:20px}
.mob-menu .mob-menu-2 li a{text-decoration:none;color:#848484;padding:8px 12px 9px 30px;display:block;font-size:15px;font-weight:500}
.mob-menu li.has-submenu ul.submenu{display:none}
.mob-menu ul.submenu li{}
.mob-menu ul.submenu li a{display:block;padding:7px 0 7px 44px;font-size:14px;line-height:22px;font-weight:500;color:#000;text-decoration:none}
.mob-menu ul.submenu li a:before{content:"-";color:#000;line-height:22px;padding-right:6px;position:relative;width:10px}

@media (max-width:480px) {
    .mobile-nav > ul > li.logo img{height:34px}
    .mobile-nav > ul > li.ioc{width:14%}
    .mobile-nav > ul > li.ioc a{width:25px;height:25px}
    .mob-menu .top-btn a{font-size:11px}
}