@charset "utf-8";


:root {
  --nordsonblue: #007ac9;
  --darkblue: #005293;
  --black: #000;
  --greybeige: #dcddde;
  --nordsonblue10%: rgba(0,122,205,.1);
  --cyan: #00a9e0;
  --yellow: #f0ab00;
  --green: #7ab800;
  --orange: #e37222;
	--neutralblue: #7d9aaa;
	--neutralgrey: #8996a0;
	--neutralgreen: #aeaa6c;  
	--neutralorange: #d3bf96;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;

}
/*-----------------------------------
    1. Body / Typography 
-----------------------------------*/


@font-face {
    font-family: 'SourceSansProBold';
    src: url('https://nordson.sctechjobs.com/fonts/sourcesanspro-bold-webfont.ttf'),
 	url('https://nordson.sctechjobs.com/fonts/sourcesanspro-bold-webfont.woff')format('woff'),
    url('https://nordson.sctechjobs.com/fonts/sourcesanspro-bold-webfont.woff2')format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProLight';
    src: url('https://nordson.sctechjobs.com/fonts/SourceSansPro-Light-webfont.ttf'),
 	url('https://nordson.sctechjobs.com/fonts/SourceSansPro-Light-webfont.woff')format('woff'),
    url('https://nordson.sctechjobs.com/fonts/SourceSansPro-Light-webfont.woff2')format('woff2');
    font-weight: lighter;
    font-style: normal;
}

body {font-family: 'arial', sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; line-height: 1.5; color: #000; background-color: #fff;}
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 10px 0px;  }
h1 { font-family: 'SourceSansProBold'; font-size: 36px; line-height: 1.1; color: #007ac9;}
h2 { font-family: 'SourceSansProBold';font-size: 18px; }

h3 { font-size: 30px; line-height: 1.5; font-weight:700px; color:#464647; }

p { margin: 0 0 20px; color:#000;}
ul, ol { }
ul li, ol li { }
a { color: #007ac9; text-decoration: underline; }
a:focus, a:hover {
	text-decoration: none;
	color: #007ac9;
}
strong {
    font-weight: 700;
}
.highlight { color: rgba(0,122,205,.1); }



.text-italic { font-style: italic; }
.small-text { font-size: 14px; }
blockquote { padding: 0px 0px; margin: 0 0 20px; font-size: 22px; border-left: transparent; color: #000; line-height: 30px; }
blockquote.alignright { max-width: 50%; }
blockquote.alignleft { max-width: 50%; }
.alignleft { float: left; margin: 0px 30px 40px 0; }
.alignright { float: right; margin: 0px 0 20px 20px; }


.bullet { position: relative; padding-left: 0px; line-height: 36px; }
.bullet-angle-double-right li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 15px; color: #000; content: "\f101"; }
.bullet-circle li:before { font-family: 'FontAwesome'; display: block; position: absolute; left: 0; font-size: 12px; color: #000; content: "\f10c"; }

.fl-separator {border-top-width: 2px;border-top-style: solid;border-top-color: #f0ab00;max-width: 100px; margin-bottom: 20px;}

/*-----------------------------------
    2. Form css 
-----------------------------------*/
label { color: #f0f1f3; }
.control-label { }
.form-control { color: #f0f1f3; font-size: 12px; font-weight: 600; text-transform: uppercase; width: 100%; height: 52px; padding: 10px; line-height: 1.42857143; background-image: none; background-color: ; border-radius: 4px; margin-bottom: 10px; border: 1px solid #ededea; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); }
.form-control:focus { outline: 0; background-color: #f0f1f3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
.required { font-size: 10px; color: red }
textarea.form-control { border-radius: 2px; height: auto; }
select.form-control { background-color: #fff; color: #96968e; -webkit-appearance: none; -moz-appearance: none; background-position: 97% 50%; background-repeat: no-repeat; background-image: url(../images/down-arrow.png); padding-right: 15px; margin-bottom: 15px; }
button.btn { height: 47px; padding: 10px 40px; }
.checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; line-height: 1.4; }



/*----------------------- 
    4.1 Section space :
-------------------------*/

/*Note: Section space help to create top bottom space;*/

.space-small { padding-top: 40px; padding-bottom: 40px; }
.space-medium { padding-top: 20px; padding-bottom: 20px; }
.space-large { padding-top: 100px; padding-bottom: 100px; }
.space-ex-large { padding-top: 120px; padding-bottom: 120px; }

/*----------------------
    4.2 Margin Space
 -----------------------*/
.mb0 { margin-bottom: 0px; }
.mb5 { margin-bottom: 0
	px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
.mt0 { margin-top: 0px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }

/*----- less margin space from top --*/
.mt-20 { margin-top: -20px; }
.mt-40 { margin-top: -40px; }
.mt-60 { margin-top: -60px; }
.mt-80 { margin-top: -80px; }

.mb-20 { margin-bottom: -20px; }
.ml-5 { margin-left: -5px; }
.ml-10 { margin-left: -10px; }

/*-----------------------
    4.3 Padding space
-------------------------*/
.nopadding { padding: 0px; }
.nopr { padding-right: 0px; }
.nopl { padding-left: 0px; }
.pinside10 { padding: 10px; }
.pinside20 { padding: 20px; }
.pinside30 { padding: 30px; }
.pinside40 { padding: 40px; }
.pinside50 { padding: 50px; }
.pinside60 { padding: 60px; }
.pinside80 { padding: 80px; }
.pinside130 { padding: 130px; }
.pdt10 { padding-top: 10px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pdt40 { padding-top: 40px; }
.pdt60 { padding-top: 60px; }
.pdt80 { padding-top: 80px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }
.pdb40 { padding-bottom: 40px; }
.pdb60 { padding-bottom: 60px; }
.pdb80 { padding-bottom: 80px; }
.pdl10 { padding-left: 10px; }
.pdl20 { padding-left: 20px; }
.pdl30 { padding-left: 30px; }
.pdl40 { padding-left: 40px; }
.pdl60 { padding-left: 60px; }
.pdl80 { padding-left: 80px; }
.pdr10 { padding-right: 10px; }
.pdr20 { padding-right: 20px; }
.pdr30 { padding-right: 30px; }
.pdr40 { padding-right: 40px; }
.pdr60 { padding-right: 60px; }
.pdr80 { padding-right: 80px; }

/*--------------------------------
 4.4 Background & Block color 
----------------------------------*/
.bg-default { background-color: #fff; }

.bg-light { background-color: #5e5e5e; color: #fff}
.bg-green { background-color: #5e5e5e; color: #fff}
.bg-primary { background-color: #e8e5dd;  }
.bg-dark {background-color:#1D1B1C;}
.bg-readysc-blue {background-color:#e8e5dd;}

.bg-white { background-color: #fff; }
.outline { border: 1px solid #fff; }
.link-title { }
.small-title { font-size: 12px; color: #000; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; border-bottom: 1px solid #eee; padding-bottom: 30px; margin-bottom: 29px; }
.bdr-btm { }
.bdr-right { border-right: 1px solid #ccc; }
.orange-text { color: #dd9a80; }
.well-bg { background-color: #f5f0ed; padding: 10px; }




/*--------------------------------
 4.8 Image Hover Effect 
----------------------------------*/
img { width: auto; max-width: 100%; height: auto; margin: 0; padding: 0; border: none; line-height: normal; vertical-align: middle; }
.imghover { display: block; position: relative; max-width: 100%; }
.imghover::before, .imghover::after { display: block; position: absolute; content: ""; text-align: center; opacity: 0; transition: all .3s ease-in-out; }
.imghover::before { top: 0; right: 0; bottom: 0; left: 0; }
.imghover::after { top: 50%; left: 50%; width: 50px; height: 50px; line-height: 50px; margin: -25px 0 0 -25px; content: "\f055"; font-family: "FontAwesome"; font-size: 60px; }
.imghover:hover::before, .imghover:hover::after { opacity: 1; }
.imghover:hover::before { background: rgba(4, 60, 91, .5); }
.imghover:hover::after { color: #FFFFFF; }

.vidhover { display: block; position: relative; max-width: 100%; }
.vidhover::before, .vidhover::after { display: block; position: absolute; content: ""; text-align: center; opacity: 0; transition: all .3s ease-in-out; }
.vidhover::before { top: 0; right: 0; bottom: 0; left: 0; }
.vidhover::after { top: 50%; left: 50%; width: 50px; height: 50px; line-height: 50px; margin: -25px 0 0 -25px; content: "\f144"; font-family: "FontAwesome"; font-size: 60px; }
.vidhover:hover::before, .vidhover:hover::after { opacity: 1; }
.vidhover:hover::before { background: rgba(4, 60, 91, .5); }
.vidhover:hover::after { color: #FFFFFF; }

.video-hover { display: block; position: relative; max-width: 100%;}
.video-hover::before, .video-hover::after { display: block; position: absolute; content: ""; text-align: center; opacity: 0; transition: all .3s ease-in-out; }
.video-hover::before { top: 0; right: 0; bottom: 0; left: 0; }
.video-hover::after {}
.video-hover:hover::before, .video-hover:hover::after { opacity: 1; }
.video-hover:hover::before { background: rgba(4, 60, 91, .5);  }
.video-hover:hover::after { color: #FFFFFF; }





/*--------------------------
     5.2 Navigations Regular
    ----------------------------*/
.header {
    background-color: #fff;
    padding-top: 24px;
    padding-bottom: 0px;
    position: relative;
    z-index: 99;
    
}
.header-1 { border-bottom: 1px solid #eee; padding-top: 24px; padding-bottom: 24px; z-index: 9; background-color: #fff; position: relative; }
.logo { padding-top: 6px; }
.search-nav { padding-top: 10px; }
.navigation { }
.navigation-collapse { background-color: #2c2d31; }
.right-navigation{
	float: right;
	margin-top: 5px;
}
.is-sticky .header { border-bottom: 1px solid #eee; }


/*-----------------------------------
     6. Slider 
-------------------------------------*/
.slider {}
.slider-captions {
    position: absolute;
    bottom: 180px;
    background: color: #0f1012;
    padding: 40px;
    border-radius: 4px;
    width: 350px;
}

.slider-title { color: #f0f1f3; font-size: 28px; line-height: 32px; margin-bottom: 5px ; }

.slider-title-caption { color: #f0f1f3; font-size: 28px; line-height: 32px; margin-bottom: 5px ; }
.slider-call-text { font-size: 20px; color: #4c4845; text-decoration: underline; margin-bottom: 40px; }
.slider-text { color: #f0f1f3; font-size: 18px; }
.slider-img { position: relative; min-height: 200px; }
.slider-img img { position: relative; z-index: -1; display: block; width: 100%; height: auto; min-height: 200px;}
#slider { }
#slider .owl-buttons { }
#slider .owl-buttons div { background-color: transparent; }
#slider .owl-prev, #slider .owl-next { font-size: 22px; line-height: 1.3 }
#slider .owl-prev { position: absolute; top: 50%; left: 20px; }
#slider .owl-next { position: absolute; top: 50%; right: 20px; }
#slider .owl-pagination { position: absolute; bottom: 20px; margin: 0 auto; width: 100%; }
#slider .owl-controls .owl-page span { background-color: #dedad8; border-color: #dedad8; width: 8px; height: 8px; border-radius: 50%; }
#slider .owl-pagination .owl-page.active span { background-color: #765157; }
#slider .owl-controls { margin-top: 0px; }


/*-----------------------------------
8. Footer 
-------------------------------------*/
.tiny-footer {
    background-color: rgba(0,122,205,.1);
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 6px;
    color:#000;
}
.tiny-footer a { color: #000; }
.tiny-footer a:hover { color: #000; }
.newsletter-form { }
.newsletter-form .form-control { background-color: #222; }


/*--------------------------------
 video gallery  
---------------------------------*/
.video-block {
    float: right;
}
.video-content { }
.video-title { font-size: 20px; color: #373433; margin-bottom: 0px; line-height: 30px; }
.video-block .video-action { position: absolute; top: 20%; left: 40%; }



/*-----------------
    12.4 Column
-------------------*/

.column-block { margin-bottom: 30px; }


.imgright {
    float: right;
    margin-left: 10px;
    margin-bottom: 40px;
}


/*-------------------------------- 
    Media Query 
--------------------------------*/
@media screen and (max-width:1366px) {

    /* slider */
	.slider-captions { position: absolute; bottom: 80px; background: rgba(255,255,255,0.8);  padding: 40px; border-radius: 4px; text-align: center; width: 100%; }   
	.slider-title { color: #373433; font-size: 30px; line-height: 36px; margin-bottom: 0px; }
    .slider-text { color: #043c5b; font-size: 18px; margin-bottom: 20px; }
    #slider .owl-prev { position: absolute; top: 50%; left: 10px; }
    #slider .owl-next { position: absolute; top: 50%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }

    /* page header */
    .page-section { padding: 15px 0px 15px 0px; }
}
@media screen and (max-width:1440px) {

    /* slider */
	.slider-captions { position: absolute; bottom: 60px; background: rgba(255,255,255,0.8);  padding: 40px; border-radius: 4px; text-align: center; width: 100%; }    
	.slider-title {
	color: #333333;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 20px;
}
    .slider-text { color: #043c5b; }
    #slider .owl-prev { position: absolute; top: 50%; left: 10px; }
    #slider .owl-next { position: absolute; top: 50%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }

    /* page header */
    .page-section { padding: 15px 0px 15px 0px; }
}
@media only screen and (max-width:1024px) {

    /* header */
    #navigation > ul > li > a { padding: 10px; font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #043c5b; font-weight: 700; }

    /* slider */
	.slider-captions { position: absolute; bottom: 20px; background: rgba(255,255,255,0.8);  padding: 40px; border-radius: 4px; text-align: center; width: 100%; }
    .slider-title { color: #043c5b; font-size: 30px; line-height: 40px; margin-bottom: 20px; }
    .slider-text { font-size: 18px; }
    #slider .owl-prev { position: absolute; top: 30%; left: 10px; }
    #slider .owl-next { position: absolute; top: 30%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }

    /* page header */
    .page-section { padding: 15px 0px 15px 0px; }
}
@media only screen and (max-width:768px) {

    /* slider */
	.slider-captions { position: absolute; bottom: 10px; background: rgba(255,255,255,0.8);  padding: 40px; border-radius: 4px; text-align: center; width: 100%; }
    .slider-title { font-size: 26px; line-height: 32px; margin-bottom: 20px; }
    #slider .owl-prev { position: absolute; top: 30%; left: 10px; }
    #slider .owl-next { position: absolute; top: 30%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }
    .header { padding-top: 5px; padding-bottom: 0px; }

    /* page header */
    .page-section { padding: 15px 0px 15px 0px; }

    /* blog single page comments*/
    .childern { padding-left: 0px; }
	.slider-img img { position: relative; z-index: -1; display: block; min-width: 1100px; min-height: 275px; align-content: center; }
}
@media only screen and (max-width:375px) {
	.slider-captions { position: absolute; bottom: 10px; background: rgba(255,255,255,0.8);  padding: 40px; border-radius: 4px; text-align: center; width: 100%; }
    .slider-title { color: #373433; font-size: 18px; line-height: 21px; }
	#slider .owl-prev { position: absolute; top: 30%; left: 10px; }
    #slider .owl-next { position: absolute; top: 30%; right: 10px; }
    #slider .owl-prev, #slider .owl-next { font-size: 12px; width: 30px; height: 30px; line-height: 1.5; }
    #slider .owl-pagination { position: absolute; bottom: 0px; margin: 0 auto; width: 100%; }
    .header { padding-top: 5px; padding-bottom: 0px; }
	.slider-img { position: relative; min-height: 100%; }
}


table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #fff;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}



@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
	
}
.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	background-color: #f5f0ed;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color: #f5f0ed;
}


#saveForm {
    background-color: #97d700;
    color: #fff;
    outline: none;
	border: none;
	font-weight: bold;
	padding:20px;
    align-items: center;
}


.main-banner {
  position: relative;
}

#bg-video {
    min-width: 100%;
    max-width: 100%;
    z-index: -1;

}

#bg-video::-webkit-media-controls {
    display: none !important;
}

.video-overlay {
    position: absolute;
    background-image: linear-gradient(00deg, #1D1B1C 0%, rgba(56,59,66,0) 52%);
    top: 0;
    left: 0;
    bottom: 0px;
    width: 100%;
}

.main-banner .caption {
  text-align: center;
  text-transform: ;
  position: absolute;
  width: 70%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);


}

.main-banner .caption h2 {
  margin-top: 30px;
  font-size: 40px;
  line-height: normal;
  color: #fff;
}



@media (max-width: 992px) {

  .main-banner .caption h2 {
    font-size: 28px;
  }
}