@charset "utf-8";
/* CSS Document */

*{margin: 0px; padding: 0px;}



a{text-decoration: none;}

h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif;}

html{overflow-x: hidden;}
body{font-family: 'Montserrat', sans-serif;overflow-x: hidden;}

header{width: 100%; float: left; }

.header-top{
	position:relative;
	background-color:#000;
}

.header-top .top-left{
	position: relative;
	float:left;
	padding:11px 0px;
}

.header-top .top-left .text{
	font-size:15px;
	color:#fff;
}

.header-top .top-left .text a{
	position:relative;
	color:#ffffff;
	text-decoration: none;
}

.header-top .top-right{
	position: relative;
}

.header-top .top-right .clock{
	position: relative;
	float:left;
	margin:11px 0px;
	padding-left:25px;
	display:inline-block;
	color:#fff;
	font-size:15px;
	margin-right:30px;
}

.header-top .top-right .clock:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	color:#fff;
}

.header-top .top-right .social-box{
	position:relative;
	float:left;
	padding:8px 0px 13px 15px;
}

.header-top .top-right .social-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	bottom:0px;
	width:1px;
	opacity:0.50;
	transform:rotate(20deg);
	background-color:#fff;
}

.header-top .top-right .social-box a{
	position:relative;
	display:inline-block;
	color:#fff;
	font-size:18px;
	margin-left:15px;text-decoration: none;
}

.header-top .top-right .social-box a:hover{
	color:#124797;
}

.navbar-brand img {
    width: 140px;
}

.header-upper .navbar-nav{position: relative;}
.header-upper .navbar-nav:before {
    position: absolute;
    content: '';
    left: -2%;
    bottom: 0px;
    right: 0px;
    top: 0px;
    transform: skewX(-30deg);
    background-color:#124797;
}

.header-upper .navbar-nav:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    right: -1000px;
    top: 0px;
    background-color: #124797;
}

.header-upper .nav-link {
    font-size: 17px;
    position: relative;
    z-index: 9;
    padding: 15px 20px !important;
	color: #fff;
}
.header-upper  .navbar-nav .nav-link:hover, .header-upper  .navbar-nav .nav-link.active, .header-upper  .navbar-nav .show>.nav-link
{color: #fef200;}
.mainslider{width: 100%; float: left;}
.aboutus{width: 100%; float: left; padding: 60px 0px;}
.heading {
    width: 100%;
    float: left;
    position: relative;
    z-index: 9;
}
.heading span {
    font-size: 18px;
    color: #124797;
    font-weight: 700;
}
.heading h2 {
    font-size: 45px;
    color: #000;
    font-weight: 900;
	padding: 15px 0 30px 0;
}

.aboutus p{font-size: 17px; text-align: justify; text-align-last: left; color: #000;}
.aboutus a{padding: 15px 45px; font-size: 15px; text-decoration: none; color: #fff; background: #124797; margin-top: 20px;display: inline-table; border-radius: 5px;}

.aboutus h3 {
    color: #f2f200;
    font-size: 45px;
    font-weight: 700;
    text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
	margin: 0px;
}
.aboutright{position: relative; overflow: hidden}
.aboutright img{border-radius: 5px;}
.cogdiv, .circle-layer{position: absolute; bottom: -70px; right: -50px; font-size: 290px; color: #fff;
 animation-name: rotateme; /*text-shadow: 1px 0 #124797, -1px 0 #124797, 0 1px #124797, 0 -1px #124797, 1px 1px #124797, -1px -1px #124797, 1px -1px #124797, -1px 1px #124797;*/
    animation-duration: 15s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: rotateme; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: rotateme; 
    -moz-animation-duration: 15s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: rotateme; 
    -ms-animation-duration: 15s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: rotateme; 
    -o-animation-duration: 15s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}


@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -webkit-transform: rotate(180deg);
      }
    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
      }
}

.cog2div{position: absolute; top: -70px; left: -50px; font-size: 290px; color: #fff;
 animation-name: rotateme-two; 
    animation-duration: 15s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: rotateme-two; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: rotateme-two; 
    -moz-animation-duration: 15s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: rotateme-two; 
    -ms-animation-duration: 15s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: rotateme-two; 
    -o-animation-duration: 15s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes rotateme-two{
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -webkit-transform: rotate(-180deg);
      }
    100% {
        -webkit-transform: rotate(-360deg);
        opacity: 1;
      }
}

.circle-layer {
    position: absolute;
    left: -7px;
    top: -7px;
    width: 166px;
    height: 166px;
    z-index: 1;
    border-radius: 50%;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
    background-size: contain;
}

.services{width: 100%; padding: 60px 0;  float: left;}
















.service-section-two{
	position:relative;
	padding:60px 0px;
	float: left; 
	width: 100%;
}

.service-section-two .image-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	height:500px;
	background-size:cover;
}

.service-section-two .pattern-layer-one{
	position:absolute;
	left:7%;
	top:0%;
	width:405px;
	height:394px;
}

.service-section-two .pattern-layer-two{
	position:absolute;
	right:4%;
	top:40%;
	width:232px;
	height:235px;
}

.service-section-two .pattern-layer-three{
	position:absolute;
	left:0px;
	bottom:-80px;
	width:344px;
	height:281px;
	background-repeat:no-repeat;
}

.service-block-two{
	position:relative;
	z-index:20;
	margin-bottom:30px;
}

.service-block-two .inner-box{
	position:relative;
	border-radius:6px;
	overflow:hidden;
	box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}

.service-block-two .inner-box .image{
	position:relative;
}

.service-block-two .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.service-block-two .inner-box .overlay-box{
	position:absolute;
	left:0px;
	bottom:0px;
	right:35px;
	z-index:1;
	padding-left:110px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block-two .inner-box:hover .overlay-box{
	bottom:-120px;
}

.service-block-two .inner-box .overlay-box .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:90px;
	line-height:90px;
	text-align:center;
	font-size:44px;
	color:#fff;
	background-color:#124797;
}

.service-block-two .inner-box .overlay-box .content {
    position: relative;
    padding: 18px 25px 14px;
    background-color: #fff;
    height: 85px;
}

.service-block-two .inner-box .overlay-box h5{
	font-size:22px;
	    margin: 0;
}

.service-block-two .inner-box .overlay-box .title{
	position:relative;
	display:block;
	font-size:15px;
	margin-top:5px;
}

.service-block-two .inner-box:hover .overlay-box-two{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.service-block-two .inner-box .overlay-box-two{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease,-webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.service-block-two .inner-box .overlay-box-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:30px;
	bottom:0px;
	opacity:0.90;
	background-color:#fff;
}

.service-block-two .inner-box .overlay-box-two .icon-two{
	position:absolute;
	right:0px;
	top:0px;
	width:100px;
	height:90px;
	line-height:90px;
	text-align:center;
	font-size:44px;
	color:#fff;
	background-color:#124797;
}

.service-block-two .inner-box .overlay-box-two .icon-two:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:-18px;
	border-top: 18px solid var(--color-twelve);
	border-right: 30px solid transparent;
}

.service-block-two .inner-box .overlay-box-two .overlay-inner{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    padding: 10px 40px;
}

.service-block-two .inner-box .overlay-box-two .overlay-inner .overlay-content{
	position: relative;
    display: table-cell;
    vertical-align: middle;
}

.service-block-two .inner-box .overlay-box-two h5{
	line-height:30px;
	max-width:190px;
	font-size:22px;
}

.service-block-two .inner-box .overlay-box-two h5 a{
	position:relative;
	color:#000;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.service-block-two .inner-box .overlay-box-two h5 a:hover{
	color:#124797;
}

.service-block-two .inner-box .overlay-box-two .text {
    line-height: 30px;
    color: #000;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 16px;
}
.service-block-two .inner-box .overlay-box-two .read-more{
	position:relative;
	padding:14px 22px;
	border-radius:4px;
	font-weight:700;
	display:inline-block;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	background-color:#124797;
	font-family:var(--font-family-BeVietnam);
}

.service-block-two .inner-box .overlay-box-two .read-more span{
	position:relative;
	top:-1px;
	font-size:12px;
	margin-left:5px;
}




.service-section-two .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	font-family: "Flaticon";
	font-size: 20px;
}

.service-section-two .owl-nav .owl-next{
	position:absolute;
	right:0px;
	font-family: "Flaticon";
	font-size: 20px;
}

.service-section-two .owl-nav{
	position:absolute;
	left:50%;
	bottom:27px;
	width:100%;
	z-index:1;
	max-width:140px;
	transform:translateX(-50%);
}

.service-section-two .owl-dots{
	position: relative;
	display: block;
	text-align:center;
	counter-reset:slides-num;
	margin-top:15px;
}

.service-section-two .owl-dots .owl-dot{
	position:relative;
	display: inline-block;
	vertical-align: top;
	counter-increment: slides-num;
}

.service-section-two .owl-dots .owl-dot span{
	position: relative;
	content:"0" counter(slides-num) "";
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin:0px 10px;
	color:#000;
	padding-bottom:5px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	font-family:var(--font-family-BeVietnam);
}

.service-section-two .owl-dots .owl-dot span:after{
	position:absolute;
	content:'/';
	right:-14px;
	top:0px;
	opacity:0;
	font-size: 14px;
	color:#000;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.service-section-two .owl-dots .owl-dot:hover span:after,
.service-section-two .owl-dots .owl-dot.active span:after{
	opacity:1;
}

.service-section-two .owl-dots .owl-dot span:before{
	position: relative;
	content:"0" counter(slides-num) "";
}

.service-section-two .owl-dots .owl-dot:hover span,
.service-section-two .owl-dots .owl-dot.active span{
	color: var(--main-color);
	opacity:1;
}

.service-section-two .owl-dots .owl-dot:last-child span::after{
	display:none;
}



.service-section-two .pattern-layer-three{
    animation-name: float_up_down; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: float_up_down; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: float_up_down; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: float_up_down; 
    -ms-animation-duration: 5s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: float_left_right; 
    -o-animation-duration: 5s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

/* Bob Up Down*/
@-webkit-keyframes float_up_down {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}


.service-section-two .pattern-layer-one{
    animation-name: float_left_right; 
    animation-duration: 30s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  
  -webkit-animation-name: float_left_right; 
    -webkit-animation-duration: 30s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: float_left_right; 
    -moz-animation-duration: 30s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: float_left_right; 
    -ms-animation-duration: 30s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: float_left_right; 
    -o-animation-duration: 30s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@keyframes float_left_right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }
}


.project-section-two{width: 100%; float: left; padding: 60px 0;}

.project-section-two{
	position:relative;
	overflow:hidden;
	background:#124797;
}
.project-section-two .inner-column{position: sticky; top:0px;}


.project-section-two .title-column{
	position:relative;
	margin-bottom:30px;
}

.project-section-two .title-column .inner-column{
	position:relative;
}

.project-section-two .title-column h3{
	color:var(--white-color);
	
}

.project-section-two .title-column .text{
	color:var(--white-color);
	font-weight:500;
	line-height:30px;
	font-size:16px;
	margin-top:25px;
	margin-bottom:40px;
}
.project-section-two .heading h2{color: #fff;}

.process-block {
    position: relative;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}


.process-block .inner-box {
    position: relative;
    font-size: 16px;
    color: #fff;
    line-height: 1.7em;
    padding-left: 120px;
}

.process-block .inner-box .number {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 1;
    font-weight: 800;
    line-height: 1em;
    font-size: 72px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: linear-gradient(to bottom, #fff 0%, #fff 100%);
}

.process-block p{font-size: 15px;font-family: 'Montserrat', sans-serif;}
.process-block strong {float: left; width: 100%; color: #fff; font-size: 20px;font-family: 'Oswald', sans-serif;font-weight: 500 !important;}
.our-testimonial{width: 100%; float: left; padding: 60px 0;    overflow-y: hidden;}


.testimonial-block-two {
    margin: 0px 15px;
}

.testimonial-block-two .inner-box {
    position: relative;
    padding: 0px 30px 30px;
}
.testimonial-block-two .author-box {
    position: relative;
    border-radius: 4px;
    padding: 17px 20px 15px;
    background-color: #124797;
    display:none;
}
.testimonial-block-two .author-box .author-inner {
    position: relative;
    padding-top: 5px;
    padding-left: 75px;
}
.testimonial-block-two .author-box .author-image{
	position:absolute;
	left:0px;
	top:2px;
	width:52px;
	height:52px;
	overflow:hidden;
	border-radius:50%;
}

.testimonial-block-two .author-box strong{
	position:relative;
	line-height:1em;
	color:#fff;
	font-size:18px;
}

.testimonial-block-two .author-box .designation{
	position:relative;
	font-weight:500;
	color:#fff;
	font-size:16px;
	margin-top:0px;
}

.testimonial-block-two .inner-box .text{
	line-height:30px;
	color:#666666;
	margin-top:25px;
}

.testimonial-block-two .inner-box .rating{
	position:relative;
	margin-top:15px;
}

.testimonial-block-two .inner-box .rating .fa{
	position:relative;
	font-size: 20px;
    color: #ffc410;
}



.info-section{float: left; width: 100%; }



.info-section{
	position:relative;
	z-index:10;
}

.info-section .inner-container{
	position:relative;
	border-radius:4px;
	background-color:rgb(18 71 151);
}

.info-section .info-block{
	position:relative;
	padding:0px 0px;
	float:left;
}

.info-section .info-block .inner-box{
	position:relative;
	padding:30px 25px;
}

.info-section .info-block:nth-child(2) .inner-box{
	background-color:#005be5;
}

.info-section .info-block:nth-child(2) .inner-box .icon{
	background-color: rgba(#fff, 0.20);
}

.info-section .info-block .content{
	position:relative;
	padding-left:80px;
}

.info-section .info-block .inner-box:hover .content .icon{
	transform:rotateY(180deg);
}

.info-section .info-block .content .icon{
	position:absolute;
	left:0px;
	top:5px;
	width:60px;
	height:60px;
	line-height:60px;
	border-radius:5px;
	text-align:center;
	color:#fff;
	font-size:60px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color: rgba(#fff, 0.10);
}

.info-section .info-block strong{
    position: relative;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
}

.info-section .info-block .content .text{
	position:relative;
	line-height:24px;
	margin-right:-15px;
	font-size:15px;
	color:#fff;
	margin-top:var(--margin-top-10);
}












.footer-style-two{
	position:relative;
	margin-top:-70px;
	padding:160px 0px 0px;
	background-color: #0d003d;
	float: left; width: 100%;
}

.footer-style-two .pattern-layer{
	position:absolute;
	left:0px;
	bottom:0px;
	width:317px;
	height:619px;
	background-repeat:no-repeat;
}

.footer-style-two .pattern-layer-two{
	position:absolute;
	right:0px;
	bottom:0px;
	width:284px;
	height:613px;
	background-repeat:no-repeat;
}

.footer-style-two .footer-widget{
	position:relative;
	margin-bottom:30px;
}

.footer-style-two .widgets-section{
	position:relative;
	padding-bottom:60px;
}

.footer-style-two .logo-widget{
	position:relative;
}

.footer-style-two .logo-widget .logo{
	position:relative;
	margin-bottom:25px;
}

.footer-style-two .logo-widget .text {
    line-height: 1.8em;
    color: #fff;
    margin-bottom: 30px;
    font-size: 13px;
    text-align: justify;
    text-align-last: left;
}

.footer-style-two .footer-widget h5{
	font-weight:700;
	margin-top:20px;
	margin-bottom:30px;
	color: #ffffff;
	text-transform:capitalize;
	padding-bottom: 20px;
}

.footer-style-two .newsletter-widget .text{
	line-height:1.8em;
	color:rgb(157,157,157);
	margin-bottom:30px;
}

.footer-style-two .news-widget .post{
	position:relative;
	padding-left:80px;
	margin-bottom:15px;
}

.footer-style-two .news-widget .post .thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:63px;
	overflow:hidden;
	border-radius:4px;
}

.footer-style-two .news-widget .post .date{
	position:relative;
	font-weight:500;
	font-size: 14px;
	color: #096ef5;
	padding-left: 0px;
}

.footer-style-two .news-widget .post .date:before{
	
	
	
}

.footer-style-two .news-widget .post h6{
	font-weight:700;
	line-height:24px;
	font-size:17px;
	margin-top:5px;
}

.footer-style-two .news-widget .post h6 a{
	color:#fff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.footer-style-two .news-widget .post h6 a:hover{
	color:#fff;
}

.footer-style-two .newsletter-widget .text{
	line-height:1.8em;
	color:#fff;
	margin-bottom:30px;
}

.footer-style-two .newsletter-widget .lower-text{
	line-height:1.8em;
	color:#fff;
	margin-top:30px;
}

/* Email Box */

.footer-style-two .email-box-two{
	position:relative;
	margin-bottom:22px;
}

.footer-style-two .email-box-two .form-group{
	position:relative;
	margin:0px;
	width:100%;
	max-width:100%;
}

.footer-style-two .email-box-two .form-group input[type="text"],
.footer-style-two .email-box-two .form-group input[type="email"]{
	position:relative;
	line-height:43px;
	padding:10px 55px 10px 20px;
	display:block;
	font-size:14px;
	height:50px;
	width:100%;
	border-radius:5px;
	box-shadow:inherit;
	color:#fff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background:none;
	border:1px solid #fff;
}

.footer-style-two .email-box-two .form-group input::placeholder,
.footer-style-two .email-box-two .form-group textarea::placeholder{
	color:#ffffff;
}

.footer-style-two .email-box-two .form-group button{
	position:absolute;
	right:8px;
	top:8px;
	height:35px;
	width:35px;
	display:block;
	cursor:pointer;
	line-height:100%;
	font-weight:normal;
	text-align:center;
	border-radius:5px;
	color:#fff;
	font-size:18px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	font-family: "Flaticon";
	background-color: rgb(9,110,245);
}

.footer-style-two .email-box-two .form-group button:hover{
	color:#ffffff;
}

.footer-style-two .logo-widget .social-box{
	position:relative;
	    padding: 0px;
}

.footer-style-two .logo-widget .social-box li{
	position:relative;
	display:inline-block;
	margin-right:10px;
}

.footer-style-two .logo-widget .social-box li a{
	position:relative;
	width:46px;
	height:46px;
	color: #096ef5;
	font-size:20px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	display:inline-block;
	line-height:46px;
	text-align:center;
	border-radius:4px;
	background-color: rgb(9 110 245 / 26%);
}

.footer-style-two .logo-widget .social-box li a:hover{
	color: var(--white-color);
	background-color: rgb(9,110,245);
}

.footer-style-two .contact-widget .contact-list{
	position:relative;
	padding: 0px;
}

.footer-style-two .contact-widget .contact-list li{
	position:relative;
	line-height:1.8em;
	font-weight:400;
	font-size:16px;
	color:#fff;
	padding-left:70px;
	margin-bottom:20px;
	list-style: none;
}

.footer-style-two .contact-widget .contact-list li .icon{
	position:absolute;
	left:0px;
	top:4px;
	width:46px;
	height:46px;
	color:rgb(9,110,245);
	font-size:20px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	display:inline-block;
	line-height:46px;
	text-align:center;
	border-radius:4px;
	background-color: rgb(9 110 245 / 26%);
}

.footer-style-two .contact-widget .contact-list li a{
	position:relative;
	font-weight:700;
	display:block;
	font-size:18px;
	color:#fff;
}

.footer-style-two .contact-widget .contact-list li:last-child{
	margin-bottom:0px;
}

.footer-style-two .footer-bottom{
	position:relative;
	padding:22px 0px;
	text-align:center;
	border-top:1px solid rgba(255,255,255,0.10);
}

.footer-style-two .footer-bottom .copyright{
	position:relative;
	font-size:15px;
	color:#fff;
}

.footer-style-two .footer-bottom .copyright a{
	color:#fff;
}

.footer-style-two .footer-bottom .footer-nav{
	position:relative;
}

.footer-style-two .footer-bottom .footer-nav li{
	position:relative;
	display:inline-block;
	line-height:1em;
	margin-right:15px;
	padding-right:15px;
	border-right:1px solid #fff;
}

.footer-style-two .footer-bottom .footer-nav li a{
	position:relative;
	font-size:15px;
	color:#fff;
}

.footer-style-two .footer-bottom .footer-nav li:last-child{
	position:relative;
	border:0px;
	margin-right:0px;
	padding-right:0px;
}

.otherpage{width: 100%; float: left; padding: 100px 0;}



.otherpage{
	position:relative;
	overflow:hidden;
	padding:120px 0px 130px;
	background-size:cover;
	background-position: bottom !important;
}

.otherpage:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.70;
	background: rgb(18, 71, 151, 0.5);
}

.otherpage h2 {
    color: #fff;
    padding-top: 5px;
    z-index: 9;
    position: relative;
    font-size: 45px;
    font-weight: 700;
}
.otherpage .bread-crumb{
    position: relative;
    padding: 0;
}

.otherpage .bread-crumb li{
	position: relative;
	font-weight: 500;
	display:inline-block;
	text-transform: capitalize;
	font-size: 18px;
	color: #fff;
	margin-right: 15px;
	padding-right: 15px;
}

.otherpage .bread-crumb li:before{
	position: absolute;
	right: -5px;
	top:0px;
	color: #ffffff;
    content: "\f101";
	font-weight:400;
	font-size:16px;
	color: #fff;
	font-family: 'FontAwesome';
}

.otherpage .bread-crumb li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.otherpage .bread-crumb li:last-child:before{
	display: none;
}

.otherpage .bread-crumb li a{
	font-weight: 500;
	color: #fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.otherpage .bread-crumb li a:hover{
	color: rgb(250,67,24);
}


.powertransformer{width: 100%; float: left; padding: 60px 0;}

.sidemene{width: 100%; float: left; padding: 15px;}
.sidemene h3{font-size: 25px; color: #000; font-weight: 700;}
.sidemene ul{position: relative; padding: 0px;}
.sidemene ul li {position: relative; margin-bottom: 15px; list-style: none;}
.sidemene ul li a{
    position: relative;
    font-weight: 600;
    display: block;
    padding: 15px 20px;
    border-radius: 3px;
    font-size:16px;
    color: #666666;
    border: 1px solid #666666;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.sidemene ul li a:before {
    position: absolute;
    right: 20px;
    content:"\f078";   
    font-family: "FontAwesome";
	transform: rotate(-90deg);
}
.sidemene ul li a:hover, .sidemene ul li a.active{
    color: #fff;
    border-color: #124797;
    background-color: #124797;
}
.rightside  {width: 100%; float: left; padding: 15px;}
.rightside  h4{font-size: 25px; color: #000; font-weight: 700; width: 100%;}
.rightside p{font-size: 15px; text-align: justify; text-align-last: left;}
.rightside  h5{font-size: 25px; color: #000; font-weight: 700; width: 100%;}





.contact-details{width: 100%; float: left; padding: 60px 0;}


.contact-details__info {
  position: relative;
  display: block;
  margin-top: 41px;
}
.contact-details__info li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contact-details__info li .icon {
  height: 80px;
      min-width: 80px;
  background-color: #124797;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__info li .icon span {
      color: #fff;
    font-size: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__info li:hover .icon {

}
.contact-details__info li:hover .icon span {

}
.contact-details__info li:hover .text a {

}
.contact-details__info li:hover .text a span {

}
.contact-details__info li .text  {
  margin-left: 30px;
 }
.contact-details__info li .text h6{
    font-weight: 700;
    font-size: 15px;
}
.contact-details__info li .text p {
  font-size: 14px;
  line-height: 24px;
}
.contact-details__info li .text a {
    font-size: 15px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 500;
    color: #000;
}
.contact-details__info li .text span {
  font-size: 15px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 500;
    color: #000;

}
.contact-details__info li + li {
  margin-top: 19px;
}


.form-control, .input-text {
  height: calc(2.25rem + 27px);
  padding: 14px 30px;
  outline: 0;
  background-color: #f4f5f8;
  border: 1px solid #bbbbbb;
  color: #686a6f;
  font-size: 0.9rem;
  width: 100%;
}


textarea.form-control {
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}



.btn-style-one {
  position: relative;
  font-size: 13px;
  line-height: 24px;
  padding: 15px 50px;
  font-weight: 700;
  letter-spacing: 0.1em;
  overflow: hidden;
  text-transform: uppercase;

}
.btn-style-one:before {
  position: absolute;
  left: 0;
  top: 0%;
  height: 100%;
  width: 100%;
  content: "";

  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  z-index: -1;
}
.btn-style-one:hover:before {
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.btn-style-one:hover {
  color: #ffffff;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.btn-style-one.hvr-light:hover {
 
}
.btn-style-one.hvr-light:before {
  background-color: #ffffff;
}
.btn-style-one.bg-light:not(hover) {
  background-color: #ffffff !important;
}

.navbar-nav .dropdown-menu{background-color: #124797; padding: 0px; border-radius: 0px;}
.navbar-nav .dropdown-menu li{}
.navbar-nav .dropdown-menu li a{padding: 10px; color: #fff; font-size: 14px;}
.navbar-nav .dropdown-menu li a:hover{padding: 10px; color: #000; }

.rightside img {
    border: 5px solid #124797;
    border-radius: 5px 5px 0 0;
}

.project-section-two .inner22column {
    position: absolute;
    top: 20%;
}

table.table.table-bordered.border-primary th {
    background: rgb(13 110 253 / 22%);
}

.project-section-two .inner22column {
    animation-name: float_up_down; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: float_up_down; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: float_up_down; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: float_up_down; 
    -ms-animation-duration: 5s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: float_left_right; 
    -o-animation-duration: 5s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}


@-webkit-keyframes float_up_down {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}





.valuable-clients{width: 100%; float: left; padding: 60px 0;background: #124797;}
.valuable-clients h2{ text-align: center;
    font-size: 45px;
    color: #fff;
    font-weight: 900;
    padding: 15px 0 30px 0;
}
.valuable, .valuable1{width: 100%; float: left;}
.valuable .item{padding: 15px;background: #fff;margin: 0px 10px;border-radius: 5px;}
.valuable .item img, .valuable1 .item img{width: 100%;}


.certifications{width: 100%; float: left; padding: 60px 0;background: #fff;}
.valuable1 .item{padding: 15px;background: #ccc;margin: 0px 10px; border-radius: 5px;}
 .certifications h2 { text-align: center;
    font-size: 45px;
    color: #000000;
    font-weight: 900;
    padding: 15px 0 30px 0;
}

li.nav-item.dropdown.menufacturing {
    position: static;
}

li.nav-item.dropdown.menufacturing ul.dropdown-menu {
    display: none;
    left: 0;
	width: 100%;
}
li.nav-item.dropdown.menufacturing:hover ul.dropdown-menu {
	display: block;}

.div256 .lmm {
    width: 30%;
	float: left;
}
.div256 .rmm {
    width: 70%;
    float: left;
    background: #fff;
    min-height: 170px;
	padding: 10px;
}
.div256 .rmm  h4{font-size: 15px; color: #000;}
ul.dropdown-menu .div256 .rmm a {
    background: #0c4493;
    padding: 5px 15px;
    color: #fff;
    display: inline-flex;
    margin-bottom: 5px;
}
.distribution, .power{display: none;}
.sho1{display: block;}