/**--- Common Declaration ---***/
.img-fluid {
    width: 100%;
    height: auto;
}
*{box-sizing: border-box; margin:0; padding: 0;}
@font-face {
    font-family: 'Micross'; 
    src: url('../fonts/Micross.ttf'); 
}
@font-face {
    font-family: 'SimplonMonoMediumRegular'; 
    src: url('../fonts/Simplon-Mono-Medium-Regular.ttf'); 
}
@font-face {
    font-family: 'SimplonMonoRegular'; 
    src: url('../fonts/Simplon-Mono-Regular.otf'); 
}
body{font-size: 16px; overflow-x: hidden; font-family: 'SimplonMonoRegular' ;}
main.container-fluid{padding:0; margin: 0}
main.container-fluid p{font-size: 14px;}
header{background: url("../images/header.jpg") no-repeat 100% 100%; background-size:cover; height: 380px; color:#ffffff; text-align: center; font-family: 'SimplonMonoRegular'; position: relative;}
header h1{font-size: 1.2rem; position: absolute; top:calc(100% - 90px); left: calc(50% - 0px); transform: translateX(-50%);}


main.container-fluid [class^="section_"] .row [class^="col-md"] {
 padding:10px 5px;
}

main.container-fluid .section_7 .row [class^="col-md"] {
 padding:15px 20px;
}

/*--- section 1 styles ----*/
.section_1{background: #1a1a1a no-repeat; background-size:100% 100%; height: 100%;font-family: 'SimplonMonoRegular';}
.section_1 .row{background: #1a1a1a no-repeat center; height: inherit;}
.section_1 .section1_two{color:#ffffff; margin-top:20px;}
.section_1 .section1_two_wrap{height: 100%; margin: 100px 0px;padding-left: 50px;}
.section_1 .section1_two h2 
.rect_shape{width:35px; height: 35px; background: #FF7012; display: inline-block; vertical-align:bottom;}
.section_1 .section1_two h2{color:#FF7012; font-size: 1.2rem; vertical-align: middle; text-transform: uppercase;}
.section_1 .section1_two h3{font-size:1.3rem;}
.section_1 .section_one{height: 100%;}
.section_1 .section_one> img{height: inherit;}
.section_1 .section_thr{height: 100%;}
.section_1 .section_thr> img{height: inherit;}

/* .section_1 .section1_two{color:#0d0d0d;}
.section_1 .section1_two h1{font-size: 6rem;line-height: 6rem; position: relative; transform: translateY(-20%); text-align: right;} */

/*--- section 2 styles ----*/
.section_2{background: #0a0808; padding-top: 20px; height: 100%;font-family: 'SimplonMonoRegular';}
.section_2 .section2_one .section2_wrap{position: relative; top: 50%; transform: translateY(-50%);}
.section_2 .section2_one{background: url(../images/2.1_1.png);background-size: cover;background-repeat: no-repeat; color:#ffffff; padding: 20px 30px 20px 30px; height: 100%}
.section_2 .section2_one h2{color:#FF7012; font-size: 1.8rem; vertical-align: middle; text-transform: uppercase;}
.section_2 .section2_one h2 > span{display: block; font-size: 1.1rem;}
.section_2 .section2_one h3{font-size:1.2rem;}
.section_2 .section2_two{background: #323232; padding: 12px 0; height: 100%}
.section_2 .section2_thr{height: 100%}
.section_2 .section2_thr > img{height: inherit;}
.section_2 .section2_one .btn{font-size:1.2rem; background-color: #ff7012; border-color:#ff7012; margin:32px auto; border-radius:0; color:#ffffff;padding-left: 20px;
  padding-right: 20px;}


/*--- section 3 styles ----*/
.section_3{background: #0a0808; padding-top: 10px; height: 100%;font-family: 'SimplonMonoRegular';}
.section_3 .section3_one{background: #323232; color:#ffffff; padding: 20px 30px; height: 100%}
.section_3 .section3_one h2{color:#FF7012; font-size: 1.8rem; vertical-align: middle; text-transform: uppercase;}
.section_3 .section3_one h2 > span{display: block; font-size: 1.1rem;}
.section_3 .section3_one h3{font-size:1.2rem;}
.section_3 .section3_two{background: #323232; padding: 12px 0; height: 100%}
.section_3 .section3_thr{height: 100%}
.section_3 .section3_thr > img{height: inherit;}
.section_3 .section3_one .btn{font-size:1.2rem; background-color: #ff7012; border-color:#ff7012; margin:20px auto; border-radius:0; color:#ffffff;padding-left: 20px;
  padding-right: 20px;}


/*--- section 4 styles ----*/
.section_4{background: #0a0808; padding-top: 10px; height: 100%;font-family: 'SimplonMonoRegular'; }
.section_4 .section4_one{background: #323232; color:#ffffff; padding: 10px 30px 10px 80px; height: 100%;}
.section_4 .section4_one .section4_wrap{ position: relative; top: 50%; transform: translateY(-50%);}
.section_4 .section4_one h2{color:#FF7012; font-size: 1.8rem; vertical-align: middle; text-transform: uppercase;}
.section_4 .section4_one h2 > span{display: block; font-size: 1.1rem;}
.section_4 .section4_one h3{font-size:1.2rem;}
.section_4 .section4_two{background: #323232;  height: 100%}
.section_4 .section4_two>img{height: inherit;}
.section_4 .section4_thr{height: 100%}
.section_4 .section4_thr > img{height: inherit;}
.section_4 .section4_one .btn{font-size:1.2rem; background-color: #ff7012; border-color:#ff7012; margin:20px auto; border-radius:0; color:#ffffff;padding-left: 20px;
  padding-right: 20px;}


/*--- section 5 styles ----*/
.section_5{background: #0a0808; padding-top: 10px; height: 100%;font-family: 'SimplonMonoRegular';}
.section_5 .section5_one{background: #323232; color:#ffffff; padding: 10px 30px 10px 80px; height: 100%;}
.section_5 .section5_one .section5_wrap{position: relative; top: 50%; transform: translateY(-50%);}
.section_5 .section5_one h2{color:#FF7012; font-size: 1.8rem; vertical-align: middle; text-transform: uppercase;}
.section_5 .section5_one h2 > span{display: block; font-size: 1.1rem;}
.section_5 .section5_one h3{font-size:1.2rem;}
.section_5 .section5_two{background: #323232; padding: 0px 0; height: 100%}
.section_5 .section5_two>img{height: inherit;}
.section_5 .section5_thr{height: 100%}
.section_5 .section5_thr > img{height: inherit;}
.section_5 .section5_one .btn{font-size:1.2rem; background-color: #ff7012; border-color:#ff7012; margin:20px auto; border-radius:0; color:#ffffff;padding-left: 20px;
  padding-right: 20px;}


/*--- section 6 styles ----*/
.section_6{background: #0a0808; padding-top: 10px; height: 100%; font-family: 'SimplonMonoRegular' ; }
.section_6 .section6_one{background: #323232; color:#ffffff; padding: 20px 30px 20px 80px; height: 100%;}
.section_6 .section6_one .section6_wrap{position: relative; top: 50%; transform: translateY(-50%);}
.section_6 .section6_one h2{color:#FF7012; font-size: 1.8rem; vertical-align: middle; text-transform: uppercase;}
.section_6 .section6_one h2 > span{display: block; font-size: 1.1rem;}
.section_6 .section6_one h3{font-size:1.2rem;}
.section_6 .section6_two{background: #323232; padding: 12px 0px; height: 100%}
.section_6 .section6_thr{height: 100%}
.section_6 .section6_thr > img{height: inherit;}
.section_6 .section6_one .btn{font-size:1.2rem; background-color: #ff7012; border-color:#ff7012; margin:20px auto; border-radius:0; color:#ffffff;padding-left: 20px;
  padding-right: 20px;}

/* --------last section style------------ */
.section_9{background: #0a0808;  padding-top: 10px; height: 100%; font-family: 'SimplonMonoRegular'; }
.section_9 .section9_one{height: 100%;}
.section_9 .section9_one> img{
  height: inherit;
}
.section_9 .section5_one{background-image: url(../images/9.3.png); background-size: cover; color:#ffffff; padding: 10px 80px 10px 80px; height: 100%}
.section_9 .section5_one .section5_wrap{position: relative; top: 50%; transform: translateY(-50%);}
.section_9 .section5_one h3{font-size:2rem; margin-bottom: 30px;}
.section_9 .section5_one .btn{font-size:1.2rem; background-color: #ff7012; border-color:#ff7012; margin:20px auto; margin-top: 50px; margin-bottom: 5px; border-radius:0; color:#ffffff;padding-left: 20px;
  padding-right: 20px;}
/*--- section 7 styles ----*/
.section_7{background: #1a1a1a url("../images/bgpattern2.jpg") no-repeat bottom left; color:#ffffff; padding: 10px 0; height: 100%; font-family: 'SimplonMonoRegular' ; }
.section_7 > .row{margin:30px auto;}
.section_7 h2{margin:30px 20px; font-size:2.2rem;}
.section_7 h3{color:#FF7012; font-size:1.2rem;}
.section_7 img{height:60px; max-width: 100%}
.section_7 p{color:#606060; font-size:0.8rem;}

footer{background: #0a0808 url("../images/bgpattern3.jpg") no-repeat bottom left; font-family: 'SimplonMonoRegular';  padding: 70px 0}
footer h3{color:#FF7012; font-size: 1.2rem; margin: 0 0 20px 0}
footer img{height: 40px; max-width: 100%}
footer .list-inline li{margin:0 20px;}
/** ------- Responsive CSS (Media Queries)---------- **/

/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

header {
  background-size: 100% 100%;
  height: 140px;
}
header h1 {
  font-size: 0.6rem;
  top: calc(100% - 30px);
}
.section_1 .section_one {
  padding: 0px 20px;
}
.section_1 .section_thr {
  padding: 0px 20px;
}
.section_5 .section5_one {
  padding: 20px 40px;
}
.section_4 .section4_one {
  padding: 20px 40px;
}
.section_1 .section1_two h1 {
font-size: 4rem;
line-height: 4rem;
transform: translate(-10%, -20%);
}
.section_1 .section1_two_wrap{ margin: 10px 60px;}
.section_1 .section1_thr{padding: 0px 20px;}
.section_6 .section6_one{background: #323232; color:#ffffff; padding: 20px 30px 20px 40px; height: 100%;}
.section_7 h2 {
  text-align: center; font-size:1.5rem;
}
.section_7 p{color:#606060; font-size:0.8rem; padding: 0px 30px;}
.section_9 .section5_one{background: #0a0808; background-size: cover; color:#ffffff; padding: 10px 30px 10px 40px; height: 100%}
footer .list-inline li {
  margin: 0 6px;
}

main.container-fluid .section_7 .row [class^="col-md"]
{padding:5px 10px;}

.section_5 .section5_thr >img{width:100%;}
.section_4 .section4_thr >img{width:100%;}

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {}

/*// Extra large devices (large desktops)*/
/*// No media query since the extra-large breakpoint has no upper bound on its width