*{ margin: 0; padding: 0; } body{ color: #333; font-weight: 400; font-family: "Montserrat", sans-serif; } a:link, a:visited{ text-decoration: none; } a:hover{ text-decoration: none; color: #000; } a:focus{ outline: 0; } ul li{ list-style: none; } .firstrow {border: 1px solid #dfeaf5; background: #e7ecef; font-size: 20px; padding: 10px 20px;} .secondrow {text-align:right; border: 1px solid #dfeaf5; background: #e7ecef; font-size: 20px; padding: 10px 20px;} #firstsec{margin:1% 2%;} @media screen and (max-width: 768px){.secondrow {text-align:left; }} header{ position: absolute; left: 0; right: 0; padding-top: 20px; z-index: 99; } .top-head ul li{ display: inline-block; padding-right: 15px; } .top-head ul li a{ color: #fff; font-size: 16px; } .top-head ul li a span{ padding-right: 2px; } .main-head{ background-color: #152040; background-position: 0px 230px; background-repeat: no-repeat; background-size: cover; position: relative; /* opacity: 1; background-image: url(../images/bee_overlay.png) ; */ /*border-bottom: 8px solid #e2e2e2;*/ } .main-head:before{ background: -webkit-linear-gradient( 90deg ,rgba(21,108,240,0.5) 0%,rgba(21,108,240,0) 45%); background: -moz-linear-gradient(90deg,rgba(21,108,240,0.5) 0%,rgba(21,108,240,0) 45%); background: linear-gradient( 0deg ,rgba(21,108,240,0.5) 0%,rgba(21,108,240,0) 45%); } /************************/ .header_menu { padding: 5px 0 5px; display: flex; position: relative; margin-top:15px; } .header_menu::after{ content: ""; position: absolute; background: #fe590f; border-radius: 0px 50px 50px 0px; height: 65px; top: 0; left: 0%; width: 78%; z-index: -1; box-shadow: 0 2px 0 2px #fff; } #header .logo img { width:85%; height:auto; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .header-scrolled .logo img { width:70% !important; height:auto; display:block; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .header-scrolled{ box-shadow: 0 0 2px 2px #0000004a; } .main-nav > ul { margin-top:5px; margin-bottom: 0rem; } .main-nav > ul > li { position: relative; white-space: nowrap; float: left; } .main-nav a { display: block; position: relative; color: #fff; padding: 10px 15px; transition: 0.3s; font-size: 16px; font-family: "Montserrat", sans-serif; font-weight: 500; } .main-nav a:hover, .main-nav li:hover > a { color: #03175b; text-decoration: none; } .main-nav .drop-down ul { display: block; position: absolute; left: 0; top: calc(100% + 30px); z-index: 99; opacity: 0; visibility: hidden; padding: 10px 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s; } .bg li{ background: #fff; } .main-nav .drop-down:hover > ul { opacity: 1; top: 100%; visibility: visible; } .main-nav .drop-down li { min-width: 270px; position: relative; } .main-nav .drop-down ul a { padding: 5px 15px; font-size: 14px; color: #66707f; } .main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a { color: #fe590f; } .main-nav .drop-down > a:after { content: "\f107"; font-family: FontAwesome; padding-left: 10px; } .main-nav .drop-down .drop-down ul { top: 0; left: calc(100% - 30px); } .main-nav .drop-down .drop-down:hover > ul { opacity: 1; top: 0; left: 100%; } .main-nav .drop-down .drop-down > a { padding-right: 35px; } .main-nav .drop-down .drop-down > a:after { content: "\f105"; position: absolute; right: 15px; } .slide-text{ position: absolute; top:36%; left: 20%; color: #fff; } .slide-text h2{ font-family: 'Oswald', sans-serif; font-size: 50px; margin-bottom: 15px; } .slide-text ul{ margin-top: 30px; } .slide-text ul li{ display: inline-block; padding: 10px 20px; border-radius: 5px; font-weight: 500; } .slide-text ul li:nth-child(1){ margin-right: 15px; border: 1px solid #fff; } .slide-text ul li:nth-child(1):hover{ background-color: #fff; } .slide-text ul li:nth-child(1):hover a{ color: #031659; } .slide-text ul li:nth-child(2){ background-color: #fff; } .slide-text ul li:nth-child(2):hover{ border: 1px solid #fff; background-color: #031659; } .slide-text ul li:nth-child(2) a{ color: #031659 !important; } .slide-text ul li:nth-child(2):hover a{ color: #fff !important; } .slide-text ul li a{ color: #fff; } .carousel-indicators{ right: auto; bottom: 50px; left: 0; margin-left: 9%; } 

/*******************/ .mobile-nav { position: fixed; top: 0; bottom: 0; z-index: 9999; /*overflow-y: auto;*/ left: -325px; width: 325px; padding-top: 18px; background: #001048; transition: 0.4s; } .mobile-nav a { display: block; position: relative; color: #fff; padding: 10px 20px; font-weight: 500; } .mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a { color: #74b5fc; text-decoration: none; } .mobile-nav .drop-down > a:after { content: "\f078"; font-family: FontAwesome; padding-left: 10px; position: absolute; right: 15px; } .mobile-nav .active.drop-down > a:after { content: "\f077"; } .mobile-nav .drop-down > a { padding-right: 35px; } .mobile-nav .drop-down ul { display: none; overflow: hidden; } .mobile-nav .drop-down li { padding-left: 20px; } .mobile-nav-toggle { position: absolute; right: 10px; top:100px; z-index: 9998; border: 0; background: #0000; font-size: 24px; transition: all 0.4s; outline: none !important; line-height: 1; cursor: pointer; text-align: right; } .mobile-nav-toggle i { margin: 0px 0px 0 0; color: #000; } .mobile-nav-overly { width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: #00000085; overflow: hidden; display: none; } .mobile-nav-active { overflow: hidden; } .mobile-nav-active .mobile-nav { left: 0; } .mobile-nav-active .mobile-nav-toggle i { color: #fff; } .header-scrolled .main-nav > ul { margin-top:5px; } .mobile-slider{ display: none; } @media screen and (max-width: 768px){ header { position: relative; padding-top: 20px; z-index: 99; } #header{ background: #fe590f; box-shadow: 0 2px 0 2px #fff; } .header_menu{ margin-top: 0px; } .header_menu::after{ display: none; } #header .logo img { width: 70%; } .mobile-nav-toggle{ font-size: 20px; } .mobile-nav-toggle span{ color: #fff; } .top-head ul li a{ font-size: 15px; } .top-head ul li{ margin-bottom: 7px; } .top-head ul{ margin-bottom: 0; } .desktop-slider{ display: none; } .carousel-indicators{ bottom: 0; right: 0; } .mobile-slider{ display: block; } .mobile-nav a{ font-size: 14px; padding: 7px 7px; } } /************************/ .slide-img img{ -webkit-filter: drop-shadow(10px 40px 105px rgba(0,8,33,.8)); filter: drop-shadow(10px 40px 105px rgba(0,8,33,.8)); } /************************/ .hm-prod{ /* background-image: url(../images/bginner.png); */ background-position: 0 -5px; background-repeat: repeat-x; background-color: #F5F5F5; padding: 60px 0 40px; clear: both; } .hm-prod-dtl{ position: relative; margin-bottom: 10px; } .hm-prod-dtl h4{ position: absolute; bottom:-0px; font-size: 14px; color: #333; background-color: rgba(255,255,255,.9); width: 90%; margin-bottom: 0; border-left: 4px solid #fe590f; padding:5px 0 5px 12px; font-weight: 600; transition: 0.6s; height: 42px; } .hm-prod-dtl:hover h4{ opacity: 0; } .hm-prod-dtl:hover::after{ content:""; position: absolute; background:url(../images/plus.svg) no-repeat; width: 40px; height: 40px; z-index: 999; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .hm-prod-dtl:hover::before{ content:""; display: block; position: absolute; background-color: #31323385; z-index: 1; left: 0; bottom: 0; right: 0; top: 0; } .prod-pd{ line-height: 35px; } 

.hm-prod-pd{ padding-right: 5px; padding-left: 5px; } 

.hm-prod-head{ text-align: center; padding-bottom:40px; } .hm-prod-head h2{ font-weight: 700; color: #0026a9; font-family: 'Oswald', sans-serif; } .hm-prod-head p{ font-weight: 600; margin-bottom: 10px; } .hm-prod-head-line{ width: 200px; height: 2px; background-color: #dedede; position: relative; margin: 0 auto; display: inline-block; } .hm-prod-head-line:before{ content: ""; display: block; width: 55px; height: 4px; position: absolute; top: -1px; background-color: #fe590f; left: 50%; transform: translateX(-50%); } /* About */ .hm-about{ background-image: url(../images/background-factory-blue.jpg); background-position: 50% -45.2147px; padding: 40px 0; } .hm-abt-dtl h6{ color:#ffffffa3; font-weight: 600; } .hm-abt-dtl h2{ font-family: 'Oswald', sans-serif; color:#fff; position: relative; } .hm-abt-dtl h2::after{ content: ""; position: absolute; width: 100px; height: 4px; background-color: #fe590f; bottom: -18px; left: 0; z-index: 99; } 

.hm-abt-dtl p{ color: #fff; margin-top: 20px; } 

.hm-abt-img{ margin-top: 35px; } .hm-testimoial{ padding-top: 80px; padding-bottom: 80px; } .testimonial-ico { display: block; float: left; width: 100px; height: 80px; margin-right: 100px; padding-left: 62px; background-color: #020203; line-height: .85; font-size: 13rem; font-weight: 700; font-style: normal; color: #fe590f; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: -apple-system,BlinkMacSystemFont,Assistant,sans-serif; } .hm-testimoial2 h2{ font-size: 25px; } .hm-testimoial2 span{ margin-bottom: 10px; line-height: 1; color: #c8c8c8; text-transform: uppercase; font-size: 16px; } .slid5 p{ margin-top: 20px; margin-bottom: 20px; line-height: 28px; color: #777; font-weight: 500; font-size: 18px; font-style: italic; } .slid5 h4{ position: relative; padding-left: 80px; } .slid5 h4:after{ content: ""; position: absolute; width: 60px; height:2px; background: #fe590f; top: 50%; left: 0; } .carousel-indicatorss { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; position: absolute; right: 0; bottom: -50px; } .carousel-indicators .dotss { margin: 0 0.50rem; } .carousel-indicators .dotss { display: block; width: 10px; height: 10px; padding: 0; border: none; border-radius: 100%; background-color: #777; text-indent: -9999px; } .carousel-indicators .dotss.active { background-color: #fe590f; } /*footer*/ footer{ background: #152040; padding: 40px 0; } .ftr_head h4 { color: #fff; font-weight: 400; margin-bottom: 35px; font-size: 20px; position: relative; } .ftr_head h4:after { content: ""; position: absolute; width: 40px; height: 2px; background: #fe590f; bottom: -12px; left: 0; } .ftr_cont ul li { margin-left: 35px; margin-bottom: 10px; color: #fff; } .ftr_cont>ul>li>a { color: #fff; position: relative; line-height: 24px; font-size: 15px; } .ftr_cont>ul>li>a>i { position: absolute; left: -35px; top: 6%; font-size: 20px; } .ftr_link ul li { padding-bottom: 5px; } .ftr_link ul li a { color: #fff; font-size: 14px; } .ftr_link h4{ color: #ff0000; font-size: 1.2rem; } .ftr{ background: #2f2f2f; padding: 10px 0; } .ftr_social ul li{ display: inline-block; margin: 0 5px 0px 0; } .ftr_social ul li a{ color: #fff; font-size: 18px; text-align: center; } .ftr_social .fa-instagram{ background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); width: 35px; height: 35px; line-height: 37px; border-radius: 50%; } .ftr_social .fa-facebook{ background-color: #4267B2; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; } .ftr_social .fa-twitter{ background-color: #55acee; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; } .ftr_social .fa-linkedin{ background-color: #0077B5; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; } .ftr_made p{ text-align: right; color: #fff; padding-top: 10px; font-size: 16px } /**/ .main-heading{ padding-top: 200px; padding-bottom:10px; } .main-heading1 ul{ text-align: left; position: relative; margin-top: 0px; } .main-heading1 ul li{ display: inline-block; color: #fff; padding: 0 5px; } .main-heading1 ul li a{ color: #fe590f; } /**/ .about{ padding: 40px 0; position: relative; } .abt-shadow{ position: absolute; top: -20%; left: -10%; width: 40%; z-index: -99; } .about-img-text{ background: #1c63b8; width: 80%; position: absolute; bottom: 0px; } .about-img-text p{ color: #fff; padding: 20px; margin-bottom: 0; font-weight: 500; letter-spacing: 0.5px; word-spacing: 1px; } .about-detail h5{ color: #1c63b8; position: relative; font-weight: 500; font-family: 'Oswald', sans-serif; font-size: 26px; margin-bottom: 10px; } .about-detail h5:after{ content: ""; position: absolute; width: 40px; height: 3px; background: #1c63b8; top: 50%; margin-left: 12px; } .about-detail h2{ color: #000; font-family: 'Oswald', sans-serif; font-size: 45px; margin-bottom: 20px; } .about-detail p{ font-weight: 500; word-spacing: 1.2px; letter-spacing: 0.2px; color: #777; font-size: 15px; margin-bottom: 10px; } .about-resarch{ background-color: #f1f1f191; padding: 20px; margin-top: 40px; } .about-resarch p{ font-weight: 500; word-spacing: 1.2px; letter-spacing: 0.2px; margin-bottom: 0px; margin-top: 15px; color: #777; font-size: 15px; } .about-resarch img{ float: left; margin-right:20px; } .about-resarch h4{ margin-top: 20px; font-family: 'Oswald', sans-serif; } /**/ .prod-side-menu{ padding: 40px 0; } .prod-list{ background-color: #f1f1f1; padding: 10px; } .prod-list ul{ margin-bottom: 0; } .prod-list ul li{ background-color: #fff; padding: 10px; margin-bottom: 5px; } .prod-list ul li a{ color: #555; font-weight:500; font-size: 14px; display: block; } .prod-list ul li:hover{ background: #03175b; } .prod-list ul li:hover a{ color: #fff; } .prod-main-detl h1{ font-family: 'Oswald', sans-serif; color: #000; margin-bottom: 20px; font-size: 2rem; } .prod-main-detl p{ font-weight: 500; color: #666; line-height: 24px; word-spacing: 1.2px; letter-spacing: 0.2px; font-size: 15px; margin: 10px 0px; } .prod-main-detl h4{ margin-top: 20px; font-size: 20px; color: #03175b; } .prod-main-img img{ margin-top: 15px; border: 2px solid #e2e2e2; } .prod-main-detl ul li{ list-style-type: disc; list-style-position: inside; line-height: 26px; word-spacing: 1.2px; letter-spacing: 0.2px; font-weight: 500; color: #666; padding-bottom: 10px; font-size: 15px; } /**/ .contact{ padding: 60px 0; } .cont-heading{ margin-bottom: 20px; } .cont-heading h4{ color: #ff6348; text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 26px; } .cont-heading h1{ font-weight: 700; text-transform: capitalize; font-size: 50px; line-height: 60px; color: #0c2461; font-family: 'Oswald', sans-serif; margin-bottom: 20px; } .cont-heading p{ font-weight: 500; } .cont-form label{ width: 100%; font-weight: 700; display: inline-block; margin-bottom: .5rem; margin-top: 1rem; } .cont-form form input,.cont-form form textarea{ display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; border-color: #9baab7 !important; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 2px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .cont-form form input::placeholder,.cont-form form textarea::placeholder{ font-weight: 500; color: #4950578f; font-size: 14px; } .cont-dtl{ margin: 30px 0 40px 0px; } .cont-dtl h5{ font-size: 20px; line-height: 30px; font-weight: 700; color: #03175b; } .cont-dtl i { color: #ff6348; padding-right: 5px; font-size: 22px; } .cont-dtl p{ font-weight: 500; } .cont-dtl ul li a{ font-weight: 500; color: #000; padding-bottom: 5px; display: block; } .btn-primary{ background-color: #ff6348 !important; color: #fff !important; margin-top: 20px; width: 180px !important; border: none !important; padding: 15px 30px !important; font-weight: 600 !important; } /**/ .catlog{ margin-bottom: 60px; } .cat-img{ position: relative; margin-top:60px; -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); box-shadow: 0 6px 12px rgb(0 0 0 / 18%); } .cat-nam{ position: absolute; left: 0; right: 0; bottom: 0; } .cat-nam{ padding: 10px; background: #ddd; } .cat-nam ul{ margin-bottom: 0; } .cat-nam ul li{ display: inline-block; } .cat-nam ul li:first-child{ background: #010064; color: #fff; padding: 8px; width: 80%; border-radius: 5px; font-size: 12px; } .cat-nam ul li:nth-child(2){ width: 18%; text-align: center; } .cat-nam ul li img{ position: relative; margin-top: -5px; } 

@media screen and (max-width: 768px){ .hm-abt-dtl{ margin-top: 25px; } .hm-abt-dtl h2{ font-size: 24px; } .testimonial-ico { display: block; float: left; width: 41px; height: 43px; margin-right: 39px; padding-left: 18px; background-color: #020203; line-height: 0.85; font-size: 7rem; font-weight: 700; font-style: normal; color: #fe590f; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: -apple-system,BlinkMacSystemFont,Assistant,sans-serif; } .hm-testimoial2 h2{ font-size: 22px; } .slid5 h4{ font-size: 1rem; } .slid5 h4:after{ content: ""; width: 40px; padding-left: 55px; } .main-heading{ padding-top: 45px; } .about-detail h2{ font-size: 28px; } .about-resarch h4{ margin-top: 5px; } .prod-main-detl h1{ font-size: 25px; } .prod-list{ margin-top: 30px; } .cont-heading h1{ font-size: 39px; line-height: 35px; } hm-prod-pd{padding-left:20px; padding-right:20px;} } 

.ftr-btm p{ color: #fff; text-align: center; font-size: 14px; }

.prod-main-detl h2{ font-size: 25px; font-weight:600; color:#1799d5; }



input[type=text], [type=email], [type=number], textarea, select{width:100%; max-width:100%; padding:8px; font-size:15px; margin:1px; display: inline-block; border:1px solid #cccccc; border-radius:4px;  box-sizing:border-box; }
	
input[type=submit]{width:100%; max-width:100%; font-size:15px; background-color:#003366; color:white; padding:8px; border:none; border-radius:4px;  cursor:pointer;}
	
input[type=submit]:hover{background-color:#800000; color:white; max-width:100%;}
			
button{width:100%; max-width:100%; background-color:#003366; color:white; padding:8px; border:none;border-radius:4px;  cursor:pointer;}
	
.quickcontact{right:0px; bottom:0px; max-width:100%; background-color: #f2f2f2;}
			
.max{z-index:1000; border:#003366 thick solid; position:fixed; font-size:15px; width:225px; right:0px; bottom:0px; border-radius: 5px; max-width:100%; background-color: #f2f2f2; padding:5px; margin:1px;}