@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap')
@import url(https://allfont.net/allfont.css?fonts=agency-fb)
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap')
body{font-family: 'Arimo', sans-serif;}


li{font-family: 'Arimo', sans-serif;}

h1,h2,h3,h4,h5,h6 {font-family: 'Source Sans Pro', sans-serif;}

p {font-family: 'Source Sans Pro', sans-serif;}


.navbar-light .navbar-nav .nav-link { color:#555555; font-weight:700;}
.navbar-light .navbar-nav .nav-link:hover { color:#ed2027;}
nav.bg-light {background-color: rgba(255,255,255,.9)!important;}

.nvb-r { right:0;position:absolute;  top:20px; }
.nvb-r img{  border-radius:50%;background-color:rgba(255,255,255,.9); height:80px; width:80px; height:100%;}

.nav-item	.active { color:#ed2027!important;}

.wwd {
    background-image: url(../img/bg1.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
		padding:70px 0px;
}
.wwd h1{font-weight:700}
.wwdbx {background-color:#fff; height:200px; position:relative; margin-top:180px}
.wwdbx h3 {font-family: 'Agency FB', arial; font-weight:700; text-align:center; color:#fff }

.wdhbx {background-color:#ed1c24;  position:absolute; bottom:10%; width:70%; right:15%; left:15%}

.wdhbx1 {background-color:#fff; position:absolute; height:200px; width:200px; border-radius:50%; top:-100px; left:22%; right:auto; display:block; 
-webkit-box-shadow: 10px 12px 8px #f9dcec, 20px 20px 0px 0px #fff, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 10px 12px 8px #f9dcec, 20px 20px 0px 0px #fff, 5px 5px 15px 5px rgba(0,0,0,0);
 } 
 .wdhbx1 img{width:100%}
 
 

.absc {
    background-image: url(../img/bg2.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
	padding:25vh 0px;
}
.absc p {color:#fff; font-size:20px; font-weight:350} 
.abcnt {border: 1px solid #fff; border-radius:10px; padding:20px}
 
 
 
.orkng {
    background-image: url(../img/bg3.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
	padding: 100px 0px;
}


.orkng h1{ background-color: rgba(255,255,255,.7); border-radius:35px; position:relative;  width:40%; right:30%; left:30% }


.carsec{
    background-image: url(../img/bg4.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
		padding: 100px 0px;

}


.carsec h1, .carsec p{font-family: 'Play', sans-serif;}


 .carsec p{ color:#fff; font-size:20px}
 
 .carsec a{ color:#fff; } 
 .carsec a:hover{ text-decoration:none; color:#ed2027; }
 
 
 .prodet { background-color:#fff}
 .prodet p{ color:#000; font-family: 'Arimo', sans-serif;}
 .prodet h4{ color:#464646; font-family: 'Arimo', sans-serif;}
 
 
 
  .prodet1:before {
  content: "";
  position: absolute;
  left: 0px;
  top: -60px;
  height: calc(100% + 90px);
  width: 100%;
  border-right: 5px solid;
  border-image: linear-gradient(#f9f9f9,#c9c9c9,#aaaaaa,#999999,#aaaaaa,#c9c9c9,#f9f9f9) 1;
}
 
 .proimg { margin-top: -180px; }
 .proimg img {  width:auto; height:250px}
 
 
 
@media only screen and (max-width: 600px) {.proimg { margin-top: -150px; }}
@media only screen and (max-width: 550px) {.proimg { margin-top: -130px; }  .proimg img {  width:auto; height:200px}}
@media only screen and (max-width: 500px) {.proimg { margin-top: -100px; }  .proimg img {  width:auto; height:170px}}
@media only screen and (max-width: 400px) {.proimg { margin-top: -100px; }  .proimg img {  width:auto; height:150px}}
@media only screen and (max-width: 350px) {.proimg { margin-top: -90px; }  .proimg img {  width:auto; height:130px}}
@media only screen and (max-width: 300px) {.proimg { margin-top: -70px; }  .proimg img {  width:auto; height:100px}}


 
 
 .qry {
    background-image: url(../img/bg5.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}






 .qry .form-control {
    
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #464646;
    border-radius: .25rem;
}

 .qry .form-control:focus {
    box-shadow: 0 0 0 0;
}


.cnt {
	
    background-image: url(../img/bg6.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}


.cnt h4{font-family: 'Roboto Slab', serif; color:#ed2027;}
.cnt address{font-family: 'Roboto Slab', serif; color:#000;}
.cnt a{font-family: 'Roboto Slab', serif; color:#000;}
.cnt a:hover{color:#ed2027; text-decoration:none}




.con1 {
	
    background-image: url(../img/cnbx.png);
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-position: left;
}

.con1 {border-bottom:4px solid #60b9d5; width:40%;}

@media only screen and (max-width: 1199px) {.con1 { width:100%;}}


.con2 {
	
    background-image: url(../img/cnbx2.png);
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-position: left;
}


.absc1 {
    background-image: url(../img/bg7.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
	padding: 110px 0px;
}




.wwd2 {
    background-image: url(../img/bg8.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center; 
	padding: 80px 0px;

}

.wwdh1 h1{ color:#ed2027!important;}



.wwdh1 h1:after {
    content: "";
    display: block;
	
    height: 15px;
    background-image:  url(../img/ophul.png);
    background-repeat: no-repeat;
    background-position: bottom;
}


.wwdbx2 {background-color:#fff;  height:250px; width:250px; border-radius:50%; top:-100px; margin-left:120px; margin-bottom:-50px; right:auto; display:block; }
.wwdbx3 {background-color:#fff;  height:250px; width:250px; border-radius:50%; top:-100px; margin-left:50px; margin-bottom:-50px; right:auto; display:block; }
.wwdbx4 {background-color:#fff;  height:250px; width:250px; border-radius:50%; top:-100px; margin-left:-14px; margin-bottom:-50px; right:auto; display:block; }

.wwdbx2 img, .wwdbx3 img, .wwdbx4 img { margin-top:90px}



.navbar-toggler {
    padding: .0rem .2rem;
    font-size: 1rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 0rem;
    text-align: center;
    margin-right: 30%;
}


 .owl-1pp  .owl-nav {
		position:absolute;
    float: right!important;
    right: 50px;
    bottom: 70px;}
  .owl-nav span {
padding :0 30px;}

.pgtps {margin-top:80px;}
.foobg {background:#101010; color:#fff; padding:5px;}
.foobg  a{color:#fff;}




.imgpost {position:relative;}
.imgpost  .imgpostcon {position:absolute; top:240px}
.imgpost  .imgpostcon1 {margin-left:0;}
.imgpost  .imgpostcon2 {position:absolute; top:220px}
.imgpost  .imgpostcon3 {position:absolute; top:220px}
@media only screen and (max-width: 548px) {
	
.banimg{
	margin-top:30px;
}
}
	
@media only screen and (max-width: 448px) {
	
.banimg{
	margin-top:40px;
}
}
@media only screen and (max-width: 416px) {
	
.banimg{
	margin-top:60px;
}
}
@media only screen and (max-width: 370px) {
	
.banimg{
	margin-top:80px;
}
}
	
	
	
@media only screen and (max-width: 991px) {
	

.absc {
	padding:50px 0px;
}	
	
}
	
	
	
@media only screen and (max-width: 991px) {
	
.absc1 {
	padding:20px 0px;
}	
	
}
	
	
@media only screen and (max-width: 991px) {
	
.wwd {
	padding:20px 0px;
}	
	
}
	
@media only screen and (max-width: 429px) {.wwd h1{font-size:30px}}
@media only screen and (max-width: 329px) {.wwd h1{font-size:26px}}
	
@media only screen and (max-width: 1300px) {
.wdhbx { bottom:10%; width:80%; right:10%; left:10%}
.wdhbx1 { height:200px; width:200px; top:-100px; left:22%; right:auto;} 
}	
@media only screen and (max-width: 1199px) {.wdhbx1 {left:15%; right:auto; } }
@media only screen and (max-width: 991px) {.wdhbx1 {left:20%; right:auto; } }	
@media only screen and (max-width: 767px) {.wdhbx1 { left:30%; right:auto; } }
@media only screen and (max-width: 500px) {.wdhbx1 {left:28%; right:auto; } }
@media only screen and (max-width: 450px) {.wdhbx1 { left:24%; right:auto; } }
@media only screen and (max-width: 400px) {.wdhbx1 {left:22%; right:auto; } }
@media only screen and (max-width: 350px) {.wdhbx1 {left:18%; right:auto; } }
@media only screen and (max-width: 320px) {.wdhbx1 {left:15%; right:auto; } }
@media only screen and (max-width: 310px) {.wdhbx1 {  left:13%; right:auto; } }
@media only screen and (max-width: 297px) {.wdhbx1 {  left:11%; right:auto;} }
	
	
	
	
	

@media only screen and (max-width: 1199px) {.wwdbx2, .wwdbx3, .wwdbx4  {top:0px; margin-left:0px; margin-bottom:0px; right:auto;}}
@media only screen and (max-width: 767px) {.wwdbx2, .wwdbx3, .wwdbx4 {top:0px; margin-left:25%; margin-bottom:0px; right:auto;}}
@media only screen and (max-width: 550px) {.wwdbx2, .wwdbx3, .wwdbx4 {top:0px; margin-left:23%; margin-bottom:0px; right:auto;}}
@media only screen and (max-width: 450px) {.wwdbx2, .wwdbx3, .wwdbx4 {top:0px; margin-left:19%; margin-bottom:0px; right:auto;}}
@media only screen and (max-width: 400px) {.wwdbx2, .wwdbx3, .wwdbx4 {top:0px; margin-left:14%; margin-bottom:0px; right:auto;}}
@media only screen and (max-width: 350px) {.wwdbx2, .wwdbx3, .wwdbx4 {top:0px; margin-left:10%; margin-bottom:0px; right:auto;}}
@media only screen and (max-width: 300px) {.wwdbx2, .wwdbx3, .wwdbx4 {top:0px; margin-left:4%; margin-bottom:0px; right:auto;}}


@media only screen and (max-width: 1000px) {.wwd2 {	padding: 40px 0px;}}




@media only screen and (max-width: 1100px) {.orkng {padding: 50px 0px;}}
@media only screen and (max-width: 1100px) {.carsec {padding: 50px 0px;}}



.our_prm {}



.orprmis
{
background:#ededed;
height:100%!important;
}

.prmrow {
height: 500px;

}
.prmas1 {
    background-image: url(../img/ssr1.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
	height:100%;}
.prmas1:before {
content: "";
width: 100%;
height: 100%;
    background-image: url(../img/prsll.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
	float:left;
	position:absolute;right:380px;
display: inline-block;
}
	
.prmas2 {
    background-image: url(../img/ssr2.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
	height:100%;}
	
.prmas3 {
    background-image: url(../img/ssr3.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
	height:100%;}

.prmas3:after {
content: "";
width: 100%;
height: 100%;
    background-image: url(../img/prsrr.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
	float:right;
	position:absolute;left:380px;
display: inline-block;
}
.prmasin {
	width:100%;
	height:100%;
}







@media (max-width: 991px)
{
.prmrow {
height: auto;

}
.prmas1 {
    background-image: url(../img/ssr1.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
	height:300px;}
.prmas1:before {
display: none;
}
	
.prmas2 {
    background-image: url(../img/ssr2.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
	height:100%;
	height:300px;}
	
.prmas3 {
    background-image: url(../img/ssr3.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
	height:100%;
	height:300px;}

.prmas3:after {
display: none;
}
.prmasin {
	width:100%;
	height:100%;
}

}




@media (max-width: 575px)
{

.prmrow {
height: auto;

}
.prmas1 {
    background-image: url(../img/ssr1a.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
	height:300px;}
.prmas1:before {
display: none;
}
	
.prmas2 {
    background-image: url(../img/ssr2a.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
	height:100%;
	height:300px;}
	
.prmas3 {
    background-image: url(../img/ssr3a.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
	height:100%;
	height:300px;}

.prmas3:after {
display: none;
}
.prmasin {
	width:100%;
	height:100%;
}

}