/*
  Theme Name: BizPage
  Theme URL: https://bootstrapmade.com/bizpage-bootstrap-business-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background: #FFF;
  color: #000;
  font-family: 'Poppins-Regular';
  font-size:14px;
  overflow-x: hidden;
}




@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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








a {
  color: #18d26e;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #18d36e;
  outline: none;
  text-decoration: none;
}

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


section{display: inline-block; width:100%; vertical-align: top; position: relative; margin-top:1px; }
header{position:absolute; z-index:10;  width:100%; top:1px; margin-top:0px}

header .left{float:left; width:100%; padding:10px;}

header .left .logo{width:150px; display:inline-block; vertical-align:middle;transition: 0.5s;}

header .left .logo img{width:100%; transition: 0.5s;}

header .left .nav_wrapper{width:calc(100% - 154px); display:inline-block; vertical-align:middle; text-align:right;}

header .left .nav_wrapper p{display:inline-block; vertical-align:top; margin:2px 3px;}

header .left .nav_wrapper p i{margin-right:4px}

header .left nav{width:100%; display:inline-block; vertical-align:middle; padding-left:40px; text-align:right;}

a {
  color: #000;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #008bff;
  outline: none;
  text-decoration: none;
}



.navbar{margin-top: 20px; }

.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  display:inline-block;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu > li {
	display: inline-block;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}

.nav-menu ul ul {
  top: 0;
  left: 100%;
}

.nav-menu ul li {
  min-width: 180px;
}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
  padding-right: 10px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f0d7";
  position: absolute;
  right: 0px;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
	font-size: 13px;
	top: 50%;
	transform: translateY(-50%);
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}

/* Nav Meu Container */
#nav-menu-container {

  margin:0px 0 0px;
	transition: 0.5s;
	float:right;
	text-align:right;

}



@media (max-width: 767px) {
  #nav-menu-container {
    display: none;
  }
}

/* Nav Meu Styling */
.nav-menu a {
padding:15px 13px;
  text-decoration: none;
  display: inline-block;
  color: #FFF;
  font-size: 15px;
  outline: none;
  border-bottom:3px solid transparent;
	}

.nav-menu li:hover > a, .nav-menu > .menu-active > a {
	 border-bottom:3px solid #FFF;
}

.active2 {
     border-bottom:3px solid #FFF !important;
}


.nav-menu ul {
  margin: 0px 0 0 0;
  padding: 10px;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  background: #2898a0;
  text-align: left;
  white-space:normal;
}

.nav-menu ul li {
  transition: 0.3s;
}

.nav-menu ul li a {
  padding:5px 10px ;
  color: #FFFFFF;
  transition: 0.3s;
  display: block;
  font-size: 13px;
  text-transform: none;
	border-bottom: 1px solid #005c63;	
}

.nav-menu ul li:hover > a {
	border-bottom: 1px solid #FFFFFF;
	background-color: #404042;
}

.nav-menu ul ul {
  margin: 0;
}

/* Mobile Nav Toggle */
#mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: -3px;
  z-index: 999;
  margin: 12px 20px 0 0;
  border: 0;
  background: none;
  font-size: 24px;
  display: none;
  transition: all 0.4s;
  outline: none;
  cursor: pointer;
}

#mobile-nav-toggle i {
  color: #FFF;
}

.mobile-nav-active 
#mobile-nav-toggle i {
  color: #000;
}

@media (max-width: 767px) {
  #mobile-nav-toggle {
    display: inline;
  }
}

/* Mobile Nav Styling */
#mobile-nav {
  position: fixed;
  top: 0;
  padding-top: 18px;
  bottom: 0;
  z-index: 998;
  background: rgba(0, 0, 0, 0.8);
  left: -260px;
  width: 260px;
  overflow-y: auto;
  transition: 0.4s;
}

#mobile-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  overflow: hidden;
  padding: 10px 22px 10px 15px;
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
  outline: none;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

#mobile-nav ul li a:hover {
  color: #fff; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9597ff+0,684efe+100 */
background-color:#54b948;}

#mobile-nav ul li li {
  padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
  position: absolute;
  right: 0;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
  color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color: #d5d5d5;
}

#mobile-nav ul .menu-has-children li a {
  text-transform: none;
}

#mobile-nav ul .menu-item-active {
  color: #d5d5d5;
}

#mobile-body-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
}

/* Mobile Nav body classes */
body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
  left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #fff;
}












.sticky {
  position: fixed;
  top: 0;
	margin: auto;
	left:0; right: 0;
	background-color: rgba(20,0,64,0.7);
	padding: 0px 0px 0px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4)

}

.sticky .left .logo {
   
}

.sticky .left .logo img{}
  
  
 #top-image {
background-image:url(../images/header_bg.jpg) ;
background-position:left top;
position:relative ;
top:0;
width:100%;
z-index:0;
  background-repeat:no-repeat, no-repeat;
  background-attachment:scroll, fixed;
  background-size:100%;
  padding-top:90px;
  display:inline-block; vertical-align:top;
}





#mobileulmenu{display:none;}

#desktopulmenu{display:inline-block;}


.slider_contanear{width:100%; display:inline-block; vertical-align:top; position:relative; padding:15px 0 0 0; background-image:url(../images/bannerbg.jpg); background-size:cover; background-position:top center; background-repeat:no-repeat; color:#FFF; z-index:10;}

header{width:100%; display:inline-block; vertical-align:top; position:relative; transition:0.5s; z-index:10;}

.index_top_left h2{font-size:48px;}

.index_top_left h2 span{font-family: 'Poppins-Medium';}


.arrow_link{display:inline-block; vertical-align:top; margin:10px 0; position:relative; color:#FFF;font-family: 'Poppins-Medium'; font-size:20px;}

.arrow_link:hover{color:#71c567;}

.arrow_link:after{position:relative; content:url(../images/arrow.png); margin-left:8px;}

.header_leftbaner{width:100%; display:inline-block; vertical-align:top; margin-bottom:20px;}

.headerformpanel{margin:30px 0 0;}

.formboxindex{width:100%; display:inline-block; vertical-align:top; background-color:#eaeaea; border:2px dashed #999; border-radius:10px; padding:15px;}

.formboxindex h2{font-size:34px; width:100%; display:inline-block; vertical-align:top; color:#000; text-align:center;}

.formboxindex h2 span{font-family: 'Poppins-Medium'; text-transform:uppercase;}

.formboxindex input[type=text], .formboxindex input[type=email], .formboxindex input[type=date]{width:100%; display:inline-block; vertical-align:top; height:58px; background-color:#FFF; border-radius:10px; padding:8px 12px; border:none; margin:7px 0; outline-style:none;font-family: 'Poppins-Medium'; }

.formboxindex input[type=submit]{width:100%; display:inline-block; vertical-align:top; margin:20px 0 0 0; background-color:#71c567; font-size:21px; font-family: 'Poppins-Medium'; text-transform:uppercase; padding:12px; border:none; cursor:pointer; color:#FFF; transition: 0.5s;}

.formboxindex input[type=submit]:hover{background-color:#304fd1;}

.formboxindex input[type=date]{background-image:url(../images/calender-ico.png); background-repeat:no-repeat; background-position:calc(100% - 10px) center;}

.indexbannerbottom{width:100%; display:inline-block; vertical-align:top; background-color:rgba(0,0,0,0.35); text-align:center; margin-top:20px;}

.indexbannerbottom img{display:inline-block; vertical-align:middle; margin:10px 3%;}

.about_panel{padding:60px 0;}

.about_panel h2{font-size:60px; font-family: 'Poppins-SemiBold'; line-height:1em;}

.about_panel h2 span{font-family: 'Poppins-SemiBold'; font-size:18px; text-transform:uppercase; position:relative; vertical-align:top; }

.about_panel h2 span:after{content:url(../images/green-line.jpg); margin-left:5px; display:inline-block; vertical-align:bottom; margin-left:5px;}

.about_panel p{width:100%; display:inline-block; vertical-align:top; color:#666; margin:10px 0;}

.about_panel_rightbox{width:100%; display:inline-block; vertical-align:top; text-align:center; text-transform:uppercase; font-size:18px;font-family: 'Poppins-SemiBold'; padding:15px 0;}

.about_panel_rightbox:hover{background-color:#e8e9f0;}

.about_panel_rightbox span{width:100%; display:inline-block; font-size:40px; vertical-align:top;}

.about_panel_rightbox_border{border-bottom:1px solid #CCC;}

.about_panel_rightbox_sky{color:#30b1d1;}

.about_panel_rightbox_blue{color:#304fd1;}

.about_panel_rightbox_pink{color:#c030d1;}

.about_panel_rightbox_red{color:#f74b53;}

.about_panel_rightbox_yellow{color:#ded100;}

.about_panel_rightbox_green{color:#71c567;}

.services_panel{padding:50px 0; background-image:url(../images/servive-bg.jpg); background-size:cover; background-position:bottom right; text-align:center;}

.services_panel h2{font-size:50px;font-family: 'Poppins-SemiBold'; position:relative; padding:0 10px; line-height:1em;}

.services_panel h2:before{position:relative; content:url(../images/black-line.jpg); margin-right:10px; display:inline-block; vertical-align:middle; top:-13px;}


.services_panel h2:after{position:relative; content:url(../images/black-line.jpg); margin-left:10px; display:inline-block; vertical-align:middle;  top:-13px;}

.services_panel_small{width:100%; display:inline-block; font-size:18px; text-transform:uppercase;font-family: 'Poppins-SemiBold';}

.service_panel_box{width:100%; display:inline-block; vertical-align:top; background-color:#FFF; border-bottom:3px solid #a3d612; text-align:left; margin:15px 0;}


.service_panel_box_large{width:100%; display:inline-block; vertical-align:top;  overflow:hidden; position:relative;}

.service_panel_box_large .large{width:100%; display:inline-block; vertical-align:top; position:relative; z-index:1;  transition: 0.5s;}

.service_panel_box_large:hover .large{transform:scale(1.1)}

.service_panel_box_large .thumb{position:absolute; width:75px; height:75px; background-color:#FFF; padding:8px; object-fit:contain; z-index:2; bottom:0; left:15px; background-color:#FFF;}


.service_panel_box article{width:100%; display:inline-block; vertical-align:top; padding:15px;}

.service_panel_box article h3{width:100%; display:inline-block; vertical-align:top; font-size:28px; font-family: 'Poppins-SemiBold'; min-height:65px;}

.service_panel_box article p{width:100%; display:inline-block; vertical-align:top; margin:8px 0;}

.service_panel_box article .more{display:inline-block; vertical-align:top; padding:10px 12px; position:relative; color:#FFF; font-size:14px; text-transform:uppercase; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d30464+0,3d014a+100 */
background: rgb(211,4,100); /* Old browsers */
background: -moz-linear-gradient(left, rgba(211,4,100,1) 0%, rgba(61,1,74,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(211,4,100,1) 0%,rgba(61,1,74,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(211,4,100,1) 0%,rgba(61,1,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d30464', endColorstr='#3d014a',GradientType=1 ); /* IE6-9 */ margin:10px 0;}


.service_panel_box article .more:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d014a+0,d30464+100 */
background: rgb(61,1,74); /* Old browsers */
background: -moz-linear-gradient(left, rgba(61,1,74,1) 0%, rgba(211,4,100,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(61,1,74,1) 0%,rgba(211,4,100,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(61,1,74,1) 0%,rgba(211,4,100,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d014a', endColorstr='#d30464',GradientType=1 ); /* IE6-9 */}


.portfolio_panel{padding:50px 0 0 0; background-image:url(../images/bluebg.jpg); background-size:cover;}

.portfolio_panel h2{font-size:60px; font-family: 'Poppins-SemiBold'; line-height:1em;}

.portfolio_panel h2 span{font-family: 'Poppins-SemiBold'; font-size:18px; text-transform:uppercase; position:relative; vertical-align:top; }

.portfolio_panel h2 span:after{content:url(../images/green-line.jpg); margin-left:5px; display:inline-block; vertical-align:bottom; margin-left:5px;}


.portfolio_panel_imgbox{width:100%; display:inline-block; vertical-align:top; background-color:#000; position:relative; margin:10px 0; border:1px solid #CCC;}

.portfolio_panel_imgbox .large{width:100%; height:258px; object-fit:cover; position:relative; z-index:1; opacity:1; display:inline-block; vertical-align:top; transition: 0.5s;}

.portfolio_panel_imgbox:hover .large{opacity:0.6;}

.portfolio_panel_imgbox .plus{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; opacity:0; transition: 0.5s;}

.portfolio_panel_imgbox:hover .plus{opacity:1;}

.portfolio_panel_man{width:100%; display:inline-block; vertical-align:bottom; max-width:500px;}

.customer_rvw_panel{padding:50px 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00496c+0,000241+100 */
background: rgb(0,73,108); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,73,108,1) 0%, rgba(0,2,65,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,73,108,1) 0%,rgba(0,2,65,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,73,108,1) 0%,rgba(0,2,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00496c', endColorstr='#000241',GradientType=0 ); /* IE6-9 */ text-align:center; color:#FFF;}



.customer_rvw_panel h2{font-size:50px;font-family: 'Poppins-SemiBold'; position:relative; padding:0 10px; line-height:1em;}

.customer_rvw_panel h2:before{position:relative; content:url(../images/green-line.jpg); margin-right:10px; display:inline-block; vertical-align:middle; top:-13px;}


.customer_rvw_panel h2:after{position:relative; content:url(../images/green-line.jpg); margin-left:10px; display:inline-block; vertical-align:middle;  top:-13px;}


.customer_rvw_inner{width:100%; display:inline-block; vertical-align:top; margin:30px 0; padding:0 50px; position:relative; color:rgba(255,255,255,0.5); font-style:italic; max-width:1000px;}

.customer_rvw_inner:before{content:url(../images/comma-l.png); position:absolute; left:0; top:0;}

.customer_rvw_inner:after{content:url(../images/comma-r.png); position:absolute; right:0; top:0;}

.customer_rvw_inner p{width:100%; display:inline-block; vertical-align:top; padding:20px 20px;}

.customer_rvw_inner_box{width:266px; display:inline-block; vertical-align:top; font-style:normal; color:#FFF;  }


.customer_rvw_inner_box img{width:105px; height:105px; display:inline-block; vertical-align:middle; object-fit:cover; border-radius:100%;}

.customer_rvw_inner_box article{width:calc(100% - 110px); display:inline-block; vertical-align:middle; font-size:16px; text-align:left;} 
.customer_rvw_inner_box article strong{width:100%; font-size:20px;}


.carousel-indicators li{width:15px; height:15px; border-radius:100%;}

.carousel-indicators{bottom:-20px; cursor:pointer;}

.count_downpanel{background-image:url(../images/green-bg.jpg); background-size:cover; padding:50px 0; text-align:center; width:100%; display:inline-block; vertical-align:top; color:#FFF;}

.count_downpanel h2{font-size:40px;}

.count_downpanel h2 span{font-family: 'Poppins-SemiBold';}

.quick_enquire_panel{padding:50px 0 0 0; background-image:url(../images/building-bg.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto; background-color:#e0eaee; text-align:center; z-index:2;}



.quick_enquire_panel h2{font-size:50px;font-family: 'Poppins-SemiBold'; position:relative; padding:0 10px; line-height:1em; margin-bottom:20px;}

.quick_enquire_panel h2:before{position:relative; content:url(../images/green-line.jpg); margin-right:10px; display:inline-block; vertical-align:middle; top:-13px;}


.quick_enquire_panel h2:after{position:relative; content:url(../images/green-line.jpg); margin-left:10px; display:inline-block; vertical-align:middle;  top:-13px;}


.quick_enquire_panel input[type=text], .quick_enquire_panel input[type=email], .quick_enquire_panel textarea{width:100%; display:inline-block; vertical-align:top; background-color:#FFF; padding:12px; box-shadow:0 0 5px rgba(0,0,0,0.3); margin:10px 0; border:none;}

.quick_enquire_panel textarea{height:100px;}

.quick_enquire_panel input[type=submit]{display:inline-block; background-color:#001d2a; color:#FFF; text-transform:uppercase;font-family: 'Poppins-SemiBold'; cursor:pointer; padding:12px 20px; border:none; margin-top:15px; float:left;}

.quick_enquire_panel input[type=submit]:hover{background-color:#000000;}


.quick_enquire_panel iframe{width:100%; display:inline-block; height:250px; margin:45px 0;}


.callnowpanelbox{width:100%; display:inline-block; vertical-align:top; margin:30px 0 -80px; text-align:center;}

.callnowpanelbox_box{width:100%; display:inline-block; vertical-align:top; margin:20px 0; color:#FFF; padding:15px 0; border:2px dashed #FFF; border-radius:8px;}

.callnowpanelbox_box img{display:inline-block; vertical-align:top; margin:-80px 0 10px; width: 100px;}

.callnowpanelbox_box p{width:100%; display:inline-block; vertical-align:top; font-size:20px;}

.callnowpanelbox_box .button{display:inline-block; vertical-align:top; margin:10px 0 0 0; background-color:rgba(0,0,0,0.7); font-size:25px;  font-family: 'Poppins-Bold'; color:#FFF; text-transform:uppercase; padding:8px 20px;}

.callnowpanelbox_box .button:hover{background-color:#000;}

.callnowpanelbox_blue{background-color:#16c2c2;}

.callnowpanelbox_green{background-color:#6ebd06;}

.callnowpanelbox_red{background-color:#e53935;}



footer{width:100%; display:inline-block; vertical-align:top; background-image:url(../images/bannerbg.jpg); background-size:cover; padding:140px 0 60px; color:rgba(255,255,255,0.6)}

footer p{margin:12px 0 0 0;}

footer img{max-width:100%; margin-bottom:15px;}

footer p a{padding:0 10px; color:rgba(255,255,255,0.6);}

footer p a:hover{color:#FFF;}


.portfoliopanelbox img{width:100%; height:258px; object-fit:cover; margin:15px 0; display:inline-block; vertical-align:top;}