html,body{
	margin:0px!important;
	padding: 0px!important;
	overflow-x: hidden!important;
	font-family: 
}

span, label, h1, h2, h3, h4, h5, h6, p, ul, li {
	margin:0 auto;
	padding:0;
}
p {
    margin: 0 0 0px !important; 
}
a
{
	text-decoration:none !important;
	transition:all .5s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1268px){
    .xr{
        top:2%!important;
        left:3.6%!important;
    }
    .logo img{
        width:60%!important;
    }
    .navigation{
        margin-top: 0%!important;
    }
    .service_inn1 h4{
        font-size: 18px!important;
    }
    #mixedSlider .MS-controls button{
        top:40px!important;
    }
    .fo_mr{
        margin-left: 7%!important;
    }
    .icons li{
        padding:1.2%!important;
    }
    .pro_info svg{
        margin-top: -6%!important;
    }
    .pro_info h4{
        font-size: 20px!important;
    }
    .pro_info ul{
        padding-left: 14%!important;
    }
    .service_inn1{
        height:255px!important;
    }

}


@media only screen and (min-width: 768px) and (max-width:991px){
     .xr{
        position: relative!important;
        left: 0px!important;
     }
    .logo img{
        width:70%!important;
        margin:1%!important;
    }
     .service_inn1 h4{
        font-size: 18px!important;
     }
     .service_inn1 img{
        margin-left: 42%!important;
        margin-top: 7%!important;
        margin-bottom: 2%!important;
     }
     .service_inn1 p{
        font-size: 14px!important;
        margin-bottom: 0.5!important;
     }
     .about_inner h2{
        font-size: 25px!important;
     }
     .about_inner p{
        line-height: 1.4!important;
     }
     #mixedSlider .MS-controls button {
        top:90px!important;
     }
     .item p{
        font-size: 19px!important;
     }
    .fo_mr{
        margin-left: 5%!important;
    }
    .icons li{
        padding:1.5%!important;
    }
    .footer h4{
        font-size: 22px!important;
    }
    .map{
        padding-right: 3%!important;
    }
    .pro_info svg{
        margin-top: -11.5%!important;
    }
    .pro_info h4{
        font-size: 18px!important;
    }
    .pro_info ul{
        padding-left: 14%!important;
        margin-top: -8%!important;
    }
    .pro_info li{
        font-size: 14px!important;
    }
    .products_cont h2{
        font-size: 25px!important;
    }
    .about_inn h2{
        font-size: 25px!important;
    }
    .core_cont ul{
      padding-left:2%!important;
    }
    .email{
      padding-left: 0%!important;
    }
    .phone{
      padding-left: 0%!important;
    }
    .address{
      margin-left: -15%!important;
    }

}

@media only screen and (min-width:320px) and (max-width: 640px){
    .xr{
        position: relative!important;
        left:0!important;
    }
    .logo img{
        width:45%!important;
        margin:1.5% 0%!important;
    }
    .smobitrigger{
        font-size: 15px!important;
        padding:6px!important;
    }
     .about_inner h2{
        font-size: 22px!important;
     }
     .about_inner p{
        line-height: 1.4!important;
        font-size:14px!important;
     }
     .buttons button{
        font-size: 14px!important;
     }
     .service_cont p{
        font-size: 14px!important;
     }
     .service_cont h2,.products h2{
        font-size: 22px!important;
     }
     .service_inn1 h4{
        font-size: 18px!important;
     }
     .service_inn1 img{
        margin-left: 42%!important;
     }
     .qr{
        margin-bottom: 2%!important;
     }
     .item p{
        font-size: 18px!important;
     }
     .address{
        padding-left:5%!important;
        margin-bottom: 1%!important;
        margin-top: 1%!important;
     }
     .phone{
        padding-left: 5%!important;
        margin-bottom: 1%!important;
     }
     .email{
        padding-left: 5%!important;
        margin-bottom: 1%!important;
     }
     .icons li{
        padding:3%!important;
     }
     .footer h4{
        font-size: 20px!important;
     }
     .copy_1{
        text-align:center!important;
     }
     .copy_2{
        text-align: center!important;
     }
     .pro_info svg{
        margin-top: -0.8%!important;
     }
     .pro_img img{
        height:auto!important;
     }
     .yr{
        margin-bottom: 2%!important;
     }
     .products_cont h2{
        font-size: 22px!important;
     }
     .pro_info h4{
        font-size: 18px!important;
        padding: 0.5% 0%!important;
     }
     .text_fields button{
        padding:5px!important;
        font-size: 14px!important; 
     }
     .about_inn h2{
        font-size: 22px!important;
     }
     .core_cont h2{
        font-size: 22px!important;
     }
     .core_cont li{
        font-size: 14px!important;
     }
     .core_cont ul{
        padding-left:4%!important;
    }
}



.container-fluid{
	padding: 0!important;
	margin: 0!important;
}

/*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 053 css*/
        .jssorb053 .i {position:absolute;cursor:pointer;}
        .jssorb053 .i .b {fill:#fff;fill-opacity:0.5;}
        .jssorb053 .i:hover .b {fill-opacity:.7;}
        .jssorb053 .iav .b {fill-opacity: 1;}
        .jssorb053 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 093 css*/
        .jssora093 {display:block;position:absolute;cursor:pointer;}
        .jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
        .jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
        .jssora093:hover {opacity:.8;}
        .jssora093.jssora093dn {opacity:.6;}
        .jssora093.jssora093ds {opacity:.3;pointer-events:none;}


.slider{
     position: relative;
}
.xr{
    position: absolute;
    top:4%;
    background-color:white!important;
    width:100%;
    z-index: 999!important;
    left:13%;
    border-radius: 10px 10px !important;
    background:#ffffffa8!important;
}
.logo img{
    width:100%;
    height: auto;
}
.navigation{
    margin-top: 1%;
}
.active{
    background:#32BDFF;
    color: #fff!important;
    border-radius: 20px;
}
.hid{
    display: none;
}
.about_cont{
    background-color: #193076;
    padding:2% 0%;
    color:white;
}
.about_inner h2{
    color:#32BDFF;
}
.about_inn h3{
    color:#193076;
}
.about_inner p{
    text-align: justify;
    line-height: 2;
}
.buttons{
    text-align: right;
}
.buttons button{
    background-color: #32BDFF;
    color:white;
    border:2px solid white;
    border-radius: 10px;
    padding:1% 5%;
    cursor:pointer;
}
.core_cont{
    padding:2% 0%;
}
.core_cont h2{
    text-align:center;
    color:#193076;
    font-weight: bold;
}
.service_cont{
    padding:2% 0%;
}
.service_cont h2{
    text-align: center;
    color:#193076;
    font-weight: bold;
}
.service_cont p{
    text-align: center;
}
.service_inn1{
    box-shadow: 0px 0px 10px;
    height:220px;
    padding:0% 3%;
    transition:all .6s ease;
}
.service_inn1 h4{
    color:#32BDFF;
    text-align: center;
    font-weight: bold;
    font-size:18px;
}
.service_inn1 img{ 
    margin-left: 40%;
    margin-top:4%;
    margin-bottom: 4%;
}
.service_inn1 p{
    text-align: justify; 
    font-size: 14px;
}
.service_inn1:hover{
    background-color: #193076;
    color:white;
}
.mr{
    margin-top: 2%;
}
.products{
    padding: 2% 0%;
}
.products h2{
    color:#193076;
    text-align: center;
    margin-bottom: 2%;
    font-weight:bold;
}
.item a{
    text-decoration: none;
    color:#32BDFF;
}
.item a:hover{
    text-decoration: none;
    color:#32BDFF;
}

#mixedSlider {
  position: relative;
}
#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 5%;
}
#mixedSlider .MS-content .item {
  display: inline-block;
  width: 25%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0 10px;
}
@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item {
    width: 100%;
  }
}
#mixedSlider .MS-content .item .imgTitle {
  position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  letter-spacing: 2px;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 2px 10px;
}
#mixedSlider .MS-content .item .imgTitle img {
  height: auto;
  width: 100%;
}
#mixedSlider .MS-content .item p {
  font-size: 22px;
  margin: 2px 10px 0 5px;
  text-indent: 15px;
  color: #32BDFF;
  text-align: center;
  font-weight: bold;
  margin:1.5% 0%;
}
#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 95px;
  color:#193076;
  transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 35px;
  }
}
#mixedSlider .MS-controls .MS-left {
  left: 10px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: 0px;
  }
}
#mixedSlider .MS-controls .MS-right {
  right: 10px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: 0px;
  }
}
.footer{
    padding: 2% 0%;
    background-color: #193076;
    color:white;
}
.footer h4{
    color:#45C4E9;
}
.line1{
    margin:0;
    border-bottom: 2px solid #45C4E9;
    width:25%;
    margin-bottom: 1%;
}
.line2{
    margin:0;
    border-bottom:2px solid #006BC1;
    width: 29%; 
    margin-bottom: 2%;
}
.map {
    display: table-cell;
    color:#45C4E9;
    padding-right: 2%;
}
.map-cont {
    display: table-cell;
    /*text-align: justify;*/
    margin-bottom: 0;
}
.phone a{
    text-decoration: none;
    color:white;
}
.address a{
    text-decoration: none;
    color:white;
}
.map1 {
    display: table-cell;
    color:#45C4E9;
    padding-right: 8%;
}
.map-cont1 {
    display: table-cell;
    text-align: justify;
    margin-bottom: 0;
}
.phone a:hover{
    text-decoration: none;
    color:white;
}
.address a:hover{
    text-decoration: none;
    color:white;
}
.email a:hover{
    text-decoration: none;
    color:white;
}
.email i{
    color:#45C4E9;
}
.email a{
    text-decoration: none;
    color:white;
}
.foot_color{
    margin:0 auto;
    border-bottom: 1px solid #45C4E9;
    width:50%;
}
.phone{
    padding-left: 20%;
}
.email{
    padding-left: 14%;
}
.menus{
    padding-top:1%;
}
.menus ul{
    list-style-type: none;
    text-align:center;
    padding-left: 0;
}
.menus li{
    display: inline-block;
    padding:1% 3%;
    color:white;
}
.menus li a{
    text-decoration: none;
    color:white;
}
.menus li a:hover{
    text-decoration: none;
    color:white;
}
.icons ul{
    list-style-type: none;
    text-align: center;
    padding-left: 0;
}
.icons li{
    display:inline-block;
    width:50px;
    height:50px;
    border-radius: 50%;
    color:white;
    border:1px solid white;
    margin-right: 1%;
    padding: 0.8%;
}
.icons li i{
    font-size: 22px;
    transition: all 2s ease-in-out;
}
.icons li a{
    text-decoration: none;
    color:white;
}
.icons li a:hover{
    text-decoration: none;
    color:white;
}

.blu{
    background-color: #006BC1;
}
.blu1{
    background-color: #45C4E9;
}
.redd{
    background-color: #235E77;
}
.copyrights{
    background-color: #45C4E9;
    color:white;
    padding-top:8px;
    padding-bottom:8px;
}
.copy_2{
    text-align: right;
}
.blues{
    border-radius: 5px;
    background-color: #0075ff;
    padding: 2px;
}
.copyrights p{
    margin-bottom: 0;
    font-size:14px;
}
.copy_2 a{
    text-decoration: none;
    color:white;
}
.copy_2 a:hover{
    text-decoration: none;
    color:white;
}
.copy_1 p{
    font-size: 14px;
}
#back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
    background: transparent !important;
    border-color: transparent !important;
}

#back-to-top img
{
    background:transparent;
    transition:all 0.5s ease-in-out;
    border-radius:5px;
}
.about_banner{
    position: relative;
}
.about_banner img{
    width:100%;
    height:auto;
}
.about_inn{
    padding:2% 0%;
}
.about_inn h2{
    text-align: center;
    color:#193076;
    margin-bottom: 2%;
    font-weight:bold;
}
.about_inn p{
    text-align: justify;
}
.products_cont h2{
    text-align: center;
    color:#193076;
    margin-bottom: 2%;
}
.products_cont{
    padding: 2% 0%;
}
.pro_img img{
    width:100%;
    height:auto;
}
.pro_info h4{
    text-align:center;
    color:white;
    background-color: #193076;
    margin-bottom: 0px;
}
.pro_inner1{
    border:1px solid black;
    height:100%;
    background-color: #8080802e;
    word-wrap: break-word;
}
.pro_info ul{
    padding-left:9.5%;
    padding-right: 1.5%;
    margin-bottom: 0;
    padding-bottom: 1%;
    list-style-type: square;
}
.pro_info svg{
    margin-top: -3%;
}
.text_fields button{
    background-color:#45C4E9;
    padding:10px;
    color:white;
    border:none;
    border-radius: 5px;
}
.form-control{
    padding:10px 10px!important;
    margin-bottom: 21px;
    font-family: 'Lora', serif;
}
.contact_inn{
    padding:2% 0%;
}
.mr{
    margin-bottom: 2%;
}
.copy_2{
  font-size: 12px;
}
/***********************************************************/
.service_mid{
    padding-top:3%;
    padding-bottom:3%;
    background:#eeeeee;
}
.service_div{
    background:white;
    padding:10px;
}
/************************************************************/
.product_mid{
    padding-top:3%;
    padding-bottom:3%;
    text-align:justify;
}
.product_mid h4{
    color: #193076;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid;
    padding-bottom: 5px; 
}
.career_info{
  padding:2% 0%;
}
input[type="submit"]{
  padding:1% 5%;
  border:none;
  background-color: #45C4E9;
  color:white;
  border-radius: 10px;
}
.red{
  color:red;
  font-size: 20px;
}