li { list-style: none; }
img { max-width: 100%; }
body { background-color: #edeff0; overflow-x: hidden; }
.main_banner,
#header,
.inauire { background-color: #fff !important; }
.navbar.navbar-expand-lg.navbar-light,
.container { max-width: calc(78% + 3px); margin: auto; max-width: 90%; }
.navbar-collapse { justify-content: flex-end; }
.navbar-expand-lg .navbar-nav { align-items: center; }
.navbar-light .navbar-nav .nav-link { color: #4e4f4f; font-size: 20px; transition: all 0.4s linear;margin-left: 24px; font-weight: 600;}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover { color: #2b89c7; }
.navbar-brand img { transition: all 0.4s linear; }
#header.active .navbar-light .navbar-brand img { max-width: 230px; }
#header { content: ""; width: 100%; border-bottom: 0px solid #777; }
.fixed-top { position: relative; top: 0; right: 0; left: 0; z-index: 1030; }
.fixed-top.active{position: fixed;}
#header.active { box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15); background: #053a7d; animation: stickySlideDown .7s linear; }

.main_banner1
{
display:none;
}
/*@keyframes stickySlideDown {
    0% { top: -100px; opacity: .4; }
    100% { top: 0; opacity: 1; }
}*/
.about
{
	font-size:30px;
	color:white;
}
.about h1 a
{
	display:inline;
	font-size:30px;
	color:white;
}
.about h1 a:hover
{
	color:white;
}
.main_banner { padding-top:0; }
.main_banner h1,
.main_banner h3 { font-size: calc(45px + (73 - 45)*((100vw - 1200px)/(1920 - 1200))); color: #196aa9; font-weight: 700; }
.main_banner h2 { font-size: calc(45px + (130 - 45)*((100vw - 1200px)/(1920 - 1200))); color: #196aa9; font-weight: 700; }
.main_banner h3,
.main_banner h3 + h2 { color: #2a86d1; }
.main_banner p { font-size: 48px; color: #196aa9; line-height: normal; }
.main_banner p + p { font-size: 32px; color: #196aa9; line-height: normal; }
.our_servies { width: 100%; float: left; background: url(../images/our-services-bg.png)no-repeat; padding: 50px 0; background-size: 100% 100%; background-color: #d4e9f9; margin-bottom: 150px; }
.img { width: 100%; float: left; position: relative; }
.img img { width: 100%; }
.ss-style-doublediagonal .we-smilpy { text-align: center; position: absolute; left: 0; top: 7%; }
.ss-style-doublediagonal .col-md-12 h2 { font-size: calc(45px + (60 - 45)*((100vw - 1200px)/(1920 - 1200))); color: #535356; font-weight: 700; }
h2.main_heading { font-size: calc(45px + (60 - 45)*((100vw - 1200px)/(1920 - 1200))); color: #535356; font-weight: 700; }
.ss-style-doublediagonal .col-md-12 h2 span { color: #045afa; }
.ss-style-doublediagonal .col-md-12 h2 + p { color: #535356; font-size: calc(22px + (36 - 22)*((100vw - 1200px)/(1920 - 1200))); font-weight: 700; }
.ss-style-doublediagonal .col-md-12 li img { width: auto; }
.ss-style-doublediagonal .col-md-12 li span { font-size: 30px; color: #444545; font-weight: 700; }
.ss-style-doublediagonal .col-md-12 ul { counter-reset: dots; display: grid; grid-template-columns: 1fr 1fr; padding-left: 0; grid-row-gap: 30px; margin-top: 50px; }
.ss-style-doublediagonal .col-md-12 li::before { counter-increment: dots; content: counter(dots, decimal-leading-zero); display: block; font-size: 30px; font-weight: 700; color: #444545; }
.ss-style-doublediagonal .col-md-12 li p { font-size: 20px; color: #444545; font-weight: 400; }
.ss-style-doublediagonal .col-md-12 li { padding-left: 104px; background-position: top 40px left; }
.product-sourceing { background: url(../images/product-sourceing.png)no-repeat left center; }
.venodr { background: url(../images/vendir.png)no-repeat left center; }
.management { background: url(../images/management.png)no-repeat left center; }
.acquiring { background: url(../images/acquiring.png)no-repeat left center; }
.contract { background: url(../images/contract.png)no-repeat left center; }
.sampling { background: url(../images/sampling.png)no-repeat left center; }
.setting { background: url(../images/setting.png)no-repeat left center; }
.shipments { background: url(../images/shipments.png)no-repeat left center; }
.itsolution { background: url(../images/it.png)no-repeat left center; }
.digitalmarketing { background: url(../images/social-media.png)no-repeat left center; }
.we-servces { width: 100%; float: left; background: url(../images/we-services.png)no-repeat; background-size: cover; }
.we-servces { width: 100%; float: left; background: url(../images/we-services.png)no-repeat; background-size: cover; margin-top: -261px; padding-top: 13%; text-align: center; }
.categorys li a { font-size: 18px; color: #444545 }
.categorys li img { width: 64px; height: auto; margin-right: 10px; }
.we-servces ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 50px; text-align: left; margin-top: 100px; }
.we-servces ul li a { display: flex; align-items: center; transition: all 0.4s linear; text-decoration: none; }
.we-servces ul li a:hover { color: #045187; }
.we-servces ul li.Wastewater { grid-column: 1 / 3; }
.we-servces h2 { font-size: 48px; color: #045187; font-weight: 700; }
h2.main_heading { font-size: calc(45px + (60 - 45)*((100vw - 1200px)/(1920 - 1200))); font-weight: 700; text-align: center; }
.about_us h2.main_heading { font-weight: 400; color: #fff; margin-bottom: 50px; }
.about_us { background: url(../images/about_bg.png)no-repeat; background-size: 100% 100%; padding: 190px 0; }
.about_us p { font-size: 30px; color: #fff; font-weight: 400; margin-bottom: 40px; }
.inauire h2.main_heading { text-align: center; font-weight: 400; color: #5e5b5b; margin-top: -67px; }
.inauire hr { border-top: 6px solid  #dbdbde; }
.inauire h2.main_heading span { background: #fff; padding: 0 20px; }

/*.inauire h2.main_heading::before,
.inauire h2.main_heading::after,
*/

/*footer h2.main_heading::after { background-color: #dbdbde; content: ""; display: inline-block; height: 6px; position: relative; vertical-align: middle; width: 50%; }*/

/*.inauire h2.main_heading::before { right: 0.5em; margin-left: -50%; }
.inauire h2.main_heading::after,
footer h2.main_heading::after { left: 0.5em; margin-right: -50%; }
*/.inauire { padding-top: 40px; padding-bottom: 40px; }
form { background: #dbdbde; padding: 26px; max-width: calc(85% + 20px); margin: auto; margin-top: 0px; }
.form-control {outline: none; background: #f3f3fb; height: 68px; border-radius: 0; border: 0; font-size: 22px; }
select{outline: none; height: 69px; width: 100%; border: 0;background: #f3f3fb; padding: 0 12px; font-size: 20px; color: #7d7d82; -webkit-appearance: none; }
textarea { outline: none;height: 80px; width: 100%; border-radius: 0; border: 0; background: #f3f3fb; padding: 0 12px; font-size: 20px; color: #7d7d82; -webkit-appearance: none; }
.btn.btn-primary { background: #045187; margin: 10px auto 0px; font-size: 22px; font-weight: 400; text-transform: uppercase; border: 0; width: 210px; height: 57px; border-radius: 0; }
textarea:focus {
    border:4px solid #a4c3e6;
    background: #ffffff;
    
}
select:focus {
    border:4px solid #a4c3e6;
    background: #ffffff;
    
}
footer { background: #045187; width: 100%; float: left; color: #fff; padding: 40px 0; }
footer h2.main_heading { color: #fff; text-align: left; font-size: 40px; }
footer h2.main_heading::after { margin: 0; width: 75%; }
footer ul { padding-left: 0; }
address strong { font-size: 30px; }
address p,
footer ul li a { font-size: 24px; color: #fff; text-decoration: none;}
footer ul li a:hover{color: #fff;text-decoration: none;}
footer ul li a img { margin: 15px; }
.map { width: 100%; }
.site-info { background: #dcdcdc; padding: 15px 0; font-weight: 700; }
.modal-content h4 {font-size: 18px;font-weight: 600;}
.modal-content ul{padding-left: 0;}
.modal-content ul li a {font-size: 20px;color: #000;text-decoration: none;transition: all 0.4s linear;}
.modal-content ul li a:hover{color: #0c5283;padding-left: 5px;}
.theme3.owl-carousel.owl-theme{display:inline-block;}
.banner_tow_row {background: #fff;padding-top: 20px;}
.banner_tow_row p{max-width: 800px;margin: 0 auto;font-size: 20px;text-align: center;line-height: 27px;font-weight: 400;}
.we-servces ul li a:hover{transform: scale(1.1);}

.modal-content ul li{padding-bottom:10px;}
.modal-content h4{font-size:20px;}

div.rcolx ul li a {
	color: #5f2a2b;
}
div.rcolx ul li a:hover {
	color: #9c4342;
	font-weight: bold;
}  
div.rcol ul li a {
	color: #8e3e49;
} 
div.rcol ul li a:hover {
	color: #9c4342;
	font-weight: bold;
} 
div.rcol1 ul li a {
	color:#364b60;
}
div.rcol1 ul li a:hover {
	color:#4876aa;
	font-weight: bold;
}
div.rcol2 ul li a {
	color:#3f2e74;
}
div.rcol2 ul li a:hover {
	color:#543b97;
	font-weight: bold;
}


@media (max-width:1500px) {
	.main_banner p { font-size: 36px; }
	.main_banner p + p { font-size: 22px; }
	.ss-style-doublediagonal .col-md-12 li span,
	address strong { font-size: 24px; }
	.ss-style-doublediagonal .col-md-12 li p { font-size: 16px; }
	.navbar-light .navbar-nav .nav-link {padding: 0 20px;}
	.categorys li a,
	.about_us p,
	.navbar-light .navbar-nav .nav-link { font-size: 20px; }
	.we-servces { margin-top: -219px; padding-top: 13%; text-align: center; }
	.categorys li a, .about_us p, .navbar-light .navbar-nav .nav-link{font-size: 16px;}
}
@media (max-width:1280px) {
	.main_banner p { font-size: 32px; }
	.main_banner p + p { font-size: 18px; }
	.ss-style-doublediagonal .col-md-12 li span,
	address strong { font-size: 20px; }
	.ss-style-doublediagonal .col-md-12 li p { font-size: 16px; }
	.categorys li a,
	.about_us p,
	.navbar-light .navbar-nav .nav-link { font-size: 18px; }
	navbar-light .navbar-nav .nav-link{font-size: 13px;}
	
	.main_banner1
	{
	display:hidden;
	}
}
@media (max-width:1024px) {
	.we-servces ul { grid-template-columns: 1fr 1fr 1fr; }
	.we-servces ul li.Wastewater { grid-column: 1; }
	#navbarNav ul li { display: block; }
	.navbar-brand img { height: 50px; }
	#header,
	.our_servies,
	.about_us { background-image: none; }
	.about_us{background-color: #045187;padding: 60px 0;}
	.inauire h2.main_heading{margin-top: -54px;}
	.about_us p { margin-bottom: 20px; }
	address p,
	footer ul li a { font-size: 16px; }
	footer h2.main_heading { font-size: 26px; }
	.main_banner .row { align-items: center; }
	.img > img { display: none; }
	.ss-style-doublediagonal .col-md-12 ul { grid-template-columns: 1fr; }
	.ss-style-doublediagonal .col-md-12 li { padding-left: 64px; background-size: 50px auto; }
	.ss-style-doublediagonal .we-smilpy { position: relative; }
	.our_servies { margin-bottom: 50px; }
	.we-servces { margin-top: auto; padding-top: 0; background-image: none; }
	.navbar.navbar-expand-lg.navbar-light,
	.container { max-width: 100%; }
}
@media (max-width:992px) {
	#navbarNav ul li { display: block; width: 100%; }
	navbar-light .navbar-nav .nav-link{padding-top: 5px;padding-bottom: 5px;}
}
@media (max-width:767px) {
	.we-servces ul { grid-template-columns: 1fr 1fr; }
	form { max-width: 100%; }
	.form-control { font-size: 16px; height: 48px; }
	.inauire h2.main_heading{margin-top: -45px;}
}
@media (max-width:576px) {
	.we-servces ul { grid-template-columns: 1fr; margin-top: 30px; }
	.categorys li img { width: 44px; }
	.btn.btn-primary { width: 170px; height: 48px; font-size: 15px; }
	.ss-style-doublediagonal .col-md-12 li span,
	address strong { font-size: 16px; }
	.ss-style-doublediagonal .col-md-12 li { padding-left: 44px; background-size: 30px auto; }
	.ss-style-doublediagonal .col-md-12 h2 + p { font-size: 16px; }
	.main_banner h1,
	.main_banner h3 { font-size: 22px; }
	.main_banner h2,
	.main_banner p { font-size: 18px; }
	.banner_tow_row{padding-bottom: 20px;}
	
.main_banner1
{
display:inline;
}
.main_banner
{
display:none;
}
	
}