@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@100;200;300;400;500;600;700;800;900&display=swap');

body{font-family: 'Be Vietnam Pro', sans-serif !important;}
h1,h2,h3,h4,h5,h6{font-family: 'Barlow Condensed', sans-serif;}
a{font-family: 'Be Vietnam Pro', sans-serif; }
span{font-family: 'Be Vietnam Pro', sans-serif; }

.bdy-bg{background: url(../images/contact-bg.jpg) no-repeat top; background-size: cover;}

/* menu */
.header-transparent #Top_bar.is-sticky .menu_wrapper .menu>li.current-menu-item>a{color:rgba(255,255,255,0.4);}
.header-transparent.ab-hide #Top_bar{padding: 0px 0; /*background-color: rgba(8, 92, 171,0.9);*/ top: 20px;}
.logo-overflow #Top_bar .logo-tp{position: relative;}
.logo-overflow #Top_bar #logo img{ max-height: 100px;}
.logo-overflow #Top_bar.is-sticky #logo img:not(.svg){max-height:45px !important;}
.sticky-tb-color #Top_bar.is-sticky{background-color: rgba(0,0,0,0.8);}
#Top_bar .menu>li>a{color: #fff; }
#Top_bar .menu>li>a>span{position: relative; font-family: 'Barlow Condensed', sans-serif;}
#Top_bar .menu>li>a>span::before{position: absolute; content: ''; width: 0; height:1px; margin: 0 auto; background-color: #f28b30; bottom: 12px; left: 0; right: 0; visibility: hidden; transition: all 0.4s;}
#Top_bar .menu>li.hover>a>span::before{ visibility: visible; width: 70%; transition: all 0.4s}
#Top_bar .menu>li.current-menu-item>a{color: #fff;}
#Top_bar .menu>li.hover>a{color: #fff;}
#Top_bar.is-sticky .menu>li>a{ color: #eee;}
#Top_bar.is-sticky .menu_wrapper .menu>li.hover>a{color:rgba(255,255,255,0.4);}
#Top_bar.is-sticky .menu_wrapper .menu>li.hover>a>span::before{background-color: #777;}
#Top_bar .menu li ul li a{padding: 2px 10px 2px 20px; border-bottom: none !important;}
#Top_bar .menu li ul{ padding: 10px 0px;}

#Top_bar a.responsive-menu-toggle i{font-size: 32px; line-height: 35px; border: 1px solid #ddd; border-radius: 3px;    color: #f5f5f5;}
.icon-menu:before {content: '\e813'}

/* banner */
.hero-banner{padding-top:160px; padding-bottom:110px; background-image:url('../images/main-banner.jpg'); background-repeat:no-repeat; background-position:bottom; background-size: cover;}
.bnr-bg{position: relative;}
.hero-banner .bnr-bg .bnr-txt{color: #222; font-size: 30px; font-weight: 300; padding: 50px 35px; background: rgba(237,28,36,0.8); position: relative; top: 50px;}
.hero-banner .bnr-bg .bnr-txt b{font-size: 45px; display: block; color: #fff; padding-top: 5px;}
.prdts-align{text-align: center;}
.contact-shrt{position: absolute; left: 0; right: 0; margin: 0 auto; width: 90%; z-index: 10; max-width: 1330px;}
.contact-shrt .floating-box{padding:40px 20px 10px; background-color:#e6e6e6; margin-top:-90px; }
.contact-shrt .floating-box .cstm-cntct{background: #ff2627; color: #fff;}
.contact-shrt .floating-box h3{padding: 6px 0 6px 30px; position: relative; color: #555; font-size: 26px; font-weight: 600;}
.contact-shrt .floating-box h3 i{padding-right: 8px;}
.contact-shrt .enqy-txt{height: 70px;}
.contact-shrt .enqy-btn{height: 70px;}

/* Main Banner  */
.banner-bg{ position: relative; z-index: 0; overflow: hidden; background-color: #333; height: 100vh;}
.banner-video{ height: 100vh;}
.banner-bg::before{ width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-color: rgba(0, 0, 0, 0.75); content: ""; z-index:1;}
.banner-bg video{ width: 100%; display:block;}
/* .banner-bg img{ width: 100% !important; height: 100% !important; display: block !important;} */
.banner-bg span.bnr-img { width: 100% !important; display: flex !important;}
.banner-bg span.bnr-img img{  display: block !important; height: 100% !important; width: 100% !important; background-size: cover;}
.banner-shrt{ position: absolute; padding: 0px 30px; top:50%; z-index: 8; left: 0; right: 0; transform: translateY(-53%); margin: auto;  width: 100%; max-width: 1140px; display: flex; justify-content:center; align-items: center;}

.carousel-caption { position: absolute; text-align:center; padding:20px 0px 20px 0px; z-index:0; left: 0; width:100%; height:auto; -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration:1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; overflow: hidden; bottom: auto; margin:0 auto; } 
.carousel-caption h1 { font-size:60px; width: 100%; color: #fff; font-weight:700; display: inline-block; padding: 0px 0px; margin:35px 0px 50px; text-transform:uppercase; text-align:center; text-shadow:0px 5px 15px rgba(0,0,0,0.5);} 

.carousel-caption a.bnr-lnk{ display:inline-block; font-size:15px; color: #fff; padding:10px 40px; text-transform: uppercase;  position: relative; z-index: 0; overflow: hidden; border-radius:50px; background-color:#0094de; font-weight:600; text-decoration: none; transition: all ease 0.4s;}
.carousel-caption a.bnr-lnk:hover{ color: #fff; background-color:#296ba5; transition: all ease 0.4s;}

.carousel-caption .lgo{ width:160px; height:160px; text-align: center; margin: 0 auto; background-color: #fff; padding: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.carousel-caption .lgo img{ max-height:90px;}

.lgo-btm{ width: 100%; margin-top:50px; padding-top:50px; border-top: 1px solid rgba(255,255,255,0.05);}
.lgo-btm h3 { width: 100%; font-size:50px; display:inline-block; align-items: center; position: relative; font-weight:100; text-align:center; color:rgba(255,255,255,1); margin: 0; padding:30px 0px 40px;} 
.lgo-btm h3 b{ font-weight: 400; text-transform: uppercase; padding-left:5px;}
.lgo-btm img{ max-height:80px;}
.carousel-caption p{ font-size:20px; color: #fff; line-height:24px; margin:5px 0px; font-weight:100; text-align: left; padding: 0px 0px;}

.web-tit{ width: 100%; margin-bottom:50px;}
.web-tit .box{ width: 100%; margin-bottom:30px;}
.web-tit .box p{ text-align: center; margin:0px 0px 5px; font-size:22px; line-height:24px;}
.web-tit .box p:last-child{ margin-bottom: 0;}

.web-tit .box:nth-child(1){ margin-bottom:20px;}
.web-tit .box:nth-child(1) p{ font-weight: bold;}

/* welcome part */
.welcome-cnt{width: 100%; background: #fff; display: flex; background: url(../images/welcome-bg.jpg) no-repeat; background-size: cover; background-position:center; min-height: 480px !important; padding-top: 30px;}
.welcome-cnt .wlcme-txt{width: 90%;  display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 60px auto; max-width: 1330px;}
.welcome-cnt .wlcme-txt span{background-color: rgba(0, 0, 0, 0.46); display: block;padding: 50px 60px;}
.welcome-cnt .wlcme-txt h5{ color: #fff;  font-size: 15px; font-weight: 400; line-height: 22px;}
.welcome-cnt .wlcme-txt h5 b{color: #c7c7c7; font-weight: 600; font-size: 40px; display: block; margin-bottom: 20px; border-left: 5px solid #f00; padding: 8px 12px;}
.welcome-cnt .wlcme-txt p.wel-cont{color: #fff; font-size: 15px; line-height: 22px;}
.welcome-cnt .wlcme-txt p{color: #fff; font-size: 15px; font-weight: 400; margin: 25px 0 10px;}
.welcome-cnt .wlcme-txt p small{display: block; color: #ffb102; font-weight: 200; font-size: 24px;}
.welcome-cnt .wlcme-txt ul{color: #fff; font-size: 15px;}
.welcome-cnt .wlcme-txt ul li i{color: #afafaf; padding-right: 10px;}
.welcome-cnt .wlcme-crsl{width: 25%;}
.wlcme-bg{display: block; width: 100%; height: 100%;}
.bswrp{box-shadow: 0 30px 35px rgba(0, 0, 0, 0.5);}
.ftr-logo{background: #fff; display: inline-block; padding: 10px 15px 12px; border-radius: 30px;}

.products-bg{padding-top:140px; padding-bottom:120px; background-color:#333; background-position:center; background:url('../images/products-bg.jpg') no-repeat; background-size: cover;}
.prdts-lst-wrpr{background: rgba(255,255,255,0.9); padding: 40px 15px 0; height: 800px;}
.prdts-lst{font-size: 45px; font-weight: bold; color: #fff; text-transform: uppercase; position: relative; padding-bottom: 8px;}
.prdts-lst::before{position: absolute; content: ''; background: #cacaca; left: 0; right: 0; bottom: 0; margin: auto; width: 20%; height: 3px;}
.prdt-title{color: #f80100; font-weight: 500;}
.prdt-info{color:#222; line-height: 20px; text-align: justify; padding: 5px;}
.img-wrpr{width: auto; height: 220px !important; border-radius: 50%; box-shadow: 0 20px 25px rgba(0, 0, 0, 0.2);}

.crsl-bg{padding:110px 0  70px; background-color:#444;}

/* strategy */
.in-tit{margin: 0; color: #333;}
.prlx-sec{padding-top:140px; padding-bottom:140px; background-color:#333; background: url(../images/strategy-bg.jpg); background-repeat:no-repeat; background-attachment: fixed; background-size: cover;}
.prlx-sec .strtgy-lft{background-image:url('../images/strategyimg.jpg'); background-repeat:no-repeat; background-position:center; background-size: cover; width: 40%;}
.one-second.strtgy-wrpr{background: #fff; width: 60%;}
.strtgy-wrpr h3{color: #f80100;}
.strtgy-wrpr ul{margin: 0 0 20px 0;}
.strtgy-wrpr ul li{list-style-type: none; position: relative; padding-left: 30px; color: #444; line-height:25px;}
.strtgy-wrpr ul li::before{position: absolute; font-family: 'Font Awesome\ 5 Free'; content: "\f00c"; font-weight: 900; height: 10px; left: 0; top: 0px; transition: all 0.5s ease 0s; width: 0; color: #cacaca;}
.strtgy-wrpr .strtgy-rht{padding:80px 10% 20px;}

.contact-wrpr{padding-top:120px; padding-bottom:120px; background-color:#f7f1ef}
.contact-wrpr h2{color: #fff; }
.contact-wrpr input, .contact-wrpr textarea{font-family: 'Be Vietnam Pro', sans-serif;}
.contact-wrpr input:focus{background: #fff !important; color: #333; outline: 0; border: 0;}
.contact-wrpr textarea:focus{background: #fff !important;}
.contact-wrpr .sbt-btn{background: #333; transition: all 0.5s; font-size: 15px;}
.contact-wrpr .sbt-btn:hover{background: #bbb; color: #333;}
.cntct-dtls-bg{padding-top:0px; padding-bottom:60px; background-color:#333}
.cntct-info-sec{padding:60px 4% 10px; background-color:#ed1c24; margin-top:-70px}
.cntct-info-sec h3{color: #ddd; font-size: 25px;}
.cntct-info-sec p{color:#fff; font-size: 15px;}
.cntct-optns span{display: block;}
.cntct-optns span small{display: block;}
.cntct-optns span .phone{font-size: 15px; display: flex;  align-items: center; margin-bottom: 12px; color: #fff;}
.cntct-optns span .phone i{background: rgba(0, 0, 0, 0.5); border-radius: 50px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; font-size: 15px; margin-right: 12px; }
.cntct-optns span .fax{font-size: 15px; display: flex; align-items: center; margin-bottom: 12px; color: #fff;}
.cntct-optns span .fax i{background: rgba(0, 0, 0, 0.5); border-radius: 50px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; font-size: 15px; margin-right: 12px; }
.cntct-optns span .email{font-size: 15px; display: flex; align-items: center; color: #fff; margin-bottom: 12px; text-decoration: none; transition: all 0.4s;}
.cntct-optns span .email:hover{color: #000;}
.cntct-optns span .email i{background: rgba(0, 0, 0, 0.5);  border-radius: 50px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; font-size: 15px; margin-right: 12px; }

#Footer{background-color: #444;}
.cmpny-footer{font-size: 20px; font-weight: 300; color: #fff;  padding-top: 18px; margin: 0; text-transform: uppercase;}

.copyright{display: flex; justify-content: space-between; flex-wrap: wrap; }
.copyright small{color: #fff; margin-bottom: 10px; font-weight: 200;}

/* part 1 */
.logo-overflow #Top_bar #logo{ background-color: transparent !important; padding: 10px 0px 10px; }
.header-transparent #Top_bar .menu > li > a{ padding: 5px 0; font-size: 20px; text-transform: uppercase; font-weight: 500;}
#Top_bar .column{ margin: 0;}
.logo-overflow #Top_bar .logo{ top:0px;}
.header-transparent #Top_bar .top_bar_left, .header-transparent #Top_bar .top_bar_right, .header-transparent #Top_bar .top_bar_right::before{width: 1200px !important;}
.header-transparent #Top_bar .top_bar_left{width: 100% !important; padding-top: 15px;}
.sticky-tb-color #Top_bar.is-sticky .top_bar_left{ padding-top: 0;}
.ltr-ylw{ color: #ffa500; font-weight: 800;}
.ltr-rd{color: #ff0000; font-weight: 800;}
#Top_bar.is-sticky .logo{top:7px;}
.is-sticky .header-transparent.ab-hide #Top_bar{top: 0px;}
.logo-overflow #Top_bar:not(.is-sticky) .logo{ height: 125px;}
#Top_bar .menu > li:last-child a span:last-child{ margin-right: 0;}
#Top_bar .menu > li a span{ padding: 0 !important; margin: 0px 20px;}

.main-cont{position: relative; min-height: 720px; margin-top: 9%;}
.main-cont h1{ font-size: 20px; font-weight: 300; color: #fff; text-align: center; }
.min-hd{ font-size: 34px !important; font-weight: 600 !important; color: #fff; text-align: center; padding-left: 10%; line-height: 1.2;}
.main-cont h1 small{ display: block;}
.sub-cont-prt1{ width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 20px 0px; }
.sub-cont-img1{ width: 20%; display: flex;}
.sub-cont-img2{ width: 12%; display: flex; justify-content: flex-end;}
/*.sub-cont-img2 span{ padding-left: 50px;}*/
.sub-cont-letr{ width: 35%; display: flex; flex-wrap: wrap;}
.sub-cont-letr a{ width: 100%; margin-bottom: 18px; background-color: rgba(0,0,0,0.3); padding: 8px 0px; border-radius: 40px; transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; font-size: 20px; font-weight: 300; color: #fff; text-align: center; border-bottom: 1px solid #ffa500; font-weight: 600;}
.sub-cont-letr a:hover{ background-color: rgba(255, 0, 0,0.8); transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; text-decoration: none;}
.sub-cont-letr h1{ width: 100%; margin-bottom: 0;}
.sub-cont-btm{width: 100%; display: flex; justify-content: space-between; align-items: center;  padding-top: 30px; border-top: 1px dashed rgba(255,255,255,1);}
.sub-cont-btm p{ font-size: 27px; font-weight: 300; color: #fff; text-align: center; width: 30%; margin-bottom: 0;}
.awd-cont-img{ display: flex; justify-content: space-between; align-items: center; width: 66%;}
.sub-cont-btm .awd-cont-img span{ background-color: #fff; border-radius: 25px; padding: 10px; width: 14%;}
.header-transparent #Top_bar .menu > li > a span i{ font-size: 12px; margin-left: 5px;}
.cont-prt-bg{background-color: rgba(0,0,0,0.5);}
/* part 1 */

/* part 3 */
.pro-cont-sub{position: relative; min-height: 350px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
.cont-sub-prt1{ width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 30px;}
.cont-sub-img1{ width: 20%; display: flex; position: relative; flex-wrap: wrap; margin-right: 30px;}
.cont-sub-img1 span{ width: 100%; height: auto;}
.cont-sub-img2{ width: 12%; display: flex; justify-content: flex-end; flex-wrap: wrap; margin-left: 30px;}
.cont-sub-letr{ width: 68%; display: flex; flex-wrap: wrap;}
.cont-sub-hed{ width: 100% !important; font-size: 36px !important; font-weight: 800 !important; line-height: 1.1; color: #ffffff !important; text-align: center !important;}
.cont-sub-prt2{ width: 100%; display: flex; /*justify-content: space-between; align-items: flex-start;*/}
.sub-prt2-cont{ width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 25px;}
.sub-prt2-box{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.sub-prt2-box h1{ font-size: 20px; font-weight: 600; width: 100%; margin-bottom: 0; color: #ffa500;}
.sub-prt2-box h1 a{ color: #ffa500; transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; position: relative;}
.sub-prt2-box h1 a::before{ position: absolute; content: ""; width: 0%; height: 1px; background: #f00; left: 0; right: 0; margin: 0 auto; transition:0.4s; bottom: 0;}
.sub-prt2-box h1 a:hover{ color: #a2a2a2; transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s;}
.sub-prt2-box h1 a:hover::before{ width: 100%; transition:0.4s;}
.sub-prt2-box ul li{ padding-left: 25px; color: #fff; position: relative; font-size: 16px;}
.sub-prt2-box ul li::after{top: 0px; width: 25px; height: 25px; content: "\e88a"; font-family: "Linearicons-Free"; font-weight: 900; background: none; color: #d9d9d9; left: 0; position: absolute;}

/* part 3 */

/* part 4 */
.pro-sol-main{width: 100%; position: relative; min-height: 350px; display: flex; justify-content: center; align-items: flex-start;}
.pro-sol-lft{ width: 40%; display: flex; justify-content: flex-start; align-items: flex-start;}
.pro-sol-lft span{ width: 100%; max-height: 700px; background: #ddd; padding: 10px; border-radius: 10px;}
.pro-sol-lft span a{ display: flex;}
.sol-lft-img{ object-fit: contain; width: 100%; height: auto; padding: 0; margin: 0 auto;}
.pro-sol-rft{ width: 58%; display: flex; justify-content: flex-start; align-items: flex-start; margin-left: 30px; flex-wrap: wrap;}
.pro-sol-cont{ width: 100%; display: flex; flex-wrap: wrap; }
.pro-sol-cont span{ width: 100%; height: auto; display: flex; justify-content: flex-end;}
.pro-sol-cont span img{ max-height: 50px !important;}
.pro-sol-cont h1{ font-size: 26px; font-weight: 600; width: 100%; margin-bottom: 0; color: #e6b217;}
.pro-sol-cont b{ color: #fff;}
.pro-sol-cont p{ color: #fff; line-height: 1.4; font-size: 16px;}
.pro-sol-cont ul li{ padding-left: 25px; color: #fff; position: relative; font-size: 16px; line-height: 1.2;
  margin-bottom: 12px;}
.pro-sol-cont ul li::after{top: 0px; width: 25px; height: 25px; content: "\e88a"; font-family: "Linearicons-Free"; font-weight: 900; background: none; color: #d9d9d9; left: 0; position: absolute;}
.pro-sol-gly{ width: 100%; display: flex; margin-top: 30px; justify-content: space-between; align-items: flex-start; border-top: 1px dotted rgba(255,255,255,0.15); padding-top: 30px;}
.pro-sol-gly span { width: 25%; margin: 0px 10px; height: 100px; display: flex; background: #fff; padding: 10px; border-radius: 10px; justify-content: center; transition: 0.4s;}
.pro-sol-gly span:hover{ margin-top: -10px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; cursor: pointer;}
.pro-sol-gly span a{ display: flex;}
.pro-sol-gly span a img{ object-fit: contain;}
.iu-lst-pro{width: 100% !important; display: flex !important; justify-content: center !important;}
.fancybox-container--ready .fancybox-bg{ opacity: .97 !important;}
/* part 4 */

/* part 5 */
.cnt-sec-main{ width: 100%; display: flex; justify-content:space-between; align-items:center;}
.cnt-frm-main{ width: 50%; /* background: rgba(0, 0, 0, 0.3); */ border-left: 1px solid rgba(255,255,255,0.1); padding:100px 50px 50px;}
.cnt-frm-main h2{ color: rgba(255,255,255,0.7) !important; margin:0px 0px 25px; font-size: 50px; font-weight:700; text-transform: uppercase;}
.cnt-frm-main h3{ color: rgba(255,255,255,0.7) !important; margin:5px 0px 50px; font-size:22px; font-weight:100; line-height:24px; font-family:"Be Vietnam Pro", Arial, Tahoma, sans-serif;}
.cnt-frm-main .column.one-second{ position: relative;}
.cnt-frm-main .column.one{ position: relative;}
.cnt-frm-main .column.one input{ background-color:transparent; padding-left: 30px !important; border: none !important; border-bottom: 1px solid rgba(255,255,255,0.2) !important; font-size: 16px !important; color: #fff; transition: all ease 0.4s; margin:15px 0px;}
.cnt-frm-main .column.one input:focus{ background-color: transparent !important; border-bottom: 1px solid rgba(242,139,48,0.5) !important; transition: all ease 0.4s;}
.cnt-frm-main .column.one input::placeholder{ color: rgba(255, 255, 255, 0.5); font-weight: 200; font-size:14px;}
.cnt-frm-main .column.one span{position: absolute; left: 5px; z-index: 1; top: 7px; font-size: 16px; color: #999;}

.cnt-frm-main .column.one-second input{ background-color:transparent; padding-left: 30px !important; border: none !important; border-bottom: 1px solid #fff !important;}
.cnt-frm-main .column.one textarea{ background-color:transparent; padding-left: 30px !important; border: none !important; border-bottom: 1px solid rgba(255,255,255,0.2) !important; font-size: 16px !important; color: #fff; font-family: 'Be Vietnam Pro', sans-serif !important; font-weight:300 !important;}
.cnt-frm-main .column.one textarea::placeholder{ color: rgba(255, 255, 255, 0.5); font-weight: 200; font-size:14px;}
.cnt-frm-main .column.one-second span{position: absolute; left: 5px; z-index: 1; top: 7px; font-size: 16px; color: #999;}
.cnt-frm-main .column.one span{position: absolute; left:5px; z-index: 1; top:10px; font-size: 16px; color: #999;}
#contactform .column{margin-bottom: 25px;}
#contactform .snt-btn{ background-color: #fff !important; border-radius:25px !important; border: 1px solid #fff !important; transition: 0.4s; text-transform: uppercase; font-size: 16px; color: #333;}
#contactform .snt-btn:hover{ background-color: transparent !important; transition: 0.4s; border: 1px solid rgba(255,255,255,0.5) !important; color: rgba(255,255,255,0.5);}

.cnt-frm-main .column.one-second input:focus{ background-color: transparent !important;}
.cnt-frm-main .column.one textarea:focus{ background-color: transparent !important;}

.cnt-dts-main{ width: 100%; display: flex; flex-wrap: wrap;}
.cnt-dts-img{ width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.cnt-sub-img1{ width: 50%; display: flex; justify-content: center; flex-wrap: wrap;}
.cnt-sub-img1 span{ width: 100%; display: flex; height: 100px;}
.cnt-sub-img1 span img{ object-fit: contain; padding: 0; margin: 0 auto; width: 100%; height: auto;}
.cnt-sub-img1 small{ font-size: 24px; font-weight: 600; color: #fff; margin-top: 15px;}

#contactform .column input::placeholder{ font-family: 'Be Vietnam Pro', sans-serif !important;}
#contactform .column textarea::placeholder{ font-family: 'Be Vietnam Pro', sans-serif !important;}
#contactform .column input[type="button"]::placeholder{ font-family: 'Be Vietnam Pro', sans-serif !important;}

.cmpny-rht{ width:40%; padding:50px 20px 50px 0px;}
.cmpny-rht .foot-logo{ width: 100%; display: flex; align-items: center; justify-content: flex-start; padding-left: 5px;}
.cmpny-rht .foot-logo img{ max-height:125px; margin-bottom:20px;}
.cmpny-rht h2{ color: #fff !important; font-size:54px; font-weight:100 !important; margin-bottom:25px;}
.cmpny-rht .dtls-box{ display: flex; width: 100%; align-items: center; margin:5px 0px 20px; line-height: 22px; }
.cmpny-rht .dtls-box:last-child{ border-bottom: 0 none;}
.cmpny-rht .dtls-box .box-lt{ min-width:34px; min-height: 34px; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.08); border-radius: 50px; margin-right: 10px;}
.cmpny-rht .dtls-box .box-lt span.lnr{ font-size:16px; color: rgba(255, 255, 255, 0.5);}
.cmpny-rht .dtls-box .box-rht{ position: relative; width: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.cmpny-rht .dtls-box .box-rht span{ text-transform:uppercase; font-size:14px; color: rgba(255, 255, 255, 0.7); font-weight:400; width:100%; font-weight: 100;}
.cmpny-rht .dtls-box .box-rht p{ margin: 0; line-height: 20px; font-size: 17px; color:rgba(255,255,255,0.8); font-weight: 200;}
.cmpny-rht .dtls-box .box-rht a{ color: #fff !important; font-size: 18px; transition: all ease 0.4s; text-decoration: none;}
.cmpny-rht .dtls-box .box-rht a:hover{ color: #f28b30; transition: all ease 0.4s;}

.dtls-box-lev{ padding-top:0px; margin-top:20px;}
.dtls-box-lev h3{ font-weight:400 !important; color: #333 !important; font-size:20px !important; margin:30px 0px 5px;}

.scl-icons{display: flex; justify-content:flex-start;}
.scl-icons a:first-child i{ margin-left: 0;}
.scl-icons i{ width:41px; height:41px; font-size:16px; border-radius: 50%; margin: 0 4px; transition: all ease-in 0.4s;}
.scl-icons i.fa-facebook-f{background-color:rgba(255, 255, 255, 0.1); color:#abb1b9; display: flex; justify-content: center; align-items: center;}
.scl-icons i.fa-twitter{background-color:rgba(255, 255, 255, 0.1); color:#abb1b9; display: flex; justify-content: center; align-items: center;}
.scl-icons i.fa-linkedin-in{background-color:rgba(255, 255, 255, 0.1); color:#abb1b9; display: flex; justify-content: center; align-items: center;}
.scl-icons i.fa-whatsapp{background-color:rgba(255, 255, 255, 0.1); color:#abb1b9; display: flex; justify-content:center; align-items: center;}
.scl-icons i.fa-youtube{background-color:rgba(255, 255, 255, 0.1); color:#abb1b9; display: flex; justify-content:center; align-items: center;}
.scl-icons i.fa-instagram{background-color:rgba(255, 255, 255, 0.1); color:#abb1b9; display: flex; justify-content:center; align-items: center;}

.ft-copyright{ width: 100%; display: flex; justify-content: space-between; align-items: center; margin:0px 0px 20px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 30px;}
.ft-copyright .cprt-lft{display: flex; justify-content: flex-start; color: #fff; text-transform: capitalize;}
.ft-copyright .cprt-lft p{ margin: 0; color: rgba(255,255,255,0.8); font-weight: 200;}
.ft-copyright .cprt-rht{ display: flex; justify-content: flex-end; align-items: center;}

.scrollToTop { width:28px; height:28px; padding:0px; text-align:center; font-weight: bold; color: #aaa; text-decoration: none; position:fixed; bottom:20px; right:30px; display:none; font-size:24px; z-index: 99999; transition: 0.4s;} 
.scrollToTop:hover { text-decoration:none; color: rgba(255,0,0,1); transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; } 

/* Section 2  */
.why-prlx-sec{ position: relative; z-index: 0;}
/* .why-prlx-sec::before{ position: absolute; width: 100%; height: 100%; left: 0; background: url(../images/leather-briefcase.png) left fixed; content: ""; z-index: 1; opacity: 0.2; background-size: contain; background-repeat: no-repeat;} */
.why-main-cont{ width: 100%; text-align: center; padding: 155px 0px 155px;}
.why-main-cont .tit{ width: 100%; text-align: center;}
.why-main-cont .tit h2{ font-size:120px; color: #fff; font-weight:700; display: inline-block; padding: 0px 0px; margin:0px 0px 30px; line-height:75px; text-transform:uppercase;  text-align:center; letter-spacing:1.5px; /* font-family:"Be Vietnam Pro", Arial, Tahoma, sans-serif; */}
.why-main-cont .tit p{ color: #fff !important; margin:0px 0px 40px; font-size:50px; font-weight:300; text-transform: uppercase; font-family: 'Barlow Condensed', sans-serif; line-height: initial;}
.why-main-cont .des{ width: 100%;}
.why-main-cont .des p{ color: #fff; margin:5px 0px 10px; font-size:22px; font-weight:100; line-height: 24px;}

.fancybox-button--close:after{ content: "" !important; display: inline-block !important; position: absolute !important; height: 2px !important; width: 16px !important; top: calc(50% - 1px) !important; left: calc(50% - 8px) !important; opacity: 1 !important; background-color: currentColor !important; }
.fancybox-button--close:after { -webkit-transform: rotate(-45deg) !important; transform: rotate(-45deg) !important; -moz-transform: rotate(-45deg) !important; -ms-transform: rotate(-45deg) !important; -o-transform: rotate(-45deg) !important; }

/* Product Section */
.product-prlx-sec{ width: 100%; background-color: #333; position: relative;}
.product-main-cont{ width: 100%; padding: 110px 0px;}
.product-main-cont .tit{ width: 100%; display: flex; align-items: center; justify-content:center;}
.product-main-cont .tit .tit-box{ width:100%; text-align: center; margin-bottom:70px;}
.product-main-cont .tit .tit-box h2{ color:#fff !important; margin:0px 0px 30px; font-size:70px; font-weight:700; text-transform:uppercase;}
.product-main-cont .tit .tit-box p{ color: #fff !important; margin:5px 0px 10px; font-size:20px; font-weight:100; line-height:24px; font-family:"Be Vietnam Pro", Arial, Tahoma, sans-serif; padding: 0px 100px;}
.product-main-cont .box-main{ width: 100%; display:grid; grid-template-columns: repeat(4,1fr); grid-gap: 60px 20px;}
.product-main-cont .box-main .box-list{ width: 100%; display: flex; align-items: center; justify-content: center; position: relative;}
.product-main-cont .box-main .box-list span{ height:200px; display: flex; align-items: center; justify-content: center; border-radius:50%; overflow: hidden; position: relative; z-index: 0; box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.9); transition:all ease 0.5s;}
.product-main-cont .box-main .box-list span::before{ position: absolute; content:""; background-color: rgba(0, 0, 0, 0.7); width:95%; height: 95%; left: 0; right: 0; margin: 0 auto; border-radius: 50%;  transition:all ease 0.5s;}
.product-main-cont .box-main .box-list span::after{ position: absolute; content:""; background-color: rgba(0, 0, 0, 0.5); width:1px; height:1px; left: 0; right: 0; margin: 0 auto; border-radius: 50%; opacity: 0; transition:all ease 0.5s;}
/* .product-main-cont .box-main .box-list span::after{ position: absolute; content:""; background-color: rgba(255, 144, 0, 0.3); width:1px; height:1px; left: 0; right: 0; margin: 0 auto; border-radius: 50%; opacity: 0; transition:all ease 0.5s;} */
.product-main-cont .box-main .box-list:hover span::after{ opacity: 1; width:95%; height:95%; transition:all ease 0.5s;}
.product-main-cont .box-main .box-list:hover span::before{ opacity:1; width:1px; height:1px; transition:all ease 0.5s;}
.product-main-cont .box-main .box-list:hover span{ box-shadow: none; transition:all ease 0.5s;}
.product-main-cont .box-main .box-list span img{ max-height:200px;}
.product-main-cont .box-main .box-list small{ position: absolute; left: 0; right: 0; margin: 0 auto; text-align:center; font-size:18px; color: #fff; text-transform: uppercase;} 

/* Home Our Solutions */
.why-abt{ width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 150px 0px 150px 0px; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 20px;}
.why-abt .why-abt-lft{ width:35%; }
.why-abt .why-abt-lft span{ width:100%; display:flex; height:420px; position: relative; z-index: 0;}
.why-abt .why-abt-lft span::before{ position: absolute; content:""; top:-15px; left:-15px; width:100%; height:100%; background-color:rgba(255,255,255,0.08); z-index: -1;}
.why-abt .why-abt-lft span img{ object-fit:cover; width: auto; height: auto;}
.why-abt .why-abt-rht{ width:60%;}
.why-abt .why-abt-rht .tit{ width: 100%; padding-bottom:20px; margin-bottom: 30px; position: relative;}
.why-abt .why-abt-rht .tit:before{ position: absolute; content:""; bottom:0; left: 0; width: 50%; height: 1px; background-color:rgba(255,255,255,0.1);}
.why-abt .why-abt-rht .tit h1{ color: #fff !important; margin:0px 0px 35px; font-size: 70px; font-weight:700; text-transform: uppercase;}
.why-abt .why-abt-rht .tit p{ color:rgba(255,255,255,0.6); font-weight:100; font-size:18px; margin: 0; line-height:24px;}
.why-abt .why-abt-rht .det{ width: 100%;}
.why-abt .why-abt-rht .det p{ margin:10px 0px 20px; font-size:17px; line-height: 24px; font-weight:200; color:rgba(255,255,255,0.8); text-align:left; }
.why-abt .why-abt-rht .det p:last-child{ margin-bottom: 0;}
.why-abt .why-abt-rht .slut-dtl{ background-color:transparent; border: 1px solid #23b3fe; border-radius: 50px; text-align: center; color: #fff; font-size:14px; letter-spacing:0.25px; box-shadow:0px 8px 15px rgba(0,0,0,0.10); text-transform:uppercase; font-weight:600; padding:12px 80px;}
.why-abt .why-abt-rht .slut-dtl:hover{ background-color: #23b3fe;}
.why-abt .why-abt-rht .slut-dtl span.lnr{ padding-left:5px; font-size: 13px;}

/* Large devices */
@media (max-width: 1366px) 
 {
 .carousel-caption .lgo{ width:110px; height:110px;}
 .carousel-caption .lgo img{ min-height:75px;}
 .carousel-caption h1 { font-size:50px; margin:20px 0px 30px; text-transform:uppercase; text-align:center;}
 .lgo-btm{ margin-top:0px; padding-top:20px; border: 0 none;} 
 .lgo-btm h3{ padding: 25px 0px 30px; font-size: 38px;}
 .web-tit{ margin-bottom:25px;}
 .web-tit .box{ margin-bottom: 20px;}
 .web-tit .box p{ text-align: center; margin:0px 0px 5px; font-size:18px; line-height:18px;}
 .web-tit .box p:last-child{ margin-bottom: 0;}
 } 

@media (max-width:1200px){
.banner-bg span.bnr-img{ height: 100%;}
.banner-shrt{ max-width:100%; height: 100%; padding: 0;}
.carousel-caption{ padding: 0;}
}

@media (max-width:1024px){
  
}

@media (max-width:992px){
  
}

@media (max-width:768px){
 
}

@media (max-width:576px){
.carousel-caption h1{ font-size: 30px;}
.carousel-caption a.bnr-lnk{ padding: 10px 30px; font-size: 14px;}
.lgo-btm h3{ font-size: 30px;}
}