* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
.nopadding-left{padding-left:0;}
.nopadding-right{padding-right:0;}
.nopadding{padding-left:0;padding-right:0;}
.mb10{padding-left:10px;padding-right:10px;}
.tabbody{margin-right: -10px; margin-left: -10px;}
*{margin:0; padding:0}
a{ text-decoration:none;}
a:hover{ text-decoration:none !important;}
header, nav, section, article, aside, footer { display:block;}
html {font-size: 100%;}
body {font-size: 12px;    font-family: 'MetricHPE-Light', sans-serif;line-height: 26px;color: #777;-webkit-font-smoothing: antialiased;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {padding: 5px 0 10px 0;color: #333;font-weight: normal;-webkit-font-smoothing: antialiased;}
:-ms-input-placeholder{color: #000;}


/*----------------------------
  logo     
----------------------------*/
figure.finesse-logo{ width:28%;  height: 85px;padding-top:8px;}

/*----------------------------
   header      
----------------------------*/
.bootom-header-bar {background-color:#fff; padding:5px;}
.logo {margin:14px auto;cursor: pointer;text-align:left;}
.logo img{ padding: 12px 0 }
.head-right {float: left;}
.login_nav { float: right;margin: 15px 0;}
.navbar-toggle{ background:#00bcd4;}
.navbar-toggle span{ background:#fff;}
.bannertest{font-size: 26px; width:100%; color: #fff;
    line-height: 28px;}
/*----------------------------
        Video
----------------------------*/
 .lwork {
    width: 1400px;
    margin: auto;
    text-align: center;
    clear: both;
}
/*----------------------------
        Video
----------------------------*/
  

.YouTubePopUp-Wrap{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000;
    background-color:rgba(0,0,0,0.8);
    top:0;
    left:0;
    z-index:9999999999999;
}

.YouTubePopUp-animation{
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUp;
    animation-name: YouTubePopUp;
}

@-webkit-keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body.logged-in .YouTubePopUp-Wrap{ /* For WordPress */
    top:32px;
    z-index:99998;
}

.YouTubePopUp-Content{
    max-width:680px;
    display:block;
    margin:0 auto;
    height:100%;
    position:relative;
}

.YouTubePopUp-Content iframe{
    max-width:100% !important;
    width:100% !important;
    display:block !important;
    height:480px !important;
    border:none !important;
    position:absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.YouTubePopUp-Hide{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUpHide;
    animation-name: YouTubePopUpHide;
}

@-webkit-keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.YouTubePopUp-Close{
    position:absolute;
    top:0;
    cursor:pointer;
    bottom:528px;
    right:0px;
    margin:auto 0;
    width:24px;
    height:24px;
    background:url(../images/close.png) no-repeat;
    background-size:24px 24px;
    -webkit-background-size:24px 24px;
    -moz-background-size:24px 24px;
    -o-background-size:24px 24px;
}

.YouTubePopUp-Close:hover{
    opacity:0.5;
}

@media all and (max-width: 768px) and (min-width: 10px){
    .YouTubePopUp-Content{
        max-width:90%;
    }
}

@media all and (max-width: 600px) and (min-width: 10px){
    .YouTubePopUp-Content iframe{
        height:320px !important;
    }

    .YouTubePopUp-Close{
        bottom:362px;
    }
}

@media all and (max-width: 480px) and (min-width: 10px){
    .YouTubePopUp-Content iframe{
        height:220px !important;
    }

    .YouTubePopUp-Close{
        bottom:262px;
    }
}


/*----------------------------
       Heading
----------------------------*/

p.hedpar{font-size:24px;}
h1.headbanner{font-size:51px; width: 100%;
    line-height:55px; font-family: 'MetricHPE'; font-weight: bold; text-align: left; float: left; color: #fff;
   }


h1.head{ font-size:43px;
    width:100%;
    line-height: 34px;
	font-family: 'MetricHPE';
    font-weight: 999; color:#000;
    text-align: center; text-transform: uppercase;
    float: left;}


h1.head1{    font-size: 20px;
    text-align: center;
    line-height: 14px;
    font-family: 'MetricHPE-Semibold', sans-serif;
    font-weight: bold;
    color: #000;
	padding-bottom: 0;
   }


h1.head4{
    line-height: 34px;
   font-family:'MetricHPE-Semibold', sans-serif;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 10px;
	text-align: left;
	font-size: 25px;
	color:#000;
   }

h1.head4new{
    line-height: 34px;
   font-family:'MetricHPE-Semibold', sans-serif;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom:2px;
	text-align: center;
	font-size: 25px;
	color:#000;
   }


h1.head4new2{
    line-height: 34px;
   font-family:'MetricHPE-Semibold', sans-serif;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
	text-align: center;
	font-size:19px;
	color:#000;
   }


h1.head3{font-size: 41px;
    line-height: 34px;
    font-family: 'MetricHPE';
    font-weight: 900;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #000;
    text-align: left;
    padding-top: 0;
    margin-top: 0;
   }


p.pragr{    	font-family:'MetricHPE-Light', sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #000;
    text-align: center;
    margin-top:1%;
    font-weight: normal;}


p.pragr2{    	font-family: 'MetricHPE-Light', sans-serif;
    font-size:20px;
    line-height: 26px;
    color: #000;
    text-align: left;
    margin-top: 3%;
    font-weight: 300;}



p.pragr3{       font-family: 'MetricHPE-Light', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #000!important;
    text-align: center;
    margin-top: 3%;
    font-weight: 500;}




.martop5{ margin-top:15px!important}

p.pragr4{	font-family: 'MetricHPE-Light', sans-serif;
    font-size: 19px;
    line-height: 27px;
    color: #000; float:left;
      margin-bottom: 4%;  
    font-weight: 300;
 text-align: left}


p.pragr4new{	font-family: 'MetricHPE-Light', sans-serif;
    font-size: 19px;
    line-height: 27px;
    color: #000; float:left;
      margin-bottom: 4%;  
    font-weight: 300;
 text-align: center}

p.pragr5{	font-family: 'MetricHPE-Light', sans-serif;font-size: 19px;line-height: 27px;color: #000; float:left;margin-bottom: 4%;  font-weight: 300;text-align: left; width: 100%;}
p.pragr6{	font-family: 'MetricHPE-Light', sans-serif;font-size:19px;line-height: 27px;color: #000; float:left; margin: 4% 0 0 0; font-weight: 300;text-align: left; width: 100%;}


.success-right-icon-right{width:55%;float: left;margin: 3% 0 0 -3%;}
.success-right-icon-right ul{ list-style:none; margin:0; padding: 0; }
.success-right-icon-right ul li a{ list-style:none; background:url(../images/icon-2.jpg) no-repeat;color: rgb(1, 169, 130);font-family: 'MetricHPE-Light', sans-serif; font-size: 22px; font-weight:bold;background-position: right;  margin: 1% 5% 0 9px;padding: 1% 20% 0 0;}
.success-right-icon-right ul li a:hover{ list-style:none; background:url(../images/icon-2a.jpg) no-repeat;background-position: right; margin: 1% 5% 0 9px;padding: 1% 20% 0 0; }

.success-right-icon-right2{width:55%;float: left;margin: 3% 0 0 -3%;}
.success-right-icon-right2 ul{ list-style:none; margin:0; padding: 0; }
.success-right-icon-right2 ul li a{ list-style:none; background:url(../images/icon-2.jpg) no-repeat;color: rgb(1, 169, 130);font-family: 'MetricHPE-Light', sans-serif; font-size: 19px; font-weight:bold;background-position: right;  margin: 1% 5% 0 9px;padding: 0% 15% 0 0;}
.success-right-icon-right2 ul li a:hover{ list-style:none; background:url(../images/icon-2a.jpg) no-repeat;background-position: right; margin: 1% 5% 0 9px;padding: 0% 15% 0 0; }


 ul.bullet{ margin: 0 0 0 36%; padding: 0;     float: left;
    width: 100%;}
.bullet li {list-style: none;
padding-left: -15px !important;
position: absolute;
border: #ccc solid 1px;
float: left;
padding: 0 12px 4px 33px;
margin: 2% 0 0 0;
}
.bullet li a{ font-size:18px;	font-family:'MetricHPE-Light', sans-serif;
       position: relative;
    color: #707070;
    text-decoration: none;
    cursor: pointer;
    display: block;
    padding: 5px 0 0 0;}

.bullet li a:before {      background: url(../images/bullet.png) no-repeat 0 4px;
    width: 20px;
    height: 25px;
    display: block;
    position: absolute;
    content: " ";
    transition: all 300ms linear 0s;
    left: -24px;
    margin-top: -1px;
}
     
 .bullet li a:hover:before  {background: url(../images/bullet.png) no-repeat -19px 4px;	font-family:'MetricHPE-Light', sans-serif;
       transition: all 300ms linear 0s; 
}


 
 ul.PrimaryNav { margin: 0; padding: 0; margin-left:3%;}

.PrimaryNav li{list-style: none; float: left;	font-family:'MetricHPE-Light', sans-serif;}
.PrimaryNav li a{    display: block;
    font-size: 18px;
    color: #000;
    padding: 20px 15px;
    transition: all 300ms linear 0s;}





.menu-item.active {border-bottom: 4px solid #01A982;margin-bottom:0; transition: all 300ms linear 0s;
   
    transition: all .3s ease;
 
}









 ul.bullet2{ margin: 0; padding: 0}


.bullet2 li { list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 23px;
    padding-left: -15px!important;
    position: absolute;
}
.bullet2 li a{ font-size: 14px;
       position: relative;
    color: #707070;
    text-decoration: none;
    cursor: pointer;
    display: block;
    padding: 5px 0 0 0;}

.bullet2 li a:before {      background: url(../images/bullet.png) no-repeat 0 4px;
    width: 20px;
    height: 25px;
    display: block;
    position: absolute;
    content: " ";
    transition: all 300ms linear 0s;
    left: -24px;
    margin-top: -1px;
}
     
 .bullet2 li a:hover:before  {background: url(../images/bullet.png) no-repeat -19px 4px;
       transition: all 300ms linear 0s; 
}




















.clearbot{clear:both;}

.style-bg-slate { margin-top:50px; margin-bottom:0px; 
    background-color: #425563;
	    padding: 60px 15px 35px 15px;
}

.title {
color: #FFF;
font-size:81px;
letter-spacing:4px; 
margin: 0 0 5% 0;
}

.style-bg-slate span{font-size:72px;  clear: both; text-align: center;  margin-top: 25px; color:#01A982; font-weight: bold;}

.mtop3{ margin-top: 30px;float: left}
.mbottom3{ margin-bottom: 30px; float: left}

.mtop5{ margin-top:50px;float: left}
.mbottom5{ margin-bottom:20px;float: left; text-align: center}
/*----------------------------
affix
----------------------------*/
/* Note: Try to remove the following lines to see the effect of CSS positioning */
  .affix { background: #fff;
      top:105px;
      width: 100%;
      z-index: 9999 !important;
  }

  .affix + .container-fluid {
      padding-top:0px;
  }

/*----------------------------
 saction tab
----------------------------*/
 
 

/*----------------------------
         HEADER NAVBAR
----------------------------*/
.navbar{margin-bottom:0; margin-top:11px;}
.navbar-nav>li>a {font-size: 12px;text-transform: uppercase; color:#3d3c3c;font-weight: 500;}
.navbar-nav>li>a {padding-top:10px; padding-bottom:10px;}
.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus {color:#1abb9c ;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none; background-color: #fff; color:#1abb9c ;}
.dropdown-menu {background: #fff;border-radius: 0px;border: none;border-bottom: solid 3px #FF9800;width: 230px;}
.dropdown-menu > li a {display: block;padding: 7px 15px 7px 15px;line-height: 28px;font-size: 12px;    font-family: 'MetricHPE-Light', sans-serif;letter-spacing: 0.5px;white-space: normal;color: #3d3c3c;text-decoration: none;}
.navbar-nav>li>.dropdown-menu {background: #fff;padding: 10px 0px;border-bottom: 3px solid #ffa726;z-index: 9;vertical-align: top;border-radius: 0;border-left: none;border-right: none;border-top: none;}
.btn-account-login{font-size: 14px;line-height: 32px;color: #fff;font-weight: 600;    font-family: 'MetricHPE-Light', sans-serif;background: #ff9e00;background:#008ecc;padding: 10px 15px;border-radius: 10px;}
.btn-account-sign{font-size: 14px;line-height: 32px;color: #fff;font-weight: 600;    font-family: 'MetricHPE-Light', sans-serif;background: #ff9e00;background: -moz-linear-gradient(top,  #ff9e00 0%, #ff4c01 100%);background: -webkit-linear-gradient(top,  #ff9e00 0%,#ff4c01 100%);background: linear-gradient(to bottom,  #ff9e00 0%,#ff4c01 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9e00', endColorstr='#ff4c01',GradientType=0 );padding: 10px 15px;border-radius: 10px;}
.btn-account-sign:hover,.btn-account-login:hover{ color:#fff;}
.renault{width:34%; float:right; margin-top:2%; text-align:right;}
.login{ width:45%; float:left;margin: 6% 0 0 18%;}
.login .icon{ padding: 0 0 0 5px;text-align:left;float: left;margin: -5px 0 0 0;}
.login ul{ list-style:none; margin:0; padding:0;}
.login ul li{ line-height:18px; padding:1px 0px 0 9px; float:left;    font-family: 'MetricHPE-Light', sans-serif; font-weight:300; color:#191919; font-size:13px; text-transform:uppercase;}
.login ul li a{}
.navbar-fixed-top {box-shadow: 5px 2px 10px #9b9b97;}

/*----------------------------
 slider banner section
----------------------------*/
.leftcon{ padding-left:0%; }
.jk-slider{width:100%;}
.jk-slider .carousel-control{}
.glyphicon-chevron-left::before { content:none;}
.glyphicon-chevron-right::before{ content:none;}
.hero {
position: absolute;
top: 40%;
left: 21%;
z-index: 3;
color: #fff;
text-align: center;
text-transform: uppercase;
text-shadow: 1px 1px 0 rgba(0,0,0,.75);
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
-o-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.hero h1 {
font-size:44px;
font-weight: bold;
margin: 0;
padding: 0;
    font-family: 'MetricHPE-Light', sans-serif;
text-align: left;
border-bottom: #f6c003 solid 4px;
color: #101010;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

.jk-slider .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img
{width:100%;}



/*----------------------------
 form
----------------------------*/

.form-bg{padding:5px 20px 10px 20px; background: #333; color:#fff; height:450px; width:100%; float:right;}
.shadow { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.form-control:focus {
	border-color: #ff80ff !important;
	background: #ffffff !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
	
}
 
 .form-bg-2{padding:5px 20px 10px 20px; background: #333; color:#fff; height:350px;}  

.logomtp img{  margin-top:25px}
.form-bg h1{font-size:21px; font-weight:700; font-family:'MetricHPE-Semibold', sans-serif;  text-align: center; color: #fff!important; margin:0; padding: 0; margin-top:8%;} 
.form-bg h3{font-size:22px!important;text-align: center; color: #fff!important; margin:0; padding: 0;margin-top:1%; margin-bottom:4%;} 
.mtop{ margin-top:6%;font-size: 62px; font-weight:700;
    line-height: 64px;}
/*----------------------------
 body part section
----------------------------*/
.bg-1{ background-image:url(../images/banner-1.jpg); background-repeat:no-repeat; background-position:bottom;padding:36% 0 0 0; width:100%; margin:0; }
.bg-1 h1{    font-family: 'MetricHPE-Light', sans-serif; font-size:35px; font-weight:bold;color:#010101; text-align:center;text-transform:uppercase;}
.bg-1 .line{border-bottom:#f6c003 solid 3px; width:15%; margin:0 auto;}
.work-1{ width:100%; margin-top:19%;margin-left: 20%;}
.work-1 .icon{ margin:0 0 0 22%;}
.work-1 h2{    font-family: 'MetricHPE-Light', sans-serif; font-size:27px; font-weight:300;color:#010101; background-image:url(../images/line.html); background-repeat:no-repeat; background-position:right; width:326px;}
.work-2{ width:100%;margin-left:28%;}
.work-2 h2{     font-family: 'MetricHPE-Light', sans-serif; font-size:20px; font-weight:300;color:#010101; margin-left:17%;}
.work-2 h3{     font-family: 'MetricHPE-Light', sans-serif; font-size:13px; font-weight:300;color:#010101; margin-left: -41%; line-height: 19px; text-align:center; padding:0; margin-top:0;}
.work-2 .icon{border-radius: 50%; border:#818181 dashed 1px; width:166px; height:166px; text-align:center;}
.work-2 .icon:hover{background-color:#f6c003;}
.work-2 .icon img{ margin-top:18%;}
.hover02 figure img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;vertical-align:inherit;}
.hover02 figure:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.work-2 .line-1{margin: 28% 0 -32% 63%;}
.work-2 .line-3{margin:2% 0 0 29%;}
.work-3{ width:100%;margin-left:24%;}
.work-3 h2{     font-family: 'MetricHPE-Light', sans-serif; font-size:20px; font-weight:300;color:#010101; margin-left:17%;}
.work-3 h3{     font-family: 'MetricHPE-Light', sans-serif; font-size:13px; font-weight:300;color:#010101; margin-left: -41%; line-height: 19px; text-align:center; padding:0; margin-top:0;}
.work-3 .icon{border-radius: 50%; border:#818181 dashed 1px; width:166px; height:166px; text-align:center;}
.work-3 .icon:hover{background-color:#f6c003;}
.hover03 figure img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;vertical-align:inherit;}
.hover03 figure:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.work-3 .icon img{ margin-top:10%;}
.work-3 .line-1{margin: 28% 0 -32% 63%;}
.work-3 .line-4{margin:2% 0 0 29%;}
.work-4{ width:100%;}
.work-4 h2{     font-family: 'MetricHPE-Light', sans-serif; font-size:20px; font-weight:300;color:#010101; margin-left:20%;}
.work-4 h3{     font-family: 'MetricHPE-Light', sans-serif; font-size:13px; font-weight:300;color:#010101; margin-left: -2%; line-height: 19px; text-align:center; padding:0; margin-top:0;}
.work-4 .icon{border-radius: 50%; border:#818181 dashed 1px; width:166px; height:166px; text-align:center;margin:5% 0 0 20%; padding:10px 0 0 0;}
.work-4 .icon:hover{background-color:#f6c003;}
.work-4 .line-5{margin:2% 0 0 49%;}
.hover04 figure img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;vertical-align:inherit;}
.hover04 figure:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}

	.bg-2 {
    background-image: url(../images/banner-1test.jpg);
    background-position: 46% 80%;
    padding: 0 0 32px 0;
    /* background-color: #0c0c0c; */
    margin-top:5%;
    height:400px;
}

.bg-2 > h1{    font-family: 'MetricHPE-Light', sans-serif; font-size:48px; font-weight:700; color:#000;text-align:center;text-transform:uppercase; margin-top:12%;}
 
.bg-2 .line{border-bottom:#f6c003 solid 3px; width:15%; margin:0 auto;}
.contact-1 .button, .newsletter .button {
    color:#000;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 27px;
    margin:41% 25% 0 0;
    padding: 4px 1px 0 13px;
	height: 35px;
	background-position: center;
    position: relative;
    text-transform: none;
    transition: all 0.3s ease-in-out 0s;
	background-color:#f6c003;
    z-index: 1;
	    font-family: 'MetricHPE-Light', sans-serif;
    width:165px; background-image:url(../images/button.html); background-repeat:no-repeat;
   
}
.contact-1 .button:after, .newsletter .button:after { 
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
	color:#fff;
	background-color:#000;
    z-index: -1;
	    font-family: 'MetricHPE-Light', sans-serif;
	background-image:url(../images/button-2.html); background-repeat:no-repeat;
	background-position:center;
}
.contact-1 .button:hover, .newsletter .button:hover {color: hsl(0, 0%, 100%);text-decoration: none;}
.contact-1 .button:hover:after, .newsletter .button:hover:after {width: 100%;}
.contact-1, .newsletter {text-align: center;}


.box-1{ width:100%;margin-top: 7%;}
.box-1 h1{    font-family: 'MetricHPE-Light', sans-serif; font-size:24px; font-weight:bold;color:#fff; text-align:center;}

.box-1 .pic { text-align:center;}
figure {
margin: 13px 0 0 0;
padding: 0;
overflow: inherit;
}
figure:hover+span {
bottom: -36px;
opacity: 1;
}
.hover01 figure img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
vertical-align:inherit;
}
.hover01 figure:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

.contact-2 .button, .newsletter .button {
    color:#000;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 27px;
    margin: 4% 2% 0 0;
    padding: 4px 1px 0 13px;
	height: 35px;
	background-position: center;
    position: relative;
    text-transform: none;
    transition: all 0.3s ease-in-out 0s;
	background-color:#f6c003;
    z-index: 1;
	    font-family: 'MetricHPE-Light', sans-serif;
    width:165px; background-image:url(../images/button-3.html); background-repeat:no-repeat;
}
.contact-2 .button:after, .newsletter .button:after { 
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
	color:#000;
	background-color:#fff;
    z-index: -1;
	    font-family: 'MetricHPE-Light', sans-serif;
	background-image:url(../images/button-3.html); background-repeat:no-repeat;
	background-position:center;
}
.contact-2 .button:hover, .newsletter .button:hover {color:#000;text-decoration: none;}
.contact-2 .button:hover:after, .newsletter .button:hover:after {width: 100%;}
.contact-2, .newsletter {text-align: center;}

.box-2{ width:100%;margin-top: 7%;}
.box-2 h1{    font-family: 'MetricHPE-Light', sans-serif; font-size:24px; font-weight:bold;color:#fff; text-align:center;}
.box-2 .pic { text-align:center;}
.contact-3 .button, .newsletter .button {
    color:#000;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 27px;
    margin: 4% 2% 0 0;
    padding: 4px 1px 0 13px;
	height: 35px;
	background-position: center;
    position: relative;
    text-transform: none;
    transition: all 0.3s ease-in-out 0s;
	background-color:#f6c003;
    z-index: 1;
	    font-family: 'MetricHPE-Light', sans-serif;
    width:165px; background-image:url(../images/button-4.html); background-repeat:no-repeat;
}
.contact-3 .button:after, .newsletter .button:after { 
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
	color:#000;
	background-color:#fff;
    z-index: -1;
	    font-family: 'MetricHPE-Light', sans-serif;
	background-image:url(../images/button-4.html); background-repeat:no-repeat;
	background-position:center;
}
.contact-3 .button:hover, .newsletter .button:hover {color:#000;text-decoration: none;}
.contact-3 .button:hover:after, .newsletter .button:hover:after {width: 100%;}
.contact-3, .newsletter {text-align: center;}
.line-2{ background-image:url(../images/line2.html); background-repeat:no-repeat; width:1px; height:333px; float:left;margin-top: 5%;margin-left: -1%;}

/*----------------------------
   footer      
----------------------------*/
.footer{ padding: 15px 0 5px 0; background: rgba(66,85,99,1); color: #fff; float:left; width: 100%;}
.footer .text-1 p{    font-family: 'MetricHPE-Light', sans-serif; font-size:13px; color:#fff;line-height: 35px;margin: 0;padding: 0;}
.footer .text-2 p{    font-family: 'MetricHPE-Light', sans-serif; font-size:13px; color:#fff; text-align:center;line-height: 35px;margin: 0;padding: 0;}
.footer .text-3 p{    font-family: 'MetricHPE-Light', sans-serif; font-size:13px; color:#fff; text-align:left;float:left; margin:1% 0 0 24%;}

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
	float:right;
	margin-top:1%;
}
ul.social-network li {
	display: inline;
	margin: 0 3px;
}
ul.social-network li a { background-color:#000;}
/* footer social icons */
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoyoutube:hover {
	background-color:#d32322;
}
.social-network a.icoinstagram:hover {
	background-color:#a73191;
}

.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
  color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width:25px;
	height:25px;
	font-size:14px;
}
.social-circle li i {
	margin:0;
	line-height:25px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}


.color-1{color:#fff; font-size:14px; text-align:center;}




/*----------------------------
  changes 17-5-2019 start    
----------------------------*/
.form-bg .form-control{width:74%; float:right;}
.button-form{ margin-top:-2px; font-size:20px; float:right;}
.box-white{/**background-color:rgba(255, 255, 255, 0.9);**/float: left;width: 44%;margin:3% 0 0 5%; padding:0 0 1% 0;}
.HCI-box{margin:0 0 0 -16px;}
.list-1{ width:auto; margin:2% 0 0 2%; float:left;}
.list-1 ul {list-style:none; margin:0; padding:0;}
.list-1 ul li::before {content: "\2022";color:#2AD2C9;font-weight: bold;display: inline-block; width: 1em;margin-left: -1em;list-style-type: square;}
.list-1 ul li {font-family: 'MetricHPE-Light', sans-serif; font-size:23px; color:#000; line-height:45px; text-align:left;}



.list-5{ width:auto; margin:2% 0 0 6%;}
.list-5 ul {list-style:none; margin:0; padding:0;}
.list-5 ul li {font-family: 'MetricHPE-Light', sans-serif; font-size:17px; color:#000; line-height:23px; text-align:left;list-style-type: square;}
.gap-bottom{height:30px; clear:both;}

.list-2{margin:8% auto;}
.list-3{width:456px;margin:2% auto;}
.list-3 ul {list-style:none; margin:0; padding:0;}
.list-3 ul li {font-family: 'MetricHPE-Light', sans-serif; font-size:21px; color:#000; line-height:35px; text-align:left;list-style-type: none;}
.list-3 ul li a {font-family: 'MetricHPE-Light', sans-serif; font-size:21px; color:#01A982; text-decoration:underline;}
.list-3 ul li a:hover {font-family: 'MetricHPE-Light', sans-serif; font-size:21px; color:#01A982; text-decoration:underline !important;}

.list-4{width:456px;margin:2% 0;}
.list-4 ul {list-style:none; margin:0; padding:0;}
.list-4 ul li {font-family: 'MetricHPE-Light', sans-serif; font-size:21px; color:#000; line-height:35px; text-align:left;list-style-type: none;}
.list-4 ul li a {font-family: 'MetricHPE-Light', sans-serif; font-size:21px; color:#01A982; text-decoration:underline;}
.list-4 ul li a:hover {font-family: 'MetricHPE-Light', sans-serif; font-size:21px; color:#01A982; text-decoration:underline !important;}

 .form-bg iframe{width:100%; height:415px;background: #333; margin:0; padding:0;}
.new-form-test{ }
.align{text-align:right; float:right;margin: 0 0 -22px 0; width:100%;}

label.font-label{margin: 0 0 0 23%;}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:99999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content {background:#333;
  position: relative;
  margin: auto;
  padding: 0;
  /*border: 1px solid #888;
  /*border-radius: 20px;*/
  width: 100%;
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.5s;
	float: left;

}



/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size:39px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 0px;
  color: white; 
  border:none;
}

.modal-header {
  padding: 2px 0px;
  color: white; 
  border:none;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}









.modal-2 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:99999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content-2 {background:#333;
  position: relative;
  margin: auto;
  padding: 0;
  /*border: 1px solid #888;
  /*border-radius: 20px;*/
  max-width: 400px;
  width: 100%;
  height: 450px;
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.5s

}


/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close-2 {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-2:hover,
.close-2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header-2 {
  padding: 2px 0px;
  background: #333;
  color: white; 
  border:none;
}

.modal-header-2 {
  padding: 2px 0px;
  background: #333;
  color: white; 
  border:none;
}














.modal-3 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:99999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content-3 {background:#333;
  position: relative;
  margin: auto;
  padding: 0;
  /*border: 1px solid #888;
  /*border-radius: 20px;*/
  max-width: 400px;
  width: 100%;
  height: 450px;
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.5s

}


/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close-3 {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-3:hover,
.close-3:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header-3 {
  padding: 2px 0px;
  background: #333;
  color: white; 
  border:none;
}

.modal-header-3 {
  padding: 2px 0px;
  background: #333;
  color: white; 
  border:none;
}











.modal-4 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:99999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content-4 {background:#333;
  position: relative;
  margin: auto;
  padding: 0;
  /*border: 1px solid #888;
  /*border-radius: 20px;*/
  max-width: 400px;
  width: 100%;
  height: 450px;
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.5s

}


/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close-4 {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-4:hover,
.close-4:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header-4 {
  padding: 2px 0px;
  background: #333;
  color: white; 
  border:none;
}

.modal-header-4 {
  padding: 2px 0px;
  background: #333;
  color: white; 
  border:none;
}









.modal-5 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:99999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content-5 {background:#333;
  position: relative;
  margin: auto;
  padding: 0;
  /*border: 1px solid #888;
  /*border-radius: 20px;*/
  max-width: 400px;
  width: 100%;
  height: 450px;
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.5s

}


/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close-5 {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-5:hover,
.close-5:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header-5 {
  padding: 2px 0px;
  background: #333;
  color: white; 
  border:none;
}

.modal-header-5 {
  padding: 2px 0px;
  background: #333;
  color: white; 
  border:none;
}


/*----------------------------
  changes 17-5-2019 end    
----------------------------*/



/* tab css start here */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left:16px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0; font-size:18px; color:#000;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #ffffff;
  background-image: #2AD2C9;
  border: 4px solid #2AD2C9;
  color: #000;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #2AD2C9;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}


a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{background-color: #ffff;}
.tab-box-left{ width:100%; float:left;}
.tab-box-right{ width:100%; float:right;}
.tab-heading-1{font-family: 'MetricHPE-Light', sans-serif; font-size:17px;color: #000; text-align:left; text-transform:uppercase; padding:15px 0 15px 0;}
.tab-heading-2{font-size:39px;font-family: 'MetricHPE-Semibold', sans-serif;font-weight: bold;color: #000; text-align:left; padding:0px 0 15px 0;}
.tab-heading-3{font-family: 'MetricHPE-Light', sans-serif; font-size:21px;color: #000; text-align:left;}

.tab-box-bottom{ width:100%; margin:16% 0 0 0; float:left;}
.tab-box-bottom-2{ width:100%; margin:6% 0 0 0; float:left;}
.tab-heading-4{font-family: 'MetricHPE-Light', sans-serif; font-size:17px;color: #000; text-align:left; text-transform:uppercase; padding:15px 0 2px 0; border-bottom:#ccc solid 1px;}
.tab-heading-5{font-size:48px;font-family: 'MetricHPE-Light', sans-serif;color: #000; text-align:center; padding:0px 0 15px 0;}
.tab-heading-6{font-family: 'MetricHPE-Light', sans-serif; font-size:18px;color: #000; text-align:center; font-weight:bold;}
.color-tab-1{ color:#01A982;}

.tab-3-icon{}
.tab-heading-7{font-size:18px;font-family: 'MetricHPE-Light', sans-serif;color: #000; text-align:center; padding:0px 0 15px 0; font-weight:bold;}
.tab-heading-8{font-family: 'MetricHPE-Light', sans-serif; font-size:14px;color: #000; text-align:center; font-weight:normal; line-height: 20px;}
.Request-a-quote{font-family: 'MetricHPE-Light', sans-serif;
font-size: 23px;color: #fff;text-align: center;font-weight: normal;background-color: #449d44;padding: 10px;width: 33%;margin: 23px 0 0 0;}


/* tab css end here */




.aroow-1{background-color: #2AD2C9; height: 6px; width:8%; margin:6% auto 2%;}
.aroow-2{background-color: #FF8D6D; height: 6px; width:12%; margin:3% auto 5%; float: left;}
.aroow-3{background-color: #614767; height: 6px; width:6%; margin:8% auto 2%;}
.aroow-4{background-color: #2AD2C9; height: 6px; width:12%; margin:3% auto 4%; float: left;}

.persent{color:#fff ; font-size:21px ; font-weight: normal ;}

.bg-new-1{height:auto; width:100%; padding: 30px 0 30px 0; margin:4% 0 0 0; float:left; background-color: #F6F6F6;}

.featured{font-size:21px;width: 100%;line-height: 34px;font-family:'MetricHPE-Light', sans-serif; font-weight: noraml;text-align: left;float: left; color:#000; text-transform: uppercase;margin:5% 0 0 0;}
.heading-1{font-size:41px;width: 100%;line-height: 34px;font-family: 'MetricHPE';font-weight: 900;text-align: left;float: left; color:#000; text-transform: uppercase;margin:5% 0 0 0;}
.heading-2{font-size:21px;width: 100%;line-height:24px;font-family: 'MetricHPE-Semibold', sans-serif;font-weight: bold;text-align: left;float: left; color:#000; margin:2% 0 0 0;}
.para{font-family:'MetricHPE-Light', sans-serif; font-size: 22px;line-height: 28px;color: #fff;font-weight: normal; margin:4% 0 0 0; text-align:left;float: left; width: 100%;}

.featured-2{font-size:17px;width: 100%;line-height: 34px;font-family:'MetricHPE-Light', sans-serif; font-weight: noraml;text-align: left;float: left; color:#000; text-transform: uppercase;margin:-3% 0 0 0;}
.heading-3{font-size:45px;width: 100%;line-height: 34px;font-family: 'MetricHPE-Semibold', sans-serif;font-weight: bold;text-align: left;float: left; color:#fff; margin:7% 0 0 0;}

.right-pro{float: right; margin: 9% 0 0 0;padding: 43px 25px; background-color: #fff; border-top:#2AD2C9 solid 4px; margin: 9% 0 6% 0;}

.gap-1new{height:10px;}
.gap-2new{height:60px;}

.pic-new{float:left;}
.pic-new-right{float:left;}


/* 3-4-2020 css start here */



.form-group {
    margin-bottom:26px; text-align:left;
}
label.font-label {
	font-size: 12px;
	line-height: 20px;
    height: 5px;
    float: left;
	color: #ff8b31!important;
	margin: 0 0 0 26%;
}

svg:not(:root) {
    overflow: hidden;
}
.icon {   
	float: left; 
	width: 18px;
    height: 18px;
	margin-right: 10px;
}

#overview .dashed {
	text-align: center;
	width: 100%;
	font-size: 95px;
	color:#FF8D6D;
	line-height: 2px;
	letter-spacing: -5px;
	vertical-align: top;
	margin-top: -5px;
}
.b-blue {
	border-top: solid #ff8d6d 4px;
}
a.link-green1 {
	color: #10b48d;
	 font-family:'MetricHPE-Semibold', sans-serif;
	font-size: 20px;
	background:url("../images/icon1.png") no-repeat left center;
	    padding: 34px;
	height: 65px; 
}
a.link-green2 {
	color: #10b48d;
	 font-family:'MetricHPE-Semibold', sans-serif;
	font-size: 20px;
	background:url("../images/download-icon.png") no-repeat left center;
	    padding: 34px;
	height: 65px; 
}
a.link-arrow1 {
	color: #10b48d;
	 font-family:'MetricHPE-Semibold', sans-serif;
	font-size: 20px;
	background:url("../images/arrow.html") no-repeat right center;
	    padding: 34px 34px 34px 0;
	height: 65px;
}




a.link-green {
	color: #10b48d;
	 font-family:'MetricHPE-Semibold', sans-serif;
	font-size: 20px;
	background:url("../images/btn.jpg") no-repeat left center;
	    padding: 34px;
	height: 65px; 
}
a.link-arrow {
	color: #10b48d;
	 font-family:'MetricHPE-Semibold', sans-serif;
	font-size: 20px;
	background:url("../images/arrow.html") no-repeat right center;
	    padding: 34px 34px 34px 0;
	height: 65px;
}
.modal-green {
	background: #0c3033;
	
}
.sectiontab {
	margin-top: 55px;
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}
.tab-box-bottom p {
	color: #000;
	font-size: 15px;
	font-family: 'MetricHPE-Light', sans-serif;;
}

.bhoechie-tab .Request-a-quote {
	margin: 23px 0 0 0px;}
/*Side Tabs*/
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-left > .nav-tabs > li {
	
  float: left;
	background: #fff;
	
	margin-right: 10px;
	margin-top: 10px;
	font-size: 18px;
	
}

.tabs-left > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
	width:230px;
	border: solid #ccc 4px;
	color: #000;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border: solid #ccc 4px;
	background: #FF8D6D;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	
	border: solid #FF8D6D 4px;
	color:#000;
	background: #FF8D6D;
}
.modal-title h3, .modal-title2 h3, .modal-title3 h3 {
color:#fff;
font-family:'MetricHPE-Semibold', sans-serif;
background: none; text-align: left;
margin: 0;padding: 0;
	font-family: 'MetricHPE-Light', sans-serif; font-size: 13px; margin: 0 0 3% 0; font-size: 21px;
}

.modal-title h4, .modal-title2 h4, .modal-title3 h4 {
color:#000;
font-family:'MetricHPE-Semibold', sans-serif;
background: none; text-align: left;
margin: 0;padding: 0; font-size:21px; margin: 0 0 2% 0; 
}

.modal-title h2, .modal-title2 h2, .modal-title3 h2 {
color:#fff;
font-family:'MetricHPE-Semibold', sans-serif;
background: none; text-align: left;
margin: 0 0 1% 0;padding: 0; font-size:41px;
}



.Success  ul.bulletarrow {
color:#000;
list-style:square;
font-size:18px;
list-style:none;
margin: 3% 0 0 -4%;
}

.Success  ul.bulletarrow li {
color:#000;
font-size:18px;
float:left
}

.Success  ul.bulletarrow li a {
cursor:pointer;
font-family:'MetricHPE-light',sans-serif;
font-weight:700;
color: rgb(1, 169, 130);
}

h3.title2 {
color:#614767;
font-size:70px;
line-height:normal;
font-family:'MetricHPE-light',sans-serif;
font-weight:700
}

.Success  p.hpe-numeric-callout {
font-size:16px;
position:relative;
top:-24px
}

.Success ul.bulletarrow li:before {
float:left;
content:" ";
background-image:url(../images/bulletarrow.jpg);
width:25px;
height:15px;
	margin: 7px 10px;
display:block;
margin-top:5px;
background-repeat:no-repeat;
background-position:left!important;
transition:all ease .2s
}

.Success  ul.bulletarrow li:hover:before {
background-position:right!important;
transition:all ease .2s
}

.Success  h4 {
margin-bottom:0;
padding-bottom:0;
font-size:20px;
width:100%;
font-family:'MetricHPE-Semibold',sans-serif;
font-weight:700;
color:#000
}








.modal-content, .modal-content2, .modal-content3 {
	padding: 30px;
}
.modal-content, .modal-content2, .modal-content3 {
background: rgba(12,47,51,1);
background: -moz-linear-gradient(top, rgba(12,47,51,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(12,47,51,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(12,47,51,1) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(12,47,51,1) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(12,47,51,1) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(12,47,51,1) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c2f33', endColorstr='#000000', GradientType=0 );
	}
.white {
	color:#000;
	font-size: 20px;
	padding:20px ;
	background: #fff;
	border-top:solid 4px #10b48d;
	float: left;
}
.white strong {
	font-size: 20px;
	 font-family:'MetricHPE-Semibold', sans-serif;
	
}
.white ul {
	font-size: 16px;
	
}
h3.black {
	margin: 0;
	padding: 10px;
	color:#000;
}
.white p {
	
	margin: 0;
	padding: 0px 10px;
}
.pad-0 {
padding: 0 !important;
	}


.heading-new-1{font-size:43px;width:100%;line-height:45px;font-family: 'MetricHPE';font-weight: 900; color: #fff; float: left; text-align:left; margin:5% 0 0 0;}
p.pragrnew4{font-family: 'MetricHPE-Light', sans-serif;font-size: 18px;line-height: 22px;color: #fff; font-weight: 300;margin-bottom: 0; text-align: left; margin: 4% 0 1% 0; float: left;}
.button-1new{width: 250px; float:left;    margin: 5% 0 5% 0;}
.button-1new ul{ list-style: none; margin:0; padding: 0;}
.button-1new ul li{ line-height: 21px; float: left;font-family:'MetricHPE-Semibold', sans-serif; font-size: 20px; color:#fff;}
.button-1new ul li a{  color:#fff;  border: #fff solid 2px; padding:9px 36px;font-size: 20px;}
.button-1new ul li a:hover{border: #fff solid 3px;font-size: 20px;}
.pic-1new{ float: right; text-align: right;}




.pic-left-main{width: 100%; float: left; margin: 2% 0 3% 0;}
.pic-left{width: 100%; float: left;}
.pic-right{ width: 100%; float: left; margin:3% 0 0 0;}
.pic-right h1{color: #000;font-family: 'MetricHPE-Semibold', sans-serif;text-align: left;font-size: 21px; margin: 0; padding: 0;}
 p.pad-0{font-size: 17px;text-align: left;line-height: 24px;margin: 1% 0 0 0;font-family:'MetricHPE-light',sans-serif;}





.boxsmall{ float:left;}



/****** popup slider 8-4-2020 **********/
/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 0px 30px 36px;
  margin-top: -4px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top:37%;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -45px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top:37%;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -21px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
 
}





.media-carousel-2 
{
  margin-bottom: 0;
  padding: 0 0px 30px 36px;
  margin-top: -4px;
}
/* Previous button  */
.media-carousel-2 .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top:37%;
}
/* Next button  */
.media-carousel-2 .carousel-control.right 
{
  right: -45px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top:37%;
}
/* Changes the position of the indicators */
.media-carousel-2 .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -21px;
}
/* Changes the colour of the indicators */
.media-carousel-2 .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel-2 .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel-2 img
{
 
}




/* End carousel */
/****** popup slider 8-4-2020  end**********/




.main-popup{width:97%; float: left;}



/*=======================================================
			Responsive
========================================================*/


@media only screen and (max-width:1440px) and (min-width:1366px){}
@media only screen and (max-width:1366px) and (min-width:1280px){}
@media only screen and (max-width:1280px) and (min-width:1024px){}
@media only screen and (max-width:1024px) and (min-width:991px){

}

@media (min-width: 800px) and (max-width: 1280px){

h1.headbanner {font-size: 48px;}
p.hedpar { font-size: 22px; width: 97%;}
.form-bg h1 {margin-top: 11%;}
		
	.main-popup{width: 100%; float: left;}
	.modal-content{width: 90%; float: left;}
	.closebtn{ right: 22%;top: 8%;}

	
.lwork {width: 1142px;}
h1.headbanner {font-size: 34px;line-height: 34px;}
.form-bg h1{font-size: 19px;}
.form-bg h1 { margin-top: 12%;}
.success-right-icon-right {width: 67%;}
	.box-white{margin: 11% 0 0 5%;}  
	
}




@media (min-width: 991px) and (max-width: 1024px) {
	
	.lwork {width: 1142px;}	
	.main-popup{width:97%; float: left;}
	.modal-content{width: 87%;float: left;margin: 0 0 0 2%;}
	.closebtn{ right:4%!important;top:3%!important;}
	

	.lwork { width: 100%}
 .work-2 h3 {margin-left: 5%;}
 .work-3 h3 {margin-left:-15%;}
 .work-2 .line-1 { display:none;}
 .work-1 h2 { background-image:none; font-size:23px;}
 .work-3 .line-1 { display:none;}
 .work-2 {margin-left: 17%;}
 .work-3 {margin-left: 8%;}
 .work-4 h2 {margin-left:6%;font-size: 19px;}
  .login{margin: 6% 0 0 0%;width: 60%;}
 .login ul li{ font-size:10px;}
 .footer .text-3 p {margin: 1% 0 0 0%;}
 
  .box-white{width: 90%;margin:20% 0 0 5%;}
 .form-bg {padding: 5px 10px 10px 10px;}
 .form-bg .form-control{width:74%;}
 .button-form {font-size: 16px; margin-top:-4px;}
 label.font-label {margin: 0 0 0 26% !important;font-size: 11px !important;}
 .align{font-size:10px;margin-top:0px !important;}
 .form-bg h1 {margin-top: 10%;}
 .list-2{margin:15% auto;}
 
 
 
   .zf-topAlign .zf-tempFrmWrapper .zf-labelName{width:40% !important;float:left !important;}
.zf-large .zf-tempContDiv input[type="text"], .zf-large .zf-tempContDiv textarea, .zf-large .zf-mSelect select, .zf-large .zf-tempContDiv .zf-sliderCont, .zf-large .zf-tempContDiv .zf-pdfTextArea{ width:60% !important; float:right !important;}

.zf-small .zf-tempContDiv input[type="text"], .zf-small .zf-tempContDiv textarea, .zf-small .zf-mSelect select, .zf-small .zf-tempContDiv .zf-sliderCont, .zf-small .zf-tempContDiv .zf-pdfTextArea{ width:60% !important; float:right !important;}
.zf-tempFrmWrapper .zf-labelName{font-size: 10px !important;}
  .zf-errorMessage p {padding-top: 0px !important; font-size:11px;}
  .zf-topAlign .zf-tempFrmWrapper .zf-labelName{ padding-bottom:2px !important;}
  .Request-a-quote{ width:60%;}
 
 .list-3{width: 100%;}
.list-4{width: 100%;}
 
}



@media (min-width: 768px) and (max-width: 991px) {
	
	.lwork {width: 1142px;}
	.main-popup{width: 100%; float: left;}
	.modal-content{width: 90%; float: left;}
	.closebtn{ right:4%!important;top:3%!important;}
	
	
.lwork { width: 100%}
	
 .work-2 h3 {margin-left: 5%;}
 .work-3 h3 {margin-left:13%;}
 .work-2 .line-1 { display:none;}
 .work-1 h2 { background-image:none; font-size:23px;}
 .work-3 .line-1 { display:none;}
 .work-2 {margin-left: 17%;}
 .work-3 {margin-left: 8%;}
 .work-4 h2 {margin-left: 0%;font-size: 18px;}
 .login{margin: 8% 0 0 -28%;width: 82%;}
 .login ul li{ font-size:10px;}
 .footer .text-3 p {margin: 1% 0 0 0%;}
 
 .box-white{width: 90%;margin:6% 0 0 5%;}
 .form-bg {padding: 5px 10px 10px 10px;}
 .form-bg .form-control{width: 66%; }
 .button-form {font-size: 16px; margin-top:-5px;}
 label.font-label {margin: 0 0 0 33% !important;font-size: 11px !important;}
 .align{font-size:10px;margin-top:0px !important;}
  .form-bg h1 {margin-top:25%;font-size:12px !important;}
  .form-bg h3 {font-size: 18px !important;}
.form-bg{padding:0 8px !important;}
  .form-bg iframe {width:100%;height: 400px;background: #333;}
  .list-2{margin:16% auto;}
  
  .tab-heading-2{font-size:29px;}
  div.bhoechie-tab-menu div.list-group > a{ font-size:15px;}
  
  
  .zf-topAlign .zf-tempFrmWrapper .zf-labelName{width:40% !important;float:left !important;}
.zf-large .zf-tempContDiv input[type="text"], .zf-large .zf-tempContDiv textarea, .zf-large .zf-mSelect select, .zf-large .zf-tempContDiv .zf-sliderCont, .zf-large .zf-tempContDiv .zf-pdfTextArea{ width:60% !important; float:right !important;}

.zf-small .zf-tempContDiv input[type="text"], .zf-small .zf-tempContDiv textarea, .zf-small .zf-mSelect select, .zf-small .zf-tempContDiv .zf-sliderCont, .zf-small .zf-tempContDiv .zf-pdfTextArea{ width:60% !important; float:right !important;}
.zf-tempFrmWrapper .zf-labelName{font-size: 10px !important;}
  .zf-errorMessage p {padding-top: 0px !important; font-size:11px;}
  .zf-topAlign .zf-tempFrmWrapper .zf-labelName{ padding-bottom:2px !important;}
  .Request-a-quote{ width:60%;}
  

.list-3{width: 100%;}
.list-4{width: 100%;}
  
}

@media only screen and (max-width:767px) and (min-width:640px){
	
	
	.media-carousel{padding: 0 0px 18px 0px;}
	.closebtn{right: 6%!important;top: 0%!important;}
	video {position: absolute!important;top: 15%!important;left: 4%!important;width: 92%!important;opacity: 1 !important;}
	.media-carousel .carousel-control.left{left: -35px!important;}
	.success-right-icon-right2 {margin: 3% 0 0 0%;width: 131%;}
	.success-right-icon-right2 ul li a { margin: 1% 5% 0 9px;padding: 0% 20% 0 0;}
	.media-carousel-2 .carousel-control.left{ height:33px;width: 33px;}
	.media-carousel-2 .carousel-control.right{ height:33px;width: 33px;}
	.modal-content{width: 98%;    padding:21px 29px 0 6px;}
	.media-carousel-2 {padding: 0 0px 27px 27px;}
	.modal-title h2, .modal-title2 h2, .modal-title3 h2{ font-size: 25px;}
	
	
	
	.closebtn{ right:4%!important;top:3%!important;}
.logo{ margin: 14px auto; width: 209px; float:none;}
.hero h1{ font-size:13px;}
.work-1{margin-left:0%;}
.work-1 h2{background-image:none; text-align:center; width:auto;}
.work-1 .icon{margin:0; text-align:center;}
.contact-1 .button, .newsletter .button{ margin:0;}
.work-2{margin-left:0%;}
.work-2 h2{background-image:none; text-align:center; margin-left:0;}
.work-2 .line-1{ display:none;}
.work-2 .icon{margin:0; text-align:center;}
.work-2 h3{ margin:0;}
.work-3{margin-left:0%;}
.work-3 h2{background-image:none; text-align:center; margin-left:0;}
.work-3 .line-1{ display:none;}
.work-3 .icon{margin:0; text-align:center;}
.work-3 h3{ margin:0;}
.work-4 h2{ text-align:center; margin:0;}
.footer .text-1 p{ text-align:center;}
.footer .text-2 p{ text-align:center;}
.footer .text-3 p{ margin:0;}

}
@media only screen and (max-width:640px) and (min-width:480px){
	

	

.logo{ margin: 14px auto; width: 209px; float:none;}
.hero h1{ font-size:13px;}
.work-1{margin-left:0%;}
.work-1 h2{background-image:none; text-align:center; width:auto;}
.work-1 .icon{margin:0; text-align:center;}
.contact-1 .button, .newsletter .button{ margin:0;}
.work-2{margin-left:0%;}
.work-2 h2{background-image:none; text-align:center; margin-left:0;}
.work-2 .line-1{ display:none;}
.work-2 .icon{margin:0; text-align:center;}
.work-2 h3{ margin:0;}
.work-3{margin-left:0%;}
.work-3 h2{background-image:none; text-align:center; margin-left:0;}
.work-3 .line-1{ display:none;}
.work-3 .icon{margin:0; text-align:center;}
.work-3 h3{ margin:0;}
.work-4 h2{ text-align:center; margin:0;}
.footer .text-1 p{ text-align:center;}
.footer .text-2 p{ text-align:center;}
.footer .text-3 p{ margin:0;}
	
	.lwork{   width: 100%;}
	.style-bg-slate span {margin-bottom: 14%;}
	.bannertest{ width: 100%;}
		.bg-2 { margin-top:32%}
		
	.gaptop {margin-top: 27%!important;}
	
	.bg-2{ background-image:none!important;}
	
	
	figure.finesse-logo {
    width: 100%;
    height: 85px;
}
	
	
	.boxsmall{ border-bottom: 1px dotted #000;  min-height:600px; padding-top:8%; }
	.mtop5{ margin-top: 0;}
	h1.headbanner {line-height: normal;}
	h1.head3 {
		font-size: 28px;}
	
	
		.thatop {
    margin-top: 65%!important;
}
	
 
}




@media only screen and (max-width:480px) and (min-width:320px){
	
	.media-carousel{padding: 0 0px 18px 0px;}
	.closebtn{right: 6%!important;top: 0%!important;}
	video {position: absolute!important;top: 15%!important;left: 4%!important;width: 92%!important;opacity: 1 !important;}
	.media-carousel .carousel-control.left{left: -35px!important;}
	.success-right-icon-right2 {margin: 3% 0 0 0%;width: 131%;}
	.success-right-icon-right2 ul li a { margin: 1% 5% 0 9px;padding: 0% 20% 0 0;}
	.media-carousel-2 .carousel-control.left{ height:33px;width: 33px;}
	.media-carousel-2 .carousel-control.right{ height:33px;width: 33px;}
	.modal-content{width: 98%;    padding:21px 29px 0 6px;}
	.media-carousel-2 {padding: 0 0px 27px 27px;}
	.modal-title h2, .modal-title2 h2, .modal-title3 h2{ font-size: 25px;}
	
	.persent{font-size: 16px;margin: 14% auto;}
	.bg-new-1{margin:0% 0 0 0;}
	.heading-1{font-size: 29px;line-height:32px;margin: 4% 0 0 0;}
	.heading-2{font-size:27px; line-height: 31px;}
	.success-main h1{font-size: 32px;line-height: 37px;}
	.success-right-pro{margin: 12% 0 2% 0;}
	.success-right-icon-right{width:72%;}
	.navbar-fixed-top{padding: 0 0 30px 0;}
	.PrimaryNav li { width: 52%;}
	.list-1{ margin: 2% 0 0 10%;}
	.list-1 ul li{font-size: 19px;color: #000;line-height: 25px; margin: 0 0 4% 0;}
	.featured-2{margin: 4% 0 0 0;}
	.modal-title h2, .modal-title2 h2, .modal-title3 h2{font-size: font-size: 22px;}
	.Success ul.bulletarrow {margin: 2% 0 0 0%;}
	.Success ul.bulletarrow li {font-size: 14px;}
	.closebtn {    right: 12%;top: -1%;}
	.button-1new ul li a{ margin: -9% 0 4px 0;}
	.button-1new {    margin: 5% 0 5% 0;font-size: 30px;}
	
	p.pragr{float:left;}
	.aroow-1{ float: left; margin: 0% 0 7% 34%; width: 30%;}
	.aroow-3{display: none;}
	
	.thatop {margin-top: 65%!important;}
	h1.headbanner {
		font-size:25px;}
	h1.head {
		font-size: 32px;}
	h1.headbanner {line-height: normal;}
	h1.head3 {
		font-size: 28px;}
	.paddbottom5{padding:15% 0;  float: left;   border-bottom: 1px dotted #000;}
	
	
	.boxsmall{ /**border-bottom: 1px dotted #000; **/ padding:20px; }
	.mtop5{ margin-top: 0;}
	
	figure.finesse-logo {
    width: 100%;
    height: 85px;
}
	
	
	.bg-2  { margin-top: 30%;
    background-size: cover;
    background-position: 44% 11%;
    height: 164px;}
	
	bg-2 {
     background:#fff!important;  }
 
	
	.gaptop {
    margin-top: 27%!important;
}
	.lwork{   width: 100%;}
	.style-bg-slate span {margin-bottom: 14%;}
	
	.bannertest{ width: 100%;}
	
.logo{ margin: 14px auto; width: 209px; float:none;}
.login{margin:6% 0 0 0%;width: 56%;}
.renault {}
.hero h1{ font-size:13px;}
.work-1{margin-left:0%;}
.work-1 h2{background-image:none; text-align:center; width:auto;}
.work-1 .icon{margin:0; text-align:center;}
.contact-1 .button, .newsletter .button{ margin:0;}
.work-2{margin-left:0%;}
.work-2 h2{background-image:none; text-align:center; margin-left:0;}
.work-2 .line-1{ display:none;}
.work-2 .icon{margin:0 auto; text-align:center;}
.work-2 h3{ margin:0;}
.work-3{margin-left:0%;}
.work-3 h2{background-image:none; text-align:center; margin-left:0;}
.work-3 .line-1{ display:none;}
.work-3 .icon{margin:0 auto; text-align:center;}
.work-3 h3{ margin:0;}
.work-4 h2{ text-align:center; margin:0;}
.work-4 .icon{margin:0 auto; text-align:center;}
.footer .text-1 p{ text-align:center;}
.footer .text-2 p{ text-align:center;}
.footer .text-3 p{ margin:0;}
.jk-slider{margin-top: 36%;}
.work-2 .line-3{margin: 7px auto;text-align: center;}
.work-3 .line-4{margin: 7px auto;text-align: center;}

.logo img{margin: 0 0 0 -7px; width: 100%;}
.logomtp img{    margin-right: 18px;
    margin-top: 27px;
    width: 120px !important;}
.PrimaryNav li a {padding:5px 5px;font-size: 16px;}
.box-white{width:100%; background: #000;margin:47% 0 0 0%; padding: 10px;}
.align{font-size:10px;margin-top: -4px;}
.form-bg{height:436px;}

 .form-bg iframe{width:99%; height:415px;background: #333;}
.form-bg{padding:0 8px !important;}

.list-2{width: 100%;margin:40% auto;}
.list-3{width: 100%;}
.list-4{width: 100%;}


div.bhoechie-tab-menu div.list-group>a{margin-bottom: 0; width:115px;}
.tab-heading-1{padding: 0px; font-size:16px;}
.tab-heading-2{padding: 0px; font-size:15px;}
.tab-heading-3{padding: 0px; font-size:12px; line-height:15px;}

.tab-heading-4 {padding: 0px 0 1px 0;font-size: 14px;}
.tab-heading-5 {padding: 0px 0 3px 0; font-size:21px;}
.tab-heading-6 {line-height: 15px; font-size:12px;width: 152%;margin:-4px 0 10px -32px}
.tab-box-bottom {margin: 3% 0 0 0;}
div.bhoechie-tab-menu div.list-group > a{font-size: 12px;line-height: 17px;}
div.bhoechie-tab-container{margin-left:2px;}
.bhoechie-tab{ width:71%; float:right;}

.tab-heading-7 {padding: 0px 0 5px 0; font-size: 14px; width: 149%; margin: 0 0 0 -32px;}
.tab-heading-8{width: 153%;margin: 0 0 10px -40px;}

.Request-a-quote{font-size: 19px; width: 100%;}

.zf-topAlign .zf-tempFrmWrapper .zf-labelName{width:40% !important;float:left !important;}
.zf-large .zf-tempContDiv input[type="text"], .zf-large .zf-tempContDiv textarea, .zf-large .zf-mSelect select, .zf-large .zf-tempContDiv .zf-sliderCont, .zf-large .zf-tempContDiv .zf-pdfTextArea{ width:60% !important; float:right !important;}

.zf-small .zf-tempContDiv input[type="text"], .zf-small .zf-tempContDiv textarea, .zf-small .zf-mSelect select, .zf-small .zf-tempContDiv .zf-sliderCont, .zf-small .zf-tempContDiv .zf-pdfTextArea{ width:60% !important; float:right !important;}

}



.form-group {
    margin-bottom:24px; text-align:left;
}
label.font-label {
	font-size: 12px;
	line-height: 20px;
    height: 5px;
    float: left;
	color: #ff8b31!important;
	margin: 0 0 0 26%;
}