@charset "UTF-8";
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');

/*font-family: 'Poppins', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;*/

:root {    
  --white: #fff;
  --black: #000;
  --mColor: #00678f;  
  --textColor: #555;
  --titColor: #202122;
  
  --rColor:red;
  --gColor:green;
  --yColor:yellow;
  --oColor:orange;  
  --goldColor: #bba975;
  
  --btnColor: #00678f;
  --btnColor-h: #00374c;
  --btnColor-f: #001118;
  
  --btnColor-g: #ccc;
  --btnColor-g-h: #ddd;
  --btnColor-g-f: #bbb;
  
  --mFonts:'Montserrat', sans-serif;
  --mFonts-size:16px;
  --borderR: 6px;

  --cFormBg:#fff;
  --cFormBorder:#ccc;
  --cFormBorder-h:#00678f;
  --cFormBorder-f:#001118;
  --cFormBorderR: 6px;
    
}

/********* Reset CSS *********/
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block } audio, canvas, video { display:inline-block } audio:not([controls]) {display:none;height:0} html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:  100%;} h1,h2,h3,h4,h5,h6 {font-weight:normal;} b,strong,dt,th {font-weight: bold;} em, i { font-style:italic;} p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin:0; padding:0;} img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle; max-width:100%; height:auto;} figure {margin:0;}legend {white-space:normal;}q { quotes:"\201C" "\201D" "\2018" "\2019" } small { font-size:80% } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-0.5em } sub { bottom:-0.25em }
table{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;} table table { margin:0} th,td {border:none; padding:8px 10px} caption,th,td{font-weight: normal;} a {outline: 0; text-decoration:none;color:var(--textColor); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} a:focus {outline: 0;}a:hover,a:active {outline: 0;} a:hover {text-decoration:none;color:var(--mColor);}

/********* Clear floats *********/
.cf:before, .cf:after, /*.wrap-inner:before, .wrap-inner:after,*/ .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radio-list:after, .radi.servicesList.owl-carousel .owl-item imgo-list:before, .fieldgroup:after, .fieldgroup:before {content:" ";display:table}
.cf:after, .wrap-inner:after, .row:after, ul:after, .boxs:after, .radio-list:after, .fieldgroup:after{clear:both}


/********* Common Classes *********/
* { margin:0; padding:0;}
hr{display:block;height:1px;border:0; border-top:1px solid #ccc; margin:20px 0;padding:0;}
body,button,input,select,textarea { color:var(--textColor); font-family: var(--mFonts); font-size: var(--mFonts-size); font-weight:500;}

::-webkit-input-placeholder { color:var(--textColor); font-size: 18px;}
::-moz-placeholder { color:var(--textColor); font-size: 18px;}
:-ms-input-placeholder { color:var(--textColor); font-size: 18px;}
::placeholder { color:var(--textColor); font-size: 18px;}

h1 { font-size:62px; font-weight:600; color:var(--titColor); margin:0 0 25px 0; line-height:normal;}
h2 { font-size:52px; font-weight:500; color:var(--titColor); margin:0 0 25px 0; line-height:normal;}
h3 { font-size:22px; font-weight:600; color:var(--titColor); margin:0 0 15px 0; line-height:normal;}
h4 { font-size:20px; font-weight:400; color:var(--titColor); margin:0 0 15px 0; line-height:normal;}


p { margin-bottom:25px; line-height:28px;} 

a, button { cursor: pointer; line-height:28px;}

ul, li { list-style:none;}

ul.list { width:100%; float:left;}
ul.list li { width:100% !important; float:left; margin-bottom:15px; position:relative; padding:0 0 0 20px; border: 0 none; background: none; line-height:26px;}
ul.list li:before { content: ""; width: 8px; height: 8px; border-radius: 100px; background:var(--mColor); position: absolute; left: 0; top: 8px;}

/********** Form, Input & Button  **********/
::placeholder {font-size: 16px;}
::-moz-placeholder {font-size: 16px;}
:-moz-placeholder {font-size: 16px;}
:-ms-input-placeholder {font-size: 16px;}

.cForm { width:100%; float:left;}
.cForm li { width:100%; float:left; padding: 0 10px; margin-bottom: 20px;}
.cForm li.col-2 { width:50%;}
.cForm li.col-3 { width:33.33%;}
.cForm li.col-4 { width:25%;}
.cForm li.col-5 { width:20%;}
.cForm li label { display: block; font-weight:500; color:var(--textColor); margin-bottom: 6px;}
.cForm li label span.red { margin-left:4px; font-weight:400;}
.red { color: var(--rColor); }
.cForm span.small { font-size:12px;}

.cForm.dataFill span { width:100%; float: left; padding:10px 12px; color:#000; background:var(--cFormBg); border:1px solid #e0e0e0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; font-size:18px; font-weight: 500;}
.cForm.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.4 * var(--bs-gutter-x)); margin-left: calc(-0.4 * var(--bs-gutter-x)); }
.cForm.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.4); padding-left: calc(var(--bs-gutter-x) * 0.4); margin-top: var(--bs-gutter-y);  }
.cForm.row li.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.cForm.row li.col-2 { flex: 0 0 auto; width: 16.66666667%;}
.cForm.row li.col-3 { flex: 0 0 auto; width: 25%;}
.cForm.row li.col-4 { flex: 0 0 auto; width: 33.33333333%;}
.cForm.row li.col-5 { flex: 0 0 auto; width: 41.66666667%; }
.cForm.row li.col-6 { flex: 0 0 auto; width: 50%; }
.cForm.row li.col-7 { flex: 0 0 auto; width: 58.33333333%;}
.cForm.row li.col-8 { flex: 0 0 auto; width: 66.66666667%;}
.cForm.row li.col-9 { flex: 0 0 auto; width: 75%;}
.cForm.row li.col-10 { flex: 0 0 auto; width: 83.33333333%;}
.cForm.row li.col-11 { flex: 0 0 auto; width: 91.66666667%;}
.cForm.row li.col-12 { flex: 0 0 auto; width: 100%;}
.cForm li.btnCenter { text-align: center;}
.cForm li.btnRight { text-align: right;}

.cForm .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.4 * var(--bs-gutter-x)); margin-left: calc(-0.4 * var(--bs-gutter-x)); }
.cForm .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.4); padding-left: calc(var(--bs-gutter-x) * 0.4); margin-top: var(--bs-gutter-y);  }
.cForm .row div.col-2 { flex: 0 0 auto; width: 50%; }
.cForm .row div.col-3 { flex: 0 0 auto; width: 33.33%; }

.ci-error { color:var(--rColor) !important;}
.ci-warning { color:var(--oColor) !important;}

.cForm li .ci-error,
.cForm li .ci-warning { width:100%; float:left; font-size:12px; margin-top:5px; padding-left:5px;}

.cForm li.mb0 { margin-bottom: 0;}
.cForm li.mt0 { margin-top: 0px;}
.cForm li.mt20 { margin-top: 20px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt0 { margin-top: 0px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb0 { margin-bottom: 0px;}

.cForm li.btnGap .btn { margin:2px 5px;}

.cForm.borderBox { padding-top:15px; border:1px solid #ccc;}

.cForm li.ci-datepicker { position:relative;}
.cForm li.ci-datepicker img.ui-datepicker-trigger { position:absolute; bottom:9px; right:20px; z-index:1;}


input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="file"], select
{ width:100%; padding:10px 15px; font-size:15px; color:var(--titColor); background:var(--cFormBg); border:1px solid var(--cFormBorder); -webkit-border-radius: var(--cFormBorderR); -moz-border-radius: var(--cFormBorderR); border-radius: var(--cFormBorderR); -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; outline:0 none; min-height:40px;}
input[type="text"].readOnly, input[type="password"].readOnly, input[type="email"].readOnly, input[type="tel"].readOnly, input[type="number"].readOnly, input[type="file"].readOnly, select.readOnly,
input[type="text"].readOnly:hover, input[type="password"].readOnly:hover, input[type="email"].readOnly:hover, input[type="tel"].readOnly:hover, input[type="number"].readOnly:hover, input[type="file"].readOnly:hover, select.readOnly:hover,
input[type="text"].readOnly:focus, input[type="password"].readOnly:focus, input[type="email"].readOnly:focus, input[type="tel"].readOnly:focus, input[type="number"].readOnly:focus, input[type="file"].readOnly:focus, select.readOnly:focus
 {background:var(--cFormBorder);}
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="file"]:hover, select:hover { background:var(--cFormBg); border:1px solid var(--cFormBorder-h); color:var(--titColor);}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="file"]:focus, select:focus { background:var(--cFormBg); border:1px solid var(--cFormBorder-f); color:var(--titColor); font-style:normal;}

/*select{ -moz-appearance: none;  -webkit-appearance: none; appearance: none;}*/
select { padding:8px 15px; height:40px;}
select[multiple="multiple"]{ height:auto;}
    
textarea{ width:100%; padding:10px 15px;  font-size:15px; color:var(--titColor); background:var(--cFormBg); border:1px solid var(--cFormBorder); -webkit-border-radius: var(--cFormBorderR); -moz-border-radius: var(--cFormBorderR); border-radius:var(--cFormBorderR); -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; outline:0 none; min-height: 115px;}
textarea:hover { background:var(--cFormBg); border:1px solid var(--cFormBorder-h); color:var(--titColor);}
textarea:focus { background:var(--cFormBg); border:1px solid var(--cFormBorder-f); color:var(--titColor); font-style:normal;}


.ci-check { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer;   -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.ci-check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; background-color: var(--white); border:1px solid #ccc; box-shadow:0px 0px 5px 0px rgb(120, 120, 120, 0.4) inset; -webkit-box-shadow:0px 0px 5px 0px rgb(120, 120, 120, 0.4) inset; -moz-box-shadow:0px 0px 5px 0px rgb(120, 120, 120, 0.4) inset; border-radius:var(--cFormBorderR); }
.ci-check:hover input ~ .checkmark { background-color: #ccc;}
.ci-check input:checked ~ .checkmark { background-color: var(--mColor);}
.checkmark:after { content: ""; position: absolute; display: none;}
.ci-check input:checked ~ .checkmark:after { display: block;}
.ci-check .checkmark:after { left: 9px; top: 6px; width: 5px; height: 10px; border: solid var(--white); border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.ci-radio .checkmark { border-radius: 50%;}
.ci-radio .checkmark:after { top: 7px; left: 7px; width: 9px; height: 9px; border-radius: 50%; background: var(--white);}


.btn { border-radius:var(--borderR); display:inline-block; font-size: 18px; outline:0 none; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; cursor: pointer; padding: 10px 20px; text-decoration:none !important; line-height:normal;}

.btn-lg { padding:12px 28px; font-size:20px;}
.btn-full { width: 100%;}
.btn-small {padding:8px 16px; font-size:15px;}
.btn-small-s {padding:7px 14px; font-size:14px;}
.btn-small-xs {padding:4px 14px; font-size:14px; line-height:normal;}
.btn-fixed { width: 180px;}

.btn-primary { background:var(--btnColor); color:var(--white) !important; border:1px solid var(--btnColor);}
.btn-primary:hover { background:var(--btnColor-h); color:var(--white) !important; border:1px solid var(--btnColor-h);}
.btn-primary:focus { background:var(--btnColor-f); color:var(--white) !important; border:1px solid var(--btnColor-f);}

.btn-gray { background:var(--btnColor-g); color:var(--textColor) !important; border:1px solid var(--btnColor-g);}
.btn-gray:hover { background:var(--btnColor-g-h); color:var(--textColor) !important; border:1px solid var(--btnColor-g-h);}
.btn-gray:focus { background:var(--btnColor-g-f); color:var(--titColor) !important; border:1px solid var(--btnColor-g-f);}

.btn-link-w { font-weight:600;}
.btn-link { color:var(--mColor);}
.btn-link:hover { color:var(--titColor);}
.link-line { text-decoration: underline;}

.ci-errorBox { width:100%; display:block; background:#fff3f3; border:1px solid #ff0000; color:#ff0000; border-radius:var(--borderR); padding:10px; text-align:center; margin-bottom:35px;}

.textCenter { text-align: center;}

.df {  display: flex;}
.dfw {  display: flex; flex-wrap: wrap;}

.ci-edit { color:#ee9100; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s;}
.ci-delete { color:#c94040; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s;}

.ci-edit:hover,
.ci-delete:hover { color:var(--mColor);}

.small { font-size:12px;}

.space50 { padding-top:50px; padding-bottom:50px;}

/*================================================ Main CSS Theme Start ====================================================*/
html { scroll-behavior: smooth;}
body { padding:120px 0 0 0 !important; /*background:#fafafa !important;*/ overflow-x:hidden;}
/*input { -webkit-appearance: none; -moz-appearance: none; appearance: none;}*/

/********** Layout **********/
.ci-fullwidth   { width:100%; float:left;}
.wrap-inner     { margin:0 auto; padding:0 15px; width:100%; max-width:1440px;}
.wrap-inner-xl  { margin:0 auto; padding:0 15px; width:100%; max-width:1170px;}
.wrap-inner-l   { margin:0 auto; padding:0 15px; width:100%; max-width:1024px;}
.wrap-inner-m   { margin:0 auto; padding:0 15px; width:100%; max-width:768px;}
.wrap-inner-s   { margin:0 auto; padding:0 15px; width:100%; max-width:480px;}
.wrap-inner-full{ margin:0 auto; padding:0 15px; width:100%;}
.wrap-inner-from {margin:0 auto; padding:0 15px; width:100%; max-width:840px;}


.ci-header { padding: 10px 0;  background: var(--white); box-shadow: rgba(99, 99, 99, 0.1) 0px 1px 8px 0px; position: fixed; top: 0; z-index:999999;}
.ci-header .wrap-inner { display: flex; justify-content: space-between; align-items: center;}

ul.textNav { width:100%; float:left;}
ul.textNav li { display:inline-block; margin-left:20px;}
ul.textNav li a {color:var(--titColor); display: block; font-size:18px; line-height:normal; text-decoration: none; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s;}
ul.textNav li a:hover { color:var(--mColor);}
ul.textNav li.menuToggle { position:relative;}
ul.textNav li.menuToggle span { float: right; position: relative; width: 24px; height: 24px; margin-left: 8px;}
ul.textNav li.menuToggle span:before { content:"\f107"; display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; color:#000; font-size: 16px; line-height: normal; position: absolute; left: 4px; top: 4px;}
ul.textNav li.menuToggle span.active:before { content:"\f106"; display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; color:#000; font-size: 16px; line-height: normal; position: absolute; left: 4px; top: 4px;}
ul.textNav li.menuToggle a { display:inline-block;}
ul.textNav li.menuToggle .sub-menu {background:#fff; width:240px; position:absolute; top:45px; right: 0;}
/*ul.textNav li.menuToggle .sub-menu ul { width:100%; float:left;}
ul.textNav li.menuToggle .sub-menu ul li { width:100%; float:left; padding:0;}
ul.textNav li.menuToggle .sub-menu ul li a { width:100%; float:left; background:none; padding:12px 10px 12px 20px; border-radius:0; border:0 none; color:#000; border-bottom:1px solid #ccc; font-size: 15px; box-sizing: border-box; text-shadow: none; text-align:left}
ul.textNav li.menuToggle .sub-menu ul li a:hover { background:#f5f5f5;}*/
ul.textNav li.menuToggle .customer-sub-menu {background:#fff; width:840px; position:absolute; top:71px; /*right: -145px;*/ right: 0; display: flex; box-shadow: rgba(99, 99, 99, 0.15) 0px 2px 8px 0px;}
ul.textNav li.menuToggle .customer-sub-menu .paymentBox { width:55%; padding: 30px 45px; text-align: center; background:#f5f9fb;}
ul.textNav li.menuToggle .customer-sub-menu .paymentBox p { margin-bottom:15px; line-height:normal;}
ul.textNav li.menuToggle .customer-sub-menu .paymentBox h3 { color:var(--mColor);}
ul.textNav li.menuToggle .customer-sub-menu .paymentBox ul { margin-bottom:25px;}
ul.textNav li.menuToggle .customer-sub-menu .paymentBox ul li { margin-left:0; padding:0 2px;}
ul.textNav li.menuToggle .customer-sub-menu .linkBox { width:45%; padding: 30px;}
ul.textNav li.menuToggle .customer-sub-menu .linkBox ul { }
ul.textNav li.menuToggle .customer-sub-menu .linkBox ul li { display:block; margin-left:0; margin-bottom:22px;}
ul.textNav li.menuToggle .customer-sub-menu .linkBox ul li a { font-size:16px; font-weight:600; position:relative; padding:0 0 0 20px;}
ul.textNav li.menuToggle .customer-sub-menu .linkBox ul li a:before { content:""; width:8px; height:8px; background:var(--mColor); position:absolute; left:0; top:5px; border-radius: 100%;}

ul.textNav .btn-gray { background:#f5f5f5; padding:10px 10px 10px 20px; }


/* Slide Menu*/
.slideMenu { display:none; background: #00678f; /*width: 42px; height: 42px;*/ color: #fff !important; font-size: 20px; line-height:0px; text-decoration: none !important; border-radius: 8px; text-align:center; padding: 10px;}
.slideMenu:hover { background: #bba874; color: #fff !important;}
.slideNav { width:320px; height:100%; background:#ffffff; border-right:3px solid #01678f; position:fixed; z-index:9999; top:0px;}
.slideNav .ci-logo { width:100%; float:left; padding:20px; text-align:center;}
.slideNavCnt { width:100%; float:left;}
.slideNavCnt ul.textNav li { margin-left:0; padding:0px; width:100%; float:left; text-align: left; border-top: 1px solid #ccc;}
.slideNavCnt ul.textNav li:last-child { border-bottom: 1px solid #ccc;}
.slideNavCnt ul.textNav li a { display:block; padding:12px 20px; text-align:left; margin-right: 45px;}
.slideNavCnt ul.textNav li.menuToggle a { margin-right: 45px;}
.slideNavCnt ul.textNav li.menuToggle ul li { border:0 none;}
.slideNavCnt ul.textNav li.menuToggle ul li a { margin-right: 0px; color:#555; padding-left:35px;}
.slideNavCnt ul.textNav li.menuToggle ul li a:hover { color:var(--mColor);}
.slideNavCnt ul.textNav li.menuToggle span { height: 26px; background: #eee; border-radius: 5px; position: absolute; right: 10px; top: 10px; z-index: 999; cursor: pointer; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s;}
.slideNavCnt ul.textNav li.menuToggle span:hover { background: #ccc;}
.slideNavCnt ul.textNav li.menuToggle span:before { left: 4px; top: 4px;}
.slideNavCnt ul.textNav li.menuToggle span.active:before { left: 4px; top: 4px;}
.slideNavCnt ul.textNav li.menuToggle .sub-menu { background: #fff; width: 100%; position: relative; top: 0; right: 0;}
.slideNavCnt ul.textNav li.menuToggle .sub-menu ul li a { border-bottom:0 none; border-top:1px solid #eee;}

.ci-menu .menuOverlayMain { width:100%; height:100%; position:fixed; top:0; left:0; background:#00678f30;}

.ci-footer { padding: 50px 0 0 0; background: var(--white); box-shadow: rgba(99, 99, 99, 0.1) 0px 1px 8px 0px; /*position: fixed; bottom: 0; left:0; z-index:999999; */}
.ci-footer .wrap-inner { display: flex; justify-content: space-between; }

.ci-footer a { text-decoration:none !important; color:var(--textColor);}
.ci-footer a:hover { color:var(--black) !important;}
.ci-footer a.btn:hover { color:var(--white) !important;}

.ci-footer .ci-imgBox{ position: absolute; left: 0;}
.ci-footer .ci-addressBox {  text-align:left;}
.ci-footer .ci-addressBox .ci-logo { margin-bottom:15px;}
.ci-footer .ci-addressBox .ci-add { font-size:16px; margin-bottom:15px;}
.ci-footer .ci-addressBox .ci-emailBox {font-size:16px; margin-bottom:15px;}
.ci-footer .ci-addressBox .ci-vivaldi { font-size:22px; color:var(--mColor);}
.ci-footer a:link, .ci-footer a:active, .ci-footer a:visited { padding:0 !important;}

.ci-footer h4 { font-size:20px; color:var(--mColor); margin-bottom:20px; font-weight:600;}
.ci-footer .ci-menuBox { text-align:left;}

.ci-footer .ci-treadBox { padding:0px 0 0 0; display: flex; flex-direction: column;}
.ci-footer .ci-treadBox .btn { margin-bottom:20px;}
.ci-footer .ci-treadBox a { display: inline-block; border: 1px solid var(--mColor); padding: 10px !important; border-radius: 10px;}

.ci-footer .ci-socialBox { text-align:left;}
.ci-footer .ci-socialBox ul { display:flex; margin-bottom:30px;}
.ci-footer .ci-socialBox ul li { display:inline-block; padding-right:15px; font-size:24px;}
.ci-footer .ci-socialBox ul li a i { color:var(--black);}
.ci-footer .ci-socialBox ul li a:hover i { color:var(--mColor);}

.ci-footer .ci-socialBox .policy li { font-size:14px;}

.ci-footer .ci-fullwidth.copy { padding:15px 0; margin-top:20px; background:#f5f5f5;}
.ci-footer .ci-fullwidth.copy  .policy li { float:right; font-size:14px; margin-left:10px;}

.accordionFaq { width:100%; float:left;}
.accordionFaq li { width:100%; float:left; border:1px solid #ccc; border-radius:var(--cFormBorderR); padding:15px 15px; margin-bottom:10px;}
.accordionFaq li .acclink { width:100%; float:left; font-size:18px; color:var(--titColor); font-weight: 600; position:relative; cursor:pointer;}
.accordionFaq li .accord-detail { width:100%; float:left;}
.accordionFaq li .acclink.active { margin-bottom:15px;}
.accordionFaq li .acclink:before { content:"+"; width:30px; height:30px; font-size:22px; line-height:30px; font-weight:400; text-align:center; position:absolute; right:-5px; top:-3px;  background:#f5f5f5; border-radius:var(--cFormBorderR);}
.accordionFaq li .acclink.active:before { content:"-"; width:30px; height:30px; font-size:30px; line-height:25px; font-weight:400; text-align:center; position:absolute; right:-5px; top:-3px;  background:#f5f5f5; border-radius:var(--cFormBorderR);}
.accordionFaq li p:last-child { margin-bottom:0;}
.accordionFaq li li { width:100%; float:left; border:0 none; border-radius:0; padding:0 0 0 20px; margin-bottom:15px; position:relative;}
.accordionFaq li li:before { content: ""; width: 8px; height: 8px; border-radius: 100px; background:var(--mColor); position: absolute; left: 0; top: 8px;}


.countProgressBar { display:flex;}
.countProgressBar ul { width: 100%; display: flex; counter-reset: step; justify-content : center;}
.countProgressBar ul li { width: calc(100% / 7); color: #0093B2; text-transform: uppercase; position: relative;}
.countProgressBar ul li:before { content: counter(step); counter-increment: step; width: 32px; height:32px; border-radius: 100%; background:#ddd; margin: 0 auto; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; color:var(--textColor);}
.countProgressBar ul li:after { content: ''; width: 100%; height: 2px; background:#ddd; position: absolute; left: -50%; top: 15px; z-index: 0;}
.countProgressBar ul li:first-child:after { content: none;}
.countProgressBar ul li.active:before, ul li.active:after{background:var(--mColor); color:var(--white);}


/* -- Home -- */
.home-slider {width:100%;position:relative}

.home-slider .wrap-inner { position: absolute; z-index: 99; left: 50%; margin-left: -720px; height: 100%; display: flex; flex-wrap: wrap; justify-content: left; align-content: center;}
.home-slider .wrap-inner .cntBox { width:55%; background: #ffffffd5; display: flex; flex-wrap: wrap; justify-content: left; align-content: center; padding:40px 30px 40px 50px;}

.home-slider h1 { font-size:52px; color:var(--mColor);}
.home-slider h2 { font-size:32px;}
.home-slider p { font-size:20px; color:var(--titColor);}

.home-slider .slides {list-style:none;overflow:hidden;margin:0;padding:0}
.home-slider .slides > li {float:left;margin-right:-100%;width:100%;overflow:hidden; min-height:640px; /*height:50vw;*/}
/*.home-slider .flex-direction-nav {list-style:none;margin:0;padding:0; display:none;}*/
.home-slider .flex-direction-nav {list-style:none;margin:0;padding:0;}
.home-slider .flex-direction-nav .flex-prev, .home-slider .flex-direction-nav .flex-next {background-color:rgba(255,255,255,0.7);padding:10px;text-decoration:none;position:absolute;top:45%;bottom:0;margin:0 auto;z-index:8;text-align:center;color:#333;height:50px;max-width:50px;line-height: 33px;}
.home-slider .flex-direction-nav .flex-prev{left:0}
.home-slider .flex-direction-nav .flex-next{right:0}

.home-slider .flex-control-paging { width:100%; position:absolute; bottom:25px; z-index:10; margin:0 auto; display:flex; justify-content:center; gap:10px;}
.home-slider .flex-control-paging li a { width:30px; height:5px; display: block; background:var(--white);  text-indent:-99999px;}
.home-slider .flex-control-paging li a:hover { background:var(--goldColor);}
.home-slider .flex-control-paging li a.flex-active { background:var(--mColor);}

.home-slide-image{background-size:cover;background-position:center;position:absolute;width:100%;height:100%;left:0;top:0;}
.flex-active-slide .home-slide-image{animation: zoomout 5s;}
@keyframes zoomout{
  0%{
    transform: scale(1.3);
  }
  100%{
    transform: scale(1);
  }
}
.home-slider .wrap-inner .cntBox.programSlid { padding:40px 40px 40px 50px;}
.home-slider .wrap-inner .cntBox.programSlid h2 { font-size:32px; color:var(--mColor); font-weight:600; margin-bottom:15px;}
.home-slider .wrap-inner .cntBox.programSlid p { font-size:16px;}

.homeQuickFacts { background:#f5f5f5; padding:70px 0; overflow-x: hidden;}
.homeQuickFacts ul { display: flex; justify-content: center; text-align: center;}
.homeQuickFacts ul li { width:33.33%; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center; text-align: center; padding: 0 20px;}
.homeQuickFacts ul li .countBox { width:100%; margin-bottom:10px; display: flex; justify-content: center; align-items: center;  text-align: center; line-height:normal;}
.homeQuickFacts ul li .countBox span { padding:0 4px; color:var(--titColor);}
.homeQuickFacts ul li .countBox span.counter-count { font-size:60px;}
.homeQuickFacts ul li .countBox span.counter-k { font-size:60px;}
.homeQuickFacts ul li .countBox span.counter-plus { font-size:40px;}
.homeQuickFacts ul li .count-label { font-size:22px; color:var(--mColor); margin-bottom:15px}
.homeQuickFacts ul li .btn-fixed { width:215px;}

.homeClarionBroad { padding:70px 0; background:url(../images/home-services.webp) center no-repeat; background-attachment: fixed; background-position:center; background-size:cover;}
.homeClarionBroad h2 { text-align:center; color:#fff; font-size:42px; margin-bottom:80px;}
.homeClarionBroad ul { display: flex; justify-content: center; text-align: center;}
.homeClarionBroad ul li { width:25%; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center; text-align: center; padding: 0 5px;}
.homeClarionBroad ul li .cntBox { width:100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; text-align: center; line-height:normal; background:#fff; padding:30px;}
.homeClarionBroad ul li .cntBox .number { width: 80px; height: 80px; background: #f7f7f7; border-radius: 100%; font-size: 32px; font-weight: 600; color:var(--titColor); text-align: center; display: flex; justify-content: center; align-items: center; margin-top: -65px; margin-bottom: 35px;}
.homeClarionBroad ul li .cntBox h3 { font-size:20px; color:#000; margin-bottom:25px; font-weight:600;}
.homeClarionBroad ul li .cntBox p { margin-bottom:35px; line-height:24px;}
.homeClarionBroad ul li .cntBox .btn-fixed { width: 140px;}

.homeProducts { padding:70px 0;}
.homeProducts h2 { text-align:center; /*color:var(--mColor);*/ font-size:42px;}
.homeProducts ul { display: flex; flex-wrap: wrap;}
.homeProducts ul li { width:25%; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center; padding:5px;}
.homeProducts ul li .products { width:100%; height:100%; display: flex;}
.homeProducts ul li .products a { width:100%; height:100%; display: flex; flex-wrap: wrap; justify-content: left; align-items: left; flex-direction: column; line-height:normal; background:#f7fafc; padding:25px; border-radius:10px;  z-index:5; position:relative;
-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration: 0.8s; transition-duration:0.8s;
}
.homeProducts ul li .products a:hover { background:var(--btnColor-h); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 30px 5px; z-index:9; position:relative;}
.homeProducts ul li .products a .iconBox { height:95px; display:block; z-index:2; position:relative;}
/*.homeProducts ul li .products a .iconBox svg { fill:var(--mColor);}
.homeProducts ul li .products a:hover .iconBox svg { fill:var(--white);}*/
.homeProducts ul li .products a .nameBox { font-size:18px; font-weight:600; color:var(--titColor); z-index:2; position:relative;
-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration: 0.8s; transition-duration:0.8s;}
.homeProducts ul li .products a:hover .nameBox { color:var(--white);}
.homeProducts ul li .getQuoteP a p { font-size:18px; font-weight:600; color:var(--titColor);
-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration: 0.8s; transition-duration:0.8s;}
.homeProducts ul li .getQuoteP a:hover p { color:var(--white);}
.homeProducts ul li .getQuoteP a span { width:130px;}


/* -- Login -- */
.ci-login { min-height:calc(100vh - 440px); background:url(../images/login-bg.webp) center repeat; display: flex; justify-content: center; align-items: center; position:relative; padding:40px;}
.ci-login:before { content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:var(--white); opacity: 0.6; z-index:0;}
.ci-login .loginBox { max-width:640px; width:100%; background:var(--white); border-top:5px solid var(--mColor); padding:40px; position:relative; z-index:1; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 30px 5px;}
.ci-login .loginBox .titleBox { width:100%;  display:inline-block; text-align:center;}
.ci-login .loginBox .titleBox h1 { font-size:32px; margin-bottom:10px;}
.ci-login .loginBox .titleBox p { font-size:14px;}
.ci-login .loginBox .btn-fixed { width:150px; margin:0 5px;}


.ci-login span.stepBoxForgot { color:var(--black); display:block; font-weight: 600;}
.ci-login .ci-policyNumber { background:#f5f5f5; padding-bottom:14px; padding-top:14px;}
.ci-login .ci-policyNumber select { width:125px;}
.ci-login .ci-policyNumber input[type="text"] { width:calc(100% - 265px); margin:0 10px;}
.ci-login .ci-policyNumber .btn { padding: 8px 20px;}
.ci-login span.ci-question { color:var(--mColor); display:block; margin-bottom:10px; margin-top:2px; margin-bottom: 8px; margin-top: 10px; font-weight: 600;}

.ci-sendLink .ci-radio { font-size:14px; line-height:22px; margin-bottom:12px;}
.ci-sendLink span.emailText {color:var(--mColor); padding: 8px 15px 10px; background: #f5f5f5; border-radius: 6px; display: block;}


.ci-msg-box { min-height:calc(100vh - 440px);  display: flex; justify-content: center; align-items: center; }
.ci-msg-box .msg-box { max-width:640px; width:100%; background:var(--white); border-top:5px solid var(--mColor); padding:40px; position:relative; z-index:1; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 30px 5px;}

.ci-link-success { width:100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; text-align: center; gap:30px 0;}
.ci-link-success .link-tick span { width:52px; height:52px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 auto; border-radius: 100%; background:var(--mColor); color:var(--white);}
.ci-link-success .link-tick span i { font-size:22px;}
.ci-link-success .link-sent { line-height:22px;}
.ci-link-success .link-sent span { color:var(--mColor);}
.ci-link-success .link-sent-thank { color:var(--mColor); font-size:28px; font-weight:500;}
.ci-link-success .thank-msg h4 { font-size:32px;  color:var(--mColor); margin-bottom:10px;}
.ci-link-success .thank-msg p { font-size:22px; font-weight:400; color:var(--mColor); margin-bottom:0;}

.ci-registration { background:url(../images/login-bg.webp) center repeat; padding:50px 0; position:relative;}
.ci-registration:before { content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:var(--white); opacity: 0.2; z-index:0;}
.ci-registration .wrap-inner { position:relative; display: flex; justify-content: center;}
.ci-registration .wrap-inner .reBoxS{ position:relative; display: flex; justify-content: center; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 30px 5px;}
.ci-registration .wrap-inner-l { position:relative;}
.ci-registration .reg-box {width:50%; padding:40px;}
.ci-registration .reg-cnt { background:#eff6fb; }
.ci-registration .reg-form { background:#fff; border-top:5px solid var(--mColor);}
.ci-registration .reg-cnt h1 { font-size:32px; margin-bottom:5px;}
.ci-registration .reg-cnt h3 { margin-top:15px; display:block;}
.ci-registration .reg-cnt .list { margin-bottom:15px;}
.ci-registration .reg-form h4 { margin-bottom:5px; margin-top:20px; color:var(--mColor); font-weight:500; font-size:18px;}
.ci-registration .policyTypeBox { width:100px; float:left;}
.ci-registration .policyNumberBox { width: calc(100% - 100px); float:left; padding-left:10px;}
/*.ci-registration .reQuestion select { margin-bottom:5px;}*/
.ci-registration .reQuestion label { min-height:21px;}
.ci-registration .reAnswer label { min-height:23px; text-indent:-99999px;}



.ci-innerBanner { background:#ccc; padding:70px; background:url(../images/banner-2.jpg) center no-repeat; background-attachment: fixed; background-position:center; background-size:cover;}
.ci-innerBanner h1 { font-size:52px; color:var(--white); margin-bottom:0; text-align:center;}

.ci-two-col { padding:50px 0;}
.ci-two-col .wrap-inner {display: flex; flex-wrap: wrap; justify-content: left; align-content: center;}
.ci-two-col .ci-colLeft { width:280px; position:relative;}
.ci-two-col .ci-colRight { width:calc(100% - 280px); padding-left:60px;}

.ci-two-col .ci-colLeft .ci-left-menu { transition: all 0.4s ease;}
.ci-two-col .ci-colLeft .ci-left-menu.fixed { transition: all 0.4s ease; position:fixed; top:160px; width:280px;}
.ci-two-col .ci-colLeft .ci-left-menu.absolute { transition: all 0.4s ease; position:absolute; bottom:0;}
.ci-two-col .ci-colLeft .ci-left-menu ul { width:100%; display: flex; flex-wrap: wrap; flex-direction: column;}
.ci-two-col .ci-colLeft .ci-left-menu ul li { display: flex; margin-bottom:2px; background:#f9f9f9;}
.ci-two-col .ci-colLeft .ci-left-menu ul li a { width:100%; padding:8px 15px; font-size:14px; color:var(--titColor); position:relative; border-right:2px solid #888; position:relative; z-index:0; }
.ci-two-col .ci-colLeft .ci-left-menu ul li a:hover { border-right:2px solid var(--mColor); color:var(--mColor);}
.ci-two-col .ci-colLeft .ci-left-menu ul li a:before { content:""; width:0; height:100%; position:absolute; top:0; left:0; background:#f0f6f8; transition: width 1s; z-index:-1;}
.ci-two-col .ci-colLeft .ci-left-menu ul li a:hover:before { width:100%;}
.ci-two-col .ci-colLeft .ci-get-quote-left { width:237px; height:225px; margin:35px auto 0 auto; background: url(../images/get-quote.png) no-repeat left top;}

.ci-two-col .ci-colRight .ci-rightCnt h1 { font-size:38px; color:var(--mColor);}

.ci-about-us ul { width:100%; display: flex; flex-wrap: wrap; margin-left:-10px;}
.ci-about-us ul li { width:50%; display: flex; padding:10px;}
.ci-about-us ul li .cntBox { width:100%; background:#f5f9fb; padding:30px; border-radius: var(--cFormBorderR); text-align:center;}

.ci-recognized-by ul { width:100%; display: flex; flex-wrap: wrap; margin-left:-5px;}
.ci-recognized-by ul li { width:calc(100% / 3); display: flex; padding:8px;}
.ci-recognized-by ul li .cntBox { width:100%; background:#fff; padding:20px 20px 35px 20px; border-radius: var(--cFormBorderR); text-align:center; border:1px solid #999; display:flex; flex-wrap: wrap; flex-direction: column;
 -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; position:relative;}
.ci-recognized-by ul li:hover .cntBox { background:#fff; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px 0px;  border:1px solid var(--mColor);}
.ci-recognized-by ul li .cntBox .logos { width:100%; margin-bottom:20px;}
.ci-recognized-by ul li .cntBox .logos img { height: 70px; object-fit: cover;}
.ci-recognized-by ul li .cntBox .foundations { width:100%; font-weight:600; line-height:normal;}

.ci-recognized-by ul li .cntBox .urls { background:#eee; padding:2px 12px; border-radius: 6px 0 4px 0; position:absolute; bottom:0; right:0;
-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s;}
.ci-recognized-by ul li:hover .cntBox .urls { background:var(--mColor); color:#fff;}


.ci-endorsing-by ul { width:100%; display: flex; flex-wrap: wrap; margin-left:-5px;}
.ci-endorsing-by ul li { width:calc(100% / 3); display: flex; padding:8px;}
.ci-endorsing-by ul li .cntBox { width:100%; background:#fff; padding:20px 20px 8px 20px; border-radius: var(--cFormBorderR); border:1px solid #999; display:flex; flex-wrap: wrap; flex-direction: column;
 -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; position:relative;}
.ci-endorsing-by ul li:hover .cntBox { background:#fff; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px 0px;  border:1px solid var(--mColor);}

.ci-endorsing-by ul li .cntBox .row { margin-bottom:12px; line-height: 22px; display: flex;}
.ci-endorsing-by ul li .cntBox .row h4 { font-size:18px; color:var(--mColor); font-weight:600; margin-bottom:0; }
.ci-endorsing-by ul li .cntBox .row label { width:70px; font-size:14px; color:#888; margin-right:5px;}
.ci-endorsing-by ul li .cntBox .row.webEmail a { width:32px; height:32px; font-size:14px; background:#f5f5f5; color:var(--mColor); margin-right:5px; border-radius: var(--cFormBorderR); display:flex; justify-content: center; align-items: center;}
.ci-endorsing-by ul li .cntBox .row.webEmail a:hover { background:var(--mColor); color:var(--white);}


.ci-EndorseF { width:100%; float:left; background:#f9f9f9; padding:0px 15px 15px 15px;}
.ci-EndorseF .titleBox { width:calc(100% + 30px); float:left; background:#f0f6f8; color:var(--mColor); border-bottom:3px solid var(--mColor); text-align:center; margin-left:-15px; margin-bottom:25px; font-weight:600; font-size:18px; padding:12px 15px;}

.ci-addAssociation .cForm li.address div { width:50%; float:left;}
.ci-addAssociation .cForm li.address div.addressLine1 { padding-right:10px;}
.ci-addAssociation .cForm li.address div.addressLine2 { padding-left:10px;}

.cForm li.oneLineLabelBox { background:#f1f1f1; padding:8px 15px;}
.cForm li.oneLineLabelBox label { margin-bottom:0; display:flex; align-items: center; justify-content: space-between; }
.cForm li.oneLineLabelBox .ci-inInput { width:140px;}
.cForm li.oneLineLabelBox .ci-inInput.bSpace,
.cForm li.oneLineLabelBox .ci-inInput.fSpace{ position:relative;}
.cForm li.oneLineLabelBox .ci-inInput.bSpace span { font-weight:600; position:absolute; top:10px; right:10px; z-index:1;}
.cForm li.oneLineLabelBox .ci-inInput.fSpace span { position:absolute; top:10px; left:-10px; z-index:1; font-weight:600;}
.cForm li.twoRadioBox label { margin-bottom:12px;}
.cForm li.twoRadioBox label.ci-radio { margin-bottom:0px; float:left; margin-right:20px;}

/*.ci-addAssociation .cForm li.activeMembers label { display:flex; align-items: center; justify-content: left; flex-direction: row-reverse;}
.ci-addAssociation .cForm li.activeMembers label input { width:140px; margin-right:15px;}*/


.ci-information-center ul.ci-more-infoVideo { width:100%; display: flex; flex-wrap: wrap; margin-left:-5px;}
.ci-information-center ul.ci-more-infoVideo li { width:calc(100% / 3); display: flex; padding:8px;}
.ci-information-center ul.ci-more-infoVideo li .videoHeader { width:100%; background:#fff; padding:20px 20px 35px 20px; border-radius: var(--cFormBorderR); text-align:center; border:1px solid #999; display:flex; flex-wrap: wrap; flex-direction: column;
 -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; position:relative;}
.ci-information-center ul.ci-more-infoVideo li:hover .videoHeader { background:#fff; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px 0px;  border:1px solid var(--mColor);}
.ci-information-center ul.ci-more-infoVideo li .videoHeader iframe { width:100%; height:250px;}
.ci-information-center ul.ci-more-infoVideo li .videoHeader h4 { font-size:18px;}
.ci-information-center .infoCenterTableBox { width:100%; float:left; margin-top:40px;}
.ci-information-center .infoCenterTableBox h2 { font-size:28px; color:var(--mColor); font-weight:600;}

.ci-information-center .infoCenterTableBox table thead tr { background:#f9f9f9;}
.ci-information-center .infoCenterTableBox table th { padding:12px 15px; text-align:left; vertical-align: middle; font-weight:600; border-bottom:2px solid #ccc; font-size:14px; color:var(--titColor);}
.ci-information-center .infoCenterTableBox table td { padding:10px 15px; text-align:left; vertical-align: middle; font-weight:500; border-bottom:1px solid #ddd; font-size:14px;}

.ci-information-center .info-clarion-homeowners table.covrageTab { margin:0 0 30px 0;}
.ci-information-center .info-clarion-homeowners table td { width:180px;}
.ci-information-center .info-clarion-homeowners table td.firstTd { width:auto;}
.ci-information-center .info-clarion-homeowners table td.lastTd { width:280px;}

.ci-information-center .info-clarion-fb table.covrageTab { margin:0 0 30px 0;}
.ci-information-center .info-clarion-fb table td.firstTd { width:300px;}
.ci-information-center .info-clarion-fb table td.lastTd { width:auto;}

.ci-moreInfo-gq ul.accordionFaq { margin-bottom:40px;}
.ci-moreInfo-gq .smallText { font-style:italic;}

.ci-getQuote { width:100%; float:left; padding:50px 0;}
.ci-getQuote .ci-quoteFormBox { width:100%; float:left;}
.ci-getQuote .ci-quoteForm { width:100%; float:left; background:#f9f9f9; padding:0px 15px 15px 15px;}
.ci-getQuote .ci-quoteForm.tp { padding:15px;}
.ci-getQuote .ci-quoteForm .titleBox { width:calc(100% + 30px); float:left; background:#f0f6f8; color:var(--mColor); border-bottom:3px solid var(--mColor); text-align:center; margin-left:-15px; margin-bottom:25px; font-weight:600; font-size:16px; padding:12px 15px;}

.ci-getQuote .ci-quoteForm .cForm li.phone { position:relative;}
.ci-getQuote .ci-quoteForm .cForm li.phone .codeBox {width:100%; float:left; position:relative;}
.ci-getQuote .ci-quoteForm .cForm li.phone .codeBox span.one { position:absolute; top: 10px; left: 10px;}
.ci-getQuote .ci-quoteForm .cForm li.phone input { padding-left:30px; }

.ci-getQuote .ci-quoteForm .cForm li.radioListOneLine { background:#fff; padding:10px;}
.ci-getQuote .ci-quoteForm .cForm li.radioListOneLine.removeBg { background:none;}
.ci-getQuote .ci-quoteForm .cForm li.radioListOneLine label.mLabel { width:50%; float:left; margin-bottom:0; margin-top:8px;}
.ci-getQuote .ci-quoteForm .cForm li.radioListOneLine table { width:50%; float:left; margin-bottom:0;}
.ci-getQuote .ci-quoteForm .cForm li.radioListOneLine table td { width:50%; float:left; margin-bottom:0;}
.ci-getQuote .ci-quoteForm .cForm li.radioListOneLine.full table { width:100%;}
.ci-getQuote .ci-quoteForm .cForm li.radioListOneLine.full table td { width:100%;}
.ci-getQuote .ci-quoteForm .cForm li.radioListOneLine table label { width: 100%; float:left; margin: 0 -15px 0 0; padding: 0 0 0 20px;}
.ci-getQuote .ci-quoteForm .cForm li.radioListOneLine table input { float:left; margin-top:5px;}
.ci-getQuote .ci-quoteForm .cForm li.radioListOneLine table td { display: flex;}


.ci-getQuote .ci-quoteForm .cForm li.innerTable table { width:100%; float:left; margin-bottom:0;}
.ci-getQuote .ci-quoteForm .cForm li.innerTable table td { width:50%; float:left; display: flex;}
.ci-getQuote .ci-quoteForm .cForm li.innerTable.full table td { width:100%;}
.ci-getQuote .ci-quoteForm .cForm li.innerTable.three table td { width:33.33%;}
.ci-getQuote .ci-quoteForm .cForm li.innerTable table label { width: 100%; float:left; margin: 0 -15px 0 0; padding: 0 0 0 20px;}
.ci-getQuote .ci-quoteForm .cForm li.innerTable table input { float:left; margin-top:2px;}

.ci-getQuote .getQuoteProcess { width:100%; float:left; margin-top:40px; text-align:center;}

.ci-getQuote .ci-quoteForm .cForm li .uploadBtnBox { width:100%; display:flex;}
.ci-getQuote .ci-quoteForm .cForm li .uploadBtnBox input[type="file"]{ margin-right:20px;}


.ci-getQuote .ci-quoteForm .judgementBox li div.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.ci-getQuote .ci-quoteForm .judgementBox li div.col-2 { flex: 0 0 auto; width: 16.66666667%;}
.ci-getQuote .ci-quoteForm .judgementBox li div.col-3 { flex: 0 0 auto; width: 25%;}
.ci-getQuote .ci-quoteForm .judgementBox li div.col-4 { flex: 0 0 auto; width: 33.33333333%;}
.ci-getQuote .ci-quoteForm .judgementBox li div.col-5 { flex: 0 0 auto; width: 41.66666667%; }
.ci-getQuote .ci-quoteForm .judgementBox li div.col-6 { flex: 0 0 auto; width: 50%; }
.ci-getQuote .ci-quoteForm .judgementBox li div.col-7 { flex: 0 0 auto; width: 58.33333333%;}
.ci-getQuote .ci-quoteForm .judgementBox li div.col-8 { flex: 0 0 auto; width: 66.66666667%;}
.ci-getQuote .ci-quoteForm .judgementBox li div.col-9 { flex: 0 0 auto; width: 75%;}
.ci-getQuote .ci-quoteForm .judgementBox li div.col-10 { flex: 0 0 auto; width: 83.33333333%;}
.ci-getQuote .ci-quoteForm .judgementBox li div.col-11 { flex: 0 0 auto; width: 91.66666667%;}
.ci-getQuote .ci-quoteForm .judgementBox li div.col-12 { flex: 0 0 auto; width: 100%;}

.ci-getQuote .ci-quoteForm .judgementBox li .row div { position:relative;}
.ci-getQuote .ci-quoteForm .judgementBox li .row div:before { content: ""attr(data-label)""; position:absolute; top:5px; left:25px; font-size:14px; display:none;}

.ci-getQuote .ci-quoteForm .cForm .ci-datepicker { position:relative;}
.ci-getQuote .ci-quoteForm .cForm .ci-datepicker .codeBox {width:100%; float:left; position:relative;}
.ci-getQuote .ci-quoteForm .cForm .ci-datepicker .codeBox img.ui-datepicker-trigger { position:absolute; top: 12px; right: 10px; z-index:1;}

.ci-getQuote .ci-quoteForm .cForm li.oneLine { display:flex; align-items: center;}
.ci-getQuote .ci-quoteForm .cForm li.oneLine .col { width:50%;}
.ci-getQuote .ci-quoteForm .cForm li.oneLine .inputOneLineBox { width:50%; padding-left:30px;}
.ci-getQuote .ci-quoteForm .cForm li.oneLine label { margin-bottom:0;}
.ci-getQuote .ci-quoteForm .cForm li.oneLineRadio .inputOneLineBox span { display:flex;}
.ci-getQuote .ci-quoteForm .cForm li.oneLineRadio .inputOneLineBox span label { margin-right:10px; margin-left:5px;}

.ci-getQuote .ci-quoteForm .cForm li.dInlines span label { display:inline; }



.ui-datepicker { width:300px; padding:3px; background:#fff; border:1px solid var(--mColor); border-radius: var(--cFormBorderR); }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { width:25px; height:25px; background:#ddd; display: flex; align-items: center; justify-content: center; border-radius: 5px; margin:2px;}
.ui-datepicker .ui-datepicker-prev { float:left;}
.ui-datepicker .ui-datepicker-next { float:right;}
.ui-datepicker-title { display:flex; gap:10px; /*background: #f5f5f5;*/ padding: 5px; border-radius: 4px;}

.ui-datepicker .ui-datepicker-prev span.ui-icon-circle-triangle-w{background-position: -97px -16px;}
.ui-datepicker .ui-datepicker-next span.ui-icon-circle-triangle-e{background-position: -33px -16px;}

.ui-datepicker-calendar tr { display:flex;}
.ui-datepicker-calendar tr td { width:calc(100% / 7); display:flex; padding:1px;}
.ui-datepicker-calendar tr td .ui-state-default { width:36px; height:34px; background:#f5f5f5; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 500;}
.ui-datepicker-calendar tr td .ui-state-highlight { font-weight:700; color:var(--white); background:var(--mColor);}

.ui-datepicker-calendar tr td.ui-datepicker-week-end:first-child .ui-state-default { color:var(--rColor);}
.ui-datepicker-calendar tr th.ui-datepicker-week-end:first-child { color:var(--rColor);}


.dashboardMain { display: flex; background:#fff; position:relative;}
/*.dashboardMain .leftMenu { width:320px; background:#f0f6f8; position:relative;}
.dashboardMain .rightCnt { width:100%;}*/

.dashboardMain .leftMenu { width:320px; background:#f0f6f8; position:relative;}
.dashboardMain .rightCnt { width:calc(100% - 320px);}

.dashboardMain .menuOverlay { width:100%; height:100%; position:absolute; top:0; left:0; background:#00678f30; visibility:hidden;}

.dashboardMain .userMenu { font-size:12px; background: var(--mColor);padding: 6px 8px;margin-left: -10px;border-radius: 4px;color: var(--white);margin-right: 6px; display:none;}

/*.dashboardMain .ci-user-profile { width:100%; float:left; border-bottom:1px solid var(--mColor); padding:20px; background:var(--mColor);}
.dashboardMain .ci-user-profile ul { width:100%; float:left;}
.dashboardMain .ci-user-profile ul li { width:100%; float:left; text-align:center;}
.dashboardMain .ci-user-profile ul li.welcome { color:var(--goldColor); font-weight:500; text-transform:uppercase;}
.dashboardMain .ci-user-profile ul li.userName a { color:var(--white); font-weight:700; margin-bottom:10px;}
.dashboardMain .ci-user-profile ul li.changePass a { color:var(--white); font-size:14px;}*/
.dashboardMain .ci-user-profile-new {float:left;}
.dashboardMain .ci-user-profile-new ul { float:left;}
.dashboardMain .ci-user-profile-new ul li { float:left; text-align:right;}
.dashboardMain .ci-user-profile-new ul li.welcome { font-weight:500; line-height:28px;}
.dashboardMain .ci-user-profile-new ul li.userName a { color:var(--mColor); font-weight:500; margin-left:10px;}


.dashboardMain .ci-user-menu { width:100%; float:left;}
.dashboardMain .ci-user-menu ul { width:100%; float:left;}
.dashboardMain .ci-user-menu ul li { width:100%; float:left; display:flex; border-bottom:1px solid #00678f25;}
.dashboardMain .ci-user-menu ul li a { width:100%;  display:block; padding:10px 20px; background:#f5f9fb; color:var(--titColor); font-weight:500; font-size:14px;}
.dashboardMain .ci-user-menu ul li a:hover { background:#fff; color:var(--mColor);}

.dashboardMain .ci-userHeader { width:100%; display:flex; justify-content: space-between; align-items: center; /*border-left:3px solid var(--mColor);*/ background: #f0f6f8; padding:10px 25px;}
.dashboardMain .ci-userHeader h1 { font-size:18px; color:var(--mColor); margin-bottom:0;}

.dashboardMain .ci-userMain { padding:25px;}
.dashboardMain .ci-userMain h2 { font-size:24px; margin-bottom:10px;}

.dashboardMain .userDashbordBox { width:100%; float:left; margin:0 0 0 -10px;}
.dashboardMain .userDashbordBox li { width:calc(100% / 3); float:left; padding:10px;}
.dashboardMain .userDashbordBox li .cntBox { width:100%; float:left; padding:20px; background:#f0f6f8; border-radius:8px;}
.dashboardMain .userDashbordBox li .cntBox label { width:100%; float:left; margin-bottom:10px; color:var(--mColor); font-size:14px; font-weight:700;}
.dashboardMain .userDashbordBox li .cntBox span { width:100%; float:left; color:var(--titColor); font-size:18px; font-weight:500;}
.dashboardMain .userDashbordBox li .cntBox.btnBox { position:relative;}
.dashboardMain .userDashbordBox li .cntBox.btnBox a { position:absolute; top:15px; right:20px; color:var(--white); padding:4px 20px; border-radius:6px; background:var(--mColor); font-size:14px; font-weight:700;}
.dashboardMain .userDashbordBox.userDashbordTwoBox li { width:calc(100% / 2);}

.dashboardMain .userDashbord .ci-fullwidth.divShowHide { padding:0 20px 20px 0; background:#fff;}
.dashboardMain .userDashbord .right-information-center { width:100%; float:left; padding:12px 20px !important; background:#f0f6f8 !important; border-radius:8px; position:relative; cursor:pointer;}
.dashboardMain .userDashbord .right-information-center:before { content:"+"; position:absolute; color:var(--mColor); right:16px; top:8px; font-size:24px; font-weight:500;}
.dashboardMain .userDashbord .right-information-center.active:before { content:"-"; }
.dashboardMain .userDashbord .right-information-center h3 {color:var(--mColor); font-size:18px; }
.dashboardMain .userDashbord .sub-div { width:100%; float:left;}

.dashboardMain .userDashbord .policyInfo { margin-bottom:10px;}
.dashboardMain .userDashbord .policyInfo .mainPolicyList td { padding:0;}

.dashboardMain .userPolicychange .userPolicyInfo { margin-bottom:10px;}
.dashboardMain .userPolicychange .userDashbordBox { margin:0;}
.dashboardMain .userPolicychange .userDashbordBox li { width:calc(100% / 3);}
.dashboardMain .userPolicychange .userDashbordBox li .cntBox { background:var(--white); border:1px solid var(--cFormBorder);}
.dashboardMain .userPolicychange .policyPeriod { width:100%; display:flex; flex-wrap: wrap; flex-direction: row; gap:10px;}
.dashboardMain .userPolicychange .policyPeriod span { width:auto !important; float:none !important; }
.dashboardMain .userPolicychange .policychangeTableBox { padding-top:15px;}

.dashboardMain .userPolicychange .totalValueChange { width:100%; text-align:right; padding:15px 20px; margin:15px 0; background:#ebf5eb; border:1px solid #ccdecc;}

.dashboardMain .policychangeTable .addyHead { background:#f0f6f8;}
.dashboardMain .policychangeTable .addyHead td { border-bottom:2px solid var(--mColor);}
.dashboardMain .policychangeTable .addyHead td,
.dashboardMain .policychangeTable .addyHead td a { color:var(--mColor); font-weight:700; font-size:14px;}
.dashboardMain .policychangeTable .rowtext td,
.dashboardMain .policychangeTable .rowtexta td { font-weight:500; font-size:14px; /*EDD9CF*/}

.dashboardMain .schedulePopup { width:100%; height:100%; position:absolute; top:0; left:0; z-index:999999; }
.dashboardMain .schedulePopup .lightBg { width:100%; height:100%; position:fixed; background:#00678f40; }
.dashboardMain .schedulePopup .popupBox {max-width:1280px; width:100%;  position:absolute; left:calc(50% - 640px); top:120px; z-index:9999999; background:#fff; text-align:left;}
.dashboardMain .schedulePopup .titBox { width:100%; float:left; background:var(--mColor); color:var(--white); border-bottom:3px solid var(--mColor); text-align:center; font-weight:600; font-size:16px; padding:12px 15px;}

.dashboardMain .ci-quickpayForm { width:100%; float:left; background:#f9f9f9; padding:0px 15px 15px 15px;}
.dashboardMain .ci-quickpayForm.spaceTB { width:100%; float:left; background:none; padding:15px;}
.dashboardMain .ci-quickpayForm .titleBox { width:calc(100% + 30px); float:left; background:#f0f6f8; color:var(--mColor); border-bottom:3px solid var(--mColor); text-align:center; margin-left:-15px; margin-bottom:25px; font-weight:600; font-size:16px; padding:12px 15px;}
.dashboardMain .ci-quickpayForm .formBox { width:100%; float:left;}
.dashboardMain .ci-quickpayForm .cForm li.radioListOneLine { background:#fff;}
.dashboardMain .ci-quickpayForm .cForm li.radioListOneLine.removeBg { background:none;}
.dashboardMain .ci-quickpayForm .cForm li.radioListOneLine label.mLabel { width:50%; float:left; margin-bottom:0; margin-top:8px;}
.dashboardMain .ci-quickpayForm .cForm li.radioListOneLine table { width:100%; float:left; margin-bottom:0;}
.dashboardMain .ci-quickpayForm .cForm li.radioListOneLine.full table { width:100%;}
.dashboardMain .ci-quickpayForm .cForm li.radioListOneLine table label { width:auto; display:inline-block; margin:0 0 0 10px;}
.dashboardMain .ci-quickpayForm .cForm li.radioListOneLine span label { width:auto; display:inline-block; margin:0 0 0 10px;}

.dashboardMain .ci-quickpayForm .cForm li a.routingHelp { position:relative;}
.dashboardMain .ci-quickpayForm .cForm li a.routingHelp span { width:428px; height:215px; visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 300ms; position:absolute; top:20px; left:0;}
.dashboardMain .ci-quickpayForm .cForm li a.routingHelp:hover span {  visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms;}

.dashboardMain .ci-quickpayForm .descLong { width:100%; float: left; font-size: 12px; height: 200px; overflow-y: auto; padding:15px;}
.dashboardMain .ci-quickpayForm .descLong p { margin-bottom: 12px; line-height: 22px;}

.dashboardMain .userResetPassword .changeUsername { display: flex; align-items: center; gap: 10px; margin-top: 8px;}
.dashboardMain .userResetPassword .changeUsername label { margin-bottom:0;}

.dashboardMain .userAddressChange .addressChangeDashbord { margin:0;}
.dashboardMain .userAddressChange .addressChangeDashbord li { width:calc(100% / 4);}
.dashboardMain .userAddressChange .addressChangeDashbord.addressChangeDashbordTwoBox li  { width:calc(100% / 2);}
.dashboardMain .userAddressChange .addressChangeDashbord li .cntBox { background:var(--white); border:1px solid var(--cFormBorder);}

.dashboardMain .userAddressChange .ci-quickpayForm .titleBox .redClass { color:var(--titColor); font-size:12px; margin-top:5px; display: block;}

.dashboardMain .userAddressChange .addressBoxMain { margin:20px 0;}
.dashboardMain .userAddressChange .addressBoxMain .ci-quickpayForm { width:calc(50% - 10px);}
.dashboardMain .userAddressChange .addressBoxMain .ci-quickpayForm.rightBox { float:right;}

.dashboardMain .userAddressChange .cForm li.addressPhoneBox { display:flex; align-items: baseline;}
.dashboardMain .userAddressChange .cForm li.addressPhoneBox label { width:160px; float:left;}
.dashboardMain .userAddressChange .cForm li.addressPhoneBox .row { width:calc(50% - 160px); flex-direction: row; align-items: baseline;}
.dashboardMain .userAddressChange .cForm li.addressPhoneBox .cCode { width:auto;}
.dashboardMain .userAddressChange .cForm li.addressPhoneBox .pNumber { width:60%;}
.dashboardMain .userAddressChange .cForm li.addressPhoneBox .pExt { width:auto;}
.dashboardMain .userAddressChange .cForm li.addressPhoneBox .pExtNum { width:20%;}

.signature-pad { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 10px; width: 100% !important; height: 100% !important; max-width: 700px; max-height: 460px; min-height: 150px; /*border: 1px solid #e8e8e8; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;*/ border-radius: 4px; padding: 16px; margin:0 auto;}
.signature-pad:before { left: 20px; -webkit-transform: skew(-3deg) rotate(-3deg); transform: skew(-3deg) rotate(-3deg);}
.signature-pad--body { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid #f4f4f4;}
.signature-pad--body canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; background:var(--white);}
.signature-pad--footer { text-align:center}
.signature-pad--footer .description { margin:8px 0;}

.addressChangeProcess { width:100%; float:left; margin:10px 0 50px 0; text-align:center;}
.addressChangeProcess ul li {width: calc(100% / 3);}

.ci-contact-us { padding:50px 0;}
.ci-contact-us .wrap-inner  { display: flex; flex-wrap: wrap;}
.ci-contact-us .cntBox { width:30%; padding:30px; background: #eff6fb;}
.ci-contact-us .mapBox { width:70%; padding-left:30px;}
.ci-contact-us h2 { font-size:28px; color:var(--mColor); font-weight:700;}
.ci-contact-us ul { width:100%; float:left;}
.ci-contact-us ul li { width:100%; display: flex; flex-wrap: wrap; margin-bottom:25px;}
.ci-contact-us ul li .iconBox { width:22px; margin-right:10px; color:var(--mColor); padding-top:5px;}
.ci-contact-us .mapBox iframe { width:100%; height:100%;}

.ci-dealerSearchResult .dealerSearchResultTable tr.firstTr { background:#f0f6f8;}
.ci-dealerSearchResult .dealerSearchResultTable tr.firstTr td { border-bottom:2px solid var(--mColor); color:var(--mColor); font-weight:700; font-size:14px;}
.ci-dealerSearchResult .dealerSearchResultTable tr.firstTr td a { color:var(--mColor); font-weight:700; font-size:14px;}
.ci-dealerSearchResult .dealerSearchResultTable td { font-weight:500; font-size:14px; /*EDD9CF*/}
.ci-dealerSearchResult .dealerSearchResultTable tr.lastTr { background:none !important;}
.ci-dealerSearchResult .dealerSearchResultTable tr.lastTr td { padding:35px 0 25px 0;}
.ci-dealerSearchResult .dealerSearchResultTable tr.lastTr td span,
.ci-dealerSearchResult .dealerSearchResultTable tr.lastTr td a { width:32px; height:32px; float:left; background:#f5f5f5; border-radius: 4px; margin-right:5px; display:flex; justify-content: center; align-items: center;}
.ci-dealerSearchResult .dealerSearchResultTable tr.lastTr td a:last-child { background:none;}
.ci-dealerSearchResult .dealerSearchResultTable tr.lastTr td span { background:var(--mColor); color:var(--white);}

.ci-dealerSearchResult .dealerResultTable { margin-bottom:0px;}
.ci-dealerSearchResult .dealerResultTable td { background:#f5f5f5; font-size:12px; padding:15px; font-weight:700;}
.ci-dealerSearchResult .dealerResultTable .firstTd,
.ci-dealerSearchResult .dealerResultTable .lastTd { background:#f9f9f9;}

.ci-dealerSearch .radioListOneLine table td { display:flex; float:left;}
.ci-dealerSearch .radioListOneLine table td label { margin-bottom:0; margin-left:5px;}

.cForm li.moveBox p { margin-bottom:10px;}
.cForm li.moveBox .row { background:var(--white); padding:10px 0;}
.cForm li.moveBox .btnBox {justify-content: center;align-items: center;align-content: center;text-align: center;gap: 8px;font-size: 12px;}



.policychangeRequestWarning { margin-top:20px;}
.policychangeRequestWarning h3 { margin-top:20px; color:var(--mColor);}

.dashboardMain .policychangeRequestWarning .ci-quickpayForm { background:none; padding:0; margin-top:20px;}
.policychangeRequestWarning .descLong { width: 100%; float: left; font-size: 12px; height: 200px; overflow-y: auto; padding: 15px; background:#f5f5f5;}

.ci-feedbackMain .ci-customerFeedback { padding:50px 0;}
.ci-feedbackMain .ci-customerFeedback ul { width:100%; float:left;}
.ci-feedbackMain .ci-customerFeedback ul li { width:100%; float:left; padding:20px; border-bottom:1px dashed var(--mColor);}
/*.ci-feedbackMain .ci-customerFeedback ul li:nth-child(odd) { background:#00678f05;}*/
.ci-feedbackMain .ci-customerFeedback ul li div { width:100%; float:left; padding:5px 0; line-height:26px;}
.ci-feedbackMain .ci-customerFeedback ul li div b { color:var(--mColor); padding:0 5px; font-size:20px;}
.ci-feedbackMain .ci-customerFeedback ul li .dName span { color:var(--mColor); font-size:14px; font-weight:500;}

.ci-pagination { padding:0;}
.ci-pagination .wrap-inner { text-align:center; display: flex; flex-wrap: wrap; justify-content: center;}
.ci-pagination a { width:36px; height:36px; background:#fff; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin:0 1px;}
.ci-pagination a:hover { background:#f5f5f5;}
.ci-pagination a.page_disabled { background:var(--mColor); color:var(--white);}

.ci-feedbackMain .ci-linkBtn { padding:20px 0 50px 0;}


.ci-feedbackForm .policyTypeBox { width:100px; float:left;}
.ci-feedbackForm .policyNumberBox { width: calc(100% - 100px); float:left; padding-left:10px;}


.ci-policyRequestedChanges { /*border:1px solid var(--mColor);*/ margin:20px 0 10px;}
.ci-policyRequestedChanges .cForm li h3 { margin:0 0 5px 0;}

.ci-our-product { padding:50px 0;}
.ci-our-product ul { display:flex;  flex-wrap: wrap; justify-content: center;}
.ci-our-product ul li { width:calc(100% / 3); display:flex; flex-wrap: wrap; padding:20px;}
.ci-our-product ul li .cntBox { width:100%; float:left; padding:25px; border-top:3px solid var(--mColor); background:#fff; box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.08);
-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s;}
.ci-our-product ul li .cntBox:hover { background:#f6fafb;}
.ci-our-product ul li .cntBox h3 a { color:var(--mColor);}
.ci-our-product ul li .cntBox:hover h3 a { color:var(--titColor);}

.ci-product-inner { padding:20px 0;}
.ci-product-inner .product-tit { width:100%; float:left; padding:0 30px;}
.ci-product-inner .product-tit h1 { font-size:48px; color:var(--mColor); margin-bottom:40px}
.ci-product-inner .product-img { width:100%; float:left;}
.ci-product-inner .product-img img { border-radius: 10px; object-fit: cover;}
.ci-product-inner .product-cnt { width:100%; float:left; padding:40px 30px 0 30px;}
.ci-product-inner .product-cnt h2 { font-size:42px;}
.ci-product-inner-quote { background:#f0f6f8; color:var(--mColor); padding:40px 15px; text-align:center; font-size:22px; font-weight:400;}
.ci-product-inner-quote a {font-weight:500;}

.ci-dealerSearchView .cForm li label { font-size:12px; color:#666666;}
.ci-dealerSearchView .cForm li span { color: var(--titColor);}


.ci-holidayReminder {background-color: #FFEC8B; width:100%; float:left; padding:25px 20px 0px 20px; }

.siteMapCnt ul { width:100%; float:left; display:flex; flex-wrap: wrap; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.siteMapCnt ul li { width:calc(100% / 4); position:relative; padding:10px 25px 10px 25px;}
.siteMapCnt ul li.full { width:calc(100% / 1); padding:10px 25px 10px 10px;}
.siteMapCnt ul li.full h2 { margin-bottom:0; font-size:22px; font-weight:700;}
.siteMapCnt ul li:before { content: ""; width: 6px; height: 6px; border-radius: 100px; background:var(--mColor); position: absolute; left: 10px; top: 22px;}
.siteMapCnt ul li.full:before { display:none;}


.pageNotFound { display:flex; flex-wrap: wrap; flex-direction: column; text-align:center;}
.pageNotFound .notFoundTit { font-size:142px; color:var(--mColor);}
.pageNotFound .notFoundCnt h3 { font-size:38px;}
.pageNotFound.sWrong .notFoundTit { font-size:112px; font-weight:600}

.ci-eventList { padding:60px 0;}
.eventList { width:100%; float:left;}
.eventList li { width:100%; float:left; margin-bottom:25px;}
.eventList li .eventBox { width:100%; float:left; position:relative;}
.eventList li .eventBox:before { content:""; width:100px; height:1px; background:#b3d0db; position:absolute; top: 45px; left: 50px; z-index: -1;}
.eventList li .eventBox .number { width:62px; height:62px; float:left; background:#f5f9fb; color:var(--mColor); font-size:32px; font-weight:700; display:flex; justify-content: center; align-items: center; border-radius: 10px; position:relative; margin-top:15px;}
.eventList li .eventBox .number:before { content:""; width:8px; height:8px; background:#b3d0db; position:absolute; top: 27px; right: -3px; border-radius: 50px;}
.eventList li .eventBox .eventCnt { width:calc(100% - 100px); float:right; background:#fff; border:1px solid #b3d0db; border-radius: 10px; padding:30px;}
.eventList li .eventBox .eventDate { width:100%; float:left; margin-bottom:15px;}
.eventList li .eventBox .eventDate span { float:left; color:var(--mColor); background:#f5f9fb; border-radius: 0 40px 40px 0; padding:8px 15px 8px 30px; margin:-3px 0 0 -30px; font-weight:600;}
.eventList li .eventBox .eventTitle { width:100%; float:left; margin-bottom:15px;}
.eventList li .eventBox .eventTitle h2 { font-size:42px; font-weight:600; color:var(--titColor);}
.eventList li .eventBox .eventText { width:100%; float:left;}


/* Dialog Box Popup */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-dialog {
	position: fixed;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;	
	z-index: 999;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
	
	width:100%; float:left;
}


.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: var(--mColor);
	color: var(--white);
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}


/* Icons
----------------------------------*/
.ui-dialog-titlebar-close span.ui-button-text { display:none;}

/* states and images */
.ui-icon { width: 16px; height: 16px; display:inline-block;}
.ui-icon,
.ui-widget-content .ui-icon { background-image: url("/images/ui-icons_222222_256x240.png");}
/* positioning */
.ui-icon-closethick { background-position: -96px -128px; }


.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; border-radius: 5px; margin-top:3px;}
.ui-autocomplete li a { display:block; padding:6px 15px; border-bottom:1px solid #ddd; font-size: 14px;}
.ui-autocomplete li a:hover { color:var(--mColor);}
.ui-autocomplete li:last-child a { border-bottom:0 none;}





.ci-fullwidth.PolicyholderInfoPDFBox { border:1px solid var(--mColor); padding:20px; text-align:left; line-height: 26px; margin-top:15px;}
.ci-fullwidth.PolicyholderInfoPDFBox .formBox { width:100%; float:left; padding:10px; margin:0 0 10px 0;}
.ci-fullwidth.PolicyholderInfoPDFBox .lightBg { background:#f9f9f9;}
.ci-fullwidth.PolicyholderInfoPDFBox .borderBox { border:1px solid #ccc; }

.PolicyholderInfoPDFBox .PDFheaderBox .r3 { font-size:22px; line-height:normal; padding-top:15px; padding-bottom:15px;}
.PolicyholderInfoPDFBox .PDFheaderBox .r5 { margin-top:15px; padding-top:15px;}

.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowTwo,
.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowThree,
.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowFour { padding-top:20px;}

.ci-fullwidth.PolicyholderInfoPDFBox .cForm li.radioListOneLine.removeBg { background:none;}
.ci-fullwidth.PolicyholderInfoPDFBox .cForm li.radioListOneLine label.mLabel { width:50%; float:left; margin-bottom:0; margin-top:8px;}
.ci-fullwidth.PolicyholderInfoPDFBox .cForm li.radioListOneLine table { width:50%; float:left; margin-bottom:0;}
.ci-fullwidth.PolicyholderInfoPDFBox .cForm li.radioListOneLine table td { width:50%; float:left; margin-bottom:0;}
.ci-fullwidth.PolicyholderInfoPDFBox .cForm li.radioListOneLine.full table { width:100%;}
.ci-fullwidth.PolicyholderInfoPDFBox .cForm li.radioListOneLine.full table td { width:100%;}
.ci-fullwidth.PolicyholderInfoPDFBox .cForm li.radioListOneLine table label { width: 100%; float:left; margin: 0 -15px 0 0; padding: 0 0 0 10px;}
.ci-fullwidth.PolicyholderInfoPDFBox .cForm li.radioListOneLine table input { float:left; margin-top:0px; width:25px;}
.ci-fullwidth.PolicyholderInfoPDFBox .cForm li.radioListOneLine table td { display: flex;}

.ci-fullwidth.PolicyholderInfoPDFBox .cForm li.checkListOneLine { display:flex;}
.ci-fullwidth.PolicyholderInfoPDFBox .cForm li.checkListOneLine input { width:25px; height:25px; margin-right:10px;}
.ci-fullwidth.PolicyholderInfoPDFBox .cForm li.checkListOneLine label { margin-bottom:0;}

.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowSeven { width:calc(100% - 470px);}
.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowEight { width:450px; margin-left:20px;}

.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowEight .cForm li.radioListOneLine table { width:100%;}
.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowEight .cForm li.radioListOneLine table tr { width:50%; float:left;}
.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowEight .cForm li.radioListOneLine table td { width:100%;}

.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowNine .cForm li.radioList { display:flex; align-items: center;}
.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowNine .cForm li.radioList .leftCol { width:calc(100% - 420px); padding-right:10px;}
.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowNine .cForm li.radioList .rightCol { width:420px;}

.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowNine .cForm li.radioList .rightCol table label { width: 100%; float:left; margin: 0 -15px 0 0; padding: 0 0 0 10px;}
.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowNine .cForm li.radioList .rightCol table input { float:left; margin-top:0px; width:25px;}
.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowNine .cForm li.radioList .rightCol table tr { display: flex;}
.ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowNine .cForm li.radioList .rightCol table td { display: flex;}

.ci-fullwidth.PolicyholderInfoPDFBox .formBox .cForm li span.checkListOneLine { display:flex;}

.signature-pad--body canvas{ border: 1px solid #ccc;}

@media only screen and (max-width: 1023px) {
.userNameBox .logoutBtn.pdfLogoutBtn { display:none;}
}

.ci-get-quote-cnt-box ul li { width: calc(100% / 2);}

.ci-footer .wrap-inner { flex-wrap: wrap;}
.footerDisclaimer { width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #ccc;}
.footerDisclaimer h3 { margin-bottom:5px; font-size:18px;}
.footerDisclaimer p { margin-bottom:0px;}

.dashboardMain a.achInfo { width: 26px; height: 26px; display: inline-flex; position:relative; border: 1px solid #00678f;border-radius: 100%;justify-content: center;align-items: center;color: #00678f; margin-left: 5px;}
.dashboardMain a.achInfo i { font-size: 14px;}
.dashboardMain a.achInfo span { width:850px; height:auto; visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 300ms; position:absolute; top:26px; left:-415px; color: red; font-style: italic;background: white;padding: 20px;border-radius: 10px;text-align: left;}
.dashboardMain a.achInfo:hover span {  visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms; }

.dashboardMain div.chargeAmountInfo { width: 26px; height: 26px; display: inline-flex; position:relative; border: 1px solid #00678f;border-radius: 100%;justify-content: center;align-items: center;color: #00678f; margin-left: 5px; cursor: pointer;}
.dashboardMain div.chargeAmountInfo i { font-size: 14px;}
.dashboardMain div.chargeAmountInfo  div.chargeAmountInfoCnt { width:850px; height:auto; visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 300ms; position:absolute; top:26px; left:-450px; color: red; font-style: italic;background: white;padding: 20px;border-radius: 10px;text-align: left;}
.dashboardMain div.chargeAmountInfo:hover div.chargeAmountInfoCnt {  visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms; }



.passwordShowHide { position:relative;}
.passwordShowHide .eyeBox {width: 38px; height: 38px; position:absolute; top:26px; right:10px; display:flex; justify-content: center; align-items: center;}
.passwordShowHide input[type="password"] { padding-right:42px;}