body {margin: 0; padding: 0; overflow-x: hidden; font-family: 'Montserrat', sans-serif;}
.button_1 {padding: 12px 25px; color: #fff; border: 2px solid #fff; display: inline-block; width: fit-content; font-weight: 700; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; transition: all 0.5s;}
.button_2 {padding: 12px 25px; color: #333; border: 2px solid #333; display: inline-block; width: fit-content; font-weight: 700; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; transition: all 0.5s;}
.button_1:hover, .button_2:hover {text-decoration: none; color: #fff; background-color: #333;}
.mainheading {font-size: 40px; color: #333; font-weight: 800; text-transform: uppercase; line-height: 45px; margin-bottom: 15px;}
.smallheading {font-size: 20px; line-height: 26px; color: #333; font-weight: 700; margin-bottom: 10px;}
.mainheading span {color: transparent; -webkit-text-stroke: 1px #ffaa17; opacity: 0.6;}
.subheading {font-size: 15px; color: #ffaa17; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 1px;}

.whyus_sec p, .about_sec p, .team_sec p {font-size: 15px; line-height: 26px;}

.bg_thm {background-color: #002060;}
.txt_thm {color: #002060;}
.img_cover {height: 100%; width: 100%; object-fit: cover;}
.resp, .layer {display: none !important;}

/*---preloader---*/
.spinner-wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; display: grid; justify-content: center; align-items: center; z-index: 9999;}
.spinner-wrapper img {transform: scale(0.3);}

/***HEADER***/
header {padding: 8px 0; background-color: #f5f5f5;}
.header_ul {list-style: none; padding: 0; margin: 0;}
.header_ul li {display: inline-block; margin-right: 5px;}
.header_ul li a {display: block; padding: 5px; font-size: 15px; font-weight: 400; letter-spacing: 1px; font-family: 'Roboto', sans-serif; color: #333; transition: all 0.5s;}
.header_ul li a:hover {text-decoration: none; color: #ffaa17;}

/*.....sticky-navbar.....*/
.sticky {position: fixed; top: 0; width: 100%; z-index:999; box-shadow: 1px 1px 6px -1px #3333336b;}
.sticky + .content {padding-top: 102px;}

/***NAV***/
nav .logo {height: 70px;}
nav {padding: 10px 0; background-color: #fff;}
.menu {list-style: none; margin: 0; padding: 0; float: right;}
.menu li {display: inline-block; margin-left: 5px; position: relative;}
.menu li a {display: block; padding: 23px 15px; letter-spacing: 1px; font-size: 15px; color: #333; font-weight: 500; transition: all 0.5s;}
.menu li .sub_menu {position: absolute; left: 0; top: 60px; padding: 0; z-index: 999; background-color: #fff; width: max-content; -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 10%); box-shadow: 0 5px 10px rgb(0 0 0 / 10%); display: none;}
.menu li .sub_menu li {display: block; margin: 0;}
.menu li .sub_menu li a {display: block; padding: 10px 20px !important; border-bottom: 1px solid #eee; background-color: #fff; transition: all 0.5s;}
.menu li a:hover, .active {text-decoration: none; color: #ffaa17 !important;}
.menu li:hover .sub_menu {display: block;}
.menu li .sub_menu li a:hover {background-color: #002060; color: #fff;}


/*///ICONS//*/
/*=====Arrow-Left=====*/
.icons {padding: 5px 10px; cursor: pointer; position: relative; top: 20px;}
.nav_arrow_left {position: absolute; top: 0; right: 0; cursor: pointer; display: inline-block; height: 12px; width: 30px; transform: rotate(0deg); transition: all ease-in-out 0.5s;}
.nav_arrow_left span {background-color: #002060; border-radius: 5px; width: 100%; display: block; height: 2px; opacity: 1; position: absolute; transition: all ease-in-out 0.25s; top: 6px;}
.nav_arrow_left span:nth-child(1) {width: 100%; left: 0px; top: -2px;}
.nav_arrow_left span:nth-child(2) {width: 100%; top: 6px;}
.nav_arrow_left span:nth-child(3) {width: 100%; left: 0px; top: 14px;}

.nav_arrow_left.open span:nth-child(1) {transform: rotate(45deg); top: 7px; left: 0px;}
.nav_arrow_left.open span:nth-child(2) {width: 0%;}
.nav_arrow_left.open span:nth-child(3) {transform: rotate(-45deg); top: 7px; left: 0px;}

/*/BANNER/*/
.banner {position: relative;}
.banner_home {display: -webkit-box; height: 500px; overflow: hidden; position: relative;}
.banner_other {display: block; height: 300px; overflow: hidden; position: relative;}
.banner_img {height: 100%; width: 100%; position: relative; z-index: 20; background-color: #fff;}
.banner_home .banner_img img {height: 100%; float: right; opacity: 1;}
.banner_other .banner_img img {height: 100%; width: 100%; object-fit: cover;}
.banner_info h3 {font-size: 40px; color: #333; font-weight: 800; text-transform: uppercase; line-height: 45px; margin-bottom: 5px;}

.banner_info {position: absolute; width: 100%; left: 0; top: -50%; transform: translateY(-50%); opacity: 0;}
.banner_other .banner_info {opacity: 1 !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; text-align: center;}

.slideLeft, .slideRight {position: absolute; top: 0; bottom: 0; width: auto; height: 100%; z-index: 100; display: grid; justify-content: center; align-items: center; opacity: 0;}
.slideLeft i, .slideRight i {color: #fff; height: 70px; width: 70px; border-radius: 50%; background-color: #ffffff50; display: grid; align-items: center; justify-content: center; cursor: pointer; opacity: 0.4; transition: all 0.5s;}
.slideLeft {left: 0;}
.slideRight {right: 0;}
.slideLeft:hover i, .slideRight:hover i {opacity: 1;}

.dots {position: absolute; bottom: 20%; width: 100%; left: 0; z-index: 50; display: flex; justify-content: center;}
.dot_box {height: 8px; width: 8px; overflow: hidden; margin: 4px; border: none; cursor: pointer; background-color: #ccc;}

.dot_box:hover, .dot_box.active {height: 10px; width: 10px;}
.banner:hover .slideLeft, .banner:hover .slideRight {opacity: 1;}

.bread_cumbs {list-style: none; margin: 0; margin-bottom: 10px; padding: 0;}
.bread_cumbs li {display: inline-block; position: relative; margin-right: 10px;}
.bread_cumbs li a {display: block; color: #ffaa17; font-weight: 500; text-transform: capitalize; font-size: 13px;}
.bread_cumbs li:before {content: '/'; position: absolute; color: #ffaa17; font-weight: 500; right: -10px;}
.bread_cumbs li:last-child:before {content: '';}
.bread_cumbs li:last-child a {color: #999;}

/*///ABOUT-SEC///*/
.about_sec {padding: 50px 0; background: #f5f5f5; /*background: linear-gradient(90deg, #ffaa17 30%, #f5f5f5 30%);*/}
.whyus_sec {padding: 50px 0; background: #f5f5f5; background: linear-gradient(90deg, #ffaa17 70%, #f5f5f5 70%);}
.about_box {display: grid; align-content: center; height: 100%;}
.about_ul {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}
.about_ul li {display: block; font-weight: 700; font-size: 14px;}
.img_holder {width: 100%; height: 100%; display: grid; justify-content: center; align-items: center;}
.img_holder img {width: 100%; position: relative;}

/*///TEAM-SEC///*/
.team_sec {padding: 40px 0; background-color: #fff;}
.team_box {width: 100%; height: auto;}
.team_img {width: 100%; height: 300px; overflow: hidden;}
.team_img img {height: 100%; width: 100%; object-fit: cover;}
.team_info {height: 70px; padding-top: 10px; text-align: center;}
.team_info h5 {margin-bottom: 5px;}
#mt_kp {list-style: none; margin: 0; padding: 0; text-align: center;}
#mt_kp li {display: inline-block; margin-right: 5px;}
#mt_kp li a {padding: 6px 14px; display: block; color: #333; transition: all 0.5s;}
#mt_kp .active a {background-color: #d1d1d1;}
#mt_kp li a:hover {background-color: #efefef; text-decoration: none;}
.mngmnt_team, .key_prsnl {display: none; transition: all 0.5s; justify-content: center;}
.tImg {height: 200px;}
.tInfo {display: grid; align-content: center;}

/*///PRODUCTS///*/
.product_sec {background-color: #eee;}
.prod_bcx {padding: 50px 0;}
.prod_grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; margin-bottom: 15px; padding-left: 30px;}
.prod_box {position: relative; margin-top: 35px;}
.prod_box .numb {font-size: 60px; font-weight: 800; margin-bottom: 0; color: #d5d5d5; letter-spacing: 3px; position: absolute; top: -50px; left: -30px; z-index: 10;}
.prod_box h6 {font-weight: bold; position: relative; z-index: 100;}
.prod_box .detls {font-size: 14px; color: #555; line-height: 26px; margin-bottom: 0; position: relative; z-index: 100;}
.product_sec a {color: #333; font-size: 14px; float: right;}

/*///CONTACT-SECTION///*/
.contact_sec {padding: 70px 0;}
.contact_sec a {display: inline-block; margin-top: 10px; color: #333; font-weight: 600; line-height: 30px;}
.contact_sec a span {color: #999;}
.form_input input, .form_input textarea {width: 100%; padding: 10px; margin-bottom: 20px; background-color: #eeeeee; border: none;}

/*/Downloads/*/
.accrdn_bx {margin-bottom: 10px;}
.accrdn_bx li {list-style: none; display: block; background-color: #ffaa1780; color: #fff; padding: 6px 12px; font-weight: 600; position: relative;}
.accrdn_bx li span {position: absolute; right: 0; top: 0; padding: 6px; width: 25px; text-align: center; cursor: pointer;}
.accrdn_bx p {display: none; margin: 0; padding: 10px 15px; font-size: 14px; background-color: #ffffffb3;}

/*///FOOTER///*/
footer {padding: 70px 0; background-color: #eeeeee;}
footer h5 {margin-bottom: 15px; position: relative; font-weight: 600;}
footer h5:before {content: ''; position: absolute; width: 25px; height: 100%; border-bottom: 2px solid #333; top: 10px;}
footer ul {list-style: none; margin: 0; padding: 0;}
footer ul li {display: block;}
footer ul li a {display: inline-block; line-height: 30px; margin: 3px 0; font-size: 14px; color: #333; transition: all 0.5s;}
footer ul li a:hover {text-decoration: none; color: #ffaa17;}
footer p {font-size: 14px; line-height: 26px;}

.social_media li {display: inline-block; margin-right: 5px;}
.social_media li a {display: grid; padding: 0; background-color: #fff; width: 30px; height: 30px; justify-content: center; align-items: center; border-radius: 3px;}
.social_media li a:hover {text-decoration: none;}

/*---footer-bottom---*/
.footer_bttm {background-color: #e3e3e3; padding: 15px 0;}
.footer_bttm p {margin-bottom: 0; font-size: 14px;}

/*---scroll-to-top---*/
#arrow {position: fixed; bottom: 15px; right: 15px; z-index: 9999; cursor: pointer; opacity: 0.7; transition: all 0.5s;}
#arrow:hover {opacity: 1;}
#arrow img {height: 50px; width: 50px;}

/*---Float-Contact---*/
.float_rl {position: fixed; background-color: #ffaa17; color: #fff; right: 0; top: 40%; width: auto; border-radius: 6px 0 0 6px; box-shadow: 1px 1px 6px -1px #3333336b; z-index: 999; cursor: pointer; text-align: center; transition: all 0.5s; overflow: hidden;}
.float_rl p {margin: 0; padding: 10px; font-size: 14px;}
.contInfo {background-color: #fff; padding: 0;}
.contInfo a {display: block; padding: 8px 15px; color: #333;}
.contInfo a:first-child {border-bottom: 1px solid #cccccc7a;}
.contInfo a:hover {background-color: #cccccc87; text-decoration: none;}
.float_open {right: -120px; width: 150px; border-radius: 6px 6px 0 0; transform: translate3d(0, 0, 0) rotate(-90deg); backface-visibility: hidden; animation-name: shakeMe; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; transition: all 0.5s; text-align: center;}

@keyframes shakeMe {
    2%, 18% { transform: translate3d(0, -8px, 0) rotate(-90deg); }
    4%, 16% { transform: translate3d(0, 8px, 0) rotate(-90deg); }
    6%, 10%, 14% { transform: translate3d(0, -8px, 0) rotate(-90deg); }
    8%, 12% { transform: translate3d(0, 8px, 0) rotate(-90deg); }
    18.1% { transform: translate3d(0, 0, 0) rotate(-90deg); }
}
#float_contact:hover {-webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; cursor: pointer;}

/*........media-querries........*/
@media only screen and (max-width:991px) {
	nav .logo {height: 55px;}
	.menu li a {font-size: 14px; padding: 14px 8px;}
	.menu li {margin: 0;}
}

@media only screen and (max-width:767px) {
	.resp, .layer {display: block !important;}
	.menu {position: fixed; height: 100%; width: 70%; left: -70%; top: 0; background-color: #f5f5f5; z-index: 9999; transition: all 0.5s;}
	.menu_open {left: 0%;}
	.menu li {display: block;}
	.menu li a {padding: 15px 30px;}
	.menu li:hover .sub_menu {position: relative; width: 100%; top: inherit; -webkit-box-shadow: none; box-shadow: none; padding: 5px 0 5px 25px;}
	.menu li .sub_menu li a {border-bottom: none;}
	.banner_info {text-align: center; height: 100%; background-color: #ffffff50; display: grid; align-items: center;}
	.banner_info p {font-weight: 600;}
	.banner_home .banner_img img {float: inherit; width: 100%; object-fit: cover;}
	.team_box {margin-bottom: 15px;}
	.no_resp {display: none;}
	.layer {position: fixed; z-index: 999; height: 100%; width: 100%; left: 0; top: 0; background-color: #00000045; visibility: hidden; opacity: 0; transition: all 0.5s;}
	.layer_open {visibility: visible; opacity: 1;}
	.tImg {margin-bottom: 15px;}
}

@media only screen and (max-width:576px) {
	.dots {bottom: 30px;}
	.mainheading {font-size: 30px; line-height: 36px;}
	.about_ul {grid-template-columns: repeat(1, 1fr);}
	.about_ul li {margin-bottom: 5px;}
	.whyus_sec {background: none; background-color: #ffaa17; padding: 35px 0;}
	.prod_grid {grid-template-columns: repeat(1, 1fr);}
	.contact_sec, .prod_bcx, footer, .about_sec {padding: 35px 0;}
}

@media only screen and (max-width:420px) {
	.col-8 .header_ul li:last-child {display: none;}
	.pr_0 {padding-right: 0;}
}