@charset "UTF-8";

.wp-2fa-configuration-form {
    align-content: center;
}
#your-profile {
    text-align: center!important
}

.wp-2fa-user-profile-form  {
    margin: auto!important;
}

#adobe-dc-view {
    height: 95vh;
}
/* lightbox share buttons */
#hei-inline-list li {
    display:inline;
}
#hei-inline-list {
    margin-left: 0px;
}
.lg-outer .lg-share{
    display: none!important;
}
.lg-outer .lg-download {
    display: none!important;
}
#grid-top {
    padding-top: 30px;
}
#hei-eNoteSide {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
      box-shadow: 25px 0px 20px -20px #eee,
-25px 0px 20px -20px #eee;
}
.hei-eNoteSide {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
      box-shadow: 25px 0px 20px -20px #eee,
-25px 0px 20px -20px #eee;
    padding: 10px 20px!important;
    margin-top: 0px!important;
    margin-bottom: 20px;
}
.um-profile .um-profile-body {
    padding-top: 0px!important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
    min-height: 325px!important;
}

/* CSS Document */
.imageGallery1 img {
    border-radius: 5px;
    width: 100%;
    height:100%
    
}
.hei-button {
    border: 0px;
    background: #fff;
    text-decoration: underline;
    color: #118CC0;
    cursor: pointer;
}

.ctk-sub-header {
    background: #BDC1CB;
    border: 1px solid #A9B0C1;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
    color: #000;
    padding: 7px 10px !important;
    font-size: 14px;
}
#deliverydate {
    width: 450px;
}

.wp-2fa-user-profile-form  {
    width: 100%!important;
}
#hei-close {
    width:20px;
    cursor: pointer;
}

#hei-blog img {
    border-radius: 5px;
}

.hei-side {
    background: #fff!important;
    width:200px;
}
.hei-side ul {
       
        background: #fff;
    list-style-type: none;
   margin-left: 0px;
}
     .hei-side   li {
            padding: 5px 15px;
         background: #f9f9f9;
         margin-top: 1px;
         color:#7C7C7C;
    text-decoration: none;
}

.hei-side a {
    color: #fff!important;
    letter-spacing: 1px;
    font-size: 15px;
    text-decoration: none!important;
            }
  .hei-side_icon {
    background: #fff!important;
      z-index: 1;
      float: left;
      width:40px;
      margin-left: -20px
}
div#hei-left {
    order:  1;
}
div#hei-right {
    order: 2;
}
.hei-side_icon {
    margin-right:10px;
}
.hei-side_icon ul {
       
        background: #fff;
    list-style-type: none;
   margin-left: 0px;
    padding-left: 2px;
}
     .hei-side_icon   li {
            padding: 5px 10px;
         background: #f9f9f9;
         margin-top: 1px;
         color:#7C7C7C;
    text-decoration: none;
}
.hei-side_icon a {
                color: #fff!important;
                letter-spacing: 1px;
                font-size: 15px;
    text-decoration: none!important;
            }  
.hei-active {
    background: #DDDDDD!important;
    color: #7C7C7C!important;
}
.hei-nav:hover {
    background: #DDDDDD!important;
    color: #7C7C7C;
}

#hei-title-base {
    border-top: 1px solid #dddddd;
}
#hei-right {
    padding-left: 15px;
    width:100%;
}
    

    
.default_styling  {
    background: #BDC1CB;
    color: #000!important;
    padding: 10px 30px;
    border-radius: 5px;
    margin: 5px;
    border: 0;
    width: fit-content;
    cursor: pointer;
}
.wp-2fa-button-primary, .wp-2fa-button-secondary{
    background: #BDC1D2;
    color: #fff!important;
    padding: 10px 30px;
    border-radius: 5px;
    margin: 5px;
    border: 0;
}
.wp-2fa-user-profile-form {
    width: 750px!important;
    margin-bottom: 30px;
}
.wp-2fa-user-profile-form {
    margin-bottom:20px!important
}
.hei_2fa tr {
    background: #fff;
    font-size: 18px;
}

 .wp-2fa-user-profile-form td, .wp-2fa-user-profile-form th {
     padding:20px!important;
}
.backup-key-wrapper {
    background: #f9f9f9;
    padding-left: 20px;
}
.backup-key-wrapper textarea {
    height: 250px
}
.qr-btn {
    cursor: pointer;
}





.heit_backgd {
position: relative;

} 
.heit_backgd:before {
content: "";
      position: absolute;
background-image: url('/wp-content/uploads/core_images/slide1.jpg'); 
top: 0px;
bottom: 0px;
left: 0px;
height: 100vh;
width: 100%;
opacity: 0.2;
background-position: center;
background-repeat: no-repeat;
  background-size: cover;
virtical-align: middle;
}
.heit_body {
position: relative;
color: #6F6F6F;
text-align:center;
font-size:20px;
    padding: 50px 100px 0px 100px;

}
.heit_bar {
    height:28px;
    background: #fff;
    margin-top: 50px
}
.heit_prog {
    background: #3B3B3B;
    width: 80%;
    height: 28px;
    color: #fff;
    padding:  5px 15px;
    font-size: 16px;
}
.heit_gear:after {
     content: "\f013";
    font-family: FontAwesome;
    margin-left: 10px;
    padding-bottom: -2px
}
.heit_back {
    background: #00A15D;
    color: #fff;
}
.heit_enote {
    padding: 5px 5px !important;
}
.hei_h5 {
    font-weight: 200;
    font-style: italic;
    font-size: 20px;
    font-family: lora;
    color: #a8a8a8;
}

.ck.ck-editor__editable > .ck-placeholder::before {
    font-size: 12px;
    font-style: italic;
    color: #a8a8a8;
}


.ctk_print {
    padding: 15px 30px;
    background: #18726f;
    color:  #fff;
    border: 0;
    border-radius: 3px;
    font-size: 18px;
    cursor: pointer;
}

.dropdownsearch{
  display:flex;
    font-family: 'Ubuntu', sans-serif;

}
.options{
  max-width:450px;
  width:50%;  
}
@media(max-width:34em){
  .main{
    min-width:150px;
    width:auto;
  }
}

.hei_caption {
    font-size: 12px;
    font-style: italic;
    color: #a8a8a8;
    
}
.hei_heading {
    font-style: italic;
    color: #a8a8a8;
    font-weight: bold;
}

#invRef  {
    display: none !important;
}



/* end dropdown */

.hei_hover  {
     float: left;
  display: block;
  color: #5e5e5e;
  text-align: center;
  text-decoration: none;
  font-size: 14px!important;
    background: #F8F8F8;
}

.hei_hover:hover {
    background-color: #eee;
  color: #000!important;
}
.hei_inv_hover  {
     float: left;
  display: block;
  color: #5e5e5e;
  text-align: center;
  padding: 5px 5px;
  text-decoration: none;
  font-size: 14px!important;
    background: #f8f8f8;
    min-width: 200px;
}
.hei_inv_hover:hover {
    background-color: #eee;
  color: #000!important;
}
.heit_inv_width {
    display:  block;
    min-width: 200px;
  text-align: center;
}
.heit_note_date {
    width: 250px;
}
.heit_note_sub {
    width: 350px;
}
.heit_trading  {
     float: left;
  color: #525252;
  text-align: center;
  padding: 15px 10px;
  text-decoration: none;
  font-size: 14px!important;
    background: rgba(24,114,111,0.37);
    min-width: 200px;

    
}
.heit_trading1  {
     float: left;
  color: #525252;
  text-align: center;
  padding: 15px 10px;
  text-decoration: none;
  font-size: 14px!important;
    background: rgba(24,114,111,0.37);
    min-width: 200px;

    
}
.heit_trading:hover {
    background-color: #18726f;
  color: #ffffff!important;
}
.heit_trading .ctk_attach:before {
    color:#727272;
}

.heit_trading:hover .ctk_attach:before {
    color:#fff;
}
    


.hei_new {
  
    border-left: 2px solid #C02427!important;
}
.hei_old {
  
    border-left: 2px solid #18726f!important;
}

.hei_topnav {
  overflow: hidden;
  background-color: #f2f2f2;
    margin-bottom: 20px;
    
}

.hei_topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.hei_topnav a:hover {
  background-color: #18726f;
  color: #ffffff!important;
}
#myTopnav a:hover {
    color: #ffffff!important;
}

.hei_topnav a.active {
  background-color: #18726f;
  color: white;
}
.hei_topnav a.activequote {
  background-color: #ccc;
  color: #18726f;
}.hei_topnav a.activequote:hover {
  background-color: #18726f;
  color: #ffffff;
}

.hei_topnav .icon {
  display: none;
}
.hei_envOpen {
    color: #18726f!important;
}
.hei_hover:hover .hei_envOpen {
    color: #18726f!important;
}
.hei_envClosed {
    color: #C02427;
}
.hei_hover:hover .hei_bin {
    color: #18726f!important;
}
.hei_hover:hover a:link {
    color: #fff;
}

.hei_divider {
    padding-top: 25px;
    width: 75%;
    height: 38px;
    background-image: url(/wp-content/themes/uniq/images/page-title-shadow.png);
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: auto
}

.hei_back  {
    background: #f2f2f2;
    color: #000;
    padding: 5px 10px;
    border-radius: 3px
}
.hei_back:hover {
    background: #BDC1CB;
    color: #fff;
    cursor: pointer;
}
.hei-orderRequest {
    border-left: 3px solid #FFB600!important;
}
#hei-orderRequest {
    background: #FFB600!important;
    color: #000!important;
}


@media screen and (max-width: 800px) {
  .hei_topnav a:not(:first-child) {display: none;}
  .hei_topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 800px) {
  .hei_topnav.responsive {position: relative;}
  .hei_topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .hei_topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
.button .button-primary .button-large{
    background-color: #BDC1D2!important;
}



/* Ultimate member */
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i {
    color: #7B87A7!important;
}
.um-cover {
    display:none;
}
.um-header.no-cover .um-profile-photo {
    float: left!important
}
.um-header .um-meta-text {
    display: none;
}
.um-profile a:hover{
    color:#7B87A7 !important
}
.um-profile-photo a.um-profile-photo-img img {
    width: 120px!important;
}

.um-profile-photo {
    height:  auto!important;
}

element.style {
    margin-bottom: 30px;
}
.um-header {
    min-height: 135px!important;
    padding-bottom: 0px!important;
}

.um-profile.um-viewing .um-field-label {
    border-bottom: 1px solid #f2f2f2!important;
    padding-bottom:10px!important
}
.um input[type=submit].um-button {
    background-color: #BDC1D2!important;
}
.um-account-meta.radius-1 img {
    -moz-border-radius: 0px!important;
     -webkit-border-radius: 0px!important; 
     border-radius: 0px!important; 
    width:150px;
    height: auto
}
.uniq-body input[type="button"], .um-do-search .um-button {
    background-color: #BDC1D2!important;
}


.um-55.um .um-profile-photo a.um-profile-photo-img {

    top:-15px !important

}
.um-75.um .um-profile-photo a.um-profile-photo-img {
    height: auto!important;
}

.um-profile-photo a.um-profile-photo-img {

    width:170px !important;

    height: auto !important;

}

.um-name {

    margin-left: 20px !important;

}

.um-meta {

    margin-left: 20px !important;

}

.um-55.um .um-profile-meta {

    padding-left: 150px !important;

}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img {

   width:120px !important;

   height:auto !important;

}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo {

    padding: 20px 0 10px 0 !important;

}

.um-profile-nav {

    background: #777 !important;

}

.um .um-profile-nav-item.active a {

    background: #2975b1 !important;

}

#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu li, #masthead-widgets .widget_nav_menu ul.menu > li ul.sub-menu li{

    padding: 5px 10px

}

.entry-header h1.entry-title {

    color: #2975b1!important;

}

.entry-title {

    color:#0C254E!important;

    font-style: italic;

    text-decoration: underline;

}

#membernav  {

    padding:5px 10px;

    background-color: #ccc;

    color: #3F3F3F;

    float:left;

    margin: 3px 3px;

    border-radius: 3px;

}

#membernavactive{

    padding:5px 10px;

	color: #fff;

    background-color: #18726f;

    float: left;

    margin: 3px 3px;

    border-radius: 3px;

}

#membernav:hover {

    background-color: #18726f;

    color: #fff

}

#membernavactive:active {

    background-color: #829cbf;

    color: #fff

}

 .um .um-profile-photo img {

     border-radius: 0px!important;

}

.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a img {

    width: 120px!important;

    height:auto!important;

}





.ctk_wp_content {

    padding-top: 220px;

}

.ctk_error {

    color: #f00;

}

.ctk_ok:before {

    content: "\f292";

    font-family: FontAwesome;

    color: #009F12;

}

.ctk_notok:before {

    content: "\f292";

    font-family: FontAwesome;

    color: #CD0000;

}

.ctk_mailnotok:before {

    content: "\f0e0";

    font-family: FontAwesome;

    color: #CD0000;

}

.ctk_mailok:before {

    content: "\f0e0";

    font-family: FontAwesome;

    color: #fff;

}
.ctk_strip {
    background: #009F12;
    color: #fff;
}

.ctk-topborder {

    border-top:1px solid #eee;

}

.ctk_noFile:before {

    content: "\f06a";

    font-family: FontAwesome;

    color: #CD0000;

}

.hei_sendCemail {
    background: #f4f4f4;
    padding: 50px!important;
}


h1.entry-title {

    color: #777777;

    font-size: 20px;

    margin-top: 0px;

    font-style: italic;

}

.ctk_btn {

    font-family: FontAwesome;

    color: #2975b1;

    padding:10px;

    background: transparent;

    border: 1px solid #EFEFEF;

    font-size: 20px;

    cursor: pointer;

}

.ctk_btn a {

    font-family: FontAwesome;

    color: #2975b1;

    padding:10px;

    background: transparent;

    border: 1px solid #EFEFEF;

    font-size: 20px;

    cursor: pointer;

}

.ctk_grid {

    color: #fff;

    padding:10px;

    background: #18726f;

    border: 0px;

    font-size: 14px;

    cursor: pointer;

}

.ctk_attach:before {

    content: "\f0c6";

    font-family: FontAwesome;

    color: #2975b1;

    font-size: 15px;

}

.ctk_icon{

    color: #18726f;

    font-size: 14px;

}

#ctk_icon{

    color: #18726f;

    font-size: 18px;

    padding-top: 3px;

}

.ctk_minH {

    min-height: 600px;

}

.site-main {

    min-height:550px;

}

#ctk_noteadmin {

	border-left: 5px solid #007BBA;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    border-radius: 5px;
    width: 90%;
    float: left;
    background: #FBFBFB;
    text-align: left;
    padding-left: 20px;
    font-size: 14px;



}

#ctk_noteuser {

	border-right: 5px solid #6D0001;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    border-radius: 5px;
    width: 90%;
    float: right;
    background:#FBFBFB;
    text-align: left;
    padding-left: 20px;
    font-size: 14px;

}

#notehd {

	padding: 0px;
    font-weight: bold;

	border-bottom: 1px dashed #d5d5d5;

}

.ctk_eNote_border {

    border-right: 1px solid #e6e6e6;

}

#ctk_unread {

    border-left: 3px solid #C10000;

    background: #f2f2f2 ;

}

.ctk_space {

    padding: 10px 0;

}

.ctk_image img {

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;
    
    border-radius: 5px;

}
.nav-tab-wrapper, .wrap h2.nav-tab-wrapper, h1.nav-tab-wrapper {
    border-bottom: 1px solid #c3c4c7;
    margin: 0;
    padding-top: 9px;
    padding-bottom: 0;
    line-height: inherit;
}
.nav-tab {
    float: left;
    border: 1px solid #c3c4c7;
    border-bottom: none;
    margin-left: .5em;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.71428571;
    font-weight: 600;
    background: #dcdcde;
    color: #50575e;
    text-decoration: none;
    white-space: nowrap;
}
.ctk-tab {
    display: none;
}
.ctk_box {

    border: 1px solid #eee;

}
.nav-tab-active, .nav-tab-active:focus, .nav-tab-active:focus:active, .nav-tab-active:hover {
    border-bottom: 1px solid #f0f0f1;
    background: #f0f0f1;
    color: #000;
}
.nav-tab-active, .nav-tab:focus:active {
    box-shadow: none;
}
.nav-tab-active {
    margin-bottom: -1px;
    color: #3c434a;
}

/* Tooltip container */

.ctk_tooltip {

  position: relative;

  display: inline-block;

   /* If you want dots under the hoverable text */

}









/* Tooltip text */

.ctk_tooltip .ctk_tooltiptext {

  visibility: hidden;

  width: 120px;

  background-color: black;

  color: #fff;

  text-align: center;

  padding: 5px 0;

  border-radius: 6px;

 

  /* Position the tooltip text - see examples below! */

  position: absolute;

  z-index: 1;

}



/* Show the tooltip text when you mouse over the tooltip container */

.ctk_tooltip:hover .ctk_tooltiptext {

  visibility: visible;

    top: -30px

}



/*the container must be positioned relative:*/

.custom-select {

  position: relative;

  font-family: Arial;

}



.custom-select select {

  display: none; /*hide original SELECT element:*/

}



.select-selected {

  background-color: #f6f6f6;

}






/* page numbers*/



.tablenav-pages a, .tablenav-pages-navspan {

    font-weight: 600;

    padding: 0 2px

}



.tablenav-pages .current-page {

    margin: 0 2px 0 0;

    padding-bottom: 5px;

    font-size: 13px;

    text-align: center

}



.tablenav .total-pages {

    margin-right: 2px

}



.tablenav #table-paging {

    margin-left: 2px

}



.tablenav a.button, .tablenav a.button-secondary {

    display: block;

    margin: 3px 8px 0 0

}



.tablenav {

    clear: both;

    height: 30px;

    margin: 6px 0 4px;

    vertical-align: middle;

	z-index: 9000;

}



.tablenav.themes {

    max-width: 98%

}



.tablenav .tablenav-pages {

    float: right;

    height: 28px;

    margin-top: 3px;
    margin-bottom: 15px;

    cursor: default;

    color: #555

}



.tablenav .no-pages, .tablenav .one-page .pagination-links {

    display: none

}



.tablenav .tablenav-pages a, .tablenav-pages span.current {

    text-decoration: none!important;

    padding: 3px 6px

}



.tablenav .tablenav-pages a, .tablenav-pages-navspan {

    display: inline-block;

    min-width: 30px;

    border: 1px solid #eee;

    padding: 3px 5px 7px;

    background: #f9f9f9!important;

    font-size: 16px;

    line-height: 1;

    font-weight: 400;

    text-align: center;
    padding-top: 7px;
    color: #7c7c7c;

}



.tablenav-pages-navspan {

    height: 16px;

    border-color: #eee;

    background: #f9f9f9;

    color: #7c7c7c!important

}



.tablenav .tablenav-pages a:focus, .tablenav .tablenav-pages a:hover {

    border-color: #eee;

    color: #7c7c7c;

    background: #DDDDDD!important;

    box-shadow: none;

    outline: 0

}



.tablenav .displaying-num {

    margin-right: 7px

}



.tablenav .one-page .displaying-num {

    display: inline-block;

    margin-top: 5px;

    margin-right: 0

}



.tablenav .actions {

    overflow: hidden;

    padding: 2px 8px 0 0

}



/* Newsletter */



.tnp-widget input.tnp-submit {

    background: #fff!important;

    color: #2975b1!important;

}

.site-footer {

    color: #fff;

}

#colophon  ul.sub-menu li.menu-item{

    padding-left: 20px!important;

}





/* responsive grid */

/* Preserve some sanity */

.grid,

.unit {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



/* Set up some rules to govern the grid */

.grid {

  display: block;

  clear: both;

  background-color:#fff;

  margin-right:0px;

    width: 100%;

}

 .unit {

  float: left;

  width: 100%;

  padding: 10px;

  margin-right:8px;

  margin-bottom:10px;

}

.grid ul {

    padding: 0;

    list-style-type: none;

}

/* This ensures the outer gutters are equal to the (doubled) inner gutters. */

.grid .unit:first-child { padding-left: 10px; }

.grid .unit:last-child { padding-right: 10px; margin-right: -10px; }



/* Nested grids already have padding though, so let’s nuke it */

.unit .unit:first-child { padding-left: 10px; }

.unit .unit:last-child { padding-right: 10px; }

.unit .grid:first-child > .unit { padding-top: 0; }

.unit .grid:last-child > .unit { padding-bottom: 0; margin-right: -10px;  }



/* Let people nuke the gutters/padding completely in a couple of ways */

.no-gutters  {

  padding: 10px 0px 10px 0px !important;

}

.no-gutter  {

  padding: 5px 10px 5px 10px !important;

}

/* Wrapping at a maximum width is optional */

.wrap .grid,

.grid.wrap {

  max-width: 100%;

  margin: 0 auto;

}



/* Width classes also have shorthand versions numbered as fractions

 * For example: for a grid unit 1/3 (one third) of the parent width,

 * simply apply class="w-1-3" to the element. */

.grid .whole,          .grid .w-1-1 { width: 100%; }

.grid .half,           .grid .w-1-2 { width: 46.5%; }

.grid .one-third,      .grid .w-1-3 { width: 32%; }

.grid .two-thirds,     .grid .w-2-3 { width: 62.6665%; }

.grid .one-quarter,    .grid .w-1-4 { width: 24%; }

.grid .three-quarters, .grid .w-3-4 { width: 75%; }

.grid .one-fifth,      .grid .w-1-5 { width: 18%; }

.grid .two-fifths,     .grid .w-2-5 { width: 40%; }

.grid .three-fifths,   .grid .w-3-5 { width: 60%; }

.grid .four-fifths,    .grid .w-4-5 { width: 80%; }

.grid .golden-small,   .grid .w-g-s { width: 38.2716%; } /* Golden section: smaller piece */

.grid .golden-large,   .grid .w-g-l { width: 61.7283%; } /* Golden section: larger piece */

.grid .verysmall,      .grid .w-1-8 {width: 11%; }



/* Clearfix after every .grid */

.grid {

  *zoom: 1;

}

.grid:before, .grid:after {

  display: table;

  content: "";

  line-height: 0;

}

.grid:after {

  clear: both;

}



/* Utility classes */

.align-center { text-align: center; }

.align-left   { text-align: left; }

.align-right  { text-align: right; }

.pull-left    { float: left; }

.pull-right   { float: right; }



/*Grid styles */



.ctk_box-border {

    border: 1px solid #eee;

    text-align: center;

}

.ctk_fontawesome {

    font-size: 60px !important;

    color: #2975b1;

}

.ctk_fonticon {

    font-size: 25px !important;

    color: #2975b1;

    padding: 0;

}

.ctk_smicon {

    font-size: 15px !important;

    color: #2975b1;

    padding: 0;

}

.ctk_smallnav {

    float:right;

    padding: 3px 6px;

    margin-right:3px;

}

.ctk_box-borderR {

    border: 1px solid #eee;

    text-align: center;

    padding: 10 0px;

    

}

.ctk_box_blue {

    border: 1px solid #2975b1;

    background:#f2f2f2;

    color:#000 ;
    
    padding-left: 10px!important;

}

.ctk_box {

    border: 1px solid #FCFCFC;

}

.ctk_underline {

    border-bottom: 1px solid #eee;

}







.ctk_divContainer>div:nth-of-type(odd) {

    background: #ddd;

    padding: 3px 0px 3px 8px;

    margin-bottom: 1px;

}

.ctk_divContainer>div:nth-of-type(even) {

    background: #f1f1f1;

    padding: 3px 0px 3px 8px;

    margin-bottom: 1px;

}
.ctk_check {
    padding: 5px 5px 0 0;
}

#ctk_con_cont {

    color: #2975b1;
    padding: 15px 20px 0 0

}
.ctk_up_bdr {
    border: 1px solid #eee;
    padding-left:20px;
    width:  80%
}
#myinsurance {
    border-bottom: 1px solid #eee;
}
div.pdfemb-toolbar-bottom{

    display: none !important;

}

#ctk_download:before {

	font-family: FontAwesome;

	content:"\f019 ";

	font-weight:bold;

	font-size:18px;

	padding:0 8px 0 0;

}

/* full screen slider */




.button {
    background: none;
    border: none;
}

.button:active, button:focus {
  outline: none !important;
}
.button::-moz-focus-inner {
  border: 0 !important;
}

/* fullscreen div */

.slider-image {
    display: block;
    width: 100vw;
    height: 100%;
    overflow: hidden;
}

/* button  */

#left, #right {
    position: absolute;
    top: 50%;
    font-size: 4rem;
    color: #adb5bd;
    opacity: 0.3;
}

#right {
    right: 0;
}

/* button hover */

#left:hover, #right:hover {
    opacity: 0.8;
    transition: ease 0.5s;
}

.slide-content {
        z-index: 20;
    position: fixed;
    top: 20px;
    left: 20px;
    color: #000;
    font-size:30px;
}

.ctk_avatar {

    width: 150px;

    height: auto;

}

.ui-datepicker {

    border: 1px solid #eee;
    margin-top: 2px;
    background: #fff;
    width: 300px;
    color:#000
}
.ui-datepicker a {
    color:#465D97;
}

.ui-datepicker table tr td  {
    padding: 5px 0;
    color: #000;
    text-align: center;
}


.ui-datepicker .ui-datepicker-header {

    background-color: #f2f2f2;
    padding: 20px 0px 0px 0px;
    border-bottom: 1px solid #8B8B8B;
    color: #6B6B6B

}
.ui-datepicker .ui-datepicker-header a {
    cursor: pointer;
}
.ui-datepicker-calendar th {
    padding: 3px 0;
    background: #BDC1CB;
}
#hei_calActive {
    background:  #fff;
}

#hei_calActive:hover  {
    background: #BDC1CB;
    color: #000!important;
    cursor: pointer;
}
.ui-datepicker-calendar {
    background: #C3C3C3;
    width: 100%
}
.ui-datepicker-unselectable {
    background: #E8E8E8
}
.ui-datepicker-selectable {
    background: hsla(178,65%,27%,0.37);
}
td.ui-datepicker-today {
    border:1px solid #f00;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    margin-left: 10px;
    position: absolute;
  top: 7px;
    left: 10px;
    
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next { 
    margin-right: 10px;
    position: absolute;
  top: 7px;
    right: 10px;
    
}
.ui-datepicker-title {
    padding: 5px 10px;
    color: #000;
    font-weight: bold;
    background: #BDC1CB;
    margin-top: 20px;
}
.ctk-date {
    width: 450px;
}

.ctk_lists{

    float:left;

    padding: 7px 10px;

    border-right: 1px solid #fbfbfb;
    text-align: left;
    

}
.heit_trading a:link {
    background: #00901E;
    color: #fff;
}

.ck-editor__editable {

    min-height: 200px !important;

}
#ck_ed .ck-editor {
    width: 90%!important;
}
.ck_ed .ck-editor {
    width: 90%!important;
}



/* grid to row css */





* {

  box-sizing: border-box;

}



.ctk_story {

    padding: 5px 0;

}

.story {

  width: 100%;

  padding: .5rem 0 1rem 0;

  text-align: left;

  overflow: hidden;

  margin-bottom: 1rem;

  border-bottom: 1px solid rgba(205,179,128,.5);

}

.ctk_height {

    border-bottom: 1px solid #FBFBFB;

    padding: 0px;

}

.story-image{

  float: left;

  width: 200px;

  height: 100px;

  margin-right: 1.5rem;

  border-radius: 3px;

  overflow: hidden;

  transition: width .25s ease;

}



.story-desc {

  line-height: 1.5;

}



.story-image img {

  width: 120px;

  max-width: auto;  

}

.um-profile-photo{

    width: 120px;

  max-width: auto;  

}

.story-title {

  font-size: 18px;

  font-weight: 500;

  letter-spacing: -.05rem;

  margin-bottom: 5px;

  color: rgba(3,54,73,1);

}



.grid .story {

  float: left;

  width: 48%;

  padding: .5rem;

  border-bottom: none;

  border-radius: 5px;

  margin-left: 4%;

}



.grid .story:nth-of-type(odd) {

  clear: left;

  margin-left: 0;

}

.grid .ctk_story  {

    padding-left:10px;

    min-height: 120px;

}

.grid .ctk_lists {

    border: 0px;

}







/*.grid .story-image img {

  margin-top: -50px;

  vertical-align: middle;

}*/




.grid .story-title {

  margin: .8rem 0 .5rem 0;

}

.grid #ctk_unread {

    border-left: 2px solid #18726f;

    background: #f2f2f2 ;

    margin-left: 10px;

}

.grid .ctk_attach:before {

    content: "\f0c6";

    font-family: FontAwesome;

    color: #2975b1;

    font-size: 18px;

    padding-right:  5px

}



.actions {

  text-align: right;

  padding-bottom: 2rem;

}







/* multi form */

#svg_form_time {

  height: 15px;

  max-width: 80%;

  margin: 40px auto 20px;

  display: block;

}



#svg_form_time circle,

#svg_form_time rect {

  fill: white;

}



.ctk_button {

  background: #aab4bf;

  border-radius: 5px;

  padding: 15px 25px;

  display: inline-block;

  margin: 10px;

  font-weight: bold;

  color: white;

  cursor: pointer;

  box-shadow:0px 2px 5px rgb(0,0,0,0.5);

}



.disabled {

  display:none;

}



section {

  padding: 50px ;

  max-width: 100%;

  margin: 30px auto;

  background:white;

  background:rgba(255,255,255,0.9);

  backdrop-filter:blur(10px);

  box-shadow:0px 2px 10px rgba(0,0,0,0.3);

  border-radius:5px;

  transition:transform 0.2s ease-in-out;

}

.ctk_section {

  padding: 50px ;

  max-width: 100%;

  margin: 30px auto;

  background:white;

  background:rgba(255,255,255,0.9);

  backdrop-filter:blur(10px);

  box-shadow:0px 2px 10px rgba(0,0,0,0.3);

  border-radius:5px;

  transition:transform 0.2s ease-in-out;

}



.ctk_formHead {

    padding: 0px

}

.ctk_inline  {

    float:left;

    padding: 0px 5px 0px 5px;

}

.ctk_inline:nth-child(odd)  {

    border-left: 1px solid #ccc;

}





/* image checkbox */

/* HIDE RADIO */

.ctk_radio [type=radio] { 

  position: absolute;

  opacity: 0;

  width: 0;

  height: 0;

}



/* IMAGE STYLES */

[type=radio] + img {

  cursor: pointer;

}



/* CHECKED STYLES */

[type=radio]:checked + img {

  outline: 3px solid #f00;

}

.ctk_newQuote {

    padding:5px 10px;

    background-color: #ccc;

    color: #3F3F3F;

    float:left;

    margin: 3px 3px;

    border-radius: 3px;

}

.ctk_newQuote:hover {

    background-color: #829cbf;

    color: #fff

}

.ctk_scroll {

    scroll-margin-top: 375px;

}
     .ctk_desktop {

        display: none;

    }

/* loading spinner */

#loaderBox{
     position: fixed;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
    margin: auto;
    width: 50vw;
    display:none;
    text-align: center;
    background: rgba(111,111,111,0.19);
    z-index: 100;
}

#loader{
    position: fixed;
    top: 0%;
    left: 0%;
    margin: auto;
    width: 100vw;
    height: 100vh;
    display:none;
    text-align: center;
    background: rgba(111,111,111,0.19);
    z-index: 100;
}
.loaderImg {
   position: absolute;
    top: 50%;
   text-align: center;
    width: 100px;
    height: auto;
}
.lds-spinner {
  /* change color here */
  color: #1c4c5b
}
.lds-spinner,
.lds-spinner div,
.lds-spinner div:after {
  box-sizing: border-box;
}
.lds-spinner {
  color: currentColor;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
    top:45%;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3.2px;
  left: 36.8px;
  width: 6.4px;
  height: 17.6px;
  border-radius: 20%;
  background: currentColor;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


/* Responsive Stuff */

@media screen and (max-width: 812px) {
    
    #hei-right {
        padding-left: 0px;
        width: 100vw;
        margin-left: -10px;
        margin-right: -10px;
    }

.slider-image {
    display: block;
    width: auto;
    overflow: hidden;
}







  /* Stack anything that isn’t full-width on smaller screens */
.um-73.um, .um-74.um {
        max-width: 98%!important;
    }

  .grid .unit {

    width: 100% !important;

    padding-left: 10px;

    padding-right: 10px;

  }

    .ctk_avatar {

    width: 50px;

    height: auto;

}

    .slide-content span {

  font-size: 3rem;

  color: #fff;

    position: absolute;

    bottom: 0;

    left: 20px;

}



  .unit .grid .unit {

    padding-left: 10px;

    padding-right: 10px;

  }

  .grid .unit:last-child { padding-right: 10px;  padding-left: 10px; }

  .grid .unit:first-child { padding-left: 10px;  padding-right: 10px; }

    


    .ctk_mobile {

        display: none;

    }


    
    div.pdfemb-viewer {

  min-height:330px;

        background-color: #fff!important;

        border: 0px

}



  .file-input {

      width: 100%

    }

    input[type=text] {

        margin-top: 5px

    }

    textarea {

    width: 90%

}
    

    .ctk_minH {

    min-height: 6px;

}

.site-main {

    min-height:300px;

}

    .grid .ctk_story {

        border: 0;

    }
    .story-info {
        margin-bottom: 10px;
    }

 #ctk_noteadmin {

	border-left: 2px solid #007BBA;

	margin-left: 8px;

     padding: 0 10px;

}



.ctk_eNote_border {

    border-right: 0;

}

    .ctk_image {

	height: 100%;

}

.grid .verysmall,      .grid .w-1-2 {width: 45%!important; }

.ctk_wp_content {

    padding-top: 100px;

}

.gdlr-core-item-pdlr{

   padding: 0px!important;

 }

    .ctk_scroll {

    scroll-margin-top: 10px;

}

.slide {

  background-size: cover;



  background-repeat: no-repeat;

   
         transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    height: 100vw;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;

}
.ctk_avatar {
        width:50px;
    height: auto;
    }
.heit_body {
    padding-left: 10px;
    padding-right: 10px;
    }
    .hei_sendCemail {
    background: #f4f4f4;
    padding: 20px!important;
}
    
    .grid { display: flex; flex-flow: column; }
    .hei_one { order: 1; }
    .hei_two { order: 2; }
    .hei_three { order: 3 }
    
.uniq-page-title  {
		padding: 25px 0 19px 0;
		
	}
    #ck_ed .ck-editor {
    width: 100%!important;
}
    .wp-2fa-user-profile-form { 
        width: 100%!important;
    }
       .ctk_desktop {

        display: inline-block;

    }

    

}

    

/* Expand the wrap a bit further on larger screens */

@media screen and (min-width: 1180px) {

  .wider .grid {

    max-width: 1180px;

    margin: 0 auto;

  }

    .slide-content {
        z-index: 20;
    position: fixed;
    top: 20px;
    left: 20px;
    color: #000;
    font-size:30px;
}

            .ctk_wp_content {

    padding-top: 100px;

}

    .ctk_scroll {

    scroll-margin-top: 130px;

}

    .grid .verysmall,      .grid .w-1-2 {width: 11%!important; }
    
   


.ctk_box_blue {
    padding-left: 10px;
}
    .heit_body {
position: relative;
color: #6F6F6F;
text-align:center;
font-size:30px;
    padding-top: 50px;
        width: 100%;

}

}

@media screen and (max-width: 430px) {
    
#hei-right {
        padding-left: 0px;
        width: 100vw;
        margin-left: -10px;
        margin-right: -10px;
    }

    .ctk_wp_content {

    padding-top: 50px;
        

}


        .ctk_scroll {

    scroll-margin-top: 130px;

}
        .ctk_lists{

    float:left;

    padding: 5px 10px;

    border-right: 0px;
        width:100%;
    text-align: left;

}
    .uniq-page-title  {
		padding: 25px 0 19px 0;
		
	}
    .ctk_desktop {

        display: inline-block;

    }
        #hei-flex {
    width: 103%!important;
}
         .hei-side_icon   li {
            padding: 5px 14px;
         background: #f9f9f9;
         margin-top: 1px;
         color:#7C7C7C;
    text-decoration: none;
}
  .ctk-date {
    width: 100%;
} 
 #deliverydate {
    width: 300px;
}
    .slider-image {
        transform: rotate(90deg);
       
}
    #hei-eNoteSide {
 
   border:  0px;
     box-shadow: 0px 0px 0px transparent;
        -moz-box-shadow: 0px 0px 0px transparent;
        -webkit-box-shadow: 0px 0px 0px transparent;
    }
    
    .hei-eNoteSide {
 
   border:  0px;
     box-shadow: 0px 0px 0px transparent;
        -moz-box-shadow: 0px 0px 0px transparent;
        -webkit-box-shadow: 0px 0px 0px transparent;
    }


}

@media screen and (max-width: 810px) {

        .ctk_wp_content {

    padding-top: 0px;

}

    .ctk_thumb {

    position: relative;

     max-width: 100%;     

     height: auto;

     overflow: hidden;

}

        .ctk_lists{

    float:left;

    padding: 5px 10px;

    border-right: 0px;
        width:100%;
    text-align: left;

}

        .ctk_scroll {

    scroll-margin-top: 130px;

}
    .ctk_up_bdr {
        width: 100%;
    }
input[type="submit"] {

  margin-top: 5px;
    }
        .slider-image {
        transform: rotate(90deg);
        width: 100vh;
        height: 100vh;
}
 
  
 

}
@media screen and (max-width: 1100px) {
  .ctk_avatar {
        width:50px;
    height: auto;
    }
        #left, #right {
    position: absolute;
    top: 15%;
    font-size: 4rem;
    color: #adb5bd;
    opacity: 0.3;
}
        .slide-content {
        z-index: 20;
    position: fixed;
    top: 20px;
    left: 20px;
    color: #000;
    font-size:30px;
}
    

}
@media only screen and (max-width: 1024px) {
    
           #left, #right {
    position: absolute;
    top: 24%;
    font-size: 4rem;
    color: #adb5bd;
    opacity: 0.3;
} 
        .slide-content {
        z-index: 20;
    position: fixed;
    top: 20px;
    left: 20px;
    color: #000;
    font-size:30px;
}
    
}
@media screen and (max-width: 850) {
    .slider-image {
    display: block;
    width: auto;
    overflow: hidden;
}
 #hei-eNoteSide {
 
   border:  0px;
     box-shadow: none;
    }
}