/*forms */

.white-popup  { background-color:#0c192d; 	}	
		

.hs-form 	{	font-size:14px; background-color:#0c192d; color:#fefeff;	}		

.legal-consent-container {	font-size:12px;	}
	
.hs-form input , select {  padding: 6px;
 font-family: "Montserrat", sans-serif;

  border: 1px solid #1d2c3b;
 background-color:#1d2c3b;
 color: #46699a;

 }
 
 .hs-input {
color: #46699a;
border-radius: 3px;
width:100%;
} 
 
 
 .hs-form input:focus , select:focus {
  border: 1px solid #1d2c3b;
  background-color:#1d2c3b;

  
 }
 
	
.hs-form select {  
		color: #46699a;
		background-color:#1d2c3b;
}
	
	
.hs-form label {
     color: #46699a;
     font-weight: bold;
	

}
	
	
 .hs-form-field {  color:#46699a; padding-top:14px;   }
	

	
	
.hs-button  {

background-color:#4a5da7!important;
  border: none;
  color: #ffffff!important;
  padding: 14px 22px!important;
  text-align: center;
  text-decoration: none;
  display: block;
  border-radius: 8px;
  font-weight: 500;
    margin-top:10px;
	float: right;

}	
	
.hs-form a { 
		color: #466ca9!important; 
		}	
	

	
/* All HubSpot Forms
   ========================================================================== */

/* Form Field (selector for form field wrapper) */
.hs-form .hs-form-field {   }

/* Descriptions (targets class applied to Help Text divs) */
.hs-form .hs-field-desc {}

/* Labels (selects field labels and error messages) */
.hs-form label {  }
.hs-form .hs-form-field > label {}

/* Inputs (selectors for all inputs)  */
.hs-form input[type="text"],
.hs-form input[type="password"], 
.hs-form input[type="datetime"], 
.hs-form input[type="datetime-local"], 
.hs-form input[type="date"], 
.hs-form input[type="month"], 
.hs-form input[type="time"], 
.hs-form input[type="week"], 
.hs-form input[type="number"], 
.hs-form input[type="email"], 
.hs-form input[type="url"], 
.hs-form input[type="search"], 
.hs-form input[type="tel"], 
.hs-form input[type="color"],
.hs-form input[type="file"],
.hs-form textarea,
.hs-form select { }

/* Inputs in focus (selectors for all inputs when clicked)  */
.hs-form input[type="text"]:focus,
.hs-form input[type="password"]:focus, 
.hs-form input[type="datetime"]:focus, 
.hs-form input[type="datetime-local"]:focus, 
.hs-form input[type="date"]:focus, 
.hs-form input[type="month"]:focus, 
.hs-form input[type="time"]:focus, 
.hs-form input[type="week"]:focus, 
.hs-form input[type="number"]:focus, 
.hs-form input[type="email"]:focus, 
.hs-form input[type="url"]:focus, 
.hs-form input[type="search"]:focus, 
.hs-form input[type="tel"]:focus, 
.hs-form input[type="color"]:focus,
.hs-form input[type="file"]:focus,
.hs-form textarea:focus,
.hs-form select:focus {



}

/* Multi-line inputs (selectors to target multi-line fields */
.hs-form textarea {}
.hs-form textarea:focus {}

/* Dropdowns (selectors for dropdowns) */
.hs-form select {}
.hs-form select:focus {}

/* Multi-select (selectors for multi-select fields) */
.hs-form form.hs-form .hs-form-field ul.inputs-list {}

.hs-form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs-form input[type="radio"] {}
.hs-form input[type="checkbox"] {}

/* Required (selectors for fields, when they do not pass validation) */
.hs-form input:focus:required:invalid, 
.hs-form textarea:focus:required:invalid, 
.hs-form select:focus:required:invalid {  }

.hs-form input:focus:required:invalid:focus, 
.hs-form textarea:focus:required:invalid:focus, 
.hs-form select:focus:required:invalid:focus {}

/* Error message (selector for validation messages) */
.hs-form .hs-error-msgs label{ font-weight:normal;}

/* Placeholder Text (styles the placeholder attribute text) */
::-webkit-input-placeholder { color: #46699a; /* Webkit Browsers */}
:-moz-placeholder { color: #46699a; /* Firefox 18- */}
::-moz-placeholder { color: #46699a; /* Firefox 19+ */}
:-ms-input-placeholder { color: #46699a; /* IE10 */}

/* Multi Column Form (selectors for fieldsets and field wrappers) 
   ========================================================================== */

.hs-form .hs-form fieldset.form-columns-1 {}
.hs-form .hs-form fieldset.form-columns-1 .hs-form-field {}

.hs-form .hs-form fieldset.form-columns-2 {}
.hs-form .hs-form fieldset.form-columns-2 .hs-form-field {}

.hs-form .hs-form fieldset.form-columns-3 {}
.hs-form .hs-form fieldset.form-columns-3 .hs-form-field {}	
	
	
.legal-consent-container {padding:10px;}
	
	
/* form end */



html {
  font-family: "Montserrat", sans-serif;
  padding:0;
  margin:0;
}


body {

margin: 0;
padding:0;
 background-color: transparent;

}



.maindiv  {
position: relative;
margin:0;
margin-left: auto;
margin-right: auto;

font-family: Montserrat;
font-size: 16px;
font-style: normal;

letter-spacing: 0em;

color: #ffffff;

padding:18px;


/* background: radial-gradient(#04254d, #00070f); */
	
background: radial-gradient(rgba(4, 37, 77, 0.70) 0%, rgba(0, 7, 15, 1.0) 100%);
backdrop-filter: blur(7px);
	
	
}


.main_form_title {
font-size:28px;font-weight:300;
}

.main_form_info {
font-size:14px;  font-weight:300;
}

.main_form_info2 {
font-size:16px;margin-top:8px; font-weight:500;
}

.main_form_div {

 background-color:#142846;
 
}

.main_form_div1 {

 background: rgba(21, 37, 62, 0.6); 
}



.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    left: -8px;
}




.close_bt {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; 
  
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;

  
  width: 32px;
  height: 32px;

  position: absolute;
  right: 4px;
  top: 4px;

  }

	
	
	
.leftdiv {
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 5px;
  border: 8px solid #373e46;
  padding: 0px;
  
  
}
	
	
	
* {
  box-sizing: border-box;
}

.row {
  display: flex;
}

/* Create three equal columns that sits next to each other */
.column {
  flex: 50%;
  padding: 0px;
}



html {
/*overflow: hidden; */
}
	
	
	
.close_bt {
transform: scale(0.9);
}
	
	
	
	
.img_br3 {
  width: 66px;
  height: auto;
 display: block;
 margin: 0;
 }
 
 
 .div_br3 {

position: absolute;
left: 2px;
bottom: 4px;
padding:8px;
 }
 
  .div_br32 {

position: absolute;
left: 75px;
bottom: 4px;
padding:8px;
 }
 
 

  .div_br33 {

position: absolute;
left: 160px;
bottom: 4px;
padding:8px;
 }
 


 
 
  .br_text {
  font-size:10px;
  font-weight:normal;
 padding-bottom: 4px;
 position:relative;
 top:0px;
 left:2px;
  }
  
  
 
.img_br4 {
  width: 21px;
  height: auto;
 display: block;
 margin: 0;
 position:absolute;
 top:66px;
 left:16px;
 }
 
 .img_br5 {
  width: 21px;
  height: auto;
 display: block;
 margin: 0;
 position:absolute;
 top:66px;
 left:46px;
 }
 
 

 	
	
.sm_div {
position: absolute;
width: 180px;
height: 26px;
right: 20px;
bottom: 0px;
padding:5px;
background: #16C6F7;
border-radius: 10px 10px 0px 0px;

}
	
	
.sm_div p { 

font-family: Montserrat;
font-style: normal;
font-weight: 800;
font-size: 11px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}
	
	
.title_div {
margin-bottom: 20px;
}
	
.title_div h1 {
font-size: 14px;
line-height: 16px;
}

.title_div p {
font-size: 12px;
line-height: 13px;
}


.white-popup {
  position: relative;
  padding: 30px;
  padding-bottom: 90px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}



/* responsive 230321 */



.maindiv  {
width:100%;
max-width:1200px;
/*max-height:550px; */
}

.model_iframe  {
 width:100%;
 height: 80vh;

}


#exampleModal .modal-content {
  border-width: 0px;
  background-color: #08294a;
}

#exampleModal .modal-header {
  border-bottom: 0px;
  background-color: #08294a;
}

#exampleModal .close {
  color: white !important;
  padding: 0 !important;
  margin: 0;
  float: none;
}

#exampleModal .modal-body {
  padding-top: 0;
  padding-bottom: 0;
  color: white;
}

#exampleModal .modal-body .content {
  color: #08294a;
  background-color: white;
}

#exampleModal .modal-footer {
  border-top: none !important;
  padding: 0.375rem;
}

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgb(51,51,51);
  text-align: center;
  z-index: 99999;
  padding-top: 10px;
}

footer ul li {
  display: inline-block;
  padding: 1px 10px;
  border-right: #fefeff 2px solid;
  color: white;
}

footer ul li a {
  color: white !important;
}

footer ul li a, footer ul li a:hover {
  cursor: pointer;
  text-decoration: none !important;
}

footer ul li a:hover {
  color: rgb(176,176,176) !important;
}

 
 @media only screen and (min-width: 1px) and  (max-width: 414px) {


  .div_br32 {
left: 40px;
 }
 
  .div_br33 {
left: 130px;
 }


.hs-form 	{	font-size:13px;  }


.main_form_title {
font-size:21px;
}

.main_form_info {
font-size:12px;  
}

.main_form_info2 {
font-size:13px;
}

.main_form_div {
min-width:250px;
 margin: 0 auto;  
 width: 72%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  
 padding:10px 40px 10px 40px; 

}

.main_form_div1 {
 min-width:250px; 
 width: 99%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  

}






 
.title_div h1 {
font-size: 7px;
line-height: 8px;
}

.title_div p {
font-size: 5px;
line-height: 6px;
}





 .close_bt {
transform: scale(0.4);
}


 .video_div {
margin-left:10px;
width: 112px; 
height:62px;
 }

  .video_div_img {
width: 112px; 
height:49px;
 }
 
 
  .ab_div {
margin-left:10px;
width: 112px; 
height:76px;
 }
 
 
 .splide__pagination__page {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin: 2px;
}
 
 .splide__arrow svg {
    width: 1em;
    height: 1em;
 	
}
 
 .splide__arrow--prev {
    left: -22px;
}
 
 .splide__arrow--next {
    right: -22px;
}
 
 

  .div_br3 , .div_br32 , .div_br33 {
transform: scale(0.5);
transform-origin: left bottom;
}
 
  .sm_div {
transform: scale(0.5);
transform-origin: right bottom;
}
 
 
 .contenedor-menu {
    width: 99px;
	margin: 3px;
	line-height: 9px;
}
 
 
 .contenedor-menu .menu li a {
padding: 2px 3px;
font-size: 8px;
line-height: 9px;

}
 
 
 .contenedor-menu .menu i.fa { 
	font-size: 8px; 
	line-height: 9px; 
}

.contenedor-menu .menu ul li a {
	font-size: 8px; 
	padding-left: 9px; 
}
 
 
 .contenedor-menu .menu i.fa {
    font-size: 8px;
    line-height: 9px;
    margin-left: 4px;
 }
 
 
 
 
}
 
 

@media only screen and (min-width: 415px) and  (max-width: 601px) {


  .div_br32 {
left: 40px;
 }
 
  .div_br33 {
left: 130px;
 }


.hs-form 	{	font-size:13px;  }


.main_form_title {
font-size:19px;
}

.main_form_info {
font-size:12px;  
}

.main_form_info2 {
font-size:13px;
}

.main_form_div {
min-width:300px;
 margin: 0 auto;  
 width: 72%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  
 padding:10px 40px 10px 40px; 

}

.main_form_div1 {
 min-width:300px; 
 width: 96%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  

}







 
.title_div h1 {
font-size: 8px;
line-height: 9px;
}

.title_div p {
font-size: 7px;
line-height: 8px;
}





 .close_bt {
transform: scale(0.7);
}


 .video_div {
margin-left:10px;
width: 112px; 
height:62px;
 }

  .video_div_img {
width: 112px; 
height:49px;
 }
 
 
  .ab_div {
margin-left:10px;
width: 112px; 
height:76px;
 }
 
 
 .splide__pagination__page {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin: 2px;
}
 
 .splide__arrow svg {
    width: 1em;
    height: 1em;
 	
}
 
 .splide__arrow--prev {
    left: -22px;
}
 
 .splide__arrow--next {
    right: -22px;
}
 
 

  .div_br3 , .div_br32 , .div_br33 {
transform: scale(0.5);
transform-origin: left bottom;
}
 
  .sm_div {
transform: scale(0.5);
transform-origin: right bottom;
}
 
 
 .contenedor-menu {
    width: 99px;
	margin: 3px;
	line-height: 9px;
}
 
 
 .contenedor-menu .menu li a {
padding: 2px 3px;
font-size: 8px;
line-height: 9px;

}
 
 
 .contenedor-menu .menu i.fa { 
	font-size: 8px; 
	line-height: 9px; 
}

.contenedor-menu .menu ul li a {
	font-size: 8px; 
	padding-left: 9px; 
}
 
 
 .contenedor-menu .menu i.fa {
    font-size: 8px;
    line-height: 9px;
    margin-left: 4px;
 }
 
 
 
 
}








 
 
   
@media only screen and (min-width: 602px) and  (max-width: 768px) {


  .div_br32 {
left: 48px;
 }
 
  .div_br33 {
left: 138px;
 }


 
 
.hs-form 	{	font-size:13px;  }


.main_form_title {
font-size:20px;
}

.main_form_info {
font-size:12px;  
}

.main_form_info2 {
font-size:13px;
}

.main_form_div {
min-width:300px;
 margin: 0 auto;  
 width: 72%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  
 padding:10px 40px 10px 40px; 

}

.main_form_div1 {
 min-width:300px; 
 width: 88%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  

}






 
.title_div h1 {
font-size: 11px;
line-height: 12px;
}

.title_div p {
font-size: 9px;
line-height: 10px;
}





 .close_bt {
transform: scale(0.7);
}


 .video_div {
margin-left:16px;
width: 142px; 
height:80px;
 }

  .video_div_img {
width: 142px; 
height:67px;
 }
 
 
  .ab_div {
margin-left:16px;
width: 142px; 
height:92px;
 }
 
 
 
 

  .div_br3 , .div_br32 , .div_br33 {
transform: scale(0.6);
transform-origin: left bottom;
}
 
  .sm_div {
transform: scale(0.6);
transform-origin: right bottom;
}
 
 
 .contenedor-menu {
    width: 130px;
	margin: 3px;
	line-height: 12px;
}
 
 
 .contenedor-menu .menu li a {
padding: 2px 3px;
font-size: 10px;
line-height: 12px;

}
 
 
 .contenedor-menu .menu i.fa { 
	font-size: 10px; 
	line-height: 12px; 
}

.contenedor-menu .menu ul li a {
	font-size: 11px; 
	padding-left: 13px; 
}
 
 
 
 
 
 
 
 
}
	
	
	
@media only screen and (min-width: 769px) and  (max-width: 962px) {

  .div_br32 {
left: 60px;
 }
 
  .div_br33 {
left: 150px;
 }




.hs-form 	{	font-size:13px;  }


.main_form_title {
font-size:23px;
}

.main_form_info {
font-size:12px;  
}

.main_form_info2 {
font-size:13px;
}

.main_form_div {
min-width:360px;
 margin: 0 auto;  
 width: 82%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  
 padding:10px 40px 10px 40px; 

}

.main_form_div1 {
 min-width:340px; 
 width: 80%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  

}






 
.title_div h1 {
font-size: 13px;
line-height: 15px;
}

.title_div p {
font-size: 10px;
line-height: 11px;
}





 .close_bt {
transform: scale(0.7);
}


 .video_div {
margin-left:30px;
width: 162px; 
height:104px;
 }

  .video_div_img {
width: 162px; 
height:90px;
 }
 
 
  .ab_div {
margin-left:30px;
width: 164px; 
height:106px;
 }
 
 

  .div_br3 , .div_br32 , .div_br33 {
transform: scale(0.8);
transform-origin: left bottom;
}
 
  .sm_div {
transform: scale(0.8);
transform-origin: right bottom;
}
 
 
 .contenedor-menu {
    width: 160px;
	margin: 3px;
	line-height: 12px;
}
 
 
 .contenedor-menu .menu li a {
padding: 4px 6px;
font-size: 12px;
line-height: 13px;

}
 
 
 .contenedor-menu .menu i.fa { 
	font-size: 12px; 
	line-height: 12px; 
}

.contenedor-menu .menu ul li a {
	font-size: 12px; 
	padding-left: 10px; 
}
 
 
 
 
 
 
 
 
}	
	
	
	
	
	
	
	
	
@media only screen and (min-width: 963px) and (max-width: 1024px) {

  .div_br32 {
left: 62px;
 }
 
  .div_br33 {
left: 147px;
 }




.hs-form 	{	font-size:13px;  }


.main_form_title {
font-size:25px;
}

.main_form_info {
font-size:13px;  
}

.main_form_info2 {
font-size:14px;
}

.main_form_div {
min-width:360px;
 margin: 0 auto;  
 width: 78%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  
 padding:10px 50px 10px 50px; 

}

.main_form_div1 {
 min-width:400px; 
 width: 70%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  

}






.title_div h1 {
font-size: 14px;
line-height: 16px;
}

.title_div p {
font-size: 11px;
line-height: 12px;
}




 .close_bt {
transform: scale(0.7);
}


 .video_div {
margin-left:30px;
width: 230px; 
height:126px;
 }

  .video_div_img {
width: 230px; 
height:110px;
 }
 
 
  .ab_div {
margin-left:30px;
width: 231px; 
height:148px;
 }
 
 

  .div_br3 , .div_br32 , .div_br33 {
transform: scale(0.8);
transform-origin: left bottom;
}
 
  .sm_div {
transform: scale(0.8);
transform-origin: right bottom;
}
 
 
 .contenedor-menu {
    width: 180px;
	margin: 3px;
	line-height: 15px;
}
 
 
 .contenedor-menu .menu li a {
padding: 6px 7px;
font-size: 13px;
line-height: 14px;

}
 
  .contenedor-menu .menu i.fa { 
	font-size: 13px; 
	line-height: 13px; 
}

.contenedor-menu .menu ul li a {
	font-size: 13px; 
	padding-left: 10px; 
}
 

}



/* my res */

@media only screen and (min-width: 1025px) and (max-width: 1279px) {

   .div_br32 {
left: 64px;
 }
 
  .div_br33 {
left: 150px;
 }




.hs-form 	{	font-size:13px;  }


.main_form_title {
font-size:26px;
}

.main_form_info {
font-size:13px;  
}

.main_form_info2 {
font-size:14px;
}

.main_form_div {
min-width:360px;
 margin: 0 auto;  
 width: 78%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  
 padding:10px 60px 10px 60px; 

}

.main_form_div1 {
 min-width:400px; 
 width: 70%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  

}


.model_iframe  {
 width:500px;
 height: 80vh;

}





.title_div h1 {
font-size: 15px;
line-height: 16px;
}

.title_div p {
font-size: 12px;
line-height: 13px;
}





 .close_bt {
transform: scale(0.7);
}


 .video_div {
margin-left:40px;
width: 230px; 
height:126px;
 }

  .video_div_img {
width: 230px; 
height:110px;
 }
 
 
  .ab_div {
margin-left:40px;
width: 231px; 
height:148px;
 }
 
 

  .div_br3 , .div_br32 , .div_br33 {
transform: scale(0.9);
transform-origin: left bottom;
}
 
  .sm_div {
transform: scale(0.9);
transform-origin: right bottom;
}
 
 
 .contenedor-menu {
    width: 180px;
	margin: 3px;
	line-height: 15px;
}
 
 
 .contenedor-menu .menu li a {
padding: 6px 7px;
font-size: 13px;
line-height: 14px;

}
 
  .contenedor-menu .menu i.fa { 
	font-size: 13px; 
	line-height: 13px; 
}

.contenedor-menu .menu ul li a {
	font-size: 13px; 
	padding-left: 10px; 
}
 
  
 
}





@media only screen and (min-width: 1280px)  {

   .div_br32 {
left: 62px;
 }
 
  .div_br33 {
left: 147px;
 }



.hs-form 	{	font-size:13px;  }


.main_form_title {
font-size:29px;
}

.main_form_info {
font-size:13px;  
}

.main_form_info2 {
font-size:14px;
}

.main_form_div {
min-width:360px;
 margin: 0 auto;  
 width: 72%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  
 padding:10px 60px 10px 60px; 
}

.main_form_div1 {
 min-width:400px; 
 width: 70%; 
 /*min-height: 100vh; 
 max-height: 120vh;
 */
 min-height: 100vh; 
  height: 100%;  

}


.maindiv  {
width:100%;
max-width:1300px;
/*max-height:550px; */
}



.model_iframe  {
 width:600px;
 height: 80vh;

}





.title_div h1 {
font-size: 16px;
line-height: 17px;
}

.title_div p {
font-size: 12px;
line-height: 14px;
}





 .close_bt {
transform: scale(0.8);
}


 .video_div {
margin-left:50px;
width: 230px; 
height:126px;
 }

  .video_div_img {
width: 230px; 
height:110px;
 }
 
 
  .ab_div {
margin-left:50px;
width: 231px; 
height:148px;
 }
 
 

  .div_br3 , .div_br32 , .div_br33 {
transform: scale(0.9);
transform-origin: left bottom;
}
 
  .sm_div {
transform: scale(0.9);
transform-origin: right bottom;
}
 
 
 .contenedor-menu {
    width: 190px;
	margin: 3px;
	line-height: 15px;
}
 
 
 .contenedor-menu .menu li a {
padding: 6px 7px;
font-size: 13px;
line-height: 14px;

}
 
  .contenedor-menu .menu i.fa { 
	font-size: 13px; 
	line-height: 13px; 
}

.contenedor-menu .menu ul li a {
	font-size: 13px; 
	padding-left: 10px; 
}
 

  

}








/* responsive end */