@font-face {

    font-family: 'DINOT';

    src: url('../fonts/DINOT.woff2') format('woff2'),

        url('../fonts/DINOT.woff') format('woff');

    font-weight: normal;

    font-style: normal;

	font-display: swap;

}

@font-face {

    font-family: 'open_sansbold';

    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),

         url('../fonts/opensans-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

	font-display: swap;



}

@font-face {

    font-family: 'open_sansextrabold';

    src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),

         url('../fonts/opensans-extrabold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

	font-display: swap;



}

@font-face {

    font-family: 'open_sanslight';

    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),

         url('../fonts/opensans-light-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

	font-display: swap;



}



@font-face {

    font-family: 'open_sansregular';

    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),

         url('../fonts/opensans-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

	font-display: swap;



}

@font-face {

    font-family: 'open_sanssemibold';

    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),

         url('../fonts/opensans-semibold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

	font-display: swap;



}

*{

    margin: 0;

    padding: 0;

}

a{

	color: #212529;

	border: none;

	text-decoration: none !important;

	outline: none !important;

}

html{

    font-size: 100% ;

	}



@media (max-width: 991.98px) { 

	html{

		font-size: 95.5% !important;

	}

}

@media (max-width: 767.98px) { 

	html{

		font-size: 95.3% !important;

	}

 }







h1,h2,h3,h4,h5,h6{

    font-family: 'DINOT';

}

p{

   font-family: 'DINOT';

}

.bg-primary{

    background-color: #1b2550 !important;

}

.bg-secondary{

    background-color: #164f9c !important;

}

.text-bg{

    color: #1b2550 !important;

}

.text-secondary{

    color: #4331ab !important;

}

.social-meda ul li{

    border: 1px solid #3f4767;

    margin-right: 10px;

    width: 30px;

    text-align: center;

    height: 30px;

    line-height: 30px;

}

.social-meda ul li span{

    font-size: 14px;

}

.right-timing ul li{

    font-family: 'DINOT';

    padding-left: 15px;

    font-size: 14px;

}

.brd{

    border: 1px solid #3f4767;

    padding: 0px 10px !important;

    margin-left: 10px;

}

.header{

    box-shadow: 0 2px 10px rgba(0,0,0,.1);

        background-color: #fff;

    transition: .3s;

}





.main-nav>ul>li {

	text-transform: uppercase;

	position: relative;

	font-family: 'DINOT';

    font-size: 14px;

}



@media (min-width: 992px) {

	.main-nav>ul>li {

		display: inline-block;

		    padding: 1.4rem 1rem;

	}

}



@media (max-width: 991.98px) {

	body, p{

		font-size: 1rem !important;

	}

	.mob-menu span {

		font-size: 27px

	}

	.close span {

		font-size: 20px

	}

	.main-nav {

		background-color: #fff;

		position: fixed;

		height: 100vh;

		top: 0;

		left: 0;

		min-width: 300px;

		transform: translate(-100%, 0);

		transition: .5s;

		overflow-y: scroll;

		overflow-x: hidden;

		z-index: 99;



    max-width: 300px;

	}

	.main-nav ul>li {

		padding: 1rem 0rem;

		border-bottom: 1px solid #f1f1f1;

		margin: .10rem 0rem;

	}

	.main-nav .mob-menu {

		z-index: 9

	}

	.showmenu .menu-overlay {

		position: fixed;

		top: 0;

		left: 0;

		right: 0;

		bottom: 0;

		background-color: rgba(0, 0, 0, 0.48);

		z-index: 9

	}

	.showmenu .main-nav {

		transform: translate(0, 0);

		transition: .5s

	}

	.submenu {

		display: none

	}

	.icon-add {

		height: 10px;

		width: 10px;

		border-top: 2px solid #000;

		border-left: 2px solid #000;

		display: block;

		transform: rotate(225deg);

		position: absolute;

		right: 0;

		top: 0

	}

	.showmenu {

		overflow: hidden

	}

	.main-navigation{

		padding-top: 15px;

		padding-bottom: 15px;

		border-bottom: 1px solid #ddd;

	}



	.main-navigation .close{

		opacity: 1 !important;

	}

	.icon-close{

		    background-color: #164f9c;

    color: #fff;

    padding: 10px;

	}



	.dw-on{

    float: right;

    padding: 14px;

    margin-top: -10px;

    filter: brightness(30%);

	}

	.submenu{

	    margin-top: 12px !important;	

	}

	.submenu li{

	font-size: 13px;

	}

	.submenu li:last-child {

  	border: none !important;

    }

    .submenu{

    	width: 100%;

    }

    .fixed-head .main-nav{

    	box-shadow: 3px 1px 7px rgba(0, 0, 0, 0.07);

    }

    .main-navigation li:last-child {

  	border: none !important;

    }

    .mobile-social ul li{

     float: left;

    border: none !important;

    font-size: 30px;

    padding-right: 1rem;

    }

    .mobile-social{

        padding: 0px 15px;

    }

    .foot-details ul li{

    	margin: 1rem 0rem;

    }

    .social-meda ul li{

    	margin-right: 1rem !important;

    }

}



.close{

		opacity: 1 !important;

	}

	.dw-on{

		margin-left: 10px;

		filter: brightness(30%);

	}

@media (min-width: 992px) {

	body, p{

		font-size: 1rem !important;

	}

	.submenu-second{

		display: block !important; 

	}

	.sub-list > .icon-down-arrow{

		display: none;

	}

	.mobile-social{

		display: none;

	}



	.submenu li{

	font-size: 13px;

	}

	.mobile-logo {

		display: none

	}

	.mob-menu {

		display: none

	}

	.submenu {

		position: absolute;

		width: 300px;

		text-align: left;

		padding: 10px;

		background-color: #fff;

        box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.1);

		left: 0;

		top: 35px;

		visibility: hidden;

		transform: translateY(40px);

		transition: all .3s ease-in-out;

		opacity: 0;

		z-index: 9;

	}

	.submenu>li {

		padding: 7px 0px;

		   

		    transition: all .3s ease-in-out;

	}

	.main-nav>ul>li:hover .submenu {

		visibility: visible;

		transform: translateY(30px);

		transition: all .3s ease-in-out;

		opacity: 1;

        z-index: 9;

	}

	.submenu li:before {

    font-family: icomoon!important;

    content: "\e947";

    padding-right: 10px;

    color: #164f9c;

    font-size: 13px;

}

.submenu li:hover{

	padding-left: 10px;

}

.current .dw-on{

	font-size: 10px;

}

}

.main-navigation li{

	cursor: pointer;

}

.fixed-head{

    width: 100%;

    background-color: #fff;

    position: fixed;

    top: 0;

    z-index: 99;

}

.slick-dots li.slick-active button:before {

    color:#164f9c !important;



}

.banner-slider .slick-next {

    right: 25px !important;

    z-index: 9

}

.banner-slider .slick-prev{

    left: 25px !important;

    z-index: 9;

}

.fixed-head{

    transition: all 0.5s ease;

}

/*.fixed-head .main-logo{

    width: 155px;

    transition: all 0.5s ease;

}

.main-logo{

    transition: all 0.5s ease;

}

.fixed-head .main-nav>ul>li {

    padding: 1rem 1rem !important;

}*/

.banner-slider .slick-slide img{

    width: 100%;

}

.main-btn{

    border: 2px solid #164f9c;

    padding: 7px 20px !important;

    border-radius: 20px;

    transition: all 0.5s ease; 

    background: transparent;

        font-family: 'DINOT';

}

.main-btn:hover{

    border: 2px solid #164f9c;

    background-color: #164f9c;

    color: #fff !important;

}

.main-btn:hover a{

color: #fff !important;

	}



.in-slide{

	width: 100%;

	bottom: 0;

	position: absolute;

	top: 0;

}

.slide-content{

	position: absolute;

    right: 0;

    background-color: #164f9c70;

    top: 0;

    bottom: 0;

    width: 550px;

    padding: 90px 50px 80px 50px;

    color: #fff;

}

.banner-slider{

	position: relative;

}

.banner-slider .slick-dots{

    bottom: 25px !important;

}

.slide-content h3{

	-webkit-animation: fadeInDown 1s ease-out;

}

.slide-content h1{

	-webkit-animation: fadeInUp 1s ease-out;

}

.slide-content p{

	-webkit-animation: fadeInUp 1.5s ease-out;

}

.slide-content button{

	-webkit-animation: fadeInUp 2s ease-out;

}



.banner-slider  .slick-dots li button:before{

	font-size: 50px;

	opacity: 1;

}

.slide-content h1{

	font-size: 42px;

    font-weight: 600;

}

.slide-content p{



}

.banner-slider .slick-dots li button:hover, .slick-dots li button:focus {

    outline: none;

    opacity: 1 !important;

}

.banner-slider .slick-dots li button:before{

    color: #1b2550 ;

}

.slick-dotted.slick-slider {

    margin-bottom: 0px !important;

}

.slide-content .main-btn{

	color: #fff;

}

.services-area{

	background-color: #f0f0f0;

}

.service-point{

	box-shadow: 2px 1px 12px rgba(0, 0, 0, 0.11);

    border-radius: 10px;

}

.icon-diploma{

	font-size: 40px;

}

.service-content p{

 font-family: 'DINOT';

     font-size: 14px;



}

.icon-bid{

	font-size: 40px;

}

.icon-fan{

	font-size: 40px;

}

.icon-support{

	font-size: 40px;

	opacity: .9;

}

.heds h2{

	color: #164f9c;

	font-weight: 600;

}

.heds p{

   font-family: 'DINOT';

}





.ser-im{

	position: relative;

	    width: 100%;

    height: 100%;

}

.ser-im .active .ser-cont{

	visibility: visible;

	transition: all .3s ease-in-out;

	opacity: 1;

}

.ser-cont{

	visibility: hidden;

}





.ser-one{

	position: absolute;

	top: 0;

	bottom: 0;

	width: 100%;

	z-index: 9;

	

}

.ser-one img{

	visibility: hidden;

	opacity: 0;

	transition: all .3s ease-in-out;

}

.ser-im .active img{

	visibility: visible;

	transition: all .3s ease-in-out;

	opacity: 1;

}



/*****************/

.ser-two{

	position: absolute;

	top: 0;

	bottom: 0;

	width: 100%;

	z-index: 9;

	

}

.ser-two img{

	visibility: hidden;

	opacity: 0;

	transition: all .3s ease-in-out;

}



/*****************/

.ser-three{

	position: absolute;

	top: 0;

	bottom: 0;

	width: 100%;

	z-index: 9;

	

}

.ser-three img{

	visibility: hidden;

	opacity: 0;

	transition: all .3s ease-in-out;

}

/*****************/

.ser-four{

	position: absolute;

	top: 0;

	bottom: 0;

	width: 100%;

	z-index: 9;

	

}

.ser-four img{

	visibility: hidden;

	opacity: 0;

	transition: all .3s ease-in-out;

}





.ser-cont{

	position: absolute;

	bottom: 0;

	width: 100%;

	padding: 40px;

	color: #fff;

	

}

.ser-cont h3{

	font-weight: 800;

	-webkit-animation: shake 6s;

	animation: shake 6s;

	padding-right: 10px;

	

}

/*.ser-im::before{

	content: "";

	display: block;

	background-color: #164f9c70;

	position: absolute;

	width: 100%;

	height: 100%;

	z-index: 9;

}*/

.ser-im img{

width: 100%;

}

.vimi-1{

	 box-shadow: 0 1px 10px rgba(0, 0, 0, 0.13);

    border-radius: 10px;

}

.vimi-1 h4{

	color: #164f9c;

	    border-bottom: 1px solid #ddd;

    padding-bottom: 10px;

}

/*.fill-blue{

	    background-color: #1b2550;

}*/

.fill-blue{

	position: relative;



	background-image: url(../images/back.png);

    width: 100%;

    background-attachment: fixed;

    background-origin: initial;

    background-clip: initial;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 100% 0;

    background-position: center;

}

.span-blue{

	background-color: #1b2550d6;

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;



}

.fill-blue p{

    border: 1px solid #fff;

    padding: 35px;

}

.service-point{

	border: 2px solid #fff;

	transition: all .3s ease-in-out;

	position: relative;

	overflow: hidden;

}

.service-point:hover{

	border: 2px solid #164f9c;

}

.service-point:before{

     content: "";

    left: -29px;

    top: -42px;

    right: -46px;

    height: 50%;

    position: absolute;

    background-color: #0006;

    display: block;

    opacity: .1;

    transform: rotate(-11deg);

}

.main-btn .icon-right-arrow{

	font-size: 18px;

	padding-left: 15px;

}

.footer{

	font-family: 'DINOT';

	color: #cecece;

}

.foot-details ul li:before{

	font-family: icomoon!important;

   content: "\e947";

    padding-right: 10px;

    color: #164f9c;

    font-size: 13px;

}

.foot-details ul li{

	line-height: 30px;

}

.contact-icons li span{

	font-size: 18px;

}

.powerd{

	background-color: #1d1d1d;

}



@media (min-width: 992px) and (max-width: 1170px) { 

.slide-content h1{

	    font-size: 25px;

}

 }

 @media (max-width: 991.98px) { 

.slide-content{

	position: relative;

	width: 100%;

	    padding: 40px 35px 50px 35px;

  }

  .in-slide{

  	position: relative;

  }

  .ser-im{

  	display: none;

  }

}

@media (max-width: 767.98px) { 

.in-slide{

	display: none;

 }

 .slide-content{

 	display: none;

 }

 h2{

 	font-size: 24px;

 }



.hvac-im{

	height: 230px;

    overflow: hidden;

    margin-bottom: 40px;

}

.right-timing ul li {

padding-left: 0px !important;

	}

.div-pad{

	 padding-left: 0;

    padding-right: 0;

}

.back-top{

	display: none !important; 

}



.slide-min .carousel-item img{

	    height: 300px;

    object-fit: cover;

}

.serv-icon span{

	font-size: 50px !important;

}

.hover_bkgr_fricc > div {
	width: 80% !important;
}



}

@media (min-width: 992px) {

.main-navigation>.active:after{

content: "";

position: absolute;

bottom: 0;

height: 2px;

background-color: #000;



width: 100%;

left: 0;

bottom: -12px;

}

}





.mob-time-area{

	display: none;

}

}

@media (min-width: 768px) and (max-width: 991.98px) { 

.hvac-im{

	display: none;

}



}



.mob-time-area{

	font-family: 'DINOT';



	  

}

.time-wid{

	    font-size: 14px;

    padding: 8px;

    padding-right: 40px;



      position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #1b2550 !important;

}

.time-but{

	position: absolute;

    top: 0;

    right: 0;

    background-color: #164f9c;

    bottom: 0;

    padding: 8px;

    width: 37px;

    text-align: center;

}

.back-top {

    background: #f8f8f8;

    position: fixed;

    bottom: 40px;

    color: #164f9c;

    right: 15px;

    cursor: pointer;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    border-radius: 50%;

        transform: rotate(-90deg);

        box-shadow: 0px 1px 8px rgba(0,0,0,0.3);

    z-index: 999;

}

.spinner-wrapper{

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 99999;

	background-color: #fff;

}

.load-icon{

	 position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  text-align: center;



  -webkit-animation: flash 3s infinite;

}

.carousel-indicators li{

	    width: 10px !important;

    height: 10px !important;

    border-radius: 50%;

}



.inner-page-head{

	background-color: #1b2550;

}

.inner-hed{

	    border: 1px solid #4d6d98;

    display: inline-block;

        border-radius: 5px;

}

.bg-light{

	background-color: #f0f0f0 !important;

}

.list-group {

	font-family: 'DINOT';

}



.list-group li:before {

    font-family: icomoon!important;

    content: "\e947";

    color: #164f9c;

    font-size: 13px;

    width: 30px;

    display: inline-block;

    height: 30px;

    text-align: center;

    line-height: 30px;

    border-radius: 5px;

    margin-right: 10px;

    border: 1px solid #b9d7ff;

}

.contact-details, .form-area{

	font-family: 'DINOT';

}

.form-area input ,textarea{

	border: 1px solid #164f9c !important;

}

.contact-details{

	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);

}

.contact-details .get-in span{

	display: block;

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

    border: 1px solid #ddd;

    border-radius: 5px;

}

.con-btn{

	 border: 2px solid #164f9c;

    padding: 7px 20px !important;

    border-radius: 20px;

    transition: all 0.5s ease; 

    background: transparent;

        font-family: 'DINOT';

}

.icons-slide li img{

	width: 40px;

	opacity: .3;

}

.icons-slide li {

	text-align: center;

}

@media (max-width: 576px) { 

.icons-slide li img{

	width: 30px;

	

}

 }



.pbs-1{

 	color: #ED1C24;

 	font-weight: bold;

}

.pbs-2{

 	color: #0088CB;

 	font-weight: bold;

}

.pbs-3{

 	color: #13CF0D;

 	font-weight: bold;

}

.pbs-4{

 	color: #0088CB;

 	font-weight: bold;

}

.pbs-5{

 	color: #ED1C24;

 	font-weight: bold;

}

.pbs-6{

 	color: #17A8E7;

 	font-weight: bold;

}

.box-imgs{

	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.12);

	padding: 15px;

	cursor: pointer;

}

.box-im-contents p{

	margin: 0;

}

.disc{

	 position: absolute;

    display: flex;

    height: 100%;

    vertical-align: middle;

    align-items: center;

    padding: 10px;

    text-align: center;

    transition: .3s;

     justify-content: center;

     width: 100%;

}

.box-imgs:hover .disc{

	background-color: #1b2550b5;

    color: #fff;

    transition: .3s;

}

.disc p{

		opacity: 0;

	 color: #fff;

	 transform: translateY(20px);

	 transition: all .2s ease-in-out;

}

.box-imgs:hover .disc p{

	opacity: 1;

    transform: translateY(0px);

    transition: all .3s ease-in-out;

}

.bx-im img{

	object-fit: cover;

    height: 180px;

    max-height: 180px;

    min-height: 180px;

    border: 1px solid #0671c8;

}

.box-im-contents h5{

	text-align: center;

}

.bx-im{

background-color: #ffeeef;

}

footer a{

	color: #cecece;

}

.sub-list{

	position: relative;

}

.submenu-second{

	position: absolute;

    background-color: #fff;

    left: -290px;

    min-width: 290px;

    padding: 14PX 12PX;

    top: 0;

opacity: 0;

    transform: translateY(30px);

    transition: all .3s ease-in-out;



}

.sub-list{

	position: relative;



}

.sub-list:hover .submenu-second{

	opacity: 1;

	  transform: translateY(0px);

	    transition: all .3s ease-in-out;



}

.submenu-second li{

	transition: all .3s ease-in-out;

    padding: 7px 0px;

}

.small-head{

	text-align: center;

	color: red;

}

.brand-img{

	display: block;

	padding: 10px;

	border:1px solid #000;

	margin-bottom: 5px;

}

.clearfix{

	display: block;

    content: "";

    clear: both;

    width: 100%;

    margin: 25px;

}

.border h3{

	text-align: center;

}

.border{

	border:2px solid #164f9c;

	padding: 10px;

	-webkit-filter: brightness(75%);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	-ms-transition: all 1s ease;

	transition: all 1s ease;

}

.border:hover{

-webkit-filter: grayscale(100%);

-webkit-transition: all 1s ease;

-webkit-filter: brightness(100%);

}

.inner-page-head h1{

	font-size: 1.75rem;

}

/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}
/* Popup box END */


.icon-bar {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999999;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}



.overlay-container {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 99999;
        }

        .popup-box {
            background: #fff;
            padding: 24px;
            border-radius: 12px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
            width: 320px;
            text-align: center;
            opacity: 0;
            transform: scale(0.8);
            animation: fadeInUp 0.5s ease-out forwards;
        }

        .form-container {
            display: flex;
            flex-direction: column;
        }

        .form-label {
            margin-bottom: 10px;
            font-size: 16px;
            color: #444;
            text-align: left;
        }

        .form-input {
            padding: 10px;
            margin-bottom: 20px;
            border: 1px solid #ccc;
            border-radius: 8px;
            font-size: 16px;
            width: 100%;
            box-sizing: border-box;
        }

        .btn-submit,
        .btn-close-popup {
            padding: 12px 24px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        .btn-submit {
            background-color: #1b2550;
            color: #fff;
        }

        .btn-close-popup {
            margin-top: 12px;
            background-color: #e74c3c;
            color: #fff;
        }

        .btn-submit:hover,
        .btn-close-popup:hover {
            background-color: #4caf50;
        }

        /* Keyframes for fadeInUp animation */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Animation for popup */
        .overlay-container.show {
            display: flex;
            opacity: 1;
        }