@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,600,700|Roboto+Condensed:400,500,600,700);
body{padding:0;margin:0;font-family: 'Roboto Condensed', sans-serif; color:#5c5c5c;}
.header-part-bg {position: sticky;top: 0;z-index: 99;background-color: #fff;}
a:hover{text-decoration:none;}
a:focus{outline:0 auto -webkit-focus-ring-color!important;outline-offset:0!important}

.header-part { position: absolute; margin: 0 auto; width: 100%; z-index: 10; }
.logo { padding: 4px 0; display: flex; align-items: center; }
.logo img { max-height: 78px; width: auto; max-width: 100%; object-fit: contain; padding: 0; }
.carousel-control{opacity:.8}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{background-color: #22486d;width: 45px;height: 45px;font-size: 15px;border-radius: 68px;line-height: 37px;border: 4px solid #01a7e1b8!important;}
.carousel-control.left{background-image:none}
.carousel-control.right{background-image:none}
.carousel-indicators{position:absolute;bottom: 39%;z-index:15;width:0%;padding-left:0;text-align:center;list-style:none;right: 5%; left: auto !important;}
.carousel-indicators li{display:inline-block;width: 25px;height: 25px;margin: 0px;text-indent:-999px;cursor:pointer;background-color: #235a79;border: 4px solid #ffffff;border-radius: 28px;}
.carousel-indicators .active{width: 25px;height: 25px;margin:0;background-color: #f1b23e;}


.call-us {text-align: center; padding: 20px 0px;}
.call-us  p {font-size: 30px; background-color: #000; display: inline-block; border-radius: 5px; color: #fff;}
.call-us a {padding: 5px 10px; color: #fff;}
.call-us i {padding: 5px 10px;}
.call-btn-b {text-align: center;}
.call-button-box{background-color: #235a79;color:#fff;padding: 0 0 0 20px;font-size: 17px;line-height: 28px;text-transform:uppercase;display:inline-block;margin: 12px 0 0 0;border: 1px solid #f1b23e;font-weight:600;text-decoration:none;border-radius: 0px;box-shadow: inset 0px 0px 0px 3px #fff;}
.call-button-box i{background-color: #f1b23e;padding: 8px;margin: 6px 6px 6px 15px;padding-left: 13px;font-size:18px;border-radius: 0 0px 0px 0;color: #fff;text-decoration:none;width: 35px;height: 35px;font-weight: 700;}

.mg-top { margin-top:20px;}
.welcome-text p  { font-size:17px; line-height:27px; text-align:justify;}
.welcome-text h3 { text-transform:uppercase; font-size:20px; color:#f1b23e; font-weight:800;}

.pro-img-part img {width: 100%;height: auto;padding:5px;border: 2px solid #131e4a;}
.pro-img-part{ margin:15px 0px; }
.pro-img-part p{font-size: 20px;text-align: center;background-color: #131e4a;padding: 10px 0px;}
.pro-img-part p a{color: #fff; text-decoration:none;}

.pro-ul{padding: 0px 0px;}
.pro-ul h4 {color: #f1b23e;font-size: 25px;line-height: 31px;font-weight: 700;margin: 0px 0px 6px 0px; text-transform:uppercase;}
.pro-ul ul {padding-left: 5px; margin-bottom: 0;}
.pro-ul ul li {background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position: 5px 7px;padding-left: 30px;list-style: none;padding-top: 3px;padding-bottom: 3px;font-size: 18px;line-height: 32px;margin-right: 60px;display: inline-table;}

.wel-part {background-color: #ffffff;padding:30px 0px;}
.wel-title h1 span {font-size:19px;font-weight:500;color: #ffa500;}
.wel-title h2 {font-size:40px;font-weight:900;color: #235a79;}
.wel-text p { font-size:17px; line-height:27px; text-align:justify;}
.button-box{background-color: #235a79;color:#fff;padding: 0 0 0 20px;font-size: 17px;line-height: 28px;text-transform:uppercase;display:inline-block;margin: 12px 0 0 0;border: 1px solid #f1b23e;font-weight:600;text-decoration:none;border-radius: 0px;box-shadow: inset 0px 0px 0px 3px #fff;}
.button-box i{background-color: #f1b23e;padding: 8px;margin: 6px 6px 6px 15px;padding-left: 13px;font-size:18px;border-radius: 0 0px 0px 0;color: #fff;text-decoration:none;width: 35px;height: 35px;font-weight: 700;}
.wel-images img { width:100%; height:auto;}


.box {padding: 15px 10px;text-align: center;border-radius: 14px;box-shadow: 0px 5px 47.2px 11.8px rgb(19 30 74 / 10%);background-color: #fff;}
.box i {font-size:80px;color: #fff;margin:2px 0px; text-align: center;}
.box img{width: 100px;height: 100px;margin:0 auto;}
.box h4 {font-size: 18px;font-weight: 400;color: #11334e;margin: 0px 0px 0px;text-align: center;text-transform: capitalize;}

.breadcrum-bg {padding: 70px 0px 35px 0px;}
.w3l-breadcrum .breadcrum-bg{text-align: right;}
.w3l-breadcrum{background-size: cover; background-repeat: no-repeat;background-position: center; position:relative;}
.w3l-breadcrum:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to right, #22486e, #22486d36);opacity: 1;}
.w3l-breadcrum .breadcrum-bg h1 {letter-spacing: 1px;line-height: 45px;font-size: 40px;color: #131e4a;font-weight: 600;text-transform: uppercase;margin: 0px 0px 13px 0px;padding-top: 40px;padding-bottom: 0px;/* border-right: 9px solid #01a7e1; */padding-right: 12px;font-weight: 800;}
.w3l-breadcrum .breadcrum-bg p {font-size: 16px;color: #ffffff;text-align: center;margin: 0px 0px;background-color: #01a7e1;display: inline-block;padding: 6px 25px;border-radius: 25px;/* font-weight: 500; */}
.w3l-breadcrum .breadcrum-bg p span {margin: 0px 8px;font-weight:900;}
.w3l-breadcrum .breadcrum-bg p a {font-size: 16px;color: #ffffff;font-weight: 400;}

.wel-part-img img {width: 100%;height: auto;margin: 5px 0;padding: 5px;border: 2px solid #131e4a;}


.product-part {background-color: #235a79;padding:20px 0px;}
.product-title { text-align:center;}
.product-title h2 span {font-size:19px;font-weight: 600;color: #f1b23e;}
.product-title h2 { font-size:40px; font-weight:900; color:#fff; line-height:40px; margin:0px;}
.product-text p { font-size:17px; line-height:27px; text-align:center; color:#fff; margin-top:15px;}

.product-box{background-color: transparent;padding: 30px 20px;text-align:center;border: 1px solid rgba(255, 255, 255, 0.2);}
.product-box h3{font-size: 20px;padding: 8px 0px;text-align: center;color: #fff;margin: 5px 0px;font-weight: 600;}
.product-box p{font-size: 15px;color: #ffffff;text-align: center;line-height: 26px;margin: 0px;}
.product-box img {background: #fff;text-align: center;border-radius: 50%;height: 110px;padding: 5px;width: 110px;}
.product-part a {color:#fff;font-size: 17px;text-decoration:none;}

#product-tab .out-wrap {position: relative;padding: 25px 20px 25px 20px;width: 100%;background: #f0fbff;margin: 0 auto;}
#product-tab .out-wrap #tabs {border-bottom: 0;margin: 0 -42px 25px;background: #131e4a;display: flex;overflow-x: hidden;overflow-y: hidden;box-shadow: 3px 2px 6px 0px rgb(0 0 0 / 50%);flex-wrap: nowrap !important;}
#product-tab .out-wrap #tabs::-webkit-scrollbar {display: none;}
#product-tab .out-wrap #tabs li {width:auto;white-space: nowrap;flex:1;}
#product-tab .out-wrap #tabs li a {border: 0;border-radius: 0;cursor: pointer;margin: 0;text-align: center;color: #fff;font-size: 20px;text-transform: uppercase;padding: 15px 48px;font-weight: 600;border-right: 0.2px solid #ffffff;border-left: 0.2px solid #ffffff;}
#product-tab .out-wrap #tabs li a:hover {background: #f1b23e;color: #ffffff;transition: 0.5s;}
#product-tab .out-wrap #tabs li.active a {background: #f1b23e;color: #ffffff;/* font-weight: 600; */}
#product-tab .out-wrap .tab-content {overflow: hidden !important;height: auto !important;}
.imges-box{text-align:center;border: 2px solid #131e4a;}
.imges-box img{ width:100%; height:auto;}line-height:35px;
.imges-box h5{background-color: #fbc919;padding: 12px 0px;color: #0f0f0f;margin:0px;font-size:19px; text-transform:uppercase;}
.pd-to-bt{ padding:15px;}



.why-us-part { padding:20px 0px;}
.why-us-title h2 span {font-size:19px;font-weight:500;color: #f1b23e;}
.why-us-title h2 {font-size:40px;font-weight:900;color: #235a79;line-height:40px;margin:0px;}
.why-us-text p { font-size:17px; line-height:27px; text-align:right; color:#000; margin-top:15px;}
.why-us-box { margin-top:15px;}
.box-part-img {padding: 35px 10px; transition: all 0.3s; text-align: center;box-shadow: 0px 5px 47.2px 11.8px rgb(19 30 74 / 10%);background-color: #fff;margin: 15px 5px;}
.box-part-img img {width: 70px;height: 70px;margin: 0 auto;}
.box-part-img h4 {font-weight: 700;font-size: 23px;line-height: 35px;color: #131e4a;margin: 11px 0px;}
.box-part-img p {font-size: 17px;line-height: 30px;color: #777777;margin: 5px 0px;padding: 0px 10px;}
.box-part-img:hover { top:-10px; transition: all 0.3s;}



.box-service{border: 2px solid #f1b23e;padding: 6px;border-radius:100px;}

.blog-box {border: 2px solid #01a7e1;padding:15px; text-align: center; margin-bottom: 25px;}
.blog-box h4 {font-size: 18px; font-weight: bold;}
.blog-box a {font-size: 16px; background-color: #01a7e1; padding: 5px 15px; border-radius: 10px; color: #fff; text-decoration: none;}
.blog-box p {font-size: 17px; line-height: 28px; }
.blog-page h1 {font-size: 28px; font-weight: bold; border-bottom:2px solid #01a7e1; display:inline-block; line-height:35px; color:#2450A3; }
.blog-page h2 {font-size: 26px; font-weight: bold; border-bottom:2px solid #01a7e1; display:inline-block; line-height:35px; color:#2450A3; }
.blog-page h3 {font-size: 24px; font-weight: bold; border-bottom:2px solid #01a7e1; display:inline-block; line-height:35px; color:#2450A3; }
.blog-page h5 {font-size: 20px; font-weight: bold; border-bottom:2px solid #01a7e1; display:inline-block; line-height:35px; color:#2450A3; }

.blog-page h4 {font-size: 18px; font-weight: bold; border-bottom:2px solid #01a7e1; display:inline-block; line-height:35px; }
.blog-page p {font-size: 16px; line-height: 27px; color: #000; text-align: justify;}
.blog-ul{padding: 0px 0px; margin-top: -10px;}
.blog-ul ul {padding-left: 5px; margin-bottom: 0;}
.blog-ul ul li {background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position: 5px 7px;padding-left: 30px;list-style: none;padding-top: 3px;padding-bottom: 3px;font-size: 18px;line-height: 32px;margin-right: 60px;display: inline-table;}


.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.d-flex img{padding: 5px;background-color: #235a79;border-radius:100px;border: 2px solid #f1b23e;margin-right: 10px;}
.d-flex h4 span {font-weight: normal;font-size: 16px;margin: 0px 0px;color: #00024a;text-transform: none;display: block;line-height: 10px;}
.d-flex h4 {font-weight: 900;font-size: 43px;margin: 0px 0px 0px;color: #235a79;line-height: 61px;text-transform: uppercase;}


.vision-mision-part{background-color: #ffffff;padding:50px 0px;margin-top:30px;}
.service-item-box .service-item-thumb {position: relative;}
.service-item-box .service-item-thumb img {border-radius: 8px 8px 0 0;width:100%;height:auto;}
.service-item-box .service-item-thumb .service-item-icon {-moz-transform: translateY(20px);-o-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);position: absolute;right: 21px;background: #235a79;color: #fff;bottom: 0;width: 75px;text-align: center;height: 75px;line-height: 80px;border-radius: 8px;z-index: 1;border: 4px solid #fff;-moz-transition: all 400ms ease-out 0s;-webkit-transition: all 400ms ease-out 0s;-ms-transition: all 400ms ease-out 0s;-o-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;}
.service-item-box .service-item-thumb .service-item-icon i {-moz-transition: 0.6s linear;-webkit-transition: 0.6s linear;-ms-transition: 0.6s linear;-o-transition: 0.6s linear;transition: 0.6s linear;}
.service-item-box .service-item-thumb .service-item-icon i:before {font-size: 34px;}
.service-item-box .service-item-thumb:before {background: #03324d;border-radius: 8px 8px 0 0;position: absolute;height: 0;width: 100%;left: 0;top: 0;-moz-transition: all 400ms ease-out 0s;-webkit-transition: all 400ms ease-out 0s;-ms-transition: all 400ms ease-out 0s;-o-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;content: "";}
.service-item-box .service-item-content {padding: 20px 14px;border-radius: 0 0 8px 8px;position: relative;overflow: hidden;background-color: #fff;border-bottom: 5px solid #235a79;}
.service-item-box .service-item-content h3{color: #235a79;padding: 0px 0px 4px 0px;font-size: 23px;font-weight: 700;margin: 0px;text-transform: uppercase;}
.service-item-box .service-item-content p {font-size: 17px;line-height: 30px;font-weight: 400;color: #555;text-align: justify;letter-spacing: 0.3px;margin: 5px 0px 0px 0px;}
.service-item-box:hover .service-item-thumb .service-item-icon {-moz-transform: translateY(30px);-o-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);}
.service-item-box:hover .service-item-thumb .service-item-icon i {-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

.index-form { position:relative; margin-top:-95px;}
.bg-form{background-color:#eaeaea;padding: 1px 1px 15px 1px;border-radius: 0px 0px 15px 15px;}
.re-chepchat {margin: 0px 37px 0px 37px;text-align: center !important;}
.Submit-box-index{padding: 10px 38px;background-color: #145269;border: 3px solid #ffffff;color: #fff;margin: 2px 2px;border-radius: 50px;font-size: 16px;text-transform: uppercase;}
.sub-box{text-align:center;margin: 10px 0px 10px;}
.input-group-lg{width: 90%;margin: 16px 17px;margin: 15px auto;z-index: 0;}
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {height: 48px;padding: 10px 15px;font-size: 16px;line-height: 1;border-radius: 7px !important;}
.form-control:focus {border-color: #bbb;outline: 0;-webkit-box-shadow: none;box-shadow: none;}

.readmore2 {padding: 13px 45px;background-color: #131e4a;text-transform: uppercase;color: #fff;border: none;position: relative;text-align: center;font-size: 15px;border-radius: 10px;letter-spacing: 1px;margin: 5px 5px;}
.readmore2:hover {color: #fff;background-color: #f1b23e;text-decoration: none;transition: .5s;}

.contact{width:100%;border: 3px solid #235a79;padding:30px 20px;text-align:center;border-radius:10px;}
.icon_box img{position:relative; bottom:26px;}
.contact .icon_box{position:relative;height:70px;width:70px;margin:17px auto 35px;line-height:120px;transition:.4s ease;text-align:center;}
.contact .icon_box::before{position:absolute;content:"";border: 3px solid #f1b23e;height:100%;width:100%;border-radius:5px;transform:rotate(45deg);left:0;transition:.5s ease;}
.contact:hover{border-color: #f1b23e;transition:.5s ease;}
.contact:hover .icon_box::before{border-color: #235a79;transition:.5s ease;}
.contact p{text-align: center !important;color: #333;font-size: 18px;line-height: 30px;margin: 0;padding:0px;}
.contact h2{text-align: center;color: #235a79;font-size: 23px;margin:10px 0px;text-transform: uppercase;border-bottom: 1px dotted #000000;padding-bottom: 7px;font-weight: 700;}
.contact a{margin:0;color: #235a79;}
.contact a:hover{color: #ee597e;text-decoration:none;transition:.5s;}


.client-part{padding: 30px 0px 30px 0px;background-color: #f8f8f8;}
.client-us-title{text-align:center;}
.client-us-title h2 span {font-size:19px;font-weight:500;color: #f1b23e;}
.client-us-title h2 {font-size:40px;font-weight:900;color: #235a79;line-height:40px;margin:0px;}
#owl-demo2 .item{ text-align: center; margin: 0px 5px }
#owl-demo2 .item img{width:100%;padding: 4px 5px 4px 5px;background-color: #efefef;border-radius: 0px;border: 1px solid #235a79;}


.get-touch {background-color: #235a79;padding:30px 0px;}
.get-title h4 { font-size:32px; color:#ffffff;}
.get-text p  {font-size: 17px;line-height: 30px;color: #fff;margin: 5px 0px; }

.callRight{float:right;margin: 27px 0;}
.callRight ul{padding-left:0;margin-bottom:0;list-style:none;}
.callRight ul li{float:left;}
.callRight li{padding:0 10px 0 10px;margin:0;list-style:none;}
.callRight p{font-size:18px;color: #fff;font-weight:500;margin: 0px;}
.callRight p span{margin:0;font-size: 21px;font-weight:700;color: #ffffff;text-transform: uppercase;}
.callRight li a{font-weight:600;color:#727376;font-size:16px;text-decoration:none;}
.callRight .fb-im{vertical-align:middle;width: 55px;height: 55px;float:left;margin-right: 20px;}
.callRight .fb-im i{color:#fff;font-size: 60px;line-height: 55px;}

.whatsapp_btn{position:fixed;bottom:100px;left:10px;width:50px;height:50px;z-index:100}
.whatsapp_btn .icon_logo{position:relative;z-index:150;padding:5px}
.whatsapp_btn .icon_logo>a>img{width:100%}
.whatsapp_btn .circle_waves{border-radius:50%;background-color:#235a79;width:50px;height:50px;position:absolute;opacity:0;bottom:1px;left:0;z-index:120;animation:waves 4s infinite cubic-bezier(.36,.11,.89,.32)}
@keyframes waves{from{transform:scale(.55,.55);opacity:.6}to{transform:scale(1.8,1.8);opacity:0}}

/***********footer**************/
.footer-part{padding: 40px 0px;background-color: #F7F9FB;background-size: cover;background-position: center center;border-top: 3px solid #f1b23e;}
.footer-text h3 {font-size: 24px;color: #131e4a;line-height: 35px;margin: 0px;font-weight: 600;text-transform: uppercase;}
.footer-decor-3 {width: 100%;margin: 0px auto 0px;}
.footer-decor-3:after {position: relative;top: 5px;display: inline-block;width: 90px;border-bottom: 4px solid #235a79;margin-bottom: 13px;content: '';}
.footer-img{text-align: center;}
.footer-img img{padding: 4px 2px;width: 100%;height:auto;text-align: center;}
.footer-text p {color: #000;font-size: 17px;line-height: 30px;margin: 10px 0px 10px;}
.footer-information ul{padding-left:5px;margin-bottom:0;}
.footer-information ul li {background-image:url(../images/arrow.png);background-repeat: no-repeat;background-position: 1px 9px;padding-left: 27px;list-style: none;text-align: left;padding-top: 5px;padding-bottom: 5px;font-size: 17px;line-height: 30px;}
.footer-information ul li a{color: #000;text-decoration:none;letter-spacing: 0.2px;}
.footer-information ul li a:hover {color: #235a79;text-decoration: none;transition:0.5s;}
.w3l-footer.three ul{padding-left:0px;margin: 0;}
.w3l-footer.three ul li {margin-bottom: 5px;display: block;}
.w3l-footer.three ul li i {font-size: 15px;color: #000d13;position: relative;line-height: 35px;float: left;height: 40px;border-radius: 50%;text-align: center;width: 40px;background-color: #ffffff;border: 3px solid #f1b23e;margin: 9px 0px;}
.w3l-footer.three ul li p {list-style-type: none;color: #000;font-size: 17px;line-height: 30px;float: left;width: 80%;margin-left: 6px;margin: 1px 6px 1px 11px;}
.w3l-footer.three ul li span {display: block;}
.w3l-footer.three a{color: #000;text-decoration:none;}
.w3l-footer.three a:hover{color: #235a79;}
.social-midia{padding: 12px 0px 10px;text-align: center;}
.social-midia img{margin: 0px 1px;width:auto;border-radius: 100px;height:auto;border: 1px solid #1c672d;padding: 2px;}
.social-icon {position: relative;padding-left: 0px;padding-top: 2px;}
.social-icon li {display: inline-block; margin: 0 3px;}


.social-icon li a {display: inline-block;width: 40px;height: 40px;background: #ffffff;line-height: 35px;text-align: center;border-radius: 50%;transition: .5s;color: #000d13;font-size: 17px;border: 3px solid #f1b23e;}
.social-icon li a:hover {background: #235a79;color: #fff;border-color: #ffffff;}

.sticky-footer{width:100%;position:fixed;bottom:0;z-index:110;display:none}
.sticky-footer .sticky-phone{float:left;width:100%}
.sticky-footer .sticky-phone a{float:left;width:33.33%}
.sticky-footer .sticky-phone a.mobile-num{background: #081726;padding: 10px 10px 10px 10px;color:#fff;font-size:12px;text-decoration:none;text-align:center}
.sticky-footer .sticky-phone a.email{background:#b21414;padding:10px 5px 10px 5px;margin:0;text-align:center;color:#fff;font-size:12px;text-decoration:none}


.power-by-bg{width:100%;margin:0 auto;padding: 9px 0;background-color: #235a79;}
.power-by p{text-align:center;color:#fff;padding:0;margin:0;font-size: 17px;}
.power-by p a{color:#fff; text-decoration:none;}