@font-face {font-family: goodTimesRg;src: url('./../fonts/goodTimesRg.ttf');}
@font-face {font-family: roboto;src: url(../fonts/Roboto-Regular.ttf);}
@font-face {font-family: roboto_bold;src: url(../fonts/Roboto-Bold.ttf);}
body {background: #fff;margin: 0;padding: 0;font-family: roboto;overflow-x: hidden;color: #000;font-size: 16px;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
header{    position: fixed;width: 100%;z-index: 100000;background: white;}
.main-section{padding-top: 140px;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1,h2,h3,h4,h5 {margin: 0;padding: 0; font-weight: normal; color: #fff; font-family: goodTimesRg; letter-spacing: 0.6px; text-transform: uppercase; text-align: center;}
h1 {font-size: 62px;}
h2 {font-size: 36px;  position: relative; padding-bottom: 15px; color: #2663c5;line-height: 47px;margin-bottom: 30px; display: flex; justify-content: center; align-items:center; width: 100%;}
h2 > span {color: #000;}
h2:after, h3:after{content: ''; width: 100%; max-width: 35px; height: 5px; background-color: #2663c5; position: absolute; bottom: 0; left: 50%;transform: translateX(-50%);}
h3 {font-family: roboto_bold;font-size: 29px;line-height: 40px;position: relative; padding-bottom: 10px;margin-bottom: 25px;}
h4 {font-size: 19px;line-height: 30px;position: relative; padding-bottom: 0;margin-bottom: 0;}
a {text-decoration: none;color: #000;transition: all 0.3s ease-in-out;}
a:focus {outline: none;}
a:hover {transition: all 0.5s ease-in-out; cursor: pointer; color: #000; outline: none; box-shadow: none;}
input{outline: none; box-shadow: none;}
ul{padding: 0; margin: 0;}
p {letter-spacing: 0.6px;line-height: 36px;margin-bottom: 30px; margin-top: 0;}
hr {border-bottom: 1px solid #fff;border-top: 0;margin: 30px 0 20px;}
.mobieView {display: none;}
.mobieView_xs{display: none;}
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
	float: left;
}
.col-md-12 {
    width: 100%;
}
.col-md-11 {
	width: 91.66666667%;
}
.col-md-10 {
	width: 83.33333333%;
}
.col-md-9 {
	width: 75%;
}
.col-md-8 {
	width: 66.66666667%;
}
.col-md-7 {
	width: 58.33333333%;
}
.col-md-6 {
	width: 50%;
}
.col-md-5 {
	width: 41.66666667%;
}
.col-md-4 {
	width: 33.33333333%;
}
.col-md-3 {
	width: 25%;
}
.col-md-2 {
	width: 16.66666667%;
}
.col-md-1 {
	width: 8.33333333%;
}

.content-area {
    padding-top: 50px;
    background-color: #fff;
}

#history-more {
    display: none;
}

.content-area h4 {
    color:#2663c5;
    margin: 25px auto;
    padding: 10px 25px 10px 25px;
    width: auto;
    border-radius: 20px;
    display: block;
    clear:both;
    font-size: 24px;
}

.content-area p {
    text-align: left;
}

.content-area ol, .content-area ul {
    margin: 10px 0;
}

.content-area ol li, .content-area ul li {
    padding: 7px 0;
}

.history-block {
    width:99%;
    float: left;
    padding: 10px; 
    border-right: solid 2px #2663c5;
}

.history-block:nth-child(even){
    background-color: #f8f8f8;
}

.history-block:nth-child(even){
    border-right: none;
    border-left: solid 2px #2663c5;
    border-top: solid 2px #2663c5;
    border-bottom: solid 2px #2663c5;
}

.history-image {
    width: 24%;
    float: left;
    margin-right: 1%;
}

.history-desc {
    width: 50%;
    padding: 10px;
    float:left;
}

.history-desc-alt {
    width: 25%;
    padding: 10px;
    float:left;
}

.history-desc-alt-2 {
    width: 75%;
    padding: 10px;
    float:left;
}

.history-image-right {
    width: 24%;
    float: right;
    margin-left: 1%;
    text-align: right;
}

.history-thumb {
    max-width: 100%;
    max-height: 200px;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 9px 1px rgba(107,107,107,0.55); 
    box-shadow: 5px 5px 9px 1px rgba(107,107,107,0.55);    
}

.history-thumb:hover {
    cursor:pointer;
    opacity: 0.5;
}

.history-date {
    width: 25%;
    float: left;
    font-size: 48px;
    color:#2663c5;
}

.history-date-left {
    text-align:right;
    width: 25%;
    float: left;
    font-size: 48px;
    color:#2663c5;
}

.content-area ul li.capabilities_list, .content-area ul li.capabilities_list_alt { 
    display: inline-block;
    width: 21%;
    margin: 1%;
    height: 150px;
    vertical-align: middle;
    border: solid 2px #2663c5;
    border-radius: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #2663c5;
    font-family: goodTimesRg;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
}


.employment_block {
	padding: 10px;
	border-radius: 10px;
	margin-bottom:25px;
    background-color: #fff;
}

.employment_block h3 {
    color: #2663c5;
    font-family: goodTimesRg;
}

.employment_block:nth-child(odd){
	background-color: #f8f8f8;
}

.content-area ul li.capabilities_list:nth-child(odd), .content-area ul li.capabilities_list_alt:nth-child(odd) {
    background-color:#2663c5;
    color: #fff;    
}

.capabilities_list:hover {
    opacity: 0.6;
    cursor:pointer;
}

.prodThumb_box {
    width: 23%;
    margin: 1% 1% 1% 1%;
    float: left;
    min-width:23%;
}

.prodThumb {
    border-radius: 10px;
    width: 100%;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
    background-color: #fff;
    height: 165px;
}

.marketThumb_box {
    width: 23%;
    margin: 1% 1% 1% 1%;
    float: left;
    min-width:23%;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
    border-radius: 10px;
    text-align:center;
    height: 165px;
}

.content-area .container .contentList {
    float:left;
    width: 100%;
    padding: 0 15px;
    list-style-type:circle;
}
.content-area .container .contentList  li {
    float:left;
    width: 48%;
    margin: 0 1%;
}

.marketThumb {    
    max-width: 100%;    
    background-color: #fff;
    max-height: 100%;
}

.prodThumb_box:hover, .marketThumb_box:hover {
    cursor: pointer;
    opacity: 0.4;
}

.content-area .employment_block h3:after {
    background: none;
}

#globe-img:hover, #phone-img:hover, .logo:hover {
    opacity: 0.5;
}

@media screen and (max-width: 991px) {
.content-area ul li.capabilities_list, .content-area ul li.capabilities_list_alt { width: 31% }
.mobieView {display: initial;}
.deskView {display: none;}
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-10 {
    width: 100%;
}
}
.container-fluid {float: left;width: 100%}
.container {width: 100%;max-width: 1200px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto; position: relative;}
.container:after {clear: both;}
.row {display: flex;}
.fullWidth {float: left;width: 100%;}
ul {list-style: none}
.overlay{background: rgba(38, 99, 197, 0.8); position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.learn_more {display: inline-block;text-transform: uppercase;color: #fff;font-family: goodTimesRg;background-color: #2663c5;
padding: 18px 68px;border-radius: 50px;border: 5px solid #fff;box-shadow: 0 0 0px 2px #2663c5;}
.learn_more:hover {color: #fff}

/* header */
.header{padding: 15px 0 20px; border-top: 6px solid #2663c5;}
.header .row{align-items: center; justify-content: space-between;}
.nav_section{display: flex; align-items: center;}
.nav_humberger{display: none;}
.navigation_links{padding: 0; margin: 0; display: flex;}
.navigation_links >li {padding: 0 15px;}
.navigation_links >li >a{font-family: roboto_bold; text-transform: uppercase; font-size: 16px;}
.navigation_links >li >a:hover{color: #2663c5;}
.h_contact {display: flex; align-items: center;}
.contacts img {display: block;}
.contact_dtls {padding-left: 10px}
.contact_dtls p{margin: 0; font-size: 18px;}
.contact_dtls span{font-size: 34px; font-family: roboto_bold; color: #2663c5;}
.navigation, .contacts {padding-top: 25px;}
.contacts {display: flex;}
.contacts ul {display: flex; align-items: center;}
.contacts ul li + li{margin-left: 20px;}

.navigation_links.show{display: block; background: #afd1f7;top: 73px;left:0; right: 0; position: absolute;z-index: 999;flex-direction: column;}
.navigation_links.show > li {padding: 10px 5px;display: block; text-align: center;}
.navigation_links.show > li a{border-bottom: 0; display: inline-block;}
.top_nav > ul > li + li {margin-left: 23px;}

/* Welcome Content */
.welcome_text{text-align: center; padding: 100px 0; background: #f8f8f8; border-top: 7px solid #2663c5; margin-top: 5px;}
.welcome_text .container {max-width: 1050px; }

/* Slider */
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, 
.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-prev,
.slick-next {font-size: 0;line-height: 0;position: absolute;z-index: 99; top: 50%;display: block;width: 50px;height: 50px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-prev {left: 60px;background: url(../images/icon_right_arrow.svg) no-repeat;transform: rotate(180deg) translateY(50%);}
.slick-next {right: 60px;background: url(../images/icon_right_arrow.svg) no-repeat;}
/* .slick-arrow.slick-hidden {display: none;} */
.slider{background: #000;}
.banner_slide{position: relative}
.banner_slide .container {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #fff;}
.slider_img{width: 100%; height: 100vh; min-height: 400px; object-fit: cover; object-position: center; opacity: .5;}
.slider_img_inner{width: 100%; height: 250px; object-fit: cover; object-position: center;}
.request_quote {display: inline-block;border: 2px solid #fff;border-radius: 50px;padding: 6px;}
.slider .learn_more {color: #2663c5;background-color: #fff;border: 0;box-shadow: none;}

/* Facts & Figures section */
.facts_figures{background: #2663c5; text-align: center; color: #fff; font-family: goodTimesRg; padding: 100px 0;}
.facts_figures h2{color: #fff;}
.facts_figures h2:after{content: ''; background-color:#fff;}
.facts_figures .col{width: 100%; max-width: 25%; flex: 0 0 25%; margin-top: 15px; display: flex; flex-direction: column; align-items: center;}
.facts_figures .col span{font-size: 24px; background: #fff; color: #2663c5; height: 100px; width: 100px; display: flex; justify-content: center; align-items: center; border-radius: 100%; margin-bottom: 20px; }
.facts_figures p{font-size: 18px; line-height: 24px;}

/* Company / Market section */
.company, .market, .molds { text-align: center; padding: 100px 0; }
.company .container, .market .container, .capabilities .container, .molds .container { max-width: 800px; }
.company p, .market p, .capabilities p, .molds p {font-size: 26px; line-height: 46px;}
.market{background: #f8f8f8;}

/* Capabilities section */
.capabilities{position: relative; padding: 100px 0; text-align: center; color: #fff; background-image: url(./../images/capabilities.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center; }
.capabilities h2 {color: #fff;}
.capabilities h2:after {content: ''; background-color: #fff;}
.capabilities .learn_more, .productsLearnMore {color: #2663c5;background-color: #fff;border-color: #2663c5;box-shadow: 0 0 0px 2px #fff;}
.capabilities .learn_more:hover, .productsLearnMore {color: #2663c5;background-color: #fff;border-color: #2663c5;box-shadow: 0 0 0px 2px transparent;}

/*in house spin trimming capabilities */
/*3d printing capabilities*/
/*article design*/
/* load cell */
.threedprinting {position: relative; padding: 25px 0; text-align: center; color: #fff; background-image: url(./../images/capabilities.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center; }
.spin-trimming, .threedprinting, .article-design, .load-cell { text-align: center; padding: 25px 0; }
.spin-trimming p, .threedprinting p, .article-design p, .load-cell p {letter-spacing: 0.6px;line-height: 36px;margin-bottom: 30px; margin-top: 0;}
.spin-trimming, .load-cell{background: #f8f8f8;}

/* mold sampling capabilities  & laser welding*/
.in-house-mold {position: relative; padding: 25px 0; text-align: center; color: #fff; background-image: url(./../images/in-house-bg.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center; }
.laser-welding {position: relative; padding: 25px 0; text-align: center; color: #fff; background-image: url(./../images/capabilities-2.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center; }
.in-house-mold h2, .laser-welding h2, .threedprinting h2 {color: #fff;}
.in-house-mold h2:after, .laser-welding h2:after {content: ''; background-color: #fff;}
.in-house-mold .learn_more, .laser-welding .learn_more {color: #2663c5;background-color: #fff;border-color: #2663c5;box-shadow: 0 0 0px 2px #fff;}
.in-house-mold .learn_more:hover, .laser-welding .learn_more:hover {color: #2663c5;background-color: #fff;border-color: #2663c5;box-shadow: 0 0 0px 2px transparent;}

/* Our Location section */
.our_location{padding: 100px 0; background: #f8f8f8;}
.facility {background: #2663c5;width: 100%;max-width: 32%; text-align: left; color: #fff; border-radius: 10px; padding: 20px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);}
.facility:not(:first-child){margin-left: 2.3%;}
.facility h3 {color: #fff;text-align: left;margin-bottom: 10px;}
.facility ul{padding: 0; margin: 0 0 30px 0; }
.facility ul li{display: flex; width: 100%; align-items: center; margin-bottom: 15px; }
.facility ul p{margin: 0;}
.facility_icon{display: flex; height: 100%; align-items: center; justify-content: center;}
.facility_contact {font-size: 24px;font-family: 'roboto_bold'; padding-left: 10px; width: calc(100% - 42px); }
.facility_address {line-height: 20px;font-size: 14px;letter-spacing: 0; padding-left: 10px; width: calc(100% - 42px); }
.facility_links {display: flex; justify-content: flex-start;}
.facility_links a{flex: 0 0 150px; padding: 14px 10px; border: 2px solid #fff; color: #fff; text-align: center; text-transform: uppercase; font-family: roboto_bold; letter-spacing: 1px; border-radius: 50px;}
.facility_links a:not(:first-child){margin-left: 15px;}
.facility_links .facility_email{background-color: #fff; color: #2663c5;}

/* Footer */
.footer{background: #2663c5; float:left; width: 100%; padding-top: 80px; border-top: 3px solid #fff; box-shadow: 0 0 0 7px #2663c5;}
.footer_col{width: 100%; max-width: 25%; padding-left: 15px; padding-right: 15px; flex: 0 0 25%;}
.footer h4{text-align: left;}
.footer_links {padding: 0;}
.footer_links li{margin-bottom: 5px; background: url(./../images/bullet.png) no-repeat; background-position-y: 10px; padding-left: 20px; }
.footer_links a{color: #fff; letter-spacing: 0.5px; line-height: 30px; font-family: roboto;}
.footer_copyright{color: #fff; font-size: 15px; text-align: center; float:left; width: 100%;}

@media screen and (max-width: 1199px) {
.facility_links a {font-size: 14px;flex: 0 0 100px;padding: 10px 5px;}
.facility h3{font-size: 22px;}
.facility_contact{font-size: 20px;}
.navigation_links >li{padding: 0 15px;}
.navigation_links >li >a {font-size: 16px;}
.contact_dtls span {font-size: 24px;}
}

@media screen and (max-width: 1080px) {
    h1 {font-size: 42px;}
    .facts_figures .row{flex-wrap: wrap; justify-content: center;}
    .facts_figures .col{max-width: 33%; flex: 0 0 33%; margin-top: 50px;}
    .banner_slide .container{max-width: 70%;}
}

@media screen and (max-width: 991px) {
    .content-area ul li.capabilities_list, .content-area ul li.capabilities_list_alt { width: 47% }    
    .footer .row, .our_location .row{flex-wrap: wrap;}
    .our_location .row{justify-content: center; flex-direction: column; align-items: center;}
    .footer_col {max-width: 50%;margin-bottom: 30px;flex: 0 0 50%;}
    .facility {width: 100%; max-width: 475px; margin: 0 0 40px 0; margin-left: 0 !important;}
    .facility:last-child{margin-bottom: 0;}
    .slick-prev, .slick-next{background-size: 30px;}
    .slick-next{right: 0;}
    .slick-prev{left: 0; transform: rotate(180deg) translateY(100%);}
    .navigation_links >li{padding: 0 10px;}
    .contacts img{height:40px; width: 40px;}
    .contact_dtls p {font-size: 14px;line-height: 26px;}
    .contact_dtls span {font-size: 18px;}
    .logo img {height: 60px;}
    .header {padding: 10px 0 10px;}
    .navigation_links >li >a {font-size: 14px;}
    .contacts ul li + li {margin-left: 10px;}
    .main-section {padding-top: 70px;}
}

@media screen and (max-width: 767px) {
.content-area .container .contentList  li {
    width: 100%;
}
.prodThumb_box, .marketThumb_box {
    width: 48%;
}
.prodThumb {
    height: auto;
}
.slider_inner { display: none; }
h2{font-size: 28px; line-height: 37px;}
p{line-height: 28px;}
.learn_more {padding: 13px 40px;}
.footer{padding-top: 50px;}
.footer_col{max-width: 100%; flex: 0 0 100%; text-align: center;}    
.footer_col h4{text-align: center;}
.footer_col li{background: none; padding-left: 0;}
.facts_figures .col{max-width: 50%; flex: 0 0 50%;}
.welcome_text, .facts_figures, .company, .market, .molds, .capabilities, .our_location{padding: 50px 0;}
.company p, .market p, .capabilities p, .molds p {font-size: 22px;line-height: 34px;}
h1 {font-size: 30px; margin-bottom: 25px;}
.banner_slide .container {max-width: 80%;}
.navigation, .contacts {padding-top: 0;}
.contacts {margin-right: 40px;}
.navigation_links{display: none;}
.nav_humberger {display: inline-block;position: absolute;right: 15px;top: 17px; z-index: 99;}
.history-image {
    width: 100%;
    float: right;
    margin-right: 0;
}

.history-desc {
    width: 100%;
    padding: 10px;
    float:left;
}

.history-desc-alt {
    width: 100%;
    padding: 10px;
    float:left;
}

.history-desc-alt-2 {
    width: 100%;
    padding: 10px;
    float:left;
}

.history-image-right {
    width: 100%;
    float: right;
    margin-left: 0%;
}

.history-thumb {
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 9px 1px rgba(107,107,107,0.55); 
    box-shadow: 5px 5px 9px 1px rgba(107,107,107,0.55);
}

.history-date {
    width: 100%;
    float: left;
    font-size: 48px;
    color:#2663c5;
}

.history-date-left {
    text-align:right;
    width: 100%;
    float: left;
    font-size: 48px;
    color:#2663c5;
}
}

@media screen and (max-width: 575px) {
.prodThumb_box, .marketThumb_box { width: 100%; margin:1% 0;}
.content-area ul li.capabilities_list, .content-area ul li.capabilities_list_alt { width: 100% }
h2{font-size: 22px; line-height: 30px;}
.facts_figures .col{max-width: 100%; flex: 0 0 100%; margin-top: 30px}
.facts_figures p {font-size: 14px;line-height: 20px;}
.company p, .market p, .capabilities p, .molds p {font-size: 18px;line-height: 30px;}
.slider .learn_more {padding: 13px 10px;}
.header {zoom: 0.8;}
.main-section {padding-top: 70px;}
}

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



.product-img-box {
    width: 18%;
    margin: 1%;
    float: left;  
    overflow:hidden;
    border-radius: 10px;
    text-align: center;
    background-color: #e3e6e4;
    vertical-align: middle;
    position:relative;
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover;
    border: none;
    box-shadow: 5px 5px 9px 1px rgba(107,107,107,0.55);
  }
  
  .product-img-box:hover {
    cursor:pointer;
    opacity: 0.6;
  }
  
  .product-name-box {
    z-index: 100;
    text-align:center;
    font-size: 18px;
    background-color: rgb(80, 79, 79);
    opacity: 0.75;
    top:5px;
    width:100%;
    position: relative;
    display: none;
    color: #fff;
    padding: 10px 0;
  }
  
  .thumb-listing-box {
    width: 48%;
    margin: 25px 0 50px 2%;
    float: left;
  }
  
  .thumb-listing-box .product-img-box {
    width: 31%;
    margin: 1%;
  }
  
  @media screen and (max-width: 950px){
    .product-img-box {
      width: 48%;
    }
    .thumb-listing-box .product-img-box {
      width: 48%;
    }
  }
  
  @media screen and (max-width: 500px){
    .thumb-listing-box {
      width: 100%;
    }
    .product-img-box {
      width: 100%;
    }
    .thumb-listing-box .product-img-box {
      width: 100%;
    }
    .main-img-box {
      display: none;
    }
  }