@charset "UTF-8";
/* CSS Document */

body {overflow-x: hidden;font-size:14px;font-family: 'Open Sans',Arial,sans-serif;line-height: 1.4;font-weight: 300;background-color: #0678a1;margin: 0px;}

.nova-mainbody{;
color:#ffffff}

.ppg-logo-3{float:right;
position:absolute;
bottom:50px;
right:50px}

@media (max-width: 1000px){
.ppg-logo-3{float:right;
position:absolute;
bottom:30px;
right:30px}}

@media (max-width: 700px){
.ppg-logo-3{float:right;
position:absolute;
bottom:10px;
right:10px}
}

@media (max-width: 450px){
.ppg-logo-3{display:none}
}


.nova-front-holder{display:block;float:left;width:100%}
.nova-front-footer{
	background-image: url(https://spins.co.za/images/layout/especs-background3.jpg)
	;background-size:100%;background-position:bottom;
	background-repeat:no-repeat;float:left;height: 1200px;
	width: 100%;margin-top: -600px;position: relative;z-index: -200;}


@media (max-width: 2000px){
.nova-front-holder{display:block;float:left;width:100%}
.nova-front-footer{
	background-image: url(https://spins.co.za/images/layout/especs-background3.jpg)
	;background-size:100%;background-position:bottom;
	background-repeat:no-repeat;float:left;height: 1000px;
	width: 100%;margin-top: -600px;position: relative;z-index: -200;}}

.col-nova-1{border:0px solid #000000;float:left;width:33%;padding:50px;/* text-align: justify; */}
.col-nova-2{border:0px solid #000000;
width:33%;
float:left;
padding:50px;
}
.col-nova-3{border:0px solid #000000;
width:33%;
float:left;
padding:50px;
}



.home-menu { 
margin-left:auto;
margin-right:auto;
width:280px;
text-align:center}


h1, .h1 {
    font-size: 35px;
    /* background: #013d7c; */
    width: 100%;
    padding: 0px 0px 10px 0px;
    /* color: #ffffff; */
    /* text-align: center; */
    font-weight: 800;
}

h2, .h2 {
    font-size: 30px;
    /* background: #013d7c; */
    width: 100%;
    padding: 0px 0px 10px 0px;
    /* color: #ffffff; */
    /* text-align: center; */
    font-weight: 200;
}
h3, .h3 {font-size: 35px;/* background: #013d7c; */width: 100%;padding: 0px 0px 0px 0px;/* color: #ffffff; *//* text-align: center; */font-weight: 800;}

.nova-navbar-header {
    height: 55px;
    background: #013d7c;
}
  
.nova-nav-1{float:left}
.nova-nav-brand{float:left} 
.nova-mobi-logo {
height:40px;
width:230px;
background: url();
background-repeat:no-repeat;
background-size:230px 40px;
margin:8px 0px 0px 10px
}

.home-menu .nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: 5px;
border: 1px solid #cccccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}



.nova-nav-2{float:right}

.nova-btn {height:55px;width:55px;border-right: 1px solid #ffffff;display: block;padding: 23px 20px 0px 20px;}

.nova-btn:hover,
.nova-btn:active,
.nova-btn focus {background:#555555}
  
.nbar{
  border-bottom: 2px solid #cccccc;
  width:100%;
  margin-bottom:2px;
  }


.dropdown .groupBy {display:none}

.doempty {display: none !important;}

.nav-pills > li {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
}

.fabrik___heading{display:none}

/* Sidebar Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #2b3136;
    border-right: 1px solid #555555;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

.fabrikElement{margin:10px 0px;}

textarea.fabrikinput {
    height: initial;
    width: 100%;
    padding: 5px 10px;
}

.page-header {
padding-bottom: 0px; 
margin: 0px;
border-bottom: 0px solid #eee; */
}

.componentheading{display:none}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0px;
    font-size: 18px;
    line-height: inherit;
    color: #ffffff;
    border: 0;
    border-bottom: 0px solid #e5e5e5;
}

.fabrikGroup {
    clear: left;
    padding: 0px 20px;
}

.form-control {font-size: 16px;}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 0px 20px;
}

.btn-primary  {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    font-size: 16px;
    padding: 10px;
    
}

.addRecord{color:#ffffff;background:#337ab7;width: 100%;}

.save {width: 100%;}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    margin:5px 10px;
  
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 12px 8px 12px 15px;
    border: 1px solid #444444;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #ffffff;
    background:#444444;
    border: 1px solid #444444;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
    color: #ffffff;
    background:#444444;
    border: 1px solid #444444;
}

.sidebar-nav > .sidebar-brand {
    height: 50px;
    font-size: 20px;
    padding-left: 20px;
    padding-top: 10px;
    width: 100%;
    color: #ffffff;
    background: #2b3136;
    font-weight: 300;
	text-transform: uppercase;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

@font-face {
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .25em;
	line-height: 14px;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
	font-weight: normal;
}
.icon-joomla:before {
	content: "\e200";
}
.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
	content: "\e005";
}
.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
	content: "\e006";
}
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
	content: "\e007";
}
.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
	content: "\e008";
}
.icon-arrow-first:before {
	content: "\e003";
}
.icon-arrow-last:before {
	content: "\e004";
}
.icon-arrow-up-2:before {
	content: "\e009";
}
.icon-arrow-right-2:before {
	content: "\e00a";
}
.icon-arrow-down-2:before {
	content: "\e00b";
}
.icon-arrow-left-2:before {
	content: "\e00c";
}
.icon-arrow-up-3:before {
	content: "\e00f";
}
.icon-arrow-right-3:before {
	content: "\e010";
}
.icon-arrow-down-3:before {
	content: "\e011";
}
.icon-arrow-left-3:before {
	content: "\e012";
}
.icon-menu-2:before {
	content: "\e00e";
}
.icon-arrow-up-4:before {
	content: "\e201";
}
.icon-arrow-right-4:before {
	content: "\e202";
}
.icon-arrow-down-4:before {
	content: "\e203";
}
.icon-arrow-left-4:before {
	content: "\e204";
}
.icon-share:before,
.icon-redo:before {
	content: "\27";
}
.icon-undo:before {
	content: "\28";
}
.icon-forward-2:before {
	content: "\e205";
}
.icon-backward-2:before,
.icon-reply:before {
	content: "\e206";
}
.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {
	content: "\6c";
}
.icon-undo-2:before {
	content: "\e207";
}
.icon-move:before {
	content: "\7a";
}
.icon-expand:before {
	content: "\66";
}
.icon-contract:before {
	content: "\67";
}
.icon-expand-2:before {
	content: "\68";
}
.icon-contract-2:before {
	content: "\69";
}
.icon-play:before {
	content: "\e208";
}
.icon-pause:before {
	content: "\e209";
}
.icon-stop:before {
	content: "\e210";
}
.icon-previous:before,
.icon-backward:before {
	content: "\7c";
}
.icon-next:before,
.icon-forward:before {
	content: "\7b";
}
.icon-first:before {
	content: "\7d";
}
.icon-last:before {
	content: "\e000";
}
.icon-play-circle:before {
	content: "\e00d";
}
.icon-pause-circle:before {
	content: "\e211";
}
.icon-stop-circle:before {
	content: "\e212";
}
.icon-backward-circle:before {
	content: "\e213";
}
.icon-forward-circle:before {
	content: "\e214";
}
.icon-loop:before {
	content: "\e001";
}
.icon-shuffle:before {
	content: "\e002";
}
.icon-search:before {
	content: "\53";
}
.icon-zoom-in:before {
	content: "\64";
}
.icon-zoom-out:before {
	content: "\65";
}
.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
	content: "\2b";
}
.icon-pencil-2:before {
	content: "\2c";
}
.icon-brush:before {
	content: "\3b";
}
.icon-save-new:before,
.icon-plus-2:before {
	content: "\5d";
}
.icon-minus-sign:before,
.icon-minus-2:before {
	content: "\5e";
}
.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
	content: "\49";
}
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
	content: "\47";
}
.icon-new:before,
.icon-plus:before {
	content: "\2a";
}
.icon-plus-circle:before {
	content: "\e215";
}
.icon-minus:before,
.icon-not-ok:before {
	content: "\4b";
}
.icon-ban-circle:before,
.icon-minus-circle:before {
	content: "\e216";
}
.icon-unpublish:before,
.icon-cancel:before {
	content: "\4a";
}
.icon-cancel-circle:before {
	content: "\e217";
}
.icon-checkmark-2:before {
	content: "\e218";
}
.icon-checkmark-circle:before {
	content: "\e219";
}
.icon-info:before {
	content: "\e220";
}
.icon-info-2:before,
.icon-info-circle:before {
	content: "\e221";
}
.icon-question:before,
.icon-question-sign:before,
.icon-help:before {
	content: "\45";
}
.icon-question-2:before,
.icon-question-circle:before {
	content: "\e222";
}
.icon-notification:before {
	content: "\e223";
}
.icon-notification-2:before,
.icon-notification-circle:before {
	content: "\e224";
}
.icon-pending:before,
.icon-warning:before {
	content: "\48";
}
.icon-warning-2:before,
.icon-warning-circle:before {
	content: "\e225";
}
.icon-checkbox-unchecked:before {
	content: "\3d";
}
.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {
	content: "\3e";
}
.icon-checkbox-partial:before {
	content: "\3f";
}
.icon-square:before {
	content: "\e226";
}
.icon-radio-unchecked:before {
	content: "\e227";
}
.icon-radio-checked:before,
.icon-generic:before {
	content: "\e228";
}
.icon-circle:before {
	content: "\e229";
}
.icon-signup:before {
	content: "\e230";
}
.icon-grid:before,
.icon-grid-view:before {
	content: "\58";
}
.icon-grid-2:before,
.icon-grid-view-2:before {
	content: "\59";
}
.icon-menu:before {
	content: "\5a";
}
.icon-list:before,
.icon-list-view:before {
	content: "\31";
}
.icon-list-2:before {
	content: "\e231";
}
.icon-menu-3:before {
	content: "\e232";
}
.icon-folder-open:before,
.icon-folder:before {
	content: "\2d";
}
.icon-folder-close:before,
.icon-folder-2:before {
	content: "\2e";
}
.icon-folder-plus:before {
	content: "\e234";
}
.icon-folder-minus:before {
	content: "\e235";
}
.icon-folder-3:before {
	content: "\e236";
}
.icon-folder-plus-2:before {
	content: "\e237";
}
.icon-folder-remove:before {
	content: "\e238";
}
.icon-file:before {
	content: "\e016";
}
.icon-file-2:before {
	content: "\e239";
}
.icon-file-add:before,
.icon-file-plus:before {
	content: "\29";
}
.icon-file-minus:before {
	content: "\e017";
}
.icon-file-check:before {
	content: "\e240";
}
.icon-file-remove:before {
	content: "\e241";
}
.icon-save-copy:before,
.icon-copy:before {
	content: "\e018";
}
.icon-stack:before {
	content: "\e242";
}
.icon-tree:before {
	content: "\e243";
}
.icon-tree-2:before {
	content: "\e244";
}
.icon-paragraph-left:before {
	content: "\e246";
}
.icon-paragraph-center:before {
	content: "\e247";
}
.icon-paragraph-right:before {
	content: "\e248";
}
.icon-paragraph-justify:before {
	content: "\e249";
}
.icon-screen:before {
	content: "\e01c";
}
.icon-tablet:before {
	content: "\e01d";
}
.icon-mobile:before {
	content: "\e01e";
}
.icon-box-add:before {
	content: "\51";
}
.icon-box-remove:before {
	content: "\52";
}
.icon-download:before {
	content: "\e021";
}
.icon-upload:before {
	content: "\e022";
}
.icon-home:before {
	content: "\21";
}
.icon-home-2:before {
	content: "\e250";
}
.icon-out-2:before,
.icon-new-tab:before {
	content: "\e024";
}
.icon-out-3:before,
.icon-new-tab-2:before {
	content: "\e251";
}
.icon-link:before {
	content: "\e252";
}
.icon-picture:before,
.icon-image:before {
	content: "\2f";
}
.icon-pictures:before,
.icon-images:before {
	content: "\30";
}
.icon-palette:before,
.icon-color-palette:before {
	content: "\e014";
}
.icon-camera:before {
	content: "\55";
}
.icon-camera-2:before,
.icon-video:before {
	content: "\e015";
}
.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {
	content: "\56";
}
.icon-music:before {
	content: "\57";
}
.icon-user:before {
	content: "\22";
}
.icon-users:before {
	content: "\e01f";
}
.icon-vcard:before {
	content: "\6d";
}
.icon-address:before {
	content: "\70";
}
.icon-share-alt:before,
.icon-out:before {
	content: "\26";
}
.icon-enter:before {
	content: "\e257";
}
.icon-exit:before {
	content: "\e258";
}
.icon-comment:before,
.icon-comments:before {
	content: "\24";
}
.icon-comments-2:before {
	content: "\25";
}
.icon-quote:before,
.icon-quotes-left:before {
	content: "\60";
}
.icon-quote-2:before,
.icon-quotes-right:before {
	content: "\61";
}
.icon-quote-3:before,
.icon-bubble-quote:before {
	content: "\e259";
}
.icon-phone:before {
	content: "\e260";
}
.icon-phone-2:before {
	content: "\e261";
}
.icon-envelope:before,
.icon-mail:before {
	content: "\4d";
}
.icon-envelope-opened:before,
.icon-mail-2:before {
	content: "\4e";
}
.icon-unarchive:before,
.icon-drawer:before {
	content: "\4f";
}
.icon-archive:before,
.icon-drawer-2:before {
	content: "\50";
}
.icon-briefcase:before {
	content: "\e020";
}
.icon-tag:before {
	content: "\e262";
}
.icon-tag-2:before {
	content: "\e263";
}
.icon-tags:before {
	content: "\e264";
}
.icon-tags-2:before {
	content: "\e265";
}
.icon-options:before,
.icon-cog:before {
	content: "\38";
}
.icon-cogs:before {
	content: "\37";
}
.icon-screwdriver:before,
.icon-tools:before {
	content: "\36";
}
.icon-wrench:before {
	content: "\3a";
}
.icon-equalizer:before {
	content: "\39";
}
.icon-dashboard:before {
	content: "\78";
}
.icon-switch:before {
	content: "\e266";
}
.icon-filter:before {
	content: "\54";
}
.icon-purge:before,
.icon-trash:before {
	content: "\4c";
}
.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
	content: "\23";
}
.icon-unlock:before {
	content: "\e267";
}
.icon-key:before {
	content: "\5f";
}
.icon-support:before {
	content: "\46";
}
.icon-database:before {
	content: "\62";
}
.icon-scissors:before {
	content: "\e268";
}
.icon-health:before {
	content: "\6a";
}
.icon-wand:before {
	content: "\6b";
}
.icon-eye-open:before,
.icon-eye:before {
	content: "\3c";
}
.icon-eye-close:before,
.icon-eye-blocked:before,
.icon-eye-2:before {
	content: "\e269";
}
.icon-clock:before {
	content: "\6e";
}
.icon-compass:before {
	content: "\6f";
}
.icon-broadcast:before,
.icon-connection:before,
.icon-wifi:before {
	content: "\e01b";
}
.icon-book:before {
	content: "\e271";
}
.icon-lightning:before,
.icon-flash:before {
	content: "\79";
}
.icon-print:before,
.icon-printer:before {
	content: "\e013";
}
.icon-feed:before {
	content: "\71";
}
.icon-calendar:before {
	content: "\43";
}
.icon-calendar-2:before {
	content: "\44";
}
.icon-calendar-3:before {
	content: "\e273";
}
.icon-pie:before {
	content: "\77";
}
.icon-bars:before {
	content: "\76";
}
.icon-chart:before {
	content: "\75";
}
.icon-power-cord:before {
	content: "\32";
}
.icon-cube:before {
	content: "\33";
}
.icon-puzzle:before {
	content: "\34";
}
.icon-attachment:before,
.icon-paperclip:before,
.icon-flag-2:before {
	content: "\72";
}
.icon-lamp:before {
	content: "\74";
}
.icon-pin:before,
.icon-pushpin:before {
	content: "\73";
}
.icon-location:before {
	content: "\63";
}
.icon-shield:before {
	content: "\e274";
}
.icon-flag:before {
	content: "\35";
}
.icon-flag-3:before {
	content: "\e275";
}
.icon-bookmark:before {
	content: "\e023";
}
.icon-bookmark-2:before {
	content: "\e276";
}
.icon-heart:before {
	content: "\e277";
}
.icon-heart-2:before {
	content: "\e278";
}
.icon-thumbs-up:before {
	content: "\5b";
}
.icon-thumbs-down:before {
	content: "\5c";
}
.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {
	content: "\40";
}
.icon-star-2:before {
	content: "\41";
}
.icon-featured:before,
.icon-default:before,
.icon-star:before {
	content: "\42";
}
.icon-smiley:before,
.icon-smiley-happy:before {
	content: "\e279";
}
.icon-smiley-2:before,
.icon-smiley-happy-2:before {
	content: "\e280";
}
.icon-smiley-sad:before {
	content: "\e281";
}
.icon-smiley-sad-2:before {
	content: "\e282";
}
.icon-smiley-neutral:before {
	content: "\e283";
}
.icon-smiley-neutral-2:before {
	content: "\e284";
}
.icon-cart:before {
	content: "\e019";
}
.icon-basket:before {
	content: "\e01a";
}
.icon-credit:before {
	content: "\e286";
}
.icon-credit-2:before {
	content: "\e287";
}
.icon-expired:before {
	content: "\4b";
}

.za-button-down{display:none}

/* Sidebar Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #2b3136;
    border-right: 1px solid #555555;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

.fabrikElement{margin:10px 0px;}

textarea.fabrikinput {
    height: initial;
    width: 72%;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cccccc;
}

.page-header {
padding-bottom: 0px; 
margin: 0px;
border-bottom: 0px solid #eee; */
}

.componentheading{display:none}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0px;
    font-size: 18px;
    line-height: inherit;
    color: #000000;
    border: 0;
    border-bottom: 0px solid #e5e5e5;
    margin-left: 20px;
    /* font-weight: bold; */
}

.fabrikGroup {
    clear: left;
    padding: 0px 20px;
}

.form-control {font-size: 16px;}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 0px 0px;
}

.front-page .btn-group {
display: none;}

.btn-primary  {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    font-size: 14px;
    padding: 10px;
}

.addRecord{color:#ffffff;background:#337ab7;width: 100%;}

.save {width: 100%;}



.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    margin:5px 10px;
  
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 12px 8px 12px 15px;
    border: 1px solid #444444;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #ffffff;
    background:#444444;
    border: 1px solid #444444;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
    color: #ffffff;
    background:#444444;
    border: 1px solid #444444;
}

.sidebar-nav > .sidebar-brand {
    height: 50px;
    font-size: 20px;
    padding-left: 20px;
    padding-top: 10px;
    width: 100%;
    color: #ffffff;
    background: #2b3136;
    font-weight: 300;
	text-transform: uppercase;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

@font-face {
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .25em;
	line-height: 14px;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
	font-weight: normal;
}
.icon-joomla:before {
	content: "\e200";
}
.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
	content: "\e005";
}
.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
	content: "\e006";
}
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
	content: "\e007";
}
.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
	content: "\e008";
}
.icon-arrow-first:before {
	content: "\e003";
}
.icon-arrow-last:before {
	content: "\e004";
}
.icon-arrow-up-2:before {
	content: "\e009";
}
.icon-arrow-right-2:before {
	content: "\e00a";
}
.icon-arrow-down-2:before {
	content: "\e00b";
}
.icon-arrow-left-2:before {
	content: "\e00c";
}
.icon-arrow-up-3:before {
	content: "\e00f";
}
.icon-arrow-right-3:before {
	content: "\e010";
}
.icon-arrow-down-3:before {
	content: "\e011";
}
.icon-arrow-left-3:before {
	content: "\e012";
}
.icon-menu-2:before {
	content: "\e00e";
}
.icon-arrow-up-4:before {
	content: "\e201";
}
.icon-arrow-right-4:before {
	content: "\e202";
}
.icon-arrow-down-4:before {
	content: "\e203";
}
.icon-arrow-left-4:before {
	content: "\e204";
}
.icon-share:before,
.icon-redo:before {
	content: "\27";
}
.icon-undo:before {
	content: "\28";
}
.icon-forward-2:before {
	content: "\e205";
}
.icon-backward-2:before,
.icon-reply:before {
	content: "\e206";
}
.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {
	content: "\6c";
}
.icon-undo-2:before {
	content: "\e207";
}
.icon-move:before {
	content: "\7a";
}
.icon-expand:before {
	content: "\66";
}
.icon-contract:before {
	content: "\67";
}
.icon-expand-2:before {
	content: "\68";
}
.icon-contract-2:before {
	content: "\69";
}
.icon-play:before {
	content: "\e208";
}
.icon-pause:before {
	content: "\e209";
}
.icon-stop:before {
	content: "\e210";
}
.icon-previous:before,
.icon-backward:before {
	content: "\7c";
}
.icon-next:before,
.icon-forward:before {
	content: "\7b";
}
.icon-first:before {
	content: "\7d";
}
.icon-last:before {
	content: "\e000";
}
.icon-play-circle:before {
	content: "\e00d";
}
.icon-pause-circle:before {
	content: "\e211";
}
.icon-stop-circle:before {
	content: "\e212";
}
.icon-backward-circle:before {
	content: "\e213";
}
.icon-forward-circle:before {
	content: "\e214";
}
.icon-loop:before {
	content: "\e001";
}
.icon-shuffle:before {
	content: "\e002";
}
.icon-search:before {
	content: "\53";
}
.icon-zoom-in:before {
	content: "\64";
}
.icon-zoom-out:before {
	content: "\65";
}
.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
	content: "\2b";
}
.icon-pencil-2:before {
	content: "\2c";
}
.icon-brush:before {
	content: "\3b";
}
.icon-save-new:before,
.icon-plus-2:before {
	content: "\5d";
}
.icon-minus-sign:before,
.icon-minus-2:before {
	content: "\5e";
}
.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
	content: "\49";
}
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
	content: "\47";
}
.icon-new:before,
.icon-plus:before {
	content: "\2a";
}
.icon-plus-circle:before {
	content: "\e215";
}
.icon-minus:before,
.icon-not-ok:before {
	content: "\4b";
}
.icon-ban-circle:before,
.icon-minus-circle:before {
	content: "\e216";
}
.icon-unpublish:before,
.icon-cancel:before {
	content: "\4a";
}
.icon-cancel-circle:before {
	content: "\e217";
}
.icon-checkmark-2:before {
	content: "\e218";
}
.icon-checkmark-circle:before {
	content: "\e219";
}
.icon-info:before {
	content: "\e220";
}
.icon-info-2:before,
.icon-info-circle:before {
	content: "\e221";
}
.icon-question:before,
.icon-question-sign:before,
.icon-help:before {
	content: "\45";
}
.icon-question-2:before,
.icon-question-circle:before {
	content: "\e222";
}
.icon-notification:before {
	content: "\e223";
}
.icon-notification-2:before,
.icon-notification-circle:before {
	content: "\e224";
}
.icon-pending:before,
.icon-warning:before {
	content: "\48";
}
.icon-warning-2:before,
.icon-warning-circle:before {
	content: "\e225";
}
.icon-checkbox-unchecked:before {
	content: "\3d";
}
.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {
	content: "\3e";
}
.icon-checkbox-partial:before {
	content: "\3f";
}
.icon-square:before {
	content: "\e226";
}
.icon-radio-unchecked:before {
	content: "\e227";
}
.icon-radio-checked:before,
.icon-generic:before {
	content: "\e228";
}
.icon-circle:before {
	content: "\e229";
}
.icon-signup:before {
	content: "\e230";
}
.icon-grid:before,
.icon-grid-view:before {
	content: "\58";
}
.icon-grid-2:before,
.icon-grid-view-2:before {
	content: "\59";
}
.icon-menu:before {
	content: "\5a";
}
.icon-list:before,
.icon-list-view:before {
	content: "\31";
}
.icon-list-2:before {
	content: "\e231";
}
.icon-menu-3:before {
	content: "\e232";
}
.icon-folder-open:before,
.icon-folder:before {
	content: "\2d";
}
.icon-folder-close:before,
.icon-folder-2:before {
	content: "\2e";
}
.icon-folder-plus:before {
	content: "\e234";
}
.icon-folder-minus:before {
	content: "\e235";
}
.icon-folder-3:before {
	content: "\e236";
}
.icon-folder-plus-2:before {
	content: "\e237";
}
.icon-folder-remove:before {
	content: "\e238";
}
.icon-file:before {
	content: "\e016";
}
.icon-file-2:before {
	content: "\e239";
}
.icon-file-add:before,
.icon-file-plus:before {
	content: "\29";
}
.icon-file-minus:before {
	content: "\e017";
}
.icon-file-check:before {
	content: "\e240";
}
.icon-file-remove:before {
	content: "\e241";
}
.icon-save-copy:before,
.icon-copy:before {
	content: "\e018";
}
.icon-stack:before {
	content: "\e242";
}
.icon-tree:before {
	content: "\e243";
}
.icon-tree-2:before {
	content: "\e244";
}
.icon-paragraph-left:before {
	content: "\e246";
}
.icon-paragraph-center:before {
	content: "\e247";
}
.icon-paragraph-right:before {
	content: "\e248";
}
.icon-paragraph-justify:before {
	content: "\e249";
}
.icon-screen:before {
	content: "\e01c";
}
.icon-tablet:before {
	content: "\e01d";
}
.icon-mobile:before {
	content: "\e01e";
}
.icon-box-add:before {
	content: "\51";
}
.icon-box-remove:before {
	content: "\52";
}
.icon-download:before {
	content: "\e021";
}
.icon-upload:before {
	content: "\e022";
}
.icon-home:before {
	content: "\21";
}
.icon-home-2:before {
	content: "\e250";
}
.icon-out-2:before,
.icon-new-tab:before {
	content: "\e024";
}
.icon-out-3:before,
.icon-new-tab-2:before {
	content: "\e251";
}
.icon-link:before {
	content: "\e252";
}
.icon-picture:before,
.icon-image:before {
	content: "\2f";
}
.icon-pictures:before,
.icon-images:before {
	content: "\30";
}
.icon-palette:before,
.icon-color-palette:before {
	content: "\e014";
}
.icon-camera:before {
	content: "\55";
}
.icon-camera-2:before,
.icon-video:before {
	content: "\e015";
}
.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {
	content: "\56";
}
.icon-music:before {
	content: "\57";
}
.icon-user:before {
	content: "\22";
}
.icon-users:before {
	content: "\e01f";
}
.icon-vcard:before {
	content: "\6d";
}
.icon-address:before {
	content: "\70";
}
.icon-share-alt:before,
.icon-out:before {
	content: "\26";
}
.icon-enter:before {
	content: "\e257";
}
.icon-exit:before {
	content: "\e258";
}
.icon-comment:before,
.icon-comments:before {
	content: "\24";
}
.icon-comments-2:before {
	content: "\25";
}
.icon-quote:before,
.icon-quotes-left:before {
	content: "\60";
}
.icon-quote-2:before,
.icon-quotes-right:before {
	content: "\61";
}
.icon-quote-3:before,
.icon-bubble-quote:before {
	content: "\e259";
}
.icon-phone:before {
	content: "\e260";
}
.icon-phone-2:before {
	content: "\e261";
}
.icon-envelope:before,
.icon-mail:before {
	content: "\4d";
}
.icon-envelope-opened:before,
.icon-mail-2:before {
	content: "\4e";
}
.icon-unarchive:before,
.icon-drawer:before {
	content: "\4f";
}
.icon-archive:before,
.icon-drawer-2:before {
	content: "\50";
}
.icon-briefcase:before {
	content: "\e020";
}
.icon-tag:before {
	content: "\e262";
}
.icon-tag-2:before {
	content: "\e263";
}
.icon-tags:before {
	content: "\e264";
}
.icon-tags-2:before {
	content: "\e265";
}
.icon-options:before,
.icon-cog:before {
	content: "\38";
}
.icon-cogs:before {
	content: "\37";
}
.icon-screwdriver:before,
.icon-tools:before {
	content: "\36";
}
.icon-wrench:before {
	content: "\3a";
}
.icon-equalizer:before {
	content: "\39";
}
.icon-dashboard:before {
	content: "\78";
}
.icon-switch:before {
	content: "\e266";
}
.icon-filter:before {
	content: "\54";
}
.icon-purge:before,
.icon-trash:before {
	content: "\4c";
}
.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
	content: "\23";
}
.icon-unlock:before {
	content: "\e267";
}
.icon-key:before {
	content: "\5f";
}
.icon-support:before {
	content: "\46";
}
.icon-database:before {
	content: "\62";
}
.icon-scissors:before {
	content: "\e268";
}
.icon-health:before {
	content: "\6a";
}
.icon-wand:before {
	content: "\6b";
}
.icon-eye-open:before,
.icon-eye:before {
	content: "\3c";
}
.icon-eye-close:before,
.icon-eye-blocked:before,
.icon-eye-2:before {
	content: "\e269";
}
.icon-clock:before {
	content: "\6e";
}
.icon-compass:before {
	content: "\6f";
}
.icon-broadcast:before,
.icon-connection:before,
.icon-wifi:before {
	content: "\e01b";
}
.icon-book:before {
	content: "\e271";
}
.icon-lightning:before,
.icon-flash:before {
	content: "\79";
}
.icon-print:before,
.icon-printer:before {
	content: "\e013";
}
.icon-feed:before {
	content: "\71";
}
.icon-calendar:before {
	content: "\43";
}
.icon-calendar-2:before {
	content: "\44";
}
.icon-calendar-3:before {
	content: "\e273";
}
.icon-pie:before {
	content: "\77";
}
.icon-bars:before {
	content: "\76";
}
.icon-chart:before {
	content: "\75";
}
.icon-power-cord:before {
	content: "\32";
}
.icon-cube:before {
	content: "\33";
}
.icon-puzzle:before {
	content: "\34";
}
.icon-attachment:before,
.icon-paperclip:before,
.icon-flag-2:before {
	content: "\72";
}
.icon-lamp:before {
	content: "\74";
}
.icon-pin:before,
.icon-pushpin:before {
	content: "\73";
}
.icon-location:before {
	content: "\63";
}
.icon-shield:before {
	content: "\e274";
}
.icon-flag:before {
	content: "\35";
}
.icon-flag-3:before {
	content: "\e275";
}
.icon-bookmark:before {
	content: "\e023";
}
.icon-bookmark-2:before {
	content: "\e276";
}
.icon-heart:before {
	content: "\e277";
}
.icon-heart-2:before {
	content: "\e278";
}
.icon-thumbs-up:before {
	content: "\5b";
}
.icon-thumbs-down:before {
	content: "\5c";
}
.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {
	content: "\40";
}
.icon-star-2:before {
	content: "\41";
}
.icon-featured:before,
.icon-default:before,
.icon-star:before {
	content: "\42";
}
.icon-smiley:before,
.icon-smiley-happy:before {
	content: "\e279";
}
.icon-smiley-2:before,
.icon-smiley-happy-2:before {
	content: "\e280";
}
.icon-smiley-sad:before {
	content: "\e281";
}
.icon-smiley-sad-2:before {
	content: "\e282";
}
.icon-smiley-neutral:before {
	content: "\e283";
}
.icon-smiley-neutral-2:before {
	content: "\e284";
}
.icon-cart:before {
	content: "\e019";
}
.icon-basket:before {
	content: "\e01a";
}
.icon-credit:before {
	content: "\e286";
}
.icon-credit-2:before {
	content: "\e287";
}
.icon-expired:before {
	content: "\4b";
}

.za-button-down{display:none}

.pull-left {
    float: left !important;
    width: 100%;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 0px solid #ddd;
}

.login .control-label{
    text-align: left;
    font-weight: normal;
    font-size: 14px;
}


.login .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    margin-top: 40px;
    background-color: transparent;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    width: 260px;
    margin-left: auto;
    margin-right: auto;
}

.nav-tabs {
    border-bottom: 0px solid #ddd;
    text-align: center;
}

#technical_report___select{width:80%;float:left}

.toggle-addoption {
    float: right;
    background: #337ab7;
    color: #fff;
    font-size: 16px;
    margin-top: -25px;
}

.span4 {float:left;
width:33%}

.substrate{width:100%;
border-top:1px solid #cccccc;
margin-top:10px;
padding:10px}

.heading-1{font-size:20px;margin-bottom: 5px;}

.heading-3{font-size:18px;
font-weight:400}

.heading-4 {font-size:16px;
font-weight:400}

.c-address{font-size:12px}



.za-01{font-size: 14px;padding-top:10px;font-weight: 400;}

.support-block{border:1px solid #000000;
padding:5px 10px; margin-left: 10px;}

.fabrik_actions{float:right;}

.fabrik_row{border-bottom: 1px solid #cccccc}

.button {width:25%}

.button{color: #444444;
    background-color: #ffffff;
    border-color: #cccccc;
    font-size: 14px;
    padding: 10px;
    border:1px solid #cccccc;
    text-decoration:none
}

.button:hover,
.button:focus,
.button:active,
.open .dropdown-toggle .button
{
    color:#444444;
background:#cccccc;
border:1px solid #cccccc;
text-decoration:none
}

.edit-report{width:46%;text-align: center;float: left;border-right:0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
cursor:pointer}

.create-pdf{width:46%;text-align: center;float: left;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;}

.fb_el_technical_report___report_status {display:none}

@media (min-width: 768px){
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
    width: 250px;
    float: left;
}
}
.form-control {
    display: block;
    width: 72%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


#technical_report___select{width:65% !important;}

.fabrikSubGroup{border-top:0px solid #cccccc
;border-bottom:1px solid #cccccc;
padding:20px 0px 10px 0px}

.fabrikSubGroup .btn-group{width:150px;
margin-top:-45px;
margin-bottom:20px}

.groupintro{font-weight:bold;
margin-bottom:5px}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

#login-form{border:1px solid #cccccc;
width:300px;
padding:20px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

#login-form label {
  display: inline-block;margin:7px 0px
  }

#form-login-remember{margin:3px 0px}

#login-form #modlgn-username {width:100%;padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #cccccc}

#login-form #modlgn-passwd {width:100%;padding: 5px 10px;
border: 1px solid #cccccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#login-form .login-button {width:100%;
margin:10px 1px;

}

.dl-horizontal{border-top: 1px solid #cccccc;padding:20px;margin-top:10px;/* -webkit-border-radius: 20px; */-moz-border-radius: 20px;/* border-radius: 20px; */}

@media (min-width: 768px){
.dl-horizontal dt {
    float: left;
    width: 200px;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
  white-space: nowrap;}
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 0px solid #e3e3e3;
    /* border-radius: 4px; */
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); */
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); */
}
.profile-edit input {
    display: block;
    width: 75%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.profile-edit .controls{margin:4px 0px;
width:100%}

.profile-edit legend {
    display: block;
    width: 100%;
    margin-left: 0px;
    padding-top:30px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: inherit;
    color: #000000;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.profile-edit .control-group {
    display: table;
    }

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert-message{background-color: #DFF0D8;
 margin-top:20px;
border-color: #D6E9C6;
color: #3C763D;}

.alert-warning{
 margin-top:20px;
color: #8A6D3B;
background-color: #FCF8E3;
border-color: #FAEBCC;

}
.profile-edit .control-group {
    display: table;
    width:100%
    }

.especs-2 .button {
    width: 33%;
}

legend {
    display: block;
    width: 100%;
    margin-left: 0px;
    padding-top: 30px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: inherit;
    color: #000000;
    border: 0;
    border-bottom: 1px solid #e5e5e5;}

.input-append input{padding: 6px 12px;
border: 1px solid #ccc;
border-radius: 4px;
}

.war-message{
color:#ff0000;
}

.war-message-2 {
    width: 100%;
    border-top: 1px solid #ff0000;
    border-bottom: 1px solid #ff0000;
    text-align: center;
    color: #ff0000;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
}

.fabrikElement select[multiple], .fabrikElement select[size] {
    /* height: auto !important; */
    display: block;
    width: 72%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#customer_complaint_report___report_status {color:#ffffff;
width:100%;
border:0px;
border-radius:0px;
background:#cccccc}

.fb_el_customer_complaint_report___report_status label{display:none}

.front-login h3 {display:none}

#login-form{border:0px solid #cccccc;width: 100%;padding:0px;margin-left:auto;margin-right:auto;margin-top:0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

#login-form #modlgn-username {
    width: 100%;
    padding: 5px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #cccccc;
    color: #000000;
}

#login-form #modlgn-passwd {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #000000;
}
#login-form .login-button {
    width: 100%;
    margin: 10px 1px;
	    background-color: #013d7c;
    border-color: #013d7c;
	    border-radius: 0px;
}

a {
  color: #013d7c;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #ffffff;
  text-decoration: underline;
}

@media (max-width: 980px){
.col-nova-1{border:0px solid #000000;
float:left;
height:auto;
width:100%;
padding:30px;
text-align: justify;}
.col-nova-2{border:0px solid #000000;
width:100%;
height:auto;
float:left;
padding:30px}
.col-nova-3{border:0px solid #000000;
width:100%;
height:auto;
float:left;
padding:30px}
.col-nova-4{border:0px solid #000000;
width:100%;
height:auto;
padding:30px;
float:left}}



@media (max-width: 1600px){
.nova-front-footer{height: 900px;margin-top: -600px}
}

@media (max-width: 1400px){
.nova-front-footer{height: 850px;margin-top: -600px}
}

@media (max-width: 1200px){
.nova-front-footer{height: 1000px;margin-top: -600px}
.col-nova-1{border:0px solid #000000;float:left;height:auto;width:50%;padding:30px;/* text-align: justify; */}
.col-nova-2{border:0px solid #000000;
width:50%;
height:auto;
float:left;
padding:30px}
.col-nova-3{border:0px solid #000000;
width:50%;
height:auto;
float:left;
padding:0px}
}


@media (max-width: 979px){
.nova-front-footer{height: 900px;margin-top: -600px}
}

@media (max-width: 800px){
.nova-front-footer{height: 780px;margin-top: -600px}
}

@media (max-width: 700px){
.nova-front-footer{height: 850px;margin-top: -600px;}

.col-nova-1{border:0px solid #000000;
float:left;
height:auto;
width:100%;
padding:30px;
text-align: justify;}

.col-nova-2{border:0px solid #000000;
width:100%;
height:auto;
float:left;
padding:30px}

.col-nova-3{border:0px solid #000000;
width:100%;
height:auto;
float:left;
padding:0px}
}

.btn-primary {
    color: #fff;
    margin: 10px 1px;
    background-color: #013d7c;
    border-color: #013d7c;
    border-radius: 0px;
}

@media (max-width: 500px){
  .nova-front-footer{height: 820px;margin-top: -600px}
}

@media (max-width: 400px){
.nova-front-footer{height: 780px;margin-top: -600px}
}


.nova-front-holder-new{height:66vh;font-size: 14px;}

.nova-front-footer-new{
	background-image: url(https://spins.co.za/images/front-page/especs-footer-2.jpg);height: 34vh;background-size:auto 100%;background-position-x: center;}


.col-nova-1-new{width: 50%;float:left;padding:10px 20px;}

.col-nova-2-new{width:5%;
float:left;
padding:10px 20px}

.col-nova-3-new{width:25%;
float:left;
padding:10px 20px}

.col-nova-4-new{width:20%;
float:left;
padding:10px 20px}

.prominent-logo-spins{width:100%;
padding:20px 0px 50px;
height:auto}

@media screen and (max-height: 1000px) and (max-width: 1490px)  {
h1, .h1 {font-size: 28px;}

h2, .h2 {font-size: 28px;}

h3, .h3 {font-size: 28px;}

.nova-front-holder-new{font-size: 13px}
}

@media screen and (max-height: 1000px) and (max-width: 1300px){

h1, .h1 {font-size: 25px;}

h2, .h2 {font-size: 25px;}

h3, .h3 {font-size: 25px;}

.nova-front-holder-new{font-size: 12px}

}

@media screen and (max-height: 1000px) and (max-width: 1200px)  {

h1, .h1 {font-size: 20px;}

h2, .h2 {font-size: 20px;}

h3, .h3 {font-size: 20px;}

.nova-front-holder-new{font-size: 11px;float:left}

.nova-front-footer-new{width:100%;float:left;}
}

@media screen and (max-height: 1000px) and (max-width: 900px)  {

h1, .h1 {font-size: 20px;}

h2, .h2 {font-size: 20px;}

h3, .h3 {font-size: 20px;}

.nova-front-holder-new{font-size: 11px;float:left}

.nova-front-footer-new{width:100%;float:left;}
}

@media screen and (max-height: 800px) and (max-width: 900px)  {

h1, .h1 {font-size: 20px;}

h2, .h2 {font-size: 20px;}

h3, .h3 {font-size: 20px;}

.nova-front-holder-new{font-size: 11px;float:left}

.nova-front-footer-new{width:100%;float:left;}
}

@media screen and (max-height: 699px) and (max-width: 900px)  {

h1, .h1 {font-size: 15px;}

h2, .h2 {font-size: 15px;}

h3, .h3 {font-size: 15px;}

.nova-front-holder-new{font-size: 9px;float:left}

.nova-front-footer-new{width:100%;float:left;}
}

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

.col-nova-1-new{width: 100%;float:left;padding:10px 20px;}

.col-nova-2-new{width:100%;
float:left;
padding:10px 20px}

.col-nova-3-new{width:100%;
float:left;
padding:10px 20px}

.col-nova-4-new{width:100%;
float:left;
padding:10px 20px}

.nova-front-holder-new{height:auto;font-size: 14px;float:left}

.nova-front-footer-new{height:200px;width:100%;float:left;}

.prominent-logo-spins{width:300px}
}

@media (max-width: 767px){}
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0px;
}}