/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

@font-face {
    font-family: 'handel_gothic_dregular';
    src: url('fonts/handel_gothic_d_light-webfont.woff2') format('woff2'),
         url('fonts/handel_gothic_d_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'handelgothicregular';
    src: url('fonts/handelgothic_regular-webfont.woff2') format('woff2'),
         url('fonts/handelgothic_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3 { font-family: 'handelgothicregular', sans-serif !important; }
h4, h5, h6 { font-family: 'handel_gothic_dregular', sans-serif !important; }

.dark #header:not(.transparent-header), #header.dark:not(.transparent-header), #header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark) { background: #333 url(../images/header-bg.jpg) center center no-repeat; }

.dark #header.full-header #header-wrap:not(.not-dark) #primary-menu > ul, #header.full-header.dark #header-wrap:not(.not-dark) #primary-menu > ul { border-right: none; }
#header.full-header #primary-menu > ul { margin-right: 0; padding-right: 0; }

#primary-menu ul li > a { font-family: "handel_gothic_dregular", sans-serif !important; font-size: 16px; padding: 39px 12px; }
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a { color: #999; }

.e-download { margin-top: 30px; }
.sticky-header .e-download { margin-top: 10px; }

.viewer {
    height: 650px;
    width: 100%;
}

.zoomer { background-color: #fff !important; }
.zoomer .zoomer-holder { box-shadow: none !important; }

.validation-error-label {
    margin-top: 7px;
    margin-bottom: 7px;
    display: block;
    color: #F44336 !important;
    position: relative;
    padding-left: 26px;
    font-weight: normal;
}

.validation-valid-label {
    margin-top: 7px;
    margin-bottom: 7px;
    display: block;
    color: #fff;
    position: relative;
    padding-left: 26px;
    font-weight: normal;
}

label.validation-error-label, label.validation-valid-label {
    text-transform: normal !important; 
}
.validation-error-label:before {
    content: "\e08b";
}

.validation-error-label:before, .validation-valid-label:before {
    font-family: 'Simple-Line-Icons';
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
}

.dot-list li { margin: 6px 0 6px 20px; }
.no-dot-list li { list-style: none; margin: 6px 0 6px 0; }

.unit-color { position: relative; float: left; width: 40px; height: 14px; margin-top: 2px; margin-right: 10px; }
.type-a { background: #199cd7; }
.type-b { background: #317fc0; }
.type-c { background: #eeabc4; }
.type-d { background: #bb8dbd; }
.type-e { background: #e15995; }
.type-f { background: #4b328f; }
.type-g { background: #fee87c; }
.type-h { background: #f8ad58; }
.sky-garden { background: #6ac08d; }

.dark .table-bordered > tbody > tr > td { border-color: #fff; vertical-align: middle; }
.sd-table .table-bordered td { padding: 0; }
.table td .light { color: #fff !important; }
.table td .more { 
    color: #222;
    display: block;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 6px 0; }
.table td .more:hover { color: #fff; background-color: #666; cursor: zoom-in; }

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 991.98px) {
	#primary-menu-trigger {
		float: right !important;
	    right: 10px !important;
	}
    .e-download { margin: 10px 0 30px 0; width: 100%; }
}

@media (max-width: 767.98px) {
	.col_full { margin-bottom: 0 !important; }
}

@media (max-width: 575.98px) {
	#primary-menu-trigger {
		left: auto;
	    right: 0 !important;
	}

	#primary-menu ul li > a { font-size: 13px; }

    .container { padding-left: 20px !important; padding-right: 20px !important; }
}