@charset "utf-8";

html {
    scroll-padding-top: 70px;
	scroll-behavior: smooth;
    }

body {
	position: relative;
  	background-color: black;
	overflow-x: hidden;
}

.navbar-collapse {
	background-color: black !important;
	padding: 15px 15px 15px 15px !important;
}

@media (max-width: 359px){
	.navbar-collapse {
		padding: 15px 90px 15px 15px !important;
}}

.nav_container {
    background-color: black;
	max-width: 1920px;
    height: auto;
    padding: 20px 190px 20px 190px;
}

@media (max-width: 1600px){
	.nav_container {
		padding: 20px 70px 20px 70px;
}}

@media (max-width: 1440px){
	.nav_container {
		padding: 20px 60px 20px 60px;
}}

@media (max-width: 576px){
	.nav_container {
		padding: 20px 20px 20px 20px;
}}

@media (max-width: 430px){
	.nav_container {
		padding: 20px 40px 20px 20px;
}}

@media (max-width: 390px){
	.nav_container {
		padding: 20px 20px 20px 10px;
}}

@media (max-width: 359px){
	.nav_container {
		padding: 30px 35px 10px 10px;
}}

@media (max-width: 359px){
	.navbar-brand {
		max-width: 250px !important;
		height: auto !important;
		padding: 0px 0px 0px 0px !important;
		margin-bottom: 20px !important;
}}

.logo {
	display: block;
	padding-left: 15px;
}

@media (max-width: 359px){
	.logo {
		padding-left: 10px;
}}

@media (max-width: 359px){
	.navbar-toggler {
		margin-bottom: 10px;
		margin-left: 0px;
}}

#my_nav.navbar li {
	color: white;
	}

#my_nav.navbar li a {
	color: white;
	}

#my_nav.navbar li a:hover {
	text-decoration: none;
	color: #d6181f;
	font-weight: 700;
}

.my_links {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: .8em;
	letter-spacing: .08em;
}

.active {
    color:#d6181f !important;
	font-weight: 700;
}

.button_mobile {
	background-color: #d6181f;
	border-style: solid;
	border-radius: 5px;
	border-width: 2px;
	border-color: #d6181f;
	margin-left: 10px;
	padding: 0px 0px 0px 0px;
	font-weight: 500;
}

@media (max-width: 1199px){
	.button_mobile {
		margin-left: 0px;
		margin-top: 10px;
		width: 100%;
		height: auto;
}}

.button_mobile a:hover {
	background-color: black;
	border-style: solid;
	border-radius: 5px;
	border-width: 0px;
	border-color: #d6181f;
}

.button_yt {
	background-color: black;
	border-style: solid;
	border-radius: 5px;
	border-width: 2px;
	border-color: #d6181f;
	margin-left: 20px;
	padding: 0px 0px 0px 0px;
	font-weight: 500;
}

@media (max-width: 1199px){
	.button_yt {
		margin-left: 0px;
		margin-top: 20px;
		width: 100%;
		height: auto;
}}

.button_yt a:hover {
	font-weight: 700;
}

h1 {
	font-family: 'Roboto', sans-serif;	
	font-weight: 700;
	font-size: 2.3em;
	letter-spacing: normal;
	line-height: 115%;
	color: white;
	margin-bottom: 20px;
}

h2 {
	font-family: 'Roboto', sans-serif;	
	font-weight: 700;
	font-size: 1.9em;
	letter-spacing: normal;
	line-height: 115%;
	color: white;
	margin-bottom: 20px;
	text-align: center;
}

h3 {
	font-family: 'Roboto', sans-serif;	
	font-weight: 700;
	font-size: 1.3em;
	letter-spacing: normal;
	line-height: 115%;
	color: white;
	margin-bottom: 20px;
}

h4 {
	font-family: 'Roboto', sans-serif;	
	font-weight: 700;
	font-size: 1.5em;
	letter-spacing: normal;
	line-height: 115%;
	color: white;
	margin-bottom: 20px;
}

h5 {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 1.25em;
	letter-spacing: normal;
	line-height: 115%;
	color: white;
}

h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 1.1em;
	letter-spacing: normal;
	line-height: 115%;
	text-align: center;
	color: #454545;
}

a:link {
	text-decoration: none;		
}

p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	letter-spacing: normal;
	line-height: 150%;
	color: white;	
}

p a {
	color: #0693e3;
	text-decoration: none;
}

p a:hover {
	color: #04659e;
	text-decoration: none;
}

@media (max-width: 350px){
	p {
	    font-size: .8em;    	
}}

.no webp .home {      
	display: flex;
	justify-content: center;
	align-items: center;   
	max-width: 1920px;
	height: auto;
	align-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/jsmd-banner-1.jpg);
	background-color: black;
	filter: contrast(100%);
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
	padding: 200px 90px 110px 120px;
}

@media (max-width: 1399px){
	.no webp .home {
	    padding: 200px 70px 110px 70px; 	
}}

@media (max-width: 992px){
	.no webp .home {
		box-shadow: inset 0 0 0 1920px rgba(0, 0, 0, 0.5);  
	    padding: 200px 150px 110px 150px;   	
}}

@media (max-width: 768px){
	.no webp .home {
	    padding: 200px 100px 110px 100px;   	
}}

@media (max-width: 600px){
	.no webp .home {
	    padding: 200px 70px 110px 70px;   	
}}

@media (max-width: 430px){
	.no webp .home {
	    padding: 200px 42px 110px 42px;   	
}}

@media (max-width: 390px){
	.no webp .home {
	    padding: 200px 30px 110px 30px;   	
}}

@media (max-width: 375px){
	.no webp .home {
	    padding: 200px 25px 110px 25px;   	
}}

@media (max-width: 360px){
	.no webp .home {
	    padding: 200px 20px 110px 20px;   	
}}


.webp .home {      
	display: flex;
	justify-content: center;
	align-items: center;   
	max-width: 1920px;
	height: auto;
	align-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/jsmd-banner-1.webp);
	background-color: black;
	filter: contrast(100%);
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
	padding: 200px 90px 110px 120px;
}

@media (max-width: 1399px){
	.webp .home {
	    padding: 200px 70px 110px 70px; 	
}}

@media (max-width: 992px){
	.webp .home {
		box-shadow: inset 0 0 0 1920px rgba(0, 0, 0, 0.5);  
	    padding: 200px 150px 110px 150px;   	
}}

@media (max-width: 768px){
	.webp .home {
	    padding: 200px 100px 110px 100px;   	
}}

@media (max-width: 600px){
	.webp .home {
	    padding: 200px 70px 110px 70px;   	
}}

@media (max-width: 430px){
	.webp .home {
	    padding: 200px 42px 110px 42px;   	
}}

@media (max-width: 390px){
	.webp .home {
	    padding: 200px 30px 110px 30px;   	
}}

@media (max-width: 375px){
	.webp .home {
	    padding: 200px 25px 110px 25px;   	
}}

@media (max-width: 360px){
	.webp .home {
	    padding: 200px 20px 110px 20px;   	
}}

.my_columns {
	background-color: #1f2935;
	padding: 110px 40px 110px 40px;
	max-width: 1920px;
	height: auto;
}

@media (max-width: 1240px){
	.my_columns {
	    padding: 110px 200px 110px 200px;   	
}}

@media (max-width: 1195px){
	.my_columns {
	    padding: 110px 150px 110px 150px;   	
}}

@media (max-width: 790px){
	.my_columns {
	    padding: 110px 50px 110px 50px;   	
}}

@media (max-width: 600px){
	.my_columns {
	    padding: 110px 60px 110px 60px;   	
}}

@media (max-width: 430px){
	.my_columns {
	    padding: 110px 42px 110px 42px;   	
}}

@media (max-width: 390px){
	.my_columns {
	    padding: 110px 30px 110px 30px;   	
}}

@media (max-width: 375px){
	.my_columns {
	    padding: 110px 25px 110px 25px;   	
}}

@media (max-width: 360px){
	.my_columns {
	    padding: 110px 20px 110px 20px;   	
}}

.logos {
	width: 230px;
	height: auto;
	margin-top: 25px;
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
	padding-left: 10px;
	padding-right: 10px;
}

.img-fluid {
	filter: contrast(107%);
	image-rendering: -webkit-optimize-contrast;
	will-change: transform;
}

.no webp .services_s {      
	display: flex;
	justify-content: center;
	align-items: center;   
	max-width: 1920px;
	height: auto;
	align-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/jsmd-banner-2.jpg);
	background-color: black;
	filter: contrast(100%);
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
	padding: 110px 80px 110px 80px;
  }

@media (max-width: 430px){
	.no webp .services_s {
	    padding: 110px 40px 110px 40px;   	
}}

@media (max-width: 390px){
	.no webp .services_s {
	    padding: 110px 30px 110px 30px;   	
}}

.webp .services_s {      
	display: flex;
	justify-content: center;
	align-items: center;   
	max-width: 1920px;
	height: auto;
	align-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/jsmd-banner-2.webp);
	background-color: black;
	filter: contrast(100%);
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
	padding: 110px 80px 110px 80px;
  }

@media (max-width: 430px){
	.webp .services_s {
	    padding: 110px 40px 110px 40px;   	
}}

@media (max-width: 390px){
	.webp .services_s {
	    padding: 110px 30px 110px 30px;   	
}}

.no webp .services_e {      
	display: flex;
	justify-content: center;
	align-items: center;   
	max-width: 1920px;
	height: auto;
	align-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/jsmd-banner-3.jpg);
	background-color: black;
	filter: contrast(100%);
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
	box-shadow: inset 0 0 0 1920px rgba(0, 0, 0, 0.5);
	padding: 110px 80px 110px 80px;
}

@media (max-width: 768px){
	.no webp .services_e {
	    box-shadow: inset 0 0 0 1920px rgba(0, 0, 0, 0.8);   	
}}

@media (max-width: 430px){
	.no webp .services_e {
	    padding: 110px 40px 110px 40px;   	
}}

@media (max-width: 390px){
	.no webp .services_e {
	    padding: 110px 30px 110px 30px;   	
}}

.webp .services_e {      
	display: flex;
	justify-content: center;
	align-items: center;   
	max-width: 1920px;
	height: auto;
	align-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/jsmd-banner-3.webp);
	background-color: black;
	filter: contrast(100%);
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
	box-shadow: inset 0 0 0 1920px rgba(0, 0, 0, 0.5);
	padding: 110px 80px 110px 80px;
}

@media (max-width: 768px){
	.webp .services_e {
	    box-shadow: inset 0 0 0 1920px rgba(0, 0, 0, 0.8);   	
}}

@media (max-width: 430px){
	.webp .services_e {
	    padding: 110px 40px 110px 40px;   	
}}

@media (max-width: 390px){
	.webp .services_e {
	    padding: 110px 30px 110px 30px;   	
}}

.quote {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 250px;
	height: 45px;
	background-color: #d6181f !important;
	border-color: #d6181f !important;
	border-radius: 5px;
	color: white;	
	font-family: 'Roboto', sans-serif;
	font-weight:  500;
	font-size: .9em;
	letter-spacing: .1em;
}

.quote a {
	color: white;
	text-decoration: none;
}

.services_video {         
	max-width: 1440px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #d6181f;
	filter: contrast(103%);
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
	padding: 110px 0px 110px 0px;
  }

  @media (max-width: 992px){
	.services_video  {
	    padding: 110px 80px 110px 80px;   	
}}

@media (max-width: 576px){
	.services_video  {
	    padding: 110px 0px 110px 0px;   	
}}

.video_cnt {
	width: 280px;
	height: 490px;	
	background-color: white;
	margin: 30px 15px 30px 15px;
	padding: 0px 0px 0px 0px;
}

@media (max-width: 1340px){
	.video_cnt  {
	    margin: 10px 10px 10px 10px;   	
}}

@media (max-width: 735px){
	.video_cnt  {
		height: auto;  
		padding: 0px 0px 45px 0px      	
}}

.video_youtube {
	width: 280px;
	height: 157.50px;
	background-color: black;
}

.video_header {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 280px;
	height: 85px;	
	background-color: white;
	font-family: 'Roboto', sans-serif;	
	font-weight: 500;
	font-size: 1.3em;
	letter-spacing: normal;
	line-height: 115%;
	padding: 0px 20px 0px 20px;
}

.video_text {
	width: 280px;
	height: auto;
	background-color: white;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: .85em;
	letter-spacing: normal;
	line-height: 150%;
	text-align: center;
	color: #454545;
	padding: 0px 25px 0px 25px;
	margin-top: 25px;
}

.youtube_icon_cnt {
	width: 55px;
	height: auto;
	margin: 0 auto;
}

.youtube_icon {
	display: block;
	width: 45px;
	height: auto;
	margin: 0 auto;
}

.facilities {
	max-width: 280px;
	height: auto;
	background-color: white;
	border-radius: 5px;
	border-style: solid;
	border-width: 2px;
	border-color: #1f2935;
	margin-top: 25px;
	padding: 0px 0px 0px 0px;
}

.my_columns_f {
	background-color: #1f2935;
	padding: 110px 40px 110px 40px;
	max-width: 1920px;
	height: auto;
}

@media (max-width: 1240px){
	.my_columns_f {
	    padding: 110px 200px 110px 200px;   	
}}

@media (max-width: 1195px){
	.my_columns_f {
	    padding: 110px 150px 110px 150px;   	
}}

@media (max-width: 992px){
	.my_columns_f {
	    padding: 110px 70px 110px 70px;   	
}}

@media (max-width: 768px){
	.my_columns_f {
	    padding: 110px 50px 110px 50px;   	
}}

@media (max-width: 600px){
	.my_columns_f {
	    padding: 110px 65px 110px 65px;   	
}}

@media (max-width: 390px){
	.my_columns_f {
	    padding: 110px 20px 110px 20px;   	
}}

.no webp .production {      
	display: flex;
	justify-content: center;
	align-items: center;   
	max-width: 1920px;
	height: auto;
	align-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/jsmd-banner-4.jpg);
	background-color: black;
	filter: contrast(100%);
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
	padding: 110px 70px 110px 70px;
}

@media (max-width: 992px){
	.no webp .production  {
	    padding: 110px 150px 110px 150px;   	
}}

@media (max-width: 768px){
	.no webp .production  {
	    padding: 110px 100px 110px 100px;   	
}}

@media (max-width: 600px){
	.no webp .production  {
	    padding: 110px 70px 110px 70px;   	
}}

@media (max-width: 430px){
	.no webp .production {
	    padding: 110px 40px 110px 40px;   	
}}

@media (max-width: 390px){
	.no webp .production  {
	    padding: 110px 30px 110px 30px;   	
}}

.webp .production {      
	display: flex;
	justify-content: center;
	align-items: center;   
	max-width: 1920px;
	height: auto;
	align-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/jsmd-banner-4.webp);
	background-color: black;
	filter: contrast(100%);
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
	padding: 110px 70px 110px 70px;
}

@media (max-width: 992px){
	.webp .production  {
	    padding: 110px 150px 110px 150px;   	
}}

@media (max-width: 768px){
	.webp .production  {
	    padding: 110px 100px 110px 100px;   	
}}

@media (max-width: 600px){
	.webp .production  {
	    padding: 110px 70px 110px 70px;   	
}}

@media (max-width: 430px){
	.webp .production {
	    padding: 110px 40px 110px 40px;   	
}}

@media (max-width: 390px){
	.webp .production  {
	    padding: 110px 30px 110px 30px;   	
}}

.production_cnt {
	padding-left: 30px;
}

@media (max-width: 768px){
	.production_cnt  {
	    padding-left: 60px;   	
}}

.production_icon {
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	background-color: none;
	width: 80px;
	height: auto;
}

@media (max-width: 359px){
	.production_icon  {
		width: 70px;
		height: auto;  	
}}

.icons {
	display: block;
	height: 65px;
	width: auto;
	padding: 0px 5px 0px 5px;
}

#footer {
	max-width: 1920px;
	height: 90px;
	background-color: black;
	text-align: center;
	padding-top: 30px;
}

@media (max-width: 767px){
	#footer  {
	    padding-top: 20px;	
}}

.form-control {
    font-family: 'Open Sans', sans-serif !important;
	font-weight:  400 !important;
	font-size: .9em !important;
	letter-spacing: normal !important;
	height: 45px !important;
	color: white !important;	
	background-color: rgba(0, 0, 0, 0.1) !important;
}

#form_message_1 {
	height: auto !important;
	padding-top: 10px !important;
}

#form_message_2 {
	height: auto !important;
	padding-top: 10px !important;
}

input[type="text"]::placeholder {
	color: white !important;
	opacity: 1 !important;
}

input[type="email"]::placeholder {
	color: white !important;
	opacity: 1 !important;
}

input[type="tel"]::placeholder {
	color: white !important;
	opacity: 1 !important;
}

textarea[type="text"]::placeholder {
	color: white !important;
	opacity: 1 !important;
}

.btn-send {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 45px;
	background-color: #d6181f !important;
	border-color: #d6181f !important;
	color: white;	
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: .9em;
	letter-spacing: .1em;
	margin-top: 12px;
}
	
.help-block.with-errors {
    color: white;
    margin-top: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: .75em;
	letter-spacing: normal;
}

.messages {
	font-family: 'Open Sans', sans-serif !important; 
	font-size: .9em !important;
}

@media (max-width: 360px){
	.g-recaptcha  { 
		transform:scale(0.98);
		-webkit-transform:scale(0.98);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
}}

@media (max-width: 358px){
	.g-recaptcha  { 
		transform:scale(0.71);
		-webkit-transform:scale(0.71);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
}}

/* css for whatsapp chatbot */
#whatsapp_chat_widget{
            display: "none";
        }
        .wa-chat-box-content-send-btn-text{
            margin-left: 8px;
            margin-right: 8px;
            z-index: 1;
            color: rgb(255, 255, 255);
        }
        .wa-chat-box-content-send-btn-icon{
            width: 16px;
            height: 16px;
            fill: rgb(255, 255, 255);
            z-index: 1;
            flex: 0 0 16px;
        }
        .wa-chat-box-content-send-btn{
            text-decoration: none;
            color: rgb(255, 255, 255)!important;
            font-size: 15px;
            font-weight: 700;
            line-height: 20px;
            cursor: pointer;
            position: relative;
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
            -webkit-appearance: none;
            padding: 8px 12px;
            border-radius: 10px;
            border-width: initial;
            border-style: none;
            border-color: initial;
            border-image: initial;
            background-color: #4dc247!important;
            margin: 20px;
            overflow: hidden;
        }
        .wa-chat-box-send{
            background-color:white;

        }
        .wa-chat-box-content-chat-brand{
            font-size: 13px;
            font-weight: 700;
            line-height: 18px;
            color: rgba(0, 0, 0, 0.4);
        }
        .wa-chat-box-content-chat-welcome{
            font-size: 14px;
            line-height: 19px;
            margin-top: 4px;
            color: rgb(17, 17, 17);
        }
        .wa-chat-box-content-chat{
            background-color: white;
            display: inline-block;
            margin: 20px;
            padding: 10px;
            border-radius: 10px;
        }
        .wa-chat-box-content{
            background: url('https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png');

        }
        .wa-chat-bubble-close-btn{
            cursor: pointer;
            position: absolute;
            right: 20px;
            top: 20px;
        }
        .wa-chat-box-brand-text{
            margin-left: 20px;
        }
        .wa-chat-box-brand-name{
            font-size: 16px;
            font-weight: 700;
            line-height: 20px;
        }
        .wa-chat-box-brand-subtitle{
            font-size: 13px;
            line-height: 18px;
            margin-top: 4px;
        }

        .wa-chat-box-header{
            height: 100px;
            max-height: 100px;
            min-height: 100px;
            background-color: #0a5f54;
            color: white;
            border-radius: 10px 10px 0px 0px;
            display:flex;
            align-items: center;
        }
        .wa-chat-box-brand{
            margin-left: 20px;
            width: 50px;
            height: 50px;
            border-radius: 25px;
            box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
            background-color: #ffffff;
            padding: 5px;
        }
        .wa-chat-box {
            display: none;
            background-color: white;
            z-index: 16000160 !important;
            margin-bottom: 60px;
            width: 360px;
            position: fixed !important;
            bottom: 50px !important;
            right: 50px;
            border-radius: 10px;
            box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
            font: 400 normal 15px/1.3 -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
        }
        #wa-widget-send-button {
            margin: 0 0 50px 0 !important;
            padding-left: 15px;
            padding-right: 15px;
            position: fixed !important;
            z-index: 16000160 !important;
            bottom: 0 !important;
            text-align: center !important;
            height: 50px;
            min-width: 50px;
            border-radius: 25px;
            visibility: visible;
            transition: none !important;
            background-color: #4dc247;
            box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
            right: 50px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .wa-messenger-svg-whatsapp{
            fill: white;
            width: 41px;
            height: 50px;
            stroke: none;
        }
        .wa-chat-box-poweredby{
            text-align: center;
            font: 400 normal 15px/1.3 -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
            margin-bottom: 15px;
            margin-top: -10px;
            font-style: italic;
            font-size: 12px;
            color: lightgray;
        }
        @media only screen and (max-width: 600px) {
            .wa-chat-box
            {
                width: auto;
                position: fixed !important;
                right: 20px!important;
                left: 20px!important;
            }
        }