/* 
    Theme Name: Unique Power Switchgears
*/

/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

/*@font-face {
    font-family: 'GerberaW04';
    src: url('GerberaW04-Light.eot');
    src: url('fonts/GerberaW04-Light.eot?#iefix') format('eambedded-opentype'),
        url('fonts/GerberaW04-Light.woff2') format('woff2'),
        url('fonts/GerberaW04-Light.woff') format('woff'),
        url('fonts/GerberaW04-Light.ttf') format('truetype'),
        url('fonts/GerberaW04-Light.svg#GerberaW04-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GerberaW04';
    src: url('fonts/GerberaW04-Regular.eot');
    src: url('fonts/GerberaW04-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/GerberaW04-Regular.woff2') format('woff2'),
        url('fonts/GerberaW04-Regular.woff') format('woff'),
        url('fonts/GerberaW04-Regular.ttf') format('truetype'),
        url('fonts/GerberaW04-Regular.svg#GerberaW04-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GerberaW04';
    src: url('fonts/GerberaW04-Medium.eot');
    src: url('fonts/GerberaW04-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/GerberaW04-Medium.woff2') format('woff2'),
        url('fonts/GerberaW04-Medium.woff') format('woff'),
        url('fonts/GerberaW04-Medium.ttf') format('truetype'),
        url('fonts/GerberaW04-Medium.svg#GerberaW04-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GerberaW04';
    src: url('fonts/GerberaW04-Bold.eot');
    src: url('fonts/GerberaW04-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/GerberaW04-Bold.woff2') format('woff2'),
        url('fonts/GerberaW04-Bold.woff') format('woff'),
        url('fonts/GerberaW04-Bold.ttf') format('truetype'),
        url('fonts/GerberaW04-Bold.svg#GerberaW04-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GerberaW04';
    src: url('fonts/GerberaW04-Black.eot');
    src: url('fonts/GerberaW04-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/GerberaW04-Black.woff2') format('woff2'),
        url('fonts/GerberaW04-Black.woff') format('woff'),
        url('fonts/GerberaW04-Black.ttf') format('truetype'),
        url('fonts/GerberaW04-Black.svg#GerberaW04-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}*/

/*general*/
.wow{ visibility: hidden; }
body{font-family: 'Open Sans', sans-serif; color: #000000; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.white-bg{background-color: #ffffff;}
.white-color{color: #ffffff!important;}
.dark-blue-color{color: #1C4697;}
.dark-blue-bg{background-color: #1C4697;}
.light-blue-bg{background-color:#29ABE2;}
.light-blue-color{color:#29ABE2;}
.blue-bg{background-color:#0071BC;}
.blue-color{color:#0071BC;}
.offwhite-bg{background-color: #f2f2f2;}
.gray-color{color: #999999;}
.gray-bg{background-color: #999999;}
.box-shadow {-webkit-box-shadow: 0 0 5px rgba(127, 123, 123, 0.1); -moz-box-shadow: 0 0 5px rgba(127, 123, 123, 0.1); -o-box-shadow: 0 0 5px rgba(127, 123, 123, 0.1); box-shadow: 0 0 5px rgba(127, 123, 123, 0.1);}
.thin-text{font-weight: 300;}
.regular-text{font-weight: 400;}
.semibold-text{font-weight: 500;}
.bold-text{font-weight: 700;}
.extra-bold-text{font-weight: 900;}
a,a:hover, a:focus, button, button:hover, button:focus{text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} 
.img-contain{object-fit: contain;}
.img-cover{object-fit: cover;}
.img-center{object-position: center;}
.img-inverse{filter: grayscale(1) brightness(5);}
h1{font-size: 52px;}
h2{font-size: 42px;}
h3{font-size: 36px;}
h4{font-size: 26px;}
h5{font-size: 18px;}
.heading{margin-bottom: 5px!important; font-weight: 600;}
p {font-size: 16px; line-height: 1.6; letter-spacing: 0.5px; }
.line-height-1{line-height: 1!important;}
.border-fx{z-index: -1;}
.static-search{ position: fixed; top: 0; left: 0; right: 0; padding: 75px 120px; background: #1C4697; z-index: 9999; display: none; }
.search-close{ position: absolute; top: 10px; right: 20px; font-size: 2rem; color: #fff; cursor: pointer; }
.position-team{padding-top:10px !important;}
/*btn*/
.btn-plain{font-size: .95rem; font-weight: 500;}
.btn-plain:hover{opacity: 0.8;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

.btn-solid{font-size: .95rem; font-weight: 500; padding: 0.5rem 1rem; border-radius: 0;}
.btn-solid:hover{opacity: 0.8;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

.btn-border-blue{position: relative; color: #1C4697; display: inline-block; border-radius: 0; border: 2px solid #1C4697; padding: 0.5rem 1rem; font-weight: 500; font-size: 14px; overflow: hidden;}
.btn-border-blue i{ color: inherit;}
.btn-border-blue:before{position: absolute; content: ""; left: 0; right: 100%; top: 0; bottom: 0; background: #1C4697; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-border-blue:hover:before{right: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-border-blue:hover{color: #ffffff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-border-blue span{position: relative;}

.btn-border-white{position: relative; color: #ffffff; display: inline-block; border-radius: 0; border: 2px solid #ffffff; padding: 0.5rem 1rem; font-weight: 500; font-size: 14px; overflow: hidden;}
.btn-border-white:before{position: absolute; content: ""; left: 0; right: 100%; top: 0; bottom: 0; background: #ffffff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-border-white:hover:before{right: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-border-white:hover{color: #1C4697; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-border-white span{position: relative;}

/*header*/
.header{background: linear-gradient(to bottom, rgba(28, 70, 171, 0.6), rgba(28, 70, 171, 0.4), rgba(28, 70, 171, 0.2),rgba(28, 70, 171, 0)); padding-bottom: 1rem; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; box-shadow: none; /*overflow: hidden;*/ color: #ffffff;}
.header .top-bar ul{display: inline-flex; margin: 0;}
.header .top-bar ul li{display: inline-block; padding: 0.25rem 0.5rem;}
.header .top-bar ul li:last-child{padding-right: 0;}
.header .top-bar ul li a{font-size: 1.1rem; padding: 0; color: inherit;}

.header .logo{display: block; width: 250px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.header .blue-logo{display:none;}
.header .menu-panel ul {padding: 0; margin: 0;}
.header .menu-panel ul li{ list-style: none; padding: 0 0.8rem 0 0.8rem; display: inline-block; }
.header .menu-panel ul li:last-child{padding-right: 0;}
.header .menu-panel ul li a{ padding: 0.5rem 0!important; position: relative; color: #ffffff; fill: #ffffff; font-size: 16px; font-weight: 800; text-transform: uppercase;}
.header .menu-panel > ul > li > a:hover:after, 
.header .menu-panel > ul > li.current-menu-item > a:after, 
.header .menu-panel > ul > li.current_page_item > a:after{opacity: 1; content: ''; display: block; background: url(images/marker-dot.svg); background-size: cover; background-position: center; width: 25px; height: 25px; position: absolute; left: 50%; bottom: -16px; transform: translateX(-50%);;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.header .menu-panel > ul > li > a:after{opacity: 0; content: ''; display: block; background: url(images/marker-dot.svg); background-size: cover; background-position: center; width: 25px; height: 25px; position: absolute; left: 50%; bottom: -16px; transform: translateX(-50%); ;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.header .menu-panel .border-fx{position: absolute; left: 5px; top: -5px; bottom: -5px; right: -100%; border: solid 2px #29ABE2; border-top-left-radius: 30px;  border-bottom-left-radius: 30px; }

.header.header-fixed{background: #ffffff; -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); -o-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.header.header-fixed ul li a{color: #1C4697;}
.header.header-fixed .menu-panel > ul > li > a:hover:after, 
.header.header-fixed .menu-panel > ul > li.current-menu-item > a:after, 
.header.header-fixed .menu-panel > ul > li.current_page_item > a:after{background: url(images/marker-dot-blue.svg);}

.menu-panel ul > li > .sub-menu > li.current-menu-item a{ background: #f6f6f6; color: #000; }

.menu-panel ul li a i.fa-angle-left{font-size: 18px; animation: slideOutLeft 0.5s infinite alternate;}
.menu-panel ul > li .sub-menu { background-color: #ffffff; border: 1px solid #f4f4f4; display: block; left: 0; top: 100%; list-style: none; margin: 20px 0 0; opacity: 0; padding: 0px; position: absolute; visibility: hidden; width: 220px; z-index: 10; border-radius: 20px; overflow: hidden; border: solid 2px #29abe2; }
.menu-panel ul > li:hover>.sub-menu{ opacity: 1; visibility: visible; margin-top: 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; }
.menu-panel ul > li .sub-menu li { position: relative; text-transform: none; display: block; padding: 0; }
.menu-panel ul > li .sub-menu li a { color: #000; display: block; font-size: 14px; text-align: left; padding: 7px 20px!important; font-weight: 400; border-left:0px solid transparent;   -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;   }
/*.menu-panel ul > li .sub-menu li a:hover { color: #000; text-decoration: none; border-left:10px solid  #8065AA;   }*/
/*.menu-panel ul > li .sub-menu li a:hover:after { width: 4px; left: -1px; }*/
.menu-panel ul > li .sub-menu li:hover>a { color: #000; background-color: #f6f6f6; }
.menu-panel ul > li .sub-menu li:last-child { border-bottom: 0px; }
/*.header.header-fixed .menu-panel .border-fx{border:none; }*/


/*scroll-top-btn*/
.scroll-top-btn{position: fixed; right: 1rem; bottom: 1rem; width: 60px; height: 60px; border-radius: 50%; z-index: 999; font-size: 1.5rem; bottom: -5rem; text-align: center;  filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.15));}
.scroll-top-btn i{line-height: 60px;}

/*slider*/
.slider{position: relative; overflow: hidden;}
.slider rs-layer{font-family: inherit!important;}
.slider h1{font-size: 42px; line-height: 1.2!important; margin-bottom:0;}
.slider p{font-size: 16px; line-height: 28px!important;}
.slider .border-fx{position: absolute; left: -50vw; top: -10px; bottom: -10px; right: -10px; border: solid 2px #29ABE2; border-top-right-radius: 130px;  border-bottom-right-radius: 130px;}
.slider .marker-dot{display: block; background: url(images/marker-dot-blue.svg); background-size: cover; background-position: center; width: 25px; height: 25px; position: absolute; top: calc(-10px - 12.5px); left: 25%; transform: translateX(-50%);}

/*our-story*/
.our-story{position: relative; overflow: hidden;}
.our-story .border-fx{position: absolute; left: -30px; top: -5px; bottom: 0; right: 0; border: solid 2px #1c4697; border-top-left-radius: 30px;  border-bottom-left-radius: 30px; border-right: 0; }
.our-story .extra-border-fx{height:2px; background: #1c4697; position: absolute; left: 40%; right: -50vw; bottom: 0; }
.our-story .heading{border-top-left-radius: 30px; border-top-right-radius: 30px;}
.our-story .about-image{z-index: -1;}

/*facts*/
.facts{overflow-x: hidden;}
.facts .heading-bg{position: absolute; top: -2px; left: -20px; bottom: -5px; right: -50vw; border-bottom-left-radius: 30px; }
.facts .panel{position: relative; overflow: hidden;}
.facts .panel:before{content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(28, 70, 171, 0.3);}
.facts .panel:hover img, .facts .panel:hover h4{opacity: 0;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.facts .panel .panel-hover {top: 100%; background:  rgba(28, 70, 171, 0.5); -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; }
.facts .panel:hover .panel-hover h4{opacity: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.facts .panel:hover .panel-hover{top: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
/*.facts .panel:hover .panel-hover .line-clamp{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;   overflow: hidden;}*/

/*products*/
.products h2{ font-size: 40px;}
.products .panel h3{font-size: 28px; margin-bottom: 1rem!important;}
.products img{ width: 100%; height: 450px; object-fit: cover; }
.products .border-fx{position: absolute; left: -50vw; top: -5px; bottom: -5px; right: calc(4% - -5px); border: solid 2px #0071BC; border-top-right-radius: 130px;  border-bottom-right-radius: 130px; border-left: 0; }
.products .vertical-border{position:absolute; display: inline-block; background: #0071BC; width: 2px; height: calc(100% - 1rem); left: 0; top: 0; right: 0; bottom: 0; margin: auto;} 
.products .marker-dot{display: block; background: url(images/marker-dot-blue.svg); background-size: cover; background-position: center; width: 25px; height: 25px; position: absolute; top: -1rem; left: 50%; transform: translateX(-50%);}

/*featured-projects*/
.featured-projects .panel{-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.featured-projects .panel .image{ overflow: hidden; }
.featured-projects .panel img{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.featured-projects .panel:hover img{transform: scale(1.15); position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.project-thumbnail{ height: 200px; object-fit: cover; }
.featured-projects .panel h4{ font-weight: 700; }

/*partners*/
.partners{overflow-x: hidden; padding-top: 45px;}
.partners .container-fluid{ padding-left: 90px; }
.partners .border-fx{position: absolute; left: -10px; top: -2rem; bottom: -2rem; right: -50vw; border: solid 2px #0071BC; border-top-left-radius: 130px;  border-bottom-left-radius: 130px; border-right: none; }
.partners .marker-dot{top: calc(-2rem - 12.5px); right: calc(50% - 12.5px); display: block; background: url(images/marker-dot-blue.svg); background-size: cover; background-position: center; width: 25px; height: 25px; position: absolute;}
.partners-list .panel .image{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.partners-list .panel:hover .image{transform: scale(1.15); position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/*posts*/
.posts .panel h4, .posts .panel h2{font-size: 1.4rem;}
.posts .image{overflow:hidden; height: 300px;}
.posts .image img{width: 100%; height: 100%;}
.posts .panel .panel-hover {top: 100%; background:  rgba(28, 70, 171, 0.5); -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; }
.posts .panel .panel-hover a p{opacity: 0; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.posts .panel:hover .panel-hover{top: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.posts .panel:hover .panel-hover a p{opacity: 1; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}

/* inner banners */
.inner-banner{ background-attachment: fixed; position: relative; z-index: 0; }
.inner-banner:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-image: radial-gradient(ellipse closest-side, rgba(0,0,0,0), rgba(0,0,0,0.6)); box-shadow: inset 0 0 80px rgba(0, 0, 0, 1); z-index: -1; }
.inner-banner h1{ padding-top: 120px; }
#breadcrumbs span, #breadcrumbs span a{ color: #fff; text-transform: uppercase; }

/*forms*/
.form-control{ padding: 15px 20px; border-radius: 0px; height: auto; }

/*footer*/
footer h2{ font-size: 20px; position: relative; text-transform: uppercase; }
footer h2:after{content: ""; position: absolute; width: 100px; height: 3px; background: #1C4697; bottom: -0.75rem; left: 0;}
footer ul{ padding: 0; }
footer ul li a{color: inherit; padding: 0!important;}
footer .social li{display: inline-block; padding-right: 0.5rem;}
footer .social li a{color:#1C4697; font-size: 1.2rem;}
footer .copyright{font-size: 12px;}
footer hr{border-bottom: solid 2px #1C4697;}
footer .extra{margin: 0; padding: 0;}
footer .extra li{display: inline-block; padding-left: 0.5rem;}
footer .extra li a{font-size: 14px; font-weight: 300;}
footer .products li{margin-bottom: 12px;}
footer ul li{list-style: none; line-height: 2;}

/*menu-about-menu*/
.widget-about-sidebar #menu-about-menu {padding-left: 0;}
.widget-about-sidebar #menu-about-menu li{list-style: none; position: relative; padding-bottom: 8px;}
.widget-about-sidebar #menu-about-menu li a{display: block; background-color: #afafaf; color: #ffffff; padding: 15px 5px; text-align: center; text-transform: capitalize; font-weight: 600;}
.widget-about-sidebar #menu-about-menu li.current-menu-item a:after { content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #1C4697; display: block; position: absolute; right: -10px; top: 50%; transform: translateY(-50%);}
.widget-about-sidebar #menu-about-menu li.current-menu-item a {background: #1C4697;}


#ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_2 .probox .promagnifier, div.asp_m.asp_m_1 .probox .promagnifier{ box-shoadow: none!important; }

/*screen*/
@media (max-width: 992px){

}

@media (max-width: 768px){
	.margin-name {
	    margin-top: 0px !important;;
}
}

@media (min-width: 1200px){
}

@media (max-width: 992px){
    .wow{ visibility: visible; }
	.slider h1{font-size: 22px;}
	.slider .border-fx, .slider .marker-dot{display: none;}
    .our-story .heading, .facts h2{ border-radius: 0px; width: 100%; }
	.our-story .extra-border-fx{display: none;}
    .facts h2{ margin-top: 15px; }
    .facts h2 span.heading-bg{ display: none; }
    .about-image{ position: relative!important; width: 100%!important; padding: 0 15px; }
    .products img{ height: auto; object-fit: contain;  }
    .partners .container-fluid{ padding-left: 15px; }
    .partners .marker-dot{ display: none; }
    footer{ text-align: center; }
    footer h2:after{ left: 50%; transform: translateX(-50%); }
}

@media (min-width: 1600px){
}


.margin-name {
	    margin-top: 220px;
}


.row-page::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;padding: 10px;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%; padding: 10px;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}