@charset "utf-8";
/* CSS Document */
/* NavBar */
.EndSection {
	margin-bottom: 8px;	
}
.bg-black {
    background-color: #343A40;
}

.latestHeading {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	/* [disabled]font-style: normal; */
	color: #000000;
	font-weight: bold;
	font-size: 16px;
}
.list_div {
	border: 3px  #F90004;
	border-radius: 4px;
}
.edit_div {
	position: fixed
}

a.sidemenutext {
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: 14px;
}
a.sidemenutext:hover {
    opacity:0.8;
}
a.sidemenutextdelete {
    font-weight: normal;
    color: #DC3545;
    text-decoration: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: 14px;
}
a.sidemenutextdelete:hover {
    opacity:0.8;
}

.sidemenubox {
    border-bottom: thin solid #868686;
    
}
.sidemenuboxtitle {
	border-bottom: thin solid #868686;
	font-size: 14px;
	color: #FF0004;
}

.not-undone{
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
}
.makes-menu{
    background-color: #343a40 !important;
    z-index: 100 !important;
    margin-top: 3px;
}


/* Added 1217 */

.newsletter{
    text-align: right;
    color: #000000;
    margin-top: 14px;
}
.facebook {
    text-align: right;
    color: #FFF;
}
a.fab-link:link, a.fab-link:visited, a.fab-link:active {
	color: #fff;
	text-decoration: none;
}
a.fab-link:hover {
	color: #7E7E7E;
	text-decoration: none;
}
.call-us{
    text-align: right;
    color: #FFFFFF;
}
a.tel-link-top:link, a.tel-link-top:visited, a.tel-link-top:active {
	color: #fff;
	text-decoration: none;
}
a.tel-link-top:hover {
	color: #999;
	text-decoration: none;
}

.header-container{
    margin-top: 10px;
    background-color: #343A40;
}
.container-bkgrd{
    background-color: #343A40;
    margin-bottom: -28px;
    padding-top: 12px;
}

.header-text-main-lg h1 {
    text-align: center;
    font-size: 28px;
 }
.header-text-main-md h1 {
    text-align: center;
    font-size: 22px;
 }
.header-text-main-xs h1 {
    text-align: center;
    font-size: 12px;
    margin-bottom: -1px;
 }

.headertext-lg h2 {
    text-align: center;
    font-size: 18px;
    padding-left: 14px;
    padding-right: 14px;
    line-height: 150%;
}
.headertext-md h2 {
    text-align: center;
    font-size: 16px;
    padding-left: 14px;
    padding-right: 14px;
    line-height: 130%;
}
.headertext-sm h2 {
    text-align: center;
    font-size: 20px;
    margin-top: 1px;
    padding-left: 14px;
    padding-right: 14px;
    line-height: 130%;
}
.headertext-xs h2 {
    text-align: center;
    font-size: 10px;
    margin-bottom: -3px;
}
.md-margin-carousel {
    margin-bottom: 21px;
}

.background{
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.footer{
	margin-top: 30px;
	text-align: center;
	color: white;
}

.row-bkgrd-top{
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 18px;
    padding-bottom: 8px;
    background-color: #343A40;
    margin-top: 9px;
}
.row-bkgrd-middle{
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #343A40;
    margin-top: 0px;
}

.menubox{
	border-radius: 12px;	
}

.vertical-menu {
	width: 100%; /* Set a width if you like */
}

.vertical-menu a {
	background-color: #eee; /* Grey background color */
	color: black; /* Black text color */
	display: block; /* Make the links appear below each other */
	padding-top: 3px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 3px; /* Add some padding */
	text-decoration: none; /* Remove underline from links */
	border-radius: 0px;
}

.vertical-menu a:hover {
    background-color: #ccc; /* Dark grey background on mouse-over */
}

.stock-items-top {
	background-color: #3D3D3D; /* Add a green color to the "active/current" link */
	color: white;
	padding-left: 8px;
	padding-bottom: 4px;
	padding-top: 6px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.stock-items-bottom {
	background-color: #3D3D3D; /* Add a green color to the "active/current" link */
	color: white;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-top: 30px;
}

.LatestHeading{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 14px;
    margin-left: -15px;
 }
.LatestHeadingBox{
	background-color: #343A40;
	margin-top: 9px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 7px;
}
.StockItemHeading{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 14px;
    margin-left: 3px;
 }
.CategoryHeading{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	margin-left: 3px;
	margin-top: -8px;
 }
.CategoryHeadingSheetfed{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-left: 3px;
 }

.LatestBoxPositionLg{
    margin-right: -80px;
    width: 955px;
    margin-left: -14px;
}
.LatestBoxPositionMd{
    width: 700px;
    margin-left: -14px;
}
.LatestBoxPositionSm{
    width: 423px;
    margin-right: 0px;
    margin-left: 0px;
}

.LatestBoxPositionXs{
    width: 100%;
    margin-left: -14px;
}

.ModelSm{
    margin-left: 30px;    
}

.LatestBox{
	text-align: center;
	font-size: 9px;
	color: #000;
}

.LatestBoxBorder{
	border: medium solid #AD0002;
	border-radius: 12px;
	margin-bottom: 13px;
	padding-top: 5px;
	padding-bottom: 11px;
	position: relative;
	background-color: #3D3D3D;
	min-height: 130px;
}

.LatestBoxImage{
	padding-top: 4px;
	width: 70%;
}

.LatestBoxImageLg{
    padding-top: 4px;
    width: 95%;
    margin-bottom: 6px;
}
.LatestBoxImageMd{
	width: 10%;
}
.LatestBoxImageSm{
	width: 8%;
 }

.LatestBoxImageXs{
	width: 10%;
}
.LatestBoxLg{
	border: medium solid #DC3545;
	border-radius: 12px;
	background-color: #343A40;
	min-height: 196px;
	text-align: center;
	margin-bottom: 14px;
}
/*.LatestBoxImageSize{
	padding-top: 4px;
	width: 60%;
} */

.LatestText {
    color: #fff;
    font-size: 12px;
    padding-bottom: 10px;
    padding-top: 6px;
    padding-right: 6px;
    padding-left: 6px;
}

a.LatestTextLink:link, a.LatestTextLink:visited, a.LatestTextLink:active {
	color: #fff;
    font-size: 12px;
	text-decoration: none;
}
a.LatestTextLink:hover {
	color: #7E7E7E;
    font-size: 12px;
	text-decoration: none;
}


.LatestTextMd {
	color: #fff;
	font-size: 12px;
	padding-bottom: 8px;
}

a.LatestTextLinkMd:link, a.LatestTextLinkMd:visited, a.LatestTextLinkMd:active {
	color: #fff;
    font-size: 12px;
	text-decoration: none;
}
a.LatestTextLinkMd:hover {
	color: #7E7E7E;
    font-size: 12px;
	text-decoration: none;
}

.LatestTextSm {
	color: #fff;
	font-size: 12px;
	padding-bottom: 6px;
}

a.LatestTextLinkSm:link, a.LatestTextLinkSm:visited, a.LatestTextLinkSm:active {
	color: #fff;
    font-size: 12px;
	text-decoration: none;
}
a.LatestTextLinkSm:hover {
	color: #7E7E7E;
    font-size: 12px;
	text-decoration: none;
}

.LatestTextXs {
	color: #fff;
	font-size: 12px;
	padding-bottom: 8px;
}

a.LatestTextLinkXs:link, a.LatestTextLinkXs:visited, a.LatestTextLinkXs:active {
	color: #fff;
    font-size: 12px;
	text-decoration: none;
}
a.LatestTextLinkXs:hover {
	color: #7E7E7E;
    font-size: 12px;
	text-decoration: none;
}

.navbar-default-stocklist {
    border-width: 0px;
    box-shadow: 0px 0px;
    background-color: rgba(0,0,0,0.0);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
}

.stockitem-menu-text{
    color: #fff;
    font-size: 20px;
    padding-left: 15px;
    padding-top: 0px;
    margin-top: -11px;
    margin-bottom: 8px;
}

.postion-fixed{
    position: fixed;
}

/* Admin Section */

.image_size {
    width: 50%;
    margin-top: 6px;
}

.ref_no_text{
    font-size: 14px;    
}

.LatestBoxBorderAdmin{
	border: medium solid #C0C0C0;
	border-radius: 12px;
	margin-bottom: 13px;
	padding-top: 5px;
	padding-bottom: 11px;
	position: relative;
	background-color: #fff;
	min-height: 200px;
}

.admin_heading{
    font-weight: bold;
    font-size: 1.2em;
    margin-right: 50px;
 }
.admin-header-container {
	margin-top: 65px;
	padding-left: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.top-spacer{
    margin-bottom: 80px;
}

#overlay {
    position: fixed;
    right: 25px;
    bottom: 64%;
    z-index: 999999999;
}

#overlay div {
    text-align: center;
    background-color: #413E3E;
    width: 50px;
    height: 50px;
    clear: both;
    margin-bottom: 10px;
    border: 2px solid #CD0003;
    padding-top: 15px;
}

.temp{
    margin-top: 141px;
}

/* Slick */

.content-old {
    padding-right: 32px;
    padding-left: 32px;
    width: 60%;
    background-color: #E39091;
    text-align: center;
}

 /* Default CSS */

.slider {
        width: 50%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }

/* form Control Extra */

.form-control-extra{
    margin-top: 10px;
    margin-bottom: 10px;
}
.image-box-modify{
    text-align: center;
    border: medium solid #9F9F9F;
    border-radius: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    min-height: 255px !important;
    margin-bottom: 10px;

}


/* Start Nudge Text */

.nudge_list {
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}

.categories .nudge_list li.active {
  background-color: #5b1256;
  color: #fff;
  padding: 10px 12px;
  margin: 5px 0;
}


.categories .nudge_list li {
  padding: 5px 12px;
}

.nudge_list li {
    float: left;
    width: 100%;
    padding: 5px;
    /*border-bottom: 1px solid #B3B3B3;*/
    font-size: 16px;
    font-family: 'Quattrocento';

}

.nudge_list li:last-of-type {
    border-bottom: none
}

.nudge_list li{
  transform: translateX(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
 .nudge_list li:hover, .nudge_list li:focus, .nudge_list li:active {
  transform: translateX(6px);
}

.opacitya:hover {
  opacity: 1;
}

/* EndNudge Text */

/* Category Page */

.machine-box {
    margin-bottom: 25px;
    margin-left: 0px;
    line-height: 1.42857143;
    background-color: #fff;
    transition: border .2s ease-in-out;
    border-top: thin solid #BCBCBC;
    border-bottom: thin solid #BCBCBC;
}
/* select alternating items starting with the second item */
.machine-box:nth-of-type(odd) {
    background: #eee;
    padding-top: 6px;
    padding-bottom: 18px;
}
.machine-box:nth-of-type(even) {
    background: #fff;
    padding-top: 6px;
    padding-bottom: 18px;
}

.machine-image{
	border: 2px solid #D30003;
	box-shadow: 2px 2px 6px;
	margin-left: 4px;
	margin-right: 8px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	width: -moz-fit-content;
	width: fit-content;
}

.cat-heading {
	vertical-align: top;
	width: 100%;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px;
	margin-top: 8px;
	margin-bottom: -6px;
}

.cat-col {
    overflow: hidden;
    float: left;
    display: block;
    position: relative;
}

.img-cat-hover:hover{
	opacity: 0.8;
}
a.img-cat-hover:link, a.img-cat-hover:visited, a.img-cat-hover:active {
	text-decoration: none;
}
a.img-cat-hover:hover {
	opacity: 0.8;
	text-decoration: none;
}

span.ref {
	display: block;
	color: #333333;
	text-transform: uppercase;
}
span.text {
    display: block;
    color: #333333;
    margin-top: 5px;
}
span.title {
	color: #D70000;
}

.cat-btn-area-lg {
    float: right;
    margin-bottom: 8px;
}
.machine-btns{
	margin-bottom: 10px;
}
.cat-btn-area-sm {
    margin-bottom: 7px;
    margin-right: 8px;
}
.cat-btn{
	float: right;
	padding: 8px 20px;
}
.cat-banner-box {
    margin-bottom: 12px;
    background-color: #343A40;
    margin-top: 7px;
    padding-top: 21px;
    padding-right: 21px;
    padding-bottom: 21px;
    padding-left: 21px;
}
.cat-banner-text {
    color: #FFFFFF;
    font-size: large;
}
.cat-search {
    margin-bottom: 12px;
}
.item-number-cat {
    color: #FFFFFF;
    text-align: right;
    font-size: large;
}

/* Carousel */

/* Make the image fully responsive */
  .carousel-inner img {
      width: 100%;
      height: 100%;
  }

/* Carousel fade transition */
/* Old CSS
.carousel.carousel-fade .item {
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
    left: 0;
    z-index: 1;
}

.carousel.carousel-fade .carousel-control {
    z-index: 3;
} 
*/

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}







/* Carousel End */

/* Sticky header */

.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%;
    z-index: 99;
}



.testimonial-group > .row {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin-top: 6px;
    margin-bottom: 6px;
}
.testimonial-group > .row > .col-xs-3 {
    display: inline-block;
    float: none;
    margin-right: 4px;
}

.header-search-box{
	display: block;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	width: 350px;
	margin-left: 0px;
}
.sidemenu-collapse{
    margin-top: 2px;
}
.machine-detail-text {
	white-space: pre-wrap;       /* Since CSS 2.1 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;
}

/* Modal Form Start */
.modal-backdrop
{
    opacity:0.7 !important;
}
.modal-ref{
	border-style: none;
}
.modal-form {
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
}

/* Modal Form End */

/* Footer Start */
.footer-grafitec-red {
    color: #DC3545;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}
.footer-grafitec-wht {
    color: #fff;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    font-style: italic;
    font-size: 60%;
}
#Footer {
    background-color: #343A40 ;
    color: white;
    padding-top: 10px;
}
#Footer .row {
    margin-bottom: 60px;
}

#Footer .navbar-brand {
    margin-top: 45px;
    height: 65px;
}
#Footer ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
}

#Footer h5 {
    font-size: 18px;
    color: white;
    font-weight: bold;
    margin-top: 30px;
}

#Footer h2 a{
    font-size: 50px;
    text-align: center;
    color: #fff;
}

#Footer a {
    color: #d2d1d1;
    text-decoration: none;
}

#Footer a:hover,
#Footer a:focus {
    text-decoration: none;
    color: white;
}

#Footer .social-networks {
    text-align: center;
    padding-bottom: 1px;
}

#Footer .social-networks a {
    font-size: 32px;
    color: #f9f9f9;
    padding: 10px;
    transition: 0.2s;
}

#Footer .social-networks a:hover {
    text-decoration: none;
}

#Footer .facebook:hover {
    color: #0077e2;
}

#Footer .google:hover {
    color: #ef1a1a;
}

#Footer .twitter:hover {
    color: #00aced;
}

#Footer .btn {
    width: 160px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 25px;
}

@media screen and (max-width: 767px) {
    #Footer {
        text-align: center;
    }
}

#Footer{
   flex: 0 0 auto;
   -webkit-flex: 0 0 auto;
}
.copyright-container {
    background-color: #000;
    text-align: center;
    margin-top: -60px;
    padding-top: 7px;
    padding-bottom: 2px;
}
.copyright {
	color: #FFFFFF;
	text-align: center;
	font-size: small;
}
.footer-img {
	padding-bottom: 10px;
}
/* Footer End */

/* Contact Start */
.contact-box {
	margin-top: 16px;	
}
.signup-agree {
	font-size: small;	
}
/* Contact End */
/* Exbo Conatner Start */
.exbo-row{
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #343A40;
	margin-top: 7px;
	margin-bottom: 8px;
}
.exbo-title h2 {
	color: #FFFFFF;
	font-size: 24px;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	text-shadow: 3px 3px 6px #000000;
}
.exbo-cell{
	padding-top: 4px;
	padding-bottom: 2px;
}
.col-temp{
	border: thin solid #747474;
	padding-top: 36px;
	padding-bottom: 85px;
	background-color: #DFDFDF;
}
/* Exbo Conatner End */
/* Group Start */
.group-row{
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #343A40;
	margin-top: 7px;
	margin-bottom: 8px;
}
.group-title h2 {
	color: #FFFFFF;
	font-size: 24px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	text-shadow: 3px 3px 6px #000000;
}
.group-cell{
	padding-top: 8px;
	padding-bottom: 4px;
	text-align: center;
	margin-bottom: 6px;
	margin-top: 6px;
}
.group-cell-title {
	color: #FFFFFF;
	text-align: center;
}
.group-cell-txt {
	color: #FFFFFF;
	text-align: center;
}
.group-img {
	text-align: center;
}

/* Group End */
.navbar-toggle-text{
	color: #FFFFFF;
}

/* Owl Carousel */

/* End Owl Carousel */

.dropdown:hover>.dropdown-menu {
	display: block;
	border: 0px solid rgba(0,0,0,0.62);
	margin-top: 0px;
	
}
a.landing-link:link, a.landing-link:visited, a.landing-link:active {
	color: #000;
	text-decoration: none;
}
a.landing-link:hover {
	color: #666666;
	text-decoration: none;
}
.machine-detail-link {
    text-decoration: none;
    color: #000000;
}
a.machine-detail-link:link, a.machine-detail-link:visited, a.machine-detail-link:active {
	color: #000;
	text-decoration: none;
}
a.machine-detail-link:hover {
	color: #999999;
	text-decoration: none;
}
.front-top-container {
    margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.SpecialBoxLg {
    border: medium solid #DC3545;
    border-radius: 12px;
    background-color: #343A40;
    text-align: center;
    padding-top: 4px;
    padding-right: 25px;
    padding-left: 25px;
	
}

.SpecialBoxImageLg {
}

.SpecialHeading {
    font-size: 16px;
}

.carousel-extra {
	margin-bottom: 10px;
}

.pulse {
    width: 100%;
    height: 100%;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(255,255,255,0.90);
    animation: pulse 1s infinite;
    border-radius: 12px;
}
.pulse:hover {
  animation: none;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.9);
  }
  70% {
      box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}

form.search input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid #DC3545;
    float: left;
    width: 80%;
    background: #f1f1f1;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

form.search button {
    float: left;
    width: 20%;
    padding: 9px;
    background: #DC3545;
    color: white;
    font-size: 17px;
    border: 1px solid #DC3545;
    border-left: none;
    cursor: pointer;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

form.search button:hover {
  background: #C82033;
}

form.example::after {
  content: "";
  clear: both;
  display: table;
}

.fa_custom {
color: #DC3545
}
.img-responsive-modal{
    margin:0 auto;
	text-align: center;
}

h4.modal-title-extra {
	text-align: center;
	text-decoration: none;
}

@font-face {
    font-family: GrafLogoRegular;
    src: url("https://www.grafitecplc.com/fonts/equinox-regular.woff") format("woff"),
url("https://www.grafitecplc.com/fonts/equinox-regular.off") format("opentype");
}

@font-face {
    font-family: GrafLogoBold;
    src: url("https://www.grafitecplc.com/fonts/equinox-bold.woff") format("woff"),
url("https://www.grafitecplc.com/fonts/equinox-bold.off") format("opentype");
    font-weight: bold;
}

.GrafLogoRegular {
    font-family: 'GrafLogoRegular';
    font-weight: normal;
    font-style: normal;
    font-size: 36px;
}
.GrafLogoBold {
    font-family: 'GrafLogoBold';
    font-weight: normal;
    font-style: normal;
    font-size: 36px;
}

/* Carousel - Special Container Area */

.carousel-special-box-1{
    padding-top: 10px;
    margin-left: -15px;
}

.carousel-special-box-2{
    margin-top: 10px;
}

.carousel-special-box-3{
}
.SpecialBoxImageLg-3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.SpecialBoxLg-3 {
    border: medium solid #DC3545;
    border-radius: 12px;
    background-color: #343A40;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 2px;
    margin-top: 11px;
    padding-left: 10px;
    padding-right: 10px;
}
.SpecialHeadingText {
    font-size: 16px;
    padding-bottom: 0px;
    padding-top: 0px;
    color: #FFFFFF;
}

a.SpecialOfferTextLink:link, a.SpecialOfferTextLink:visited, a.SpecialOfferTextLink:active {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
    margin-top: 0px;
}
a.SpecialOfferTextLink:hover {
	color: #7E7E7E;
    font-size: 12px;
	text-decoration: none;
}

.carousel-text-title-lg h1 {
    text-align: center;
    font-size: 30px;
 }
.carousel-text-title-md h1 {
    text-align: center;
    font-size: 38px;
 }
.carousel-text-title-sm h1 {
    text-align: center;
    font-size: 24px;
 }
.carousel-text-title-xs h1 {
    text-align: center;
    font-size: 12px;
    margin-bottom: -1px;
 }

.carousel-text-lg h2 {
    text-align: center;
    font-size: 14px;
    padding-left: 14px;
    padding-right: 14px;
	line-height: 130%;
}
.carousel-text-md h2 {
    text-align: center;
    font-size: 18px;
    padding-left: 14px;
    padding-right: 14px;
    line-height: 130%;
}
.carousel-text-sm h2 {
    text-align: center;
    font-size: 14px;
    margin-top: 1px;
    padding-left: 14px;
    padding-right: 14px;
    line-height: 130%;
}
.carousel-text-xs h2 {
    text-align: center;
    font-size: 10px;
    margin-bottom: -3px;
}
.related-box{
    background-color: #3E3E3E;	
}
.related-box-sm{
    background-color: #3E3E3E;
}
.related-heading-sm {
    vertical-align: top;
    width: 100%;
    text-transform: uppercase;
    margin-top: 10px;
	margin-bottom: 10px;
    color: #ffffff;
    padding-top: 4px;
    padding-bottom: 5px;
}
.related-heading {
    vertical-align: top;
    width: 100%;
    text-transform: uppercase;
    margin-top: 10px;
    color: #FFFFFF;
    padding-top: 4px;
    padding-bottom: 0px;
}
.related-repeat-container{
    margin-top: 13px;
}
.related-machine-image{
	border: 2px solid #D30003;
	box-shadow: 2px 2px 6px;
	margin-left: 4px;
	margin-right: 8px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	width: -moz-fit-content;
	width: fit-content;
}
.related-image-container{
	
}
span.related-sm-ref {
	display: block;
	color: #333333;
	text-transform: uppercase;
	font-size: 10pt;
}
span.related-sm-title {
	color: #D70000;
    font-size: 10pt;
}
.related-sm-desc{
	font-size: 10pt;
}
.related-sm-cat-heading {
	vertical-align: top;
	width: 100%;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px;
	margin-top: 8px;
	margin-bottom: -6px;
}

/* Hounsfield Front Page */

.salary {
	font-size: 14;
	font-weight: bold;
	
}

.quoteby {
	font-style: italic;
}

.quotes {
	font-size: 60px;
}
.readmore{
	
}
a.readmore:link, a.readmore:visited, a.readmore:active {
    color: #000;
}
a.readmore:hover {
    color: #ffc451;
}

/* Hounsfield Vacancy detail Page */

.vacancy-details .info i {
  font-size: 16px;
  background: #ffc451;
  color: #151515;
  float: left;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  margin-right: 10px;
}

.vacancy-details {
    padding-top: 40px;
    margin-bottom: 0px;
    padding-bottom: 12px;
}
.vacancy-details .vacancy-details-slider img {
  width: 100%;
}
.vacancy-details .vacancy-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.vacancy-details .vacancy-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #ffc451;
}
.vacancy-details .vacancy-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffc451;
}
.vacancy-details .vacancy-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(21, 21, 21, 0.08);
}
.vacancy-details .vacancy-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.vacancy-details .vacancy-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}
.vacancy-details .vacancy-info ul li + li {
  margin-top: 10px;
}
.vacancy-details .vacancy-description {
  padding-top: 30px;
}
.vacancy-details .vacancy-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}
.vacancy-details .vacancy-description p {
  padding: 0;
}

.key_responsibilities {
	font-size: 18px;
	font-weight: bold;
}

.apply-section-title {
  padding-bottom: 40px;
}
.apply-section-title h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aaaaaa;
  font-family: "Poppins", sans-serif;
}
.apply-section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #ffde9e;
  margin: 4px 10px;
}
.apply-section-title p {
  margin: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  color: #151515;
}

.applyformsection{
	padding-top: 10px;
}

.vacancybox {
	margin-bottom: 20px;
}

.uploadtext{
    padding-bottom: 0px;
}

/* Style the header: fixed position (always stay at the top) */
.header {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  background-color: #f1f1f1;
}

/* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 8px;
  background: #ccc;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 8px;
  background: #04AA6D;
  width: 0%;
}
.list-group{
    max-height: 20px;
    margin-bottom: 10px;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}
.card-extra{
    margin-bottom: 20px;
}

/* Form Layouts */
.section-box {
    border: thin solid #BDBDBD;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.outer-section-box {
    border-radius: 6px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.docbox{
    border: thin solid #A0A0A0;
    border-radius: 4px;
    margin-bottom: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 6px;
}
.filenametext{
    font-size: 9px;
    overflow-x: scroll;
}
.card-text-extra{
	font-size: 10px;
}
.vacancy-btn-extra{
	margin-bottom: 3px;
	margin-top: 3px;
}
.input-group-extra{
	background: #17a2b8 !important;
}
.login-text{
	color: #fff;
}
.list-group-item-extra {
	margin-bottom: 4px !important;
}