@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Abhaya+Libre|Molengo|Poppins|Open+Sans');
@import url(https://allfont.net/allfont.css?fonts=agency-fb);
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
body{margin:0; font-size: 14px; font-family: "Poppins", sans-serif, sans-serif;}
#main{width:100%; height:auto; float:left}
#main-inner{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:90%; height:auto; margin:0 auto;}
#main-inner2{width:95%; height:auto; margin:0 auto; overflow:hidden}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:hidden}
#main-inner4{width:80%; height:auto; margin:0 auto; overflow:auto}

a{text-decoration:none; color:#333}

#upper-header{width:100%; height:auto; float:left;}
#upper-header .left{width:40%; height:auto; float:left; margin:0;}
#upper-header .left a{float:left; color: #535252; border-right: 1px solid #dddddd; padding: 0 10px; margin: 10px 0;}
#upper-header .left a:last-child{border-right: none}
#upper-header .right{width:30%; height:auto; float:right; margin:6px 0 0 0;}
#upper-header .right a{width:28px!important; height:28px!important; float:right; padding:5px; margin: 5px; border-radius: 50px}
#upper-header .right a img{width:90%!important; height:auto!important; float:left; margin: 5%;}
#upper-header .right .a{width:28px!important; height:28px!important; float:right; padding:0; margin: 5px; border-radius: 50px}
#upper-header .right .a img{width:100%!important; height:auto!important; float:left; margin: 0;}

#main-header{width:100%; height:auto; float:left;}
#main-header .logo{width:10%; height:auto; float:left; margin: 2px 0;}
#main-header .logo img{width:100%; height:auto; float:left;}
#main-header .con{width:22%; height:auto; float:right; padding-left: 50px; margin-top: 23px; color: #272727;}

#three-cat{width:100%; height:auto; float:left; margin:20px 0;}
#three-cat .con{width:32.2%; height:380px; float:left; margin: 0.5%; background: #edeee9; border-radius: 10px; transition: 0.1s;}
#three-cat .con:hover{background: #e6e7e4;}
#three-cat .con img{width:30%; height:auto; float:left; margin: 1% 1% 1% 4%; transition: 0.4s;}
#three-cat .con img:hover{width:32%; height:auto; float:left; margin: 1% 1% 1% 2%;}
#three-cat .con .right{width:63%; height:auto; float:right; margin: 8% 1% 1% 0;}
#three-cat .con h1{width:100%; height:auto; float:left; color: #8ec038; margin-bottom: 5px; font-size: x-large;}
#three-cat .con h3{width:90%; height:auto; float:left; color: #322d35; margin: 0 10% 20px 0; font-weight: normal; font-size: 14px; line-height: 180%; text-align: justify;}
#three-cat .con a{width:auto; height:auto; float:left; margin: 5% 0 2% 0; padding: 8px 20px; color: #fff; font-weight: 500; background: #da2424; border-radius:30px; transition: 0.1s;}
#three-cat .con a:hover{color: #fff; background: #b81d1d;}

#about{width:100%; height:auto; float:left; margin: 60px 0 70px 0;}
#about .img{width:40%; height:auto; float:left;}
#about .right{width:50%; height:auto; float:left; margin-left: 10%;}
#about .right .head{width:100%; height:auto; float:left; margin-bottom: 20px;}
#about .right .head img{width:5%; height:auto; float:left; margin-right: 5%;}
#about .right .head h1{width:90%; height:auto; float:left; margin: 0; color: #414141; font-weight: 500; font-size: 36px;}
#about .right .head span{width:90%; height:auto; float:left; margin: 0; color: #414141; font-size: xx-large; font-family: 'Sacramento', cursive;}
#about .right p{width:100%; height:auto; float:left; margin: 5px 0; color: #202020; line-height: 170%; text-align: justify;}
#about .right a{width:auto; height:auto; float:left; margin: 5% 0 2% 0; padding: 8px 20px; color: #fff; font-weight: 500; background: #da2424; border-radius:30px; transition: 0.1s;}
#about .right a:hover{color: #fff; background: #b81d1d;}

.whybg{background: #f3f5ed;}
#why{width:100%; height:auto; float:left; margin: 0 0;}
#why .left{width:60%; height:auto; float:left; margin:20px 0 0 0;}
#why h1{width:100%; height:auto; float:left; margin: 0; text-align: center; color: #414141; font-weight: 500; font-size: 30px;}
#why span{width:100%; height:auto; float:left; margin: 0; text-align: center; color: #414141; font-size: 36px; font-family: 'Sacramento', cursive;}
#why .con{width:25%; height:auto; float:left; margin: 10px 0;}
#why img{width:40%; height:auto; float:left; margin: 10px 30%;}
#why h2{width:100%; height:auto; float:left; text-align: center; font-size: medium; font-weight: 500;}
#why .right{width:40%; height:auto; float:left; margin: 0;}
#why .right iframe{width:100%; height:320px; float:left; margin: 0;}

.productbg{background: url(images/bg.jpg) no-repeat; background-size: 100% auto;}
#product{width:100%; height:auto; float:left; margin: 50px 0;}
#product h2{width:100%; height:auto; float:left; margin: 0; text-align: center; color: #414141; font-weight: 600; font-size: 50px; font-family: 'Sacramento', cursive;}
#product .con{width:31%; height:auto; float:left; margin: 0 1%; background: #e2eeed;}
#product .con img{width:70%; height:auto; float:right; margin: 20px 10% 20px 0;}
#product .con .left{width:20%; height:auto; float:left; margin: 0;}
#product .con .left h1{
    width:50%; height:auto; float:left; margin: 0;
    margin-top:400px;
    margin-left:5px;
    position: absolute;
    color: #05035a;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: 0% 40%; /* IE 9 */
    transform: rotate(-90deg);
    transform-origin: 3% 40%;
  }
#product .con .left span{
    width:50%; height:auto; float:left; margin: 0;
    margin-top:370px;
    margin-left:5px;
    position: absolute;
    color: #05035a;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: 5% 40%; /* IE 9 */
    transform: rotate(-90deg);
    transform-origin: 8% 40%;
  }
#product .con a{width:50%; height:auto; float:left; margin: 0 25% 30px 25%; padding: 12px 0; background: #4ec5b6; color: #fff; text-align: center; transition: 0.3s;}
#product .con a:hover{background: #339c8f;}

.shadow-effect {
    background: #fff;
    padding: 50px 20px;
    border-radius: 4px;
    text-align: center;
    border:1px solid #ECECEC;
    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}
#customers-testimonials .shadow-effect p {
    font-family: inherit;
    font-size: 14px;
    line-height: 30px;
    margin: 0 0 17px 0;
    font-weight: 400;
}
.testimonial-name {
    margin: -17px auto 0;
    display: table;
    width: auto;
    background: #3190E7;
    padding: 9px 35px;
    border-radius: 12px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}
#customers-testimonials .item {
    text-align: center;
    padding: 50px 0;
    margin-bottom:80px;
    opacity: .2;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 120px;
    margin: 0 auto 17px;
    border-radius: 3px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #3190E7;
    transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots{
display: inline-block;
width: 100%;
text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #3190E7;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
}


.footermainbg{background: #f8f1f1;}
#footermain{width: 100%; height: auto; float: left; margin-top: 20px; font-size: 14px;}
#footermain .con{width: 30%; height: auto; float: left; margin: 1%;}
#footermain .con .logo{width: 60%; height: auto; float: left; margin: 1% 0 6% 0;}
#footermain .con .logo img{width: 100%; height: auto; float: left;}
#footermain .con{color: #202020;}
#footermain .con .loca{width: 100%; height: auto; float: left; margin: 2% 0; background: url(images/location1.png) left top no-repeat; padding-left: 30px; line-height: 22px;}
#footermain .con .email{width: 100%; height: auto; float: left; margin: 2% 0; background: url(images/email.png) left center no-repeat; padding:5px 0 5px 30px;}
#footermain .con .ph{width: 100%; height: auto; float: left; margin: 2% 0; background: url(images/phone.png) left center no-repeat; padding: 5px 0 5px 30px;}
#footermain .con1{width: 20%; height: auto; float: left; margin: 1%;}
#footermain .con1 h3{width: 100%; height: auto; float: left; margin: 5px 0 15px 0; color: #e27474; font-size: large;}
#footermain .con1 a{width: 100%; height: auto; float: left; margin: 5px 0; color: #202020; transition: 0.3s;}
#footermain .con1 a:hover{color: #a96d6d;}
#footermain .con1 .social{width: 100%; height: auto; float: left;}
#footermain .con1 .social a{width: 12%; height: auto; float: left; margin: 5px; background: #fff; border-radius: 50px; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.10);}
#footermain .con1 .social a img{width: 50%; height: auto; float: left; margin: 25%;}
#footermain .con1 .payl{width: 100%; height: auto; float: left; margin: 10px 0;}
#footermain .con1 .payl img{width: 100%; height: auto; float: left; margin: 0;}
#footermain .con1 .scan{width: 100%; height: auto; float: left; margin: 1% 0;}

#footermain .low{width: 100%; height: auto; float: left; margin: 1% 0 0 0; padding-top: 15px; border-top: 1px solid #dcd5d5;}
#footermain .low p{width: 50%; height: auto; float: left;}
#footermain .low .p{width: 50%; height: auto; float: left; text-align: right;}
#footermain .low p a{color: #e27474;}

.shadow_one{padding:60px 0;text-align:center;background-color:rgba(0,0,0,.65)}
#page_header{background:url(images/bg1.jpg); background-attachment: fixed;background-position: center;background-repeat: no-repeat; background-size: 100% auto; margin-top:-2px;}
#page_header h2{color:#fff;font-size:40px;margin:18px 0;font-family:'Abhaya Libre',cursive}
#page_header p{color:#fff}
.page_header_breadcum{color:#fff}
.page_header_breadcum a .fa{color:#fdb92e;font-size:16px}
.page_header_breadcum a.active_page{color:#fdb92e}
.page_header_breadcum a{color:#fff}

#static{width:100%; height:auto; float:left; margin:4% 0}
#static h1,h2,h3,h4,h5,h6{color: #016db8;}
#static .h1{width:100%; height:auto; float:left; margin: 30px 0 0 0;}
#static .h11{width:100%; height:auto; float:left; margin: 0 0 0 0;}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{margin:1% 0; line-height:180%; text-align:justify; color:#333333;}
#static span{margin:1% 0; line-height:160%; text-align:justify; color:#333333;}
#static ul{list-style-image: url('images/tick.png'); line-height:160%; text-align:justify; color:#333333;}
#static ul li{margin:1.5% 0}
#static .product{width:100%; height:auto; float:left; margin:4% 0}
#static .product img{width:25%; height:auto; float:left; margin:0}
#static .product .right{width:50%; height:auto; float:left; margin:30px 10% 0 10%; padding: 15px; background: #ecebea;}
#static .product .right p{width:100%; height:auto; float:left;}
#static .product .right1{width:50%; height:auto; float:left; margin:10px 10% 0 10%;}
#static .product .right1 iframe{width:100%; height:500px; float:left; margin:0;}

.contactdivbg{background: #f0f0f1;}
#static .contactdiv{width:100%; height:auto; float:left; margin:2% 0;}
#static .contactdiv .con{width:31%; height:auto; float:left; margin:1%;}
#static .contactdiv .con h3{width:20%; height:auto; float:left; margin-right: 80%; border-bottom: 1px solid #0461ea; color: #323232;}
#static .contactdiv .con p{width:100%; height:auto; float:left; margin:2% 0; color: #292a2a;}
#static .contactdiv .con .ph{background: url(images/ph1.png) left center no-repeat; padding-left: 40px; background-size: 18px 18px;}
#static .contactdiv .con .mob{background: url(images/mob.png) left center no-repeat; padding-left: 40px; background-size: 23px 23px;}
#static .contactdiv .con .mail{background: url(images/mail.png) left center no-repeat; padding-left: 40px; background-size: 20px 20px;}
#static .contactdiv .con .address{background: url(images/address.png) left center no-repeat; padding-left: 40px; background-size: 25px 25px;}
#static .contactdiv .con h4{width:100%; height:auto; float:left; margin:-5px 0 5px 0; font-size: medium;}
#static .con1{width:40%; height:auto; float:left; margin:0 30%; padding: 10px; background: #f4f4f4; border-radius: 5px;}
#static .con1 h3{width:100%; height:auto; float:left; margin:2% 0; color: #0293d0; text-align: center;}
#static .con1 .box{width:95%; height:auto; float:left; margin:1% 2.5%; padding: 10px; border: #dad9d9 1px solid; border-radius: 5px; font-family: "Poppins", sans-serif, sans-serif; font-size: 16px;}
#static .con1 .box::placeholder {color: #4c4c4c; opacity: 1;}
#static .con1 .submit{width:30%; height:auto; float:left; margin:3% 35% 3% 35%; padding: 12px 0; border:none; border-radius: 20px; background: #0293d0; text-align: center; font-family: "Poppins", sans-serif, sans-serif; font-size: 16px; color: #fff; cursor: pointer; transition: 0.5s;}
#static .con1 .submit:hover{background: #0272a1;}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow:hidden}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:hidden}
#main-inner4{width:100%; height:auto; margin:0 auto; overflow:auto}

#upper-header .left{width:45%; height:auto; float:left; margin:0;}
#upper-header .left a{float:left; color: #535252; border-right: 1px solid #dddddd; padding: 0 10px; margin: 10px 0;}
#upper-header .left a:last-child{border-right: none}
#upper-header .right{width:55%; height:auto; float:right; margin:6px 0 0 0;}

#main-header{width:0!important; height:0!important; float:left; margin: 0; visibility: hidden!important;}
#main-header .logo{width:0!important; height:auto!important; float:left; visibility: hidden!important;}
#main-header .con{width:0!important; height:0!important; float:right; font-size:0!important; padding:0; margin: 0; color: #272727; background: none; background-size: 0 0; font-size: 0; visibility: hidden!important;}
#main-header .con1{width:0!important; height:0!important; float:right; font-size:0; padding:0; margin: 0; color: #272727; background: none; background-size: 0 0; font-size: 0!important; visibility: hidden!important;}
#main-header span{width:0!important; height:0!important; float:left; font-size:0!important; padding:0; margin: 0; font-size: 0; visibility: hidden!important;}

#three-cat .con{width:98%; height:auto; float:left; margin: 0.5%; background: #edeee9; border-radius: 10px; transition: 0.1s;}
#three-cat .con img{width:30%; height:auto; float:left; margin: 1% 1% 1% 4%; transition: 0.4s;}
#three-cat .con img:hover{width:30%; height:auto; float:left; margin: 1% 1% 1% 4%;}

#about{width:100%; height:auto; float:left; margin: 20px 0;}
#about .img{width:70%; height:auto; float:left; margin: 1% 15%;}
#about .right{width:90%; height:auto; float:left; margin: 5%;}

#why .con{width:98%; height:auto; float:left; margin: 1%;}
#why .left{width:98%; height:auto; float:left; margin:1%;}
#why .right{width:98%; height:auto; float:left; margin: 1%;}

.productbg{background: url(images/bg.jpg) no-repeat; background-size: auto 100%;}
#product .con{width:98%; height:auto; float:left; margin:1%; background: #e2eeed;}
#product .con .left h1{
    width:100%; height:auto; float:left; margin: 0;
    margin-top:400px;
    margin-left:5px;
    position: absolute;
    color: #05035a;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: 0% 40%; /* IE 9 */
    transform: rotate(-90deg);
    transform-origin: 7% 40%;
  }
#product .con .left span{
    width:100%; height:auto; float:left; margin: 0;
    margin-top:370px;
    margin-left:5px;
    position: absolute;
    color: #05035a;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: 5% 40%; /* IE 9 */
    transform: rotate(-90deg);
    transform-origin: 15% 40%;
  }


#footermain .con .logo{width: 30%; height: auto; float: left; margin: 1% 0 -50px 0;}
#footermain .con{width: 90%; height: auto; float: left; margin: 1% 5%;}
#footermain .con1{width: 90%; height: auto; float: left; margin: 1% 5%;}
#footermain .con1 .payl{width: 70%; height: auto; float: left; margin: 10px 15%;}

#footermain .low p{width: 100%; height: auto; float: left; margin: 5px 0; text-align: center;}
#footermain .low .p{width: 100%; height: auto; float: left; margin: 5px 0; text-align: center;}

#page_header{background:url(images/bg1.jpg); background-attachment: scroll;background-position: center;background-repeat: no-repeat; background-size: auto 100%;}
.page_header_breadcum .fa{color:#fdb92e;font-size:14px!important}

#static{width:95%; height:auto; float:left; margin:2.5%}
#static .product img{width:80%; height:auto; float:left; margin:0 10%}
#static .product .right{width:90%; height:auto; float:left; margin:30px 5% 0 5%; padding: 15px; background: #ecebea;}
#static .product .right1{width:90%; height:auto; float:left; margin:10px 5% 0 5%;}
#static .product .right1 iframe{width:100%; height:400px; float:left; margin:0;}

#static .contactdiv .con{width:98%; height:auto; float:left; margin:1%;}
#static .con1{width:98%; height:auto; float:left; margin:1%; padding: 10px; background: #f4f4f4; border-radius: 5px;}

}