/* ==============================
   1. import css 
   ============================== */
   @import url("../css/owl.carousel.css");
   @import url("../css/fancybox.min.css");
   @import url("../css/animate.min.css");
   @import url("../css/fonts-min.css");
/* ==============================
   2. default 
   ============================== */
   li, ul { margin: 0; padding: 0; list-style: none; font-size: 16px; color: #666; font-weight: 500 }
   p { line-height: 26px; font-size: 16px; color: #666; font-weight: 500; }
   .btn, :after, :before, i { -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear }
   .shadow01 { -webkit-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.25); box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.25); }
   .linebg01 { background: #F5F6FA url(../images/linebg01.png) top center repeat-y; }
   .linebg02 { background: #143D8D url(../images/linebg02.png) top center repeat-y; }
   .bg-1 { background: #F5F6FA }
   .bg-2 { background: #143D8D }
   strong { font-weight: 500 }
   a:hover, a:focus { text-decoration: none; }
/* ==============================
   3. Pre Loader & Go top
   ============================== */
   #preloader { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #fff; z-index: 9999 }
   #status { width: 120px; height: 120px; position: absolute; left: 50%; top: 50%; background-image: url(../images/preloader.gif); background-repeat: no-repeat; background-position: center; margin: -60px 0px 0px -60px }
   #back-to-top { cursor: pointer; position: fixed; bottom: 0px; right: 20px; z-index: 1111; display: none; color: #FFF!important; background: rgba(0,0,0,.65); padding: 3px 12px; border-radius: 14px 14px 0px 0px; }

/*******rinkal*************/
.header-fixed {
	background-color: #ffffff;
	/* box-shadow: 0 1px 1px #ccc; */
	padding: 0;
	height: 93px;
	color: #ffffff;
	box-sizing: border-box;
	top: -100px;
	-webkit-transition: top 0.6s ease-out;
	transition: top 0.6s ease-out;
	float: left;
	width: 100%;
	

}
.header-fixed .header-limiter {text-align: center; margin: 0 auto;-webkit-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.25); box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.25); }
/*	The header placeholder. It is displayed when the header is fixed to the top of the
	browser window, in order to prevent the content of the page from jumping up. */

	.header-fixed-placeholder { height: 80px; display: none; }
/* Logo */

.header-fixed .header-limiter h1 { float: left;  margin: 0 0 0 60px; -webkit-clip-path: ellipse(50% 46% at 50% 50%); clip-path: ellipse(50% 46% at 50% 50%); background: #ffffff; width: 264px; height: 128px; line-height: 128px; }
.fixed .header-fixed .header-limiter h1 { clip-path: none; background: none; }
.fixed .header-fixed .header-limiter img {

	max-width: 50%;
	padding: 6px 0;

}
.header-fixed .header-limiter h1 span { color: #5383d3; }
/* The navigation links */

.header-fixed .header-limiter a { color: #ffffff; text-decoration: none; }
.header-fixed .header-limiter nav {  margin-right: -15px;}
.header-fixed .header-limiter nav a { display: inline-block;  text-decoration: none;color: #fff; opacity: 0.9; }
.header-fixed .header-limiter nav a:hover { opacity: 1; }
.header-fixed .header-limiter nav a.selected { color: #608bd2; pointer-events: none; opacity: 1; }
/* Fixed version of the header */

body.fixed .header-fixed { padding: 0; height: 58px; position: fixed; width: 100%; top: 0; left: 0; z-index: 9; }
body.fixed .header-fixed-placeholder { display: block; }
body.fixed .header-fixed .header-limiter h1 { font-size: 24px; line-height: 30px; }
body.fixed .header-fixed .header-limiter nav { line-height: 40px; font-size: 13px; }



body.fixed  .btnquick {


	padding: 0.5em 1em;

}

.navbar{padding:0;}

/* Making the header responsive */

@media all and (max-width: 600px) {
	.header-fixed .header-limiter h1 { float: none; margin: -8px 0 10px; text-align: center; font-size: 24px; line-height: 1; }
	.header-fixed .header-limiter nav { line-height: 1; float: none; }
	.header-fixed .header-limiter nav a { font-size: 13px; }
	body.fixed .header-fixed { display: none; }
}

/*******rinkal*************/   


.header { position: relative; z-index: 11;  }
.btnquick { background: #68C434; color: #FFF; font-size: 15px; padding: 2.5em 1.5em; }
.btnquick:hover { color: #FFF; background: #143d8d; }
.tellink { font-size: 16px; color: #666 !important; }
.tellink i { color: #68C434; font-size: 19px; padding-right: 7px; }
.home-slider {width:100%; position:relative; z-index:9;}
.welcome h2, .whyus h2 { font-size: 40px; font-weight: 400; color: #333333; padding-top: 103px; position: relative; z-index: 1; padding-left: 28px; }
.welcome h2 small, .whyus h2 small { display: block; font-weight: 500; font-size: 15px; }
.welcome h2:before, .welcome h2:after, .whyus h2:before, .whyus h2:after { content: ""; position: absolute; left: 0; top: 0; background: #68C434; }
.welcome h2:before, .whyus h2:before { height: 106px; width: 1px; }
.welcome h2:after, .whyus h2:after { height: 9px; width: 9px; top: 106px; }
.welcome p { padding-top: 100px; text-align: justify }
.btn-read { background: #143D8D; color: #FFF; font-size: 14px; padding: 12px 24px; }
.btn-read:hover { background: #68C434; color: #FFF; }
.our-services { position: relative; width: 100%; display: block; padding: 70px 0px; z-index:1; }
.our-services h4 { font-size: 18px; color: #333333; font-weight: 400; }
.btn-vmore { color: #065EB8; font-size: 14px; }
.btn-vmore i { color: #065EB8; font-size: 14px; margin-left: 4px; }
.our-sleft { position: relative; width: auto; float: left; text-align: center; }
.rotate-txt { font-weight: 400; font-size: 40px; white-space: nowrap; color: rgba(51, 51, 51, 0.2); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; writing-mode: vertical-lr; }
.our-sright { position: relative; width: calc(100% - 100px); float: right; z-index:1 !important; }
.slider_nav li a { width: 46px; height: 46px; line-height: 46px; background: #FFF; border-radius: 50%; margin-top: 10px; font-size: 22px; color: #143D8D; -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.12); -moz-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.12); box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.12); }
.slider_nav li a:hover { background: #143D8D; text-decoration: none; color: #FFFFFF; }
.itemtxt { width: calc(100% - 14%); position: relative; float: right; background: #FFF; padding: 32px 32px 1px 32px; margin-top: -90px; z-index: 11; }
.itempic { position: relative; width: 100%; overflow: hidden; }
.our-sright .item .itempic img { -webkit-transition: all 1s ease; transition: all 1s ease }
.our-sright .item:hover .itempic img { -webkit-transform: scale(1.2); transform: scale(1.2); }
.our-sright .item:hover .itempic:before { background: rgba(0, 0, 0, 0.35); }
.our-sright .item .itempic:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.07); display: block; z-index: 1; top: 0; left: 0; }
.our-sright .item .itempic:before, .whyicon { -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear; }
.our-sright .item:hover .itemtxt .btn-vmore { color: #68c434; }
.our-sright .item:hover .itemtxt .btn-vmore i:before { color: #68c434; margin-left: 12px; }
.whyus .whybox { background: #FFF; padding: 45px 14px; display: flex; flex-wrap: wrap; align-items: center; height: 100%; }
.whyicon { width: 88px; height: 88px; display: table; text-align: center; border: solid 2px #DAE0F0; border-radius: 50%; margin-right: 14px; }
.whyicon i { color: #143D8D; font-size: 56px; display: table-cell; vertical-align: middle; }
.whyicon i.mick-money { font-size: 48px; }
.whybox:hover .whyicon { /*! background: #143d8d; */ border: solid 2px #143D8D; }
.whybox:hover .whyicon i { /*color: #fff;*/ /*-webkit-transform: rotate(360deg); transform: rotate(360deg)*/ }
.whyus h2 { color: #FFF; }
.whyus h4 { color: #333333; font-size: 18px; font-weight: 600; padding-top: 1rem; margin-bottom: 5px; }
.whyus p { font-weight: 400; font-size: 16px; }
.whyicon img { width: 58px; padding: 13px 0; }
.offers p { font-size: 28px; line-height: 42px; font-weight: 300; }
.footer-top { background: #143D8D; border-bottom: solid 1px #375A9E; width: 100%; float: left; }
.footer-top li, .footer-top li a { color: #A5CADF; font-size: 18px; padding: 26px 10px; text-align: center; }
.footer-top li a { color: #A5CADF; font-size: 18px; position: relative; padding-left: 0px; }
.footer-top li a:hover { color: #68C434; text-decoration: none; }
.footer-top li a i.fa.fa-phone, .footer-top li a i.fa.fa-envelope { color: #A5CADF; font-size: 20px; top: auto; position: relative; text-align: center; }
.footer-top li a i { font-size: 35px; color: #68C434; position: absolute; left: 0; top: 19px; }
.footer { width: 100%; float: left; }
.footer p, .footer a { font-size: 15px; color: #ADBBD7; }
/* ==============================
   5. sub page css 
   ============================== */   
/*contact page*/
.banner-part { width: 100%; float: left; position: relative; }
.banner-part img { width: 100%; float: left; }
.cont-page { width: 100%; float: left; position: relative; }
.cont-page .cont-part { webkit-box-shadow: 0px 0px 40px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 40px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 40px 5px rgba(0, 0, 0, 0.1); width: 100%; float: left; position: relative; background: #fff; }
.cont-left { background: #68c434; padding: 0 30px 30px 25px; }
.cont-left h4, .cont-form h3 { font-size: 28px; font-weight: 400; color: #fff; padding-top: 47px; position: relative; z-index: 1; padding-left: 28px; padding-bottom: 10px; margin: 0 0 25px 0; font-family: 'Montserrat', sans-serif; letter-spacing: 0.5px; border-bottom: 1px solid rgba(255, 255, 255, 0.18); }
.cont-left h4:before, .cont-form h3:before { content: ""; position: absolute; left: 0; top: 0; background: #133d8d; height: 60px; width: 1px; }
.cont-left h4:after, .cont-form h3:after { content: ""; position: absolute; left: 0; top: 0; background: #133d8d; height: 9px; width: 9px; top: 60px; }
.cont-address { padding-left: 28px; margin-bottom: 25px; }
.cont-address i { color: #fff; float: left; margin: 0 0 0 -28px; }
.cont-address i.fa.fa-map-marker {margin:4px 0 0 -28px; font-size:15px; font-size:19px;}
.cont-address i.fa.fa-mobile {font-size:22px;}
.cont-address h5 { color: #fff; font-size: 16px; letter-spacing: 0.5px; font-weight: 600; }
.cont-address h6 { color: #fff; font-size: 15px; letter-spacing: 0.5px; margin: 0; }
.cont-address p { color: #fff; font-size: 15px; line-height: 24px; letter-spacing: 0.5px; }
.cont-address h6 a, .cont-address p a { color: #fff; }
.cont-form { width: 100%; float: left; position: relative; padding: 0px 40px 30px 30px; }
.col-xl-6.col-lg-6.pl-3 {padding:0 0 0 15px !important;}
.cont-form h3 { color: #333333; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.cont-form .form-group .form-control { height: 50px; border: 1px solid #e4e4e4; padding-left: 15px; color: #333; letter-spacing: 0.6px; position: relative; background: transparent; font-size: 15px; }
.cont-form .form-group .form-control:focus { box-shadow: 2px 4px 6px rgba(156, 156, 156, 0.18); outline: 0; }
.cont-form h3:before, .cont-form h3:after { background: #68c434; }
.btn-read.btn-clr { background: #68c434; }
.btn-read.btn-clr:hover { background: #143D8D; }
.linebg03 { background: url(../images/linebg01.png) top center repeat-y; }
.map { width: 100%; float: left; position: relative; background: rgba(0, 0, 0, 0.5); }
.map iframe { width: 100%; height: 100%; min-height: 380px; border: none; z-index: 1; opacity: 0.7 }
.browse.btn.btn-group { border-radius: 0; padding: 12px 30px; background: #f5f5f5; color: #333; position: absolute; top: 2px; right: 0px; font-size: 14px; letter-spacing: 0.5px; }
.browse.btn.btn-group:focus { outline: 0; }
input[type=file] { display: none; }
/*product*/
.product { width: 100%; float: left; position: relative; }
section { position: relative; width: 100%; z-index: 1; overflow-x: hidden; }
#tier-subnav { height: 90px; padding: 0 60px; overflow: hidden; position: relative; }
#tier-subnav .bgtexture { position: absolute; left: 0; top: 0; width: 100%; max-width: 1325px; height: 100%; background: rgba(165, 202, 223, 0.48); }
#tier-subnav .dline { background-image: url(../sub-images/dline-tier-hero.png); margin: 0; position: absolute; left: 0; top: 50%; opacity: .3; width: 1325px; height: 1px; }
.pro { position: relative; width: 100%; height: 100%; margin: 0 auto; }
#tier-subnav li { padding: 31px 0; display: inline-block; vertical-align: middle; }
#tier-subnav li ~ li { margin-left: 50px; }
#tier-subnav li a { font-size: 16px; color: #716969; transition: all 0.3s ease; font-weight: 600; }
#tier-subnav li a:hover, #tier-subnav li a.active { text-decoration: none; color: #133d8d; }
.spaced.pt-5.pb-5 { width: 100%; float: left; }
.pro-left { max-width: 33%; float: left; }
.pro-left h3 { font-size: 28px; font-weight: 400; color: #333; padding-top: 47px; position: relative; z-index: 1; padding-left: 28px; padding-bottom: 10px; margin: 0 0 25px 0; font-family: 'Montserrat', sans-serif; letter-spacing: 0.5px; border-bottom: 1px solid #eee; display: none; }
.pro-left h3:before { content: ""; position: absolute; left: 0; top: 0; background: #68c434; height: 60px; width: 1px; }
.pro-left h3:after { content: ""; position: absolute; left: 0; top: 0; background: #68c434; height: 9px; width: 9px; top: 60px; }
.pro-right { width: 62%; padding-right: 60px; padding-left: 60px; float: left; }
.pro-right .pro-area { max-width: 800px; }
.pro-right .pro-area h5 { font-weight: 400; font-size: 24px; color: #333; letter-spacing: 0.5px; margin: 40px 0 20px 0; }
.pro-right .pro-area p { text-align: justify; }
.pro-right .pro-area ul li { margin: 0 0 12px 23px; position: relative; line-height: 24px; }
.pro-right .pro-area ul li:before { content: "\f061"; font-family: 'FontAwesome'; position: absolute; left: -23px; font-size: 14px; top: 0; }
.send-btn { background: #d5e6f0; width: 100%; float: left; }
.btn-read.btn-send { margin: 15px 75px 15px 0; }
/*vertical*/
.verti { width: 100%; float: left; position: relative; }
.verti-part { width: 100%; float: left; }
.verti-part ul li { margin-bottom: 12px; background-color: #fff; padding: 13px 10px 13px 50px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative; width: 32%; margin-left: 15px; float: left; }
.verti-part ul li:before { position: absolute; content: "\f105"; font-family: 'FontAwesome'; left: 0px; width: 40px; height: 45px; line-height: 45px; background: #a5cadf; text-align: center; top: 0px; color: #fff; }
.breadcrumb { background: transparent; margin: 0; padding: 0; position: absolute; left: 0; right: 0; margin: auto; text-align: center; text-align: center; top: 50%; transform: translateY(-50%); }
.breadcrumb ul {/* position:absolute; *//* left:0; *//* right:0; *//* margin:auto; *//* text-align:center; *//* top:50%; *//* transform:translateY(-50%); */ width: 100%; }
.breadcrumb ul h5 { color: #fff; font-size: 28px; font-weight: 400; letter-spacing: 0.5px; }
.breadcrumb ul li { display: inline-block; color: #a29e9e; margin: 0 0 0 3px; letter-spacing: 0.3px; }
.breadcrumb ul li a { color: #fff; }
.fixed-me { position: fixed; top: 0; z-index: 888; width: 100%; transition: all 0.5s ease; }
.navbar-me { transition: all 0.5s ease; }
.navbar-me.fixed-me .navbar { padding: 0; }
.navbar-me.fixed-me .navbar-light .navbar-brand { margin: 0px 54px 0px 65px; padding: 5px 0 5px 28px; height: auto; transition: all 0.5s ease; }
.navbar-me.fixed-me .navbar-light .navbar-nav li.nav-item .nav-link { padding: 25px 15px 20px 16px; transition: all 0.5s ease; }
.navbar-me.fixed-me .navbar-light .navbar-brand .img-fluid { max-width: 75%; }
.navbar-me.fixed-me .btnquick { padding: 23px 22px; }
/*about us page*/
.sub-heading h2 { font-size: 40px; font-weight: 400; color: #333333; padding-top: 103px; position: relative; z-index: 1; padding-left: 28px; }
.sub-heading h2:before { height: 106px; width: 1px; }
.sub-heading h2:before, .sub-heading h2:after { content: ""; position: absolute; left: 0; top: 0; background: #68C434; }
.sub-heading h2 small { display: block; font-weight: 500; font-size: 15px; }
.sub-heading h2:after { height: 9px; width: 9px; top: 106px; }
.aboutus p { padding-top: 100px; text-align: justify; }
.aboutus-scssn h5 { font-weight: 400; font-size: 24px; color: #333; letter-spacing: 0.5px; margin: 0px 0 10px 0; }
.vision p { font-size: 18px; line-height: 28px; font-weight: 500; }
.why-us .whyicon { width: 75px; height: 75px; transition: 0.8s all; border: solid 2px #f5f6fa; }
.why-us .whybox:hover { box-shadow: 0px 18px 30px -15px #00000038;/* background: #f5f6fa; */ }
.why-us .whyicon i { font-size: 50px; }
.why-us .whybox { background: #f5f6fa38; padding: 20px 0px 20px 10px; display: flex; flex-wrap: wrap; align-items: center; height: 100%; border: 1px solid #f0f4ff; transition: 0.8s all; }
.why-us .whybox:hover .whyicon { background: transparent; border: solid 2px #143d8d; }
.why-us .whybox:hover .whyicon i { color: #143D8D; transform: none; }
.why-us .whyicon img { text-align: center; width: 50px; padding-top: 12px; vertical-align: middle; }
.why-us .whybox h4 { text-transform: uppercase; color: #333333; font-size: 18px; font-weight: 600; padding-top: 1rem; margin-bottom: 0px; }
.why-us .whybox p { font-size: 15px; }
.pad5 { padding-right: 10px !important; padding-left: 10px !important; }
#middle_msg h3 { text-transform: uppercase; letter-spacing: .5px; border-bottom: 0; font-size: 28px; color: #fff; width: 100%; font-weight: 600; margin: -4px 0 30px; padding: 8px 0 }
.middle_msg { padding: 0 30px 50px; width: 60%; border: 4px solid #f5f6fa; vertical-align: top; margin: 0 auto; float: none; text-align: center; box-shadow: 0px 0px 30px -10px #00000045; background: #fff; }
.middle_msg p { font-size: 18px; color: #555; margin: 15px 0; width: 100% }
.middle_msg strong { font-size: 19px }
.form-group { position: relative; }
.form-group .captcha-img { position: absolute; right: 10px; top: 15px; }
.footer-top li a.social { padding-left: 40px; }

.cont-address span {
	margin-top: 10px;
	display: block;
	padding-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.37);
}