/* @import url('http://example.com/example_style.css'); */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/




/* ex. -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;; */


/* ex. -webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);;  */

*{box-sizing: border-box;}
*:focus{outline:none;}
::-moz-focus-inner{border:0;}
body{margin:0px; font-family: 'Montserrat', sans-serif; font-weight:400; color:#3b3b3b; font-size: 16px;  line-height:1.3;}
input{font-family: 'Montserrat', sans-serif;}
ul{margin:0px; padding:0px;}
ul li{list-style:none;}
strong{font-weight:700;}
a{ -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;; text-decoration:none; color:#3b3b3b;}
a:hover, a:focus{text-decoration:none; }

::-webkit-input-placeholder{opacity:1;}
::-moz-placeholder{opacity:1;}
:-ms-input-placeholder{opacity:1;}
:-moz-placeholder{opacity:1;}

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="file"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
{font-family: 'Montserrat', sans-serif; border-radius:0; border:1px solid #000 ; padding:10px; margin:0 0 15px 0; font-size:16px; font-weight:400; width: 100%; background-color:#fff; }
fieldset.form-columns-1 textarea.hs-input, fieldset.form-columns-1 select.hs-input fieldset.form-columns-1 input[type="text"].hs-input,  fieldset.form-columns-1 input[type="password"].hs-input,  fieldset.form-columns-1 input[type="datetime"].hs-input,  fieldset.form-columns-1 input[type="datetime-local"].hs-input, fieldset.form-columns-1 input[type="date"].hs-input, fieldset.form-columns-1 input[type="file"].hs-input, fieldset.form-columns-1 input[type="month"].hs-input, fieldset.form-columns-1 input[type="time"].hs-input, fieldset.form-columns-1 input[type="week"].hs-input, fieldset.form-columns-1 input[type="number"].hs-input, fieldset.form-columns-1 input[type="email"].hs-input, fieldset.form-columns-1 input[type="url"].hs-input, fieldset.form-columns-1 input[type="search"].hs-input, fieldset.form-columns-1 input[type="tel"].hs-input, fieldset.form-columns-1 input[type="color"].hs-input{width:100%;}
.hs-form fieldset.form-columns-1 textarea.hs-input, .hs-form fieldset textarea.hs-input, .hs-form fieldset input[type="number"].hs-input{width:100%;}
input[type="radio"], input[type="checkbox"]{margin-right: 10px;}
input[type="file"]{background-color:#fff; color:#000;}
.inputs-list{margin:0 0 15px;}
input[type="submit"]{font-family: 'Montserrat', sans-serif; color:#fff; cursor:pointer; -webkit-appearance: none; border-radius:0px; width:100%; border:none; box-sizing:border-box; background-color:#3b3b3b; padding:12px 10px; font-weight:700; font-size:18px; display: inline-block; text-align: center; -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;;}
input[type="submit"]::-moz-focus-inner{border: 0;}
input[type="submit"]:hover{background-color:#fb3a00;}
fieldset .hs-form-field > label span.hs-form-required{display:none;}
fieldset .hs-form-field > label span:not(:empty) + span.hs-form-required{display:inherit;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{margin-top:0px; font-weight:700; color:#3b3b3b; margin-bottom:10px;}
h1 { font-size: 2.85rem; }
h2 { font-size: 2.2rem; }
h3 { font-size: 1.8rem }
h4 { font-size: 1.33rem; }

.row-fluid [class*="span"].no-height{min-height: auto;}
.container, .row-fluid .container[class*="span"]{margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; float:none; box-sizing: border-box;}
.container:after, .row-fluid .container[class*="span"]:after{clear:both; content: ""; display:table;}
.row{margin-right:-15px; margin-left:-15px;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.padding-topbottom{padding-top:60px; padding-bottom:60px;}
.row-fluid [class*="span"]{min-height:auto;}
.hs-error-msgs label{display:block; font-size:13px; transform:translate(2px, -11px); -webkit-transform:translate(2px, -11px); -moz-transform:translate(2px, -11px);}
.bg-img img{display:none;}
.bg-wrapper{background-repeat:no-repeat; background-position:center; background-size:cover;}
body .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{max-width: none; white-space: inherit; overflow: visible;}

/* Default Form Code */
.default-form .hs-form .hs-form-field > label span.hs-form-required{display:none;}
.default-form .hs-form .hs-form-field > label span:not(:empty) + span.hs-form-required{display:inherit;}
.default-form .hs-form .hs-form-field .input{margin:0;}
.default-form .hs-form fieldset.form-columns-2{margin:0 -6px;}
.default-form .hs-form fieldset.form-columns-2 .hs-form-field{width:calc(50% - 12px); margin:0 6px;}
.default-form .hs-form fieldset.form-columns-3{margin:0 -6px;}
.default-form .hs-form fieldset.form-columns-3 .hs-form-field{width:calc(33.33% - 12px); margin:0 6px;}
@media (max-width:767px){
  .default-form .hs-form fieldset.form-columns-2, .default-form .hs-form fieldset.form-columns-3{margin:0;}
  .default-form .hs-form fieldset.form-columns-2 .hs-form-field, .default-form .hs-form fieldset.form-columns-3 .hs-form-field{width:100%; margin:0;}
  .default-form .hs-form fieldset .input .hs-input, .default-form .hs-form fieldset.form-columns-2 .input .hs-input, .default-form .hs-form fieldset.form-columns-3 .input .hs-input{width:100%;}
}

/* Slick css */
.slick-slider .slick-arrow{background:none; border:none; z-index:9; position:absolute; top:45%; left:0; width:50px; height: 50px; font-size:0px; color:#fff; -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;; cursor:pointer;}
.slick-slider .slick-arrow:hover{transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.slick-slider .slick-arrow.slick-prev:after{content:'\f104'; font-size:60px; line-height:30px; font-family: FontAwesome;}
.slick-slider .slick-arrow.slick-next:after{content:'\f105'; font-size:60px; line-height:30px; font-family: FontAwesome;}
.slick-slider .slick-arrow.slick-next{left:auto; right:0;}
.slick-slider .slick-dots{position:absolute; left:0; right:0; bottom:20px; text-align:center;}
.slick-slider .slick-dots li{display:inline-block; margin:0 5px;}
.slick-slider .slick-dots li button{width:6px; height:6px; border-radius:100%; background-color:#fff; border:none; padding:0; text-indent:-9999px; cursor:pointer; opacity:.5; -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;;} 
.slick-slider .slick-dots li.slick-active button{opacity:1;}


/* CSS start from here */

.header-wrap { display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; }
.header-main-wrap { background-color: #3b3b3b; padding: 20px 0px; }
.header-btn-wrap a { color: #fff; background-color: #fb3a00; text-align: center; padding: 9px 35px; border: 1px solid; display: inline-block; border-radius: 5px; text-transform: uppercase; font-weight: 600; }
.header-btn-wrap a:hover { background-color: #fff; color: #fb3a00; border: 1px solid #fff; }
.header-logo { max-width: 230px; }
.hero-main-wrap { position: relative; padding: 50px 0px; }
.hero-main-wrap:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #3b3b3b; opacity: 0.5; }
.hero-wrap { position: relative; z-index: 2; display: flex; align-items: center; flex-flow: wrap; }
.hero-left { width: 60%; padding-right:10px; }
.hero-right { width: 40%; text-align: right; }
.hero-left h6 {color: #ffffff;font-size: 18px;margin-bottom: 6px;text-transform: uppercase;max-width: 500px;}
.hero-left h1 {color: #fff;max-width: 500px;}
.hero-content {color: #fff;font-size: 21px;margin-top: 15px;max-width: 450px;}
.hero-left h6:after {content: '';width: 50px;display: block;height: 2px;background-color: #ed5556;margin-top: 5px;border-radius: 100px;border: 0;outline: none;}

/* .newsletter { background-color:#e94e1b;} */
.newsletter-content { text-align: center;}
.news {text-align: center;max-width: 480px; margin: 0px auto; padding: 35px 30px; box-shadow: 0 0 5px rgb(215 215 215); border-radius: 15px; }
.newsletter .default-form label {margin-bottom: 10px;display: inline-block;font-weight: 500;width: 100%;text-align: left;}
.newsletter .default-form {margin-top: 25px;}
.newsletter {padding: 50px 0px;}

.about-detail > div { width: 50%; padding: 15px; }
.about-detail { display: flex; flex-flow: wrap; align-items: center; justify-content: center; margin-left: -15px; margin-right: -15px; }
.compny-video img { vertical-align: top; }
.about-us { padding: 30px 0px 50px; border-bottom: 1px solid #dfdfdf; }
.about-content {display: inline-block;width: 100%;}

.footer-social-wrap { background-color: #fb3a00; padding: 16px 0px; }
.footer-social ul li { display: inline-block; }
.footer-social ul li .hs_cos_wrapper { display: inline-block; position: relative; height: 34px; width: 34px; vertical-align: top; border: 1px solid #fff; }
.footer-social ul li svg { width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.footer-social ul li a { display: inline-block; vertical-align: top; }
.footer-social ul li svg path { fill: #fff; }

.footer-social { display: flex; align-items: center; justify-content: center; }
.footer-social label { color: #fff; font-weight: 500; margin-right: 10px; font-size: 18px; }

.copy-right-main-wrap { background-color: #3b3b3b; text-align: center; padding: 15px; }
.copy-right { font-size: 15px; color: #fff; }
.compny-video img {min-height: 330px;object-fit: cover;}

/* CSS end  here */

@media (min-width:768px) { .container, .row-fluid .container[class*="span"]{width:750px;} }
@media (min-width:992px) { .container, .row-fluid .container[class*="span"]{width:970px;} }
@media (min-width:1200px) { .container, .row-fluid .container[class*="span"]{width:1170px;} }
@media (min-width:1430px) { .container, .row-fluid .container[class*="span"]{width:1400px;} }
@media (min-width:1630px) { .container, .row-fluid .container[class*="span"]{width:1600px;} }

@media (min-width:768px) {/*hover event for desktops*/

}

@media (max-width:1619px){}
@media (max-width:1429px){}
@media (max-width:1199px){}
@media (max-width:991px){
  .compny-video img {min-height: 290px;}
  h1 {font-size: 2.45rem;}
  .hero-main-wrap { padding:30px 0px; }
  .about-us {padding: 30px 0px 40px;}
}
@media (max-width:767px){
  .hero-left { width: 100%; }
  .hero-right { width: 100%; margin-top: 30px; text-align: left; }
  h1 { font-size: 1.95rem;     line-height: normal; }
  .hero-content { font-size: 18px; }
  .about-detail > div { width: 100%; }
  .about-us { padding: 0px; }
  .about-content p:first-child { margin-top: 4px; }
  .newsletter { padding: 20px 0px 30px; }
  .news {padding: 30px 22px;}
  .header-wrap { justify-content: space-between; }
  .header-logo { max-width: 134px; }
  .header-btn-wrap a { padding: 7px 16px; font-size: 13px; }
  .hero-left h6 { margin-bottom:10px; }
  .about-detail .about-video {padding-top: 0px;}
  h2 { font-size: 1.8rem; }

}