/*
Theme Name: eBusiness
Theme URL: https://bootstrapmade.com/ebusiness-bootstrap-corporate-template/
Author: BootstrapMade.com
License: https://bootstrapmade.com/license/
*/

/*-----------------------------------------------------------------------------------
CSS INDEX
===================

1. Theme Default CSS (body, link color, section etc)
2. Header Area
2.1 Stick menu Area
3. About Area
4.Services Area
5.Skill Area
6.Faq Area
7.Wellcome Area
8.Team Area
9.Review Area
10.Portfolio Area
11. Pricing Table
12. Testimonials area
13. Review Area
14. Quote area
15.Footer Area
16.Home Page-2 Area
17.Home Page 3  CSS
18.Blog CSS
17.Blog Details CSS

-----------------------------------------------------------------------------------*/

.space span{
    margin-left: 50%!important;
}
.space1 span{
    margin-left: 20%!important;
    float: right;
}


.services1{
  margin-top: -5%;
}

.services1 h3 {
  margin-bottom: 90px;
  text-align: center;
  font-size: 22px;
  color:#0099e5;
  letter-spacing:5px;
  text-transform:uppercase;
  margin-top: 33px;
}

.box1 {
  border-radius: 3px;
  position:relative;
  padding: 38px 30px;
  text-align: right;
  display: block;
  border: 1px solid #000;
  margin-top: 51px;
  background-color: #fff;
  box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);
  margin-left: -15px;
  margin-top: 2px;
}

@media(max-width:768px){
  .box1 {
    border-radius: 3px;
    position:relative;
    padding: 38px 30px;
    text-align: right;
    display: block;
    border: 1px solid #fff;
    margin-top: 51px;
    background-color: #fff;
    box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);
    margin-left: 0px;
    margin-top: 33px;
  }

}
.box-icon1 span {
  color: #fff;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.fa-4x {
  font-size: 2em;
}
.info1 h4 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 0px;
  text-transform: uppercase;
  letter-spacing:1px;
  /* margin-left: -20px; */
  margin-top: -5px;
}
.info1 > p {
  color: #777;
  font-size: 12px;
  text-align: center;
  font-weight:400;
  letter-spacing:1px;
  line-height:1.8em;
  font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
  color: black;
}


@media(max-width:768px){
  .info1 > p {
    color: #777;
    font-size: 14px;
    text-align: center;
    font-weight:400;
    letter-spacing:1px;
    line-height:1.8em;
    font-family: 'Merriweather', serif;
    color: black;
    margin-left: 10px;
  }
}








.box1 >.box-icon1 {
  border: 2px solid #0099e5;
}
.box1:hover >.box-icon1 {
  border: 2px solid #0099e5;
  background-color: #fff;
  color: #0099e5;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}
.box1:hover >.box-icon1 >span {
  color: #0099e5;
}
.box-icon1 {
  background-color: #0099e5;
  border-radius: 50%;
  display: table;
  height: 57px;
  width: 16%;
  position: absolute;
  top: -13%;
  left: 42%;
}
/** /Services**/
























.map iframe {
  width: 100%;
  border: none;
  min-height: 350px;
  margin-top: 5px;
}

.map {
  padding: 1em 1em .7em;
  /*    border: 2px solid #525252;*/
  margin-top: 70px;
}










@media(max-width:768px){
  img.galvano{
    width: 229px;
  }
  img.mactech{
    width: 229px;
  }
  img.forbes{
    width: 229px;
  }
}






.button-map {
  cursor: pointer;
  text-align: center;
  position: relative;
  width: 100%;
  display: block;
  background: #1ABC9C;
  color: #fff;
  font-size: 22px;
  text-transform: uppercase;
  padding: 20px 0;
  margin-top: 54px;
  margin-left: 33px;
}

@media(max-width:768px){
  .button-map {
    cursor: pointer;
    text-align: center;
    position: relative;
    width: 100%;
    display: block;
    background: #1ABC9C;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 20px 0;
    margin-top: 54px;
    margin-left: 2px;
  }

}




/* contact */
h3.touch{
  text-align: center;
  color: black;
  margin-top: 19px;
}

input#name, input#phone, input#email {
  height: 50px;
}
input#name:focus, input#phone:focus, input#email:focus, textarea#message:focus {
  box-shadow: none;
  border-bottom: 2px solid #000;
}
.form-control {
  box-shadow: none;
}
.form-control:focus {
  border: none;
}
.login-pad form input[type="text"], .login-pad form input[type="email"] {
  border: none;
  border-bottom: 1px solid #e2dddd;
  margin: 0 0 24px 0;
  width: 50%;
  padding: 10px 10px;
  font-size: 14px;
  outline: none;
  color: #000;
  border-radius: 0;
  font-weight: 600;
}

@media(max-width:768px){
  .login-pad form input[type="text"], .login-pad form input[type="email"] {
    border: none;
    border-bottom: 1px solid #d6cece;;
    margin: 0 0 24px 0;
    width: 86%;
    padding: 10px 10px;
    font-size: 14px;
    outline: none;
    color: #000;
    border-radius: 0;
    font-weight: 600;
  }

}

.login-pad textarea {
  margin: 16px 0;
  resize: none;
  width: 50%;
  color: #000;
  font-size: 14px;
  outline: none;
  padding: 10px 10px;
  border: none;
  border-bottom: 1px solid #e2dddd;
  height: 120px;
  -webkit-appearance: none;
  border-radius: 0px;
  font-weight: 600;
  margin-top:15px;
}

@media(max-width:768px){
  .login-pad textarea {
    margin: 16px 0;
    resize: none;
    width: 86%;
    color: #000;
    font-size: 14px;
    outline: none;
    padding: 10px 10px;
    border: none;
    border-bottom: 1px solid #e2dddd;
    height: 120px;
    -webkit-appearance: none;
    border-radius: 0px;
    font-weight: 600;
    margin-top:15px;
  }
}



.login-pad button.btn.btn-primary {
  font-size: 1em;
  text-align: center;
  font-weight: normal;
  color: #fff;
  padding: 10px 20px;
  border-radius: 0;
  display: block;
  margin-top: 25px;
  background-color: #FF5722;
  border-color: #FF5722;
  outline: none;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  letter-spacing:1px;
}
.login-pad button.btn.btn-primary:hover {
  background-color: #00d0ff;
  border-color: #00d0ff;
}
.map-home iframe{
  margin-top: 50px;
  width: 100%;
  min-height: 403px;
  outline:none;
  border: none;
}
.map-home h3 {
  font-size: 26px;
  margin-bottom: 25px;
  color: #545454;
  letter-spacing: 1px;
  margin-top: 35px;
  text-align: center;
}
/*--- login --*/
/*--check-box--*/
.login-pad{
  margin:0em 0em 0 300px;
  /*    box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);*/
}

@media(max-width:768px){
  .login-pad{
    margin:0em 0em 0 36px;
  }
}

.login-pad .checkbox input {
  position: absolute;
  left: -9999px;
}
.login-pad.checkbox i {
  border-color: #fff;
  transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
}
.login-pad.checkbox i:hover {
  border-color:red;
}
.login-pad  i:before {
  background-color: #2da5da;
}
.login-pad  .rating label {
  color: #ccc;
  transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
.login-pad  .checkbox input + i:after {
  position: absolute;
  opacity: 0;
  transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}
.login-pad .checkbox input + i:after {
  content: url(../images/tick.png);
  top: -3px;
  left: 2px;
  width: 15px;
  height: 15px;
}
.login-pad  .checkbox {
  float: left;
}
.login-pad .checkbox {
  padding-left: 38px;
  font-size: 14px;
  color:#999;
  cursor: pointer;
  font-weight: 400;
}
.login-pad  .checkbox {
  position: relative;
  display: block;
  margin: 0 0 18px 0;
}
.login-pad  .checkbox i {
  position: absolute;
  top:0px;
  left:5px;
  display: block;
  width:16px;
  height:16px;
  outline: none;
  border:1px solid #969696;
  background:#fff;
  border-radius:0px;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  -o-border-radius:0px;
}
.login-pad  .checkbox input + i:after {
  position: absolute;
  opacity: 0;
  transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}
.login-pad .checkbox input + i:after {
  color: #2da5da;
}
.login-pad .rating input:checked ~ label {
  color: #2da5da;
}
.login-pad .checkbox input:checked + i:after {
  opacity: 1;
}
.login-pad input[type="submit"] {
  border: none;
  outline: none;
  color: #fff;
  padding: 5px 23px;
  font-size: 20px;
  -webkit-appearance: none;
  background: #000;
}
.login-pad input[type="submit"]:hover {
  background: #8c8700;
  color:#fff;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
.map-home h2 {
  font-size: 20px;
  margin-bottom: 25px;
}
/* Set a size for our map container, the Google Map will take up 100% of this container */
#map {
  width: 100%;
  height: 400px;
  margin-top:70px;
}

.drop-pad p {
  line-height: 1.8em;
  font-size: 1em;
  margin-bottom: 1em;
  color: #999;
}
.sign-gd-two ul li {
  color: #040404;
  margin: 25px 0;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 400;
  list-style-type: none;
}
.sign-gd-two ul li a{
  color: #464646;
  text-decoration:none;
}
.sign-gd-two ul li a:hover{
  color: #00d0ff;
}
.sign-gd-two ul li i{
  color: cyan;
  margin-right: 10px;
  font-size: 16px;
}
.sign-gd-two ul li{
  margin-bottom:15px;
}























/* contact end */




/*
.services {
padding: 5em 0em;
background:url(../images/sbg.jpg) 0px 0px  no-repeat;
background-size:cover;
min-height:800px;


}
*/

.services h3 {
  margin-bottom: 90px;
  text-align: center;
  font-size: 26px;
  color:black;
  letter-spacing:5px;
  /*	text-transform:uppercase;*/
  margin-top: 33px;
  font-family: 'Raleway', sans-serif;
}

.box {
  border-radius: 3px;
  position:relative;
  padding: 38px 30px;
  text-align: right;
  display: block;
  border: 1px solid #fff;
  margin-top: 51px;
  background-color: #fff;
  box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);
  margin-left: 131px;
  margin-top: 2px;
}

@media(max-width:768px){
  .box {
    border-radius: 3px;
    position:relative;
    padding: 38px 30px;
    text-align: right;
    display: block;
    border: 1px solid #fff;
    margin-top: 51px;
    background-color: #fff;
    box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);
    margin-left: 0px;
    margin-top: 33px;
  }

}
.box-icon span {
  color: #fff;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.fa-4x {
  font-size: 2em;
}
.info h4 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 0px;
  text-transform: uppercase;
  letter-spacing:1px;
  /* margin-left: -20px; */
  margin-top: -5px;
}
.info > p {
  color: #777;
  font-size: 12px;
  text-align: center;
  font-weight:400;
  letter-spacing:1px;
  line-height:1.8em;
  font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
  color: black;
}


@media(max-width:768px){
  .info > p {
    color: #777;
    font-size: 14px;
    text-align: center;
    font-weight:400;
    letter-spacing:1px;
    line-height:1.8em;
    font-family: 'Merriweather', serif;
    color: black;
    margin-left: 10px;
  }
}








.box >.box-icon {
  border: 2px solid #0099e5;
}
.box:hover >.box-icon {
  border: 2px solid #0099e5;
  background-color: #fff;
  color: #0099e5;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}
.box:hover >.box-icon >span {
  color: #0099e5;
}
.box-icon {
  background-color: #0099e5;
  border-radius: 50%;
  display: table;
  height: 57px;
  width: 16%;
  position: absolute;
  top: -13%;
  left: 42%;
}
/** /Services**/







.head h3{
  text-align: center;
}






















h1,h2,h3,h4,h5,h6{
  margin:0;
  font-family: 'Open Sans Condensed', sans-serif;
}
body {
  font-family: 'Open Sans', sans-serif;
}
ul ,ol {
  padding:0;
}
img {
  width:100%;
  height:100%;
}
.header-banner {
  background:white;
  position: relative;
  box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);

}
/*-- header --*/
/*-- nav --*/
.header {
  padding: 1em 0;

}











i.fa-home{
  font-size: 36px;
  margin: 0 30px 15px;
}

@media (max-width:768px){
  i.fa-home{
    font-size: 36px;
    margin: 0 -5px 15px;
  }
}


i.fa-phone{
  font-size: 36px;
  margin:0 30px 15px;
}


@media (max-width:768px){
  i.fa-phone{
    font-size: 36px;
    margin: 0 -5px 15px;
  }
}


i.fa-envelope{
  font-size: 36px;
  margin:0 30px 15px;
}

@media (max-width:768px){
  i.fa-envelope{
    font-size: 36px;
    margin: 0 -5px 15px;
  }
}




.role3 p{
  font-family:'Open Sans', Arial, sans-serif;
  margin-bottom: 50px;
  font-size: 14px ;
  line-height: 1.6em;
  padding-left: 96px;
  text-align: center;
  color: black;
}




.role img{
  width:300px;
  height:350px;
  margin-top: 90px;
  box-shadow: 5px 7px 10px rgba(130, 126, 126);
}

@media (max-width:768px){
  .role img{
    width:300px;
    height:280px;
    margin-left: 20px;
  }
}



.role1 p{
  font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
  margin-bottom: -50px;
  font-size: 14px ;
  line-height: 2.1em;
  padding-left: 20px;
  color: black;
  margin-top: 81px;
}


@media (max-width:768px){
  .role1 p{
    font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
    margin-bottom: 50px;
    font-size: 14px ;
    line-height: 1.6em;
    padding-left: 96px;
  }

}


.side-nav{
  height:80%;
  width:0;
  position:fixed;
  z-index:1;
  top:0;
  left:0;
  background-color: #111;
  opacity:0.9;
  overflow-x: hidden;
  padding-top: 60px;
  transition:0.5s;

}


.side-nav a{
  padding: 10px 10px 10px 30px;
  text-decoration: none;
  font-size: 14px;
  color: #ccc;
  display: block;
  transition: 0.3s;
}

side-nav a:hover{
  color: #fff;
}

side-nav .btn-close{
  ;position: absolute;
  top: 0;
  right: 22px;
  font-size: 36px;
  margin-left: 50px;
}


#main{
  transition:margin-left:0.5s;
  padding:20px;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 768px) {
  .open-slide{display:none;}
}




.master p{
  font-family: Times New Roman, Times, serif;
  /*    margin-bottom: 50px;*/
  font-size: 16px;
  margin-left: 200px;
  line-height: 16px;
}

@media (max-width:768px){
  .master p{
    font-family: Times New Roman, Times, serif;
    /*    margin-bottom: 50px;*/
    font-size: 16px;
    margin-left: 20px;
    line-height: 16px;
  }
}



.bg-img {
  /* The image used */
  background-image: url("3.jpg");


}





.contact-details{
  margin-left: 170px;

}




.accordion {
  background-color:skyblue;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  text-align: center;
  height: 110px;
}

@media (max-width:768px){
  .accordion {
    background-color:skyblue;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    text-align: center;
    height: 110px;
    margin-left: 10px;
  }

}



.accordion p{
  font-size: 35px;
  font-family:'Opens Sans',sans-serif;
  color: black;
}


@media(max-width:768px){
  .accordion p{
    font-size: 20px;
    font-family:'Opens Sans',sans-serif;
    color: black;
    margin-left: 15px;
  }
}

/*
.active, .accordion:hover {
background-color: #ccc;
}
*/

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}







.contact100-form-title-1 h3{
  color: black;
}
















/*line of action*/

/*
p.ch-info-front:hover{
font-size: 180%;
}
*/

/*line of action end*/



/*map*/



/*map end*/


/*nutshell*/
.nutshell p{
  font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
  /*    margin-bottom: 50px;*/
  font-size: 14px;
  margin-left: 200px;
  line-height: 25px;
  color:black;
  text-align: justify;

}

@media (max-width:768px) {
  .nutshell p {
    font-size: 14px;
    margin-left: 4px;
    line-height: 22px;
  }


}

/*nutshell*/

/*headline*/

.section-headline1 h2 {
  display: inline-block;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 103px;
  position: relative;
  text-transform: capitalize;

}

@media (max-width:768px){
  .section-headline1 h2{
    font-size: 19px;
    margin-top: 30px;

  }
}

.section-headline1 h2::after {
  border: 1px solid black;
  bottom: -20px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 40%;
}



.section-headline2 h2 {
  display: inline-block;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: -55px;
  position: relative;
  text-transform: capitalize;
}

@media (max-width:768px){
  .section-headline2 h2 {
    font-size: 20px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: -55px;
    position: relative;
    text-transform: capitalize;
  }
}





.section-headline2 h2::after {
  border: 1px solid #333;
  bottom: -20px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 40%;
}








/*headline end*/


























/*team*/

.team-size img{
  box-shadow: 5px 7px 10px rgba(0,0,0, 0.1);
  margin-left: 150px;
  /* text-align: center; */
  width:300px;
  height:300px;
  align-content: right

}

.team-size p{
  text-align: center;
  color: black;
}

@media(max-width:768px){
  .team-size p{
    text-align: center;
    color: black;
    margin-left: 20px;
  }


}




@media (max-width:768px){
  .team-size img{
    margin-left:63px;
    /* text-align: center; */
    width:200px;
    height:200px;
    align-content: right;
  }
}

/*team end*/
/*certificates*/
.certificate img{
  float: right;
  margin-top: -30px;
  text-align: center;
  width:200px;
  height:200px;
}

@media (max-width:768px){
  .certificate img{
    float: left;
    margin-top: -30px;
    text-align: center;
    width:200px;
    height:200px;
    margin-left: 85px;
  }
}

.certificate1 img{
  float: left;
  text-align: center;
  margin-top: -30px;
  width:200px;
  height:200px;
}

@media (max-width:768px){
  .certificate1 img{
    float: left;
    text-align: center;
    margin-top: 30px;
    width:200px;
    height:200px;
    margin-left: 94px;
  }
}
.certificate p{
  text-align: center;
  margin-left: 50px;
  margin-top: 40px;

}

@media (max-width:768px){
  .certificate p{
    text-align: center;
    margin-left: 50px;
    margin-top: 20px;

  }
}

.certificate1 p{
  text-align: center;
  margin-left: 50px;
  margin-top: 40px;
}



@media (max-width:768px){
  .certificate1 p{
    text-align: center;
    margin-right: 20px;
    margin-top: 40px;
  }
}
/*certificates end*/

/*gallery*/
.gallery h2{
  margin-bottom: 100px;
}


/*gallery end*/





































ul .fa-ul list-square{
  line-height: 1.6;
}



.fa-check:before {
  content: "\f00c";
}



.clients p{
  /*    margin-top: -10;*/
  margin-bottom: 70%;
  font-size: 38px;
  color: black;
}

.services-icon img{
  /*    margin-bottom: 60%;*/
  margin-top: 0px;
}

@media(max-width:768px){
  .services-icon img{
    /*     margin-bottom: 60%;*/
    margin-top: 0px;
  }
}

























/*preloader*/
/*
.body {
overflow: hidden;
}

.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
overflow: hidden;
animation-delay: 1s;
}

.item-1 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #eed968;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.item-1:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #eed968;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 200ms;
transition: 0.5s all ease;
transform: scale(1);
}

.item-2 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #eece68;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.item-2:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #eece68;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 400ms;
transition: 0.5s all ease;
transform: scale(1);
}

.item-3 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #eec368;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.item-3:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #eec368;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 600ms;
transition: 0.5s all ease;
transform: scale(1);
}

.item-4 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #eead68;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.item-4:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #eead68;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 800ms;
transition: 0.5s all ease;
transform: scale(1);
}

.item-5 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #ee8c68;
margin: 7px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes scale {
0% {
transform: scale(1);
}
50%,
75% {
transform: scale(2.5);
}
78%, 100% {
opacity: 0;
}
}
.item-5:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ee8c68;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation-delay: 1000ms;
transition: 0.5s all ease;
transform: scale(1);
}

*/

/*preloader*/








/*pichart*/
.ch-grid {
  margin: -25px 0 0 0;
  padding: 0;
  list-style: none;
  display: block;
  text-align: center;
  width: 100%;
}

.ch-grid:after,
.ch-item:before {
  content: '';
  display: table;
}

.ch-grid:after {
  clear: both;
}

.ch-grid li {
  width: 260px;
  height: 260px;
  display: inline-block;
  margin: 20px;
}

.ch-item {
  width: 100%;
  height: 100%;
  border-radius:50%;
  position: relative;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  cursor: default;
}

.ch-info-wrap{
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  perspective: 800px;
  transition: all 0.4s ease-in-out;
  top: 20px;
  left: 20px;
  background: #f9f9f9;
  box-shadow:
  0 0 0 20px rgba(255,255,255,0.2),
  inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-info{
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
  transform-style: preserve-3d;

}

.ch-info > div {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-position: center center;
  backface-visibility: hidden;
}

.ch-info .ch-info-back {
  transform: rotate3d(0,1,0,180deg);
  background: #000;
  background-color: #FF7F00;
}


.ch-img-1 {
  background-color: #f6ba49;
  text-align: center;
  padding-top: 50px;
}

.ch-img-2 {
  background-color: #f6ba49;
  text-align: center;
  padding-top: 50px;
}

.ch-img-3 {
  background-color: #f6ba49;
  text-align: center;
  padding-top: 50px;
}


.ch-img-4 {
  background-color: #f6ba49;
  text-align: center;
  padding-top: 50px;
}

.ch-img-5 {
  background-color: #f6ba49;
  text-align: center;
  padding-top: 50px;
}

.ch-img-6 {
  background-color: #f6ba49;
  text-align: center;
  padding-top: 50px;
}


.ch-info h3 {
  color: black;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 15px;
  margin: 0 15px;
  padding: 12px 0 0 0;
  height: 90px;
  font-family: 'Open Sans', Arial, sans-serif;
  text-shadow:
  0 0 1px #3AAFA9,
  0 1px 2px rgba(0,0,0,0.3);
  margin-top: 25px;
}

.ch-info p {
  color: white;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 13px;
  border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
  display: block;
  color: rgba(255,255,255,0.7);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  padding-top: 4px;
  font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
  color: rgba(255,242,34,0.8);
}

.ch-item:hover .ch-info-wrap {
  box-shadow:
  0 0 0 0 rgba(255,255,255,0.8),
  inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
  transform: rotate3d(0,1,0,-180deg);
}
.ch-info-back{
  font-size: 10px;


}


.ch-info img{
  height: 30px;
  margin-left: -20px;
  margin-top:-40px;

}


/*pichartend*/







/* --- footer --- */
.footer {
  background-color:#3c3936;
  padding:-15px -40px;
  margin-top: 100px;
  margin-left: -20px;
  margin-right: -22px;

  height: 85px;
  /*    margin-bottom: -140px;*/
}

@media (max-width:768px){
  .footer {
    background-color:black;
    padding:-15px -40px;
    margin-top: 100px;
    margin-left: -20px;
    margin-right: -22px;

    /* height: 85px; */
    /*    margin-bottom: -140px;*/
  }
}


.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 44px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.copyright {
  margin-top:20px;
  text-align: center;
}

@media (max-width:768px){
  .copyright {
    margin-top:20px;
    text-align: center;
  }
}



.copyright a {
  color:white;
  font-weight:600;
  font-size:14px;
  text-shadow:none;
}



.copyright p{
  margin-top: -5px;
  font-size: 13px;
}


@media (max-width:768px){
  .copyright p{
    margin-top: -5px;
    font-size: 13px;
    margin-left: -10px;
  }
}






/*
.nivo-caption::after {
background: #444 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 150%;
z-index: -1;
margin-left: -50px;
}
*/






















.card {
  box-shadow: 0 4px 8px 0 rgba(0,191,255);
  transition: 0.3s;
  width: 40%;
  height:50%;
  background-color: #00ff80;
  text-align: center;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,191,255);
}

.container {
  padding: 0px 0px;
  /* width: 1300px; */
}














.wrap {
  box-shadow: 0 4px 8px 0 rgba(0,191,255);
  transition: 0.3s;
  width: 40%;
  height:50%;
  background-color: #00ff80;
  text-align: center;
}

.wrap:hover {
  box-shadow: 0 8px 16px 0 rgba(0,191,255);
}

.container {
  padding: 0px 10px;
}












body {font-family: 'Source Sans Pro', helvetica, arial, sans-serif;}

.tablink {
  background-color: #9999FF;
  /*    border: 2px #0575CA;*/
  color: black;
  /* float: left; */
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 14px;
  width: 14%;
  height: 7%;
  /*    margin-left: 5px;*/
  border-radius: 20px;
  align-content: center;
  margin-left: 29px;
  /*    box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);*/

}
/*
button.tablink:active{
border-color: 3px solid #9999FF;
background: white;
color: black;

}
*/

/*
@media(max-width:768px){
.tablink {
background-color: #9999FF;
border: 2px #0575CA;
color: black;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
font-size: 14px;
width: 14%;
height: 7%;
border-radius: 20px;
align-content: center;
margin-left: 29px;
box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);

}
}
*/

.tablink img{
  height:20px;
  color: black;
  margin-left: -85px;
  text-align: center;
}

@media(max-width:768px){
  .tablink img{
    height:20px;
    color: black;
    margin-left: -26px;
    text-align: center;
  }
}

.tablink b{
  margin-left: -56px;
}

@media(max-width:768px){
  .tablink b{
    margin-left: -31px;
  }

}


@media (max-width:768px){
  .tablink{
    background-color: #9999FF;
    color:black;
    width:28%;
    height:7%;
    cursor: pointer;
    align-content: center;
    padding:17px 4px;
    border-radius: 25px;
    margin-top: 5px;
    margin-left: 62px;
  }
}


tr:nth-child(even){background-color: #f2f2f2}


/*
tablink:hover {
background-color: #777;
}
*/


/* Style the tab content */
.tabcontent {
  color: black;
  display: none;
  padding: 50px;
  text-align:center;
  font-size: 14px;
  font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
}


@media (max-width:768px){
  .tabcontent{
    color:black;
    padding:30px;
    text-align: center;
    font-size: 14px;
    font-family: 'Merriweather', serif;
    margin-top: 20px;
    line-height: 22px;
  }
}
/*
.table thead tr p{
  text-align: center;
  font-size: 20px;
  color : #000!important;
} */

.table thead tr b{
  text-align: center;
  font-size: 20px;
  color : #000;
}

@media (max-width:768px){
  .table thread tr b{
    text-align: center;
    font-size: 20px;
  }
}

@media (max-width:768px){
  .table tr{
    margin-top: 20px;
  }
}

.table td{
  text-align: center;

}


#Molding {background-color:white;}
#Melting {background-color:white;}
#Fettling {background-color:white;}
#Heat Treatment{background-color:white;}
#Machine Shop {background-color:white;}
#Testing Facilities {background-color:white;}
#Pattern Shop {background-color:white;}




* {
  box-sizing: border-box;
}

body {
  background-color: #f1f1f1;
  padding: 0px;
  font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
}

/* Center website */
.main {
  max-width: 1000px;
  margin: auto;
}

h1 {
  font-size: 50px;
  word-break: break-all;
}

.row {
  margin: 10px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  display: none; /* Hide all elements by default */
}

/* Clear floats after rows */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  background-color: white;
  padding: 10px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #666;
  color: white;
}




body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}


/*
input[type=text], select, textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
}

input[type=submit] {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}

input[type=submit]:hover {
background-color: #45a049;
}
*/

/*
.container {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
*/




.contact-box .contact-box-icon {
  border: 2px solid #1ABC9C;
  color: #1ABC9C;
  display: inline-block;
  float: left;
  height: 60px;
  font-size: 48px;
  left: 0;
  line-height: 60px;
  margin-right: 15px;
  padding-top: 2px;
  position: relative;
  text-align: center;
  top: 3px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 60px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}





p {
  line-height: 1.65em;
  margin-bottom: 1em;
  font-weight: 300;
}
p {
  margin: 0 0 10px;
}


p {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
.text-center {
  text-align: center;
}


.mat h3 p{
  margin:0 -30px 15px;
  color: black;
}

.mat1 h3 p{
  margin:0 0px 15px;
  color: black;
}

@media (max-width:768px){
  .mat1 h3 p{
    margin-left: 20px;
    color: black;
  }
}




/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/

html, body {
  height: 100%;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

.aligncenter {
  display: block;
  margin: 0 auto 15px;
}

a:focus {
  outline: 0px solid;
}

img {
  max-width: 100%;
  height: auto;
  margin-left: 30px;
}


@media (max-width:768px){
  img{
    max-width:100%;
    height:auto;
    margin-left:1px;
    width:500px;
  }
}



.fix {
  overflow: hidden;
}

p {
  margin: 0 0px 15px;
  color: white;


}

p{
  margin-left: 2px;
  margin-top: 20px;
  font-size: 16px;
}

@media (max-width:768px){
  p{
    margin-left: -85px;
    margin-top: 20px;
    font-size: 16px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
  margin: 0 0 15px;
  color: #eb1d50;
  font-weight: 500;
}

h1 {
  font-size: 48px;
  line-height: 50px;
}

h2 {
  font-size: 38px;
  line-height: 40px;
  margin-top: 9%;
}

h3 {
  font-size: 30px;
  line-height: 32px;
  /*    margin-left: -34px;*/
}

@media (max-width:768px){
  h3 {
    font-size: 30px;
    line-height: 32px;
    margin-left: -48px;
  }
}

h4 {
  font-size: 24px;
  line-height: 26px;
  text-align: center;
}

@media (max-width:768px){
  h4 {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
  }
}

h5 {
  font-size: 20px;
  line-height: 22px;

}

h6 {
  font-size: 16px;
  line-height: 20px;
}

a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

a:hover {
  color: #3EC1D5;
  text-decoration: none;
}

a:active, a:hover {
  outline: 0 none;
}

body {
  background: #fff none repeat scroll 0 0;
  color: rgba (0,0,0,0.40);
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  text-align: left;
  overflow-x: hidden;
  line-height: 22px;
  /*    box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);*/
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #3EC1D5;
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

.back-to-top:focus {
  background: #3EC1D5;
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #3cd6ed;
  color: #fff;
}

.clear {
  clear: both;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
  -moz-appearance: none;
  box-shadow: none !important;
}

div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url('../img/preloader.gif') no-repeat center center;
}

::-moz-selection {
  background: #3EC1D5;
  text-shadow: none;
}

::selection {
  background: #3EC1D5;
  text-shadow: none;
}


.area-padding {
  padding: -80px 0px 80px;
}

.area-padding-2 {
  padding: 70px 0px 50px;
}

.padding-2 {
  padding-bottom: 90px;
}


.section-headline h2 {
  display: inline-block;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 103px;
  position: relative;
  text-transform: capitalize;
}


@media (max-width:768px){
  .section-headline h2{
    margin-top: : 40px;
  }
}

.section-headline h2::after {
  border: 1px solid black;
  bottom: -20px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 40%;
}

.sec-head {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 0 0 10px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}









/*--------------------------------*/

/* 2.1. Stick menu
/*--------------------------------*/

.abt-para2 p{
  font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
  margin-bottom: 50px;
  font-size: 14px;
  line-height: 2.6em;
  color: black;
}

@media (max-width:768px){
  .abt-para2 p{
    font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
    margin-bottom: 50px;
    font-size: 14px;
    line-height: 1.6em;
    margin-left: 10px;
  }
}


.abt-image4 img{
  width:300px;
  height:500px;
  box-shadow: 5px 7px 10px rgba(130, 126, 126);
}

@media (max-width:768px){
  .abt-image4 img{
    width:300px;
    height:279px;
    margin-left: 19px;
    box-shadow: 5px 7px 10px rgba(130, 126, 126);
  }
}

.quality-image4 img{
  width:300px;
  box-shadow: 5px 7px 10px rgba(130, 126, 126);
}

@media (max-width:768px){
  .quality-image4 img{
    width:300px;
    height:279px;
    margin-left: 19px;
    box-shadow: 5px 7px 10px rgba(130, 126, 126);
  }
}

.about-para p{
  font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 14px;
  color: black;
}

@media (max-width:768px){
  .about-para p{
    font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
    margin-bottom: 50px;
    font-size: 14px;
    line-height: 18px;
    margin-left: 10px;
  }


}


.abt2-image img{
  height:300px;
  width:300px;
}

@media (max-width:768px){
  .abt2-image img{
    height:300px;
    width:300px;
    margin-left: 3px;
  }
}



i.fa-check{
  border: 1px solid black ;
  /* padding: 10px; */
}

@media (max-width:768px){
  i.fa-check{
    border: 1px solid black ;
    /* padding: 10px; */
  }
}


ul.list-square{
  font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
  margin-bottom: 50px;
  font-size: 16px ;
  line-height: 1.6em;
}

@media (max-width:768px){
  ul.list-square{
    font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
    margin-bottom: 50px;
    font-size: 16px ;
    line-height: 1.6em;
  }
}



.abt-image img{
  height:300px;
  width:300px;
}

@media (max-width:768px){
  .abt-image img{
    height:300px;
    width:300px;
    margin-left: 5px;
  }
}


/*
img.navbar-brand.page-scroll.sticky-logo {
height: 55px;
margin-top:-15px;
margin-left: 5px;
width:25%;
}

@media (max-width:768px){
img.navbar-brand.page-scroll.sticky-logo {
height: 75px;
margin-top:-15px;
margin-left: -10px;
}
*/
}



















.header-area.stick {
  background-color: rgba(0, 0, 0, 1);
  height: 70px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
}




/*
.stick .mainmenu ul#nav>li:hover>a, .stick .mainmenu ul#nav li .mega-menu, .stick .mainmenu ul#nav li ul.sub-menu {
background-color: #f5f5f5;
color: #fff;
outline: medium none;
}
*/

/*
.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover, .mainmenu ul#nav li .mega-menu span>a:hover, .stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover {
color: #fff;
}
*/


.stick .logo {
  height: 20px;
}

.stick .logo a {
  margin-top: 0px;

}





/*------------------------------
3. About Area
--------------------------------*/

.about-area {
  background-color: #f9f9f9;
}

.single-well>a {
  display: block;
}

.single-well ul li {
  color: #444;
  display: block;
  padding: 5px 0;
}

.single-well ul li i {
  color: #3EC1D5;
  padding-right: 10px;
  font-size: 12px;
}

.single-well p {
  color: #444;
}

/*--------------------------------*/

/* 4.Services Area
/*--------------------------------*/

.services-icon {
  color: #FF7F00;
  display: inline-block;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 35px;

}

.section-headline.services-head>h2 {
  margin-bottom: 25px;
}

.services-details {
  padding-top: 40px;
  transition: all 0.5s ease 0s;
}

.services-details:hover h4, .services-details:hover .services-icon {
  color: #FF7F00;
}

.row.second-row {
  margin-top: 40px;
}

.section-head>h2 {
  color: #FF7F00;
}

.single-services>h4 {
  color: #FF7F00;
  font-size: 24px;
  font-weight: 500;
}

.single-services>p {
  color: #FF7F00;
  font-size: 14px;
}

/*----------------------------------------
5.Skill Area
----------------------------------------*/

.our-skill-area {
  position: relative;
}

.our-skill-area {
  background: rgba(248, 248, 248, 0.8) url("../img/background/bg1.jpg") no-repeat fixed center top / cover;
}

.test-overly {
  background: rgba(0, 0, 0, 0.80);
  position: absolute;
  width: 100%;
  height: 100%;
}

.progress-h4 {
  color: #fff;
  font-weight: 500;
}

/*----------------------------------------
6.Faq Area
----------------------------------------*/

/*
.faq-details .panel-heading {
padding: 0;
}
*/

/*
.panel-default>.panel-heading {
background-color: transparent;
border: medium none;
color: #333;
}
*/

.faq-details h4.check-title a {
  color: #333;
  display: block;
  font-weight: 700;
  letter-spacing: 2px;
  margin-left: 40px;
  padding: 6px 10px;
  text-decoration: none;
}

/*
.panel-body {
padding: 15px 15px 0px 50px;
}
*/

.faq-details h4.check-title {
  color: #444;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

.faq-details a span.acc-icons {
  position: relative;
}

.faq-details a span.acc-icons::before {
  color: #333;
  content: "";
  font-family: fontawesome;
  font-size: 24px;
  height: 40px;
  left: -51px;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: 42px;
}

.faq-details h4.check-title a.active, .faq-details a.active span.acc-icons::before {
  color: #3EC1D5;
}

.faq-details a.active span.acc-icons::before {
  content: "";
  font-family: fontawesome;
  font-size: 24px;
  height: 40px;
  left: -51px;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: 42px;
}

.second-row {
  margin-top: 30px;
}

.event-content.head-team h4 {
  background: transparent none repeat scroll 0 0;
  color: #333;
  padding: 30px 0 10px;
  font-weight: 500;
  text-transform: capitalize;
}

.tab-menu .nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd;
}

.tab-menu {
  display: block;
  text-align: center;
}

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

.tab-menu ul.nav li {
  border: medium none;
  display: inline-block;
}

.tab-content {
  border: 1px solid #ccc;
  padding: 0 15px 15px;
}

.tab-menu ul.nav li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0;
  color: #444;
  display: block;
  font-weight: 500;
  margin-right: 5px;
  padding: 10px 20px;
  font-family: raleway;
  font-size: 18px;
}

.tab-menu ul li.active a, .tab-menu ul li.hover a, .tab-menu ul li.focus a {
  border-bottom: 1px solid #fff;
  color: #3EC1D5 !important;
}

.tab-menu .nav-tabs {
  border-bottom: none;
}

.tab-main-img a {
  position: relative;
  display: block;
}

.tab-main-img a:hover span.events-offer {
  height: 20%;
}

.tab-main-img a span.events-offer {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  content: "";
  font-size: 20px;
  font-weight: 700;
  height: 0%;
  left: 0;
  line-height: 70px;
  padding: 0;
  position: absolute;
  text-align: left;
  transition: all 0.5s ease 0s;
  width: 100%;
  padding: 0px 10px;
}

/*----------------------------------------
7.Wellcome Area Css
----------------------------------------*/

.wellcome-area {
  background: rgba(248, 248, 248, 0.8) url("../img/background/bg1.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.well-bg {
  position: relative;
}

.wellcome-text {
  margin: 70px 0;
  padding: 30px 40px;
}

.well-text>h2 {
  color: #fff;
  font-size: 44px;
  font-weight: 500;
  line-height: 50px;
}

.well-text p {
  font-size: 18px;
  font-style: italic;
  color: #fff;
}

.wellcome-text .section-headline p {
  margin-bottom: 0;
}

.subs-feilds {
  border: 1px solid #fff;
  display: inline-block;
  height: 52px;
  margin-top: 30px;
  width: 60%;
  border-radius: 30px;
  overflow: hidden;
}

.suscribe-input input {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  float: left;
  font-size: 15px;
  line-height: 24px;
  padding: 11px 15px;
  width: 70%;
  height: 50px;
}

.suscribe-input button {
  background: #3ec1d5 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0 20px 20px 0;
  color: #fff;
  float: left;
  font-size: 20px;
  font-weight: 700;
  padding: 14px 20px;
  width: 30%;
}

.suscribe-input button:hover {
  background: #fff none repeat scroll 0 0;
  color: #3ec1d5;
}

/*----------------------------------------
8.Team Area Css
----------------------------------------*/

.team-member {
  background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
  display: block;
  margin-right: -15px;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.team-member::before {
  background: rgba(0, 0, 0, 0) url("../img/team/team01.jpg") repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  margin-right: -15px;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  transition: 5s;
  transform: scale(1);
}

.team-member:hover.team-member::before {
  transform: scale(1.2);
}

.single-team-member {
  border: 1px solid #ddd;
}

.team-left-text h4 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

.team-left-text p {
  color: #fff;
  font-size: 17px;
  line-height: 26px;
}

.email-news {
  display: block;
  margin: 30px 0;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.email-news .email_button input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #fff;
  float: left;
  font-size: 13px;
  padding: 8px;
  width: 81%;
}

.email-news .email_button>button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #fff;
  float: left;
  font-size: 16px;
  padding: 8px 12px;
  text-align: center;
}

.email-news .email_button>button:hover {
  background: #3EC1D5;
  border: 1px solid #fff;
  color: #fff;
}

.team-left-icon ul li {
  display: inline-block;
}

.team-left-icon ul li a:hover {
  color: #3EC1D5;
  background: #fff;
  border: 2px solid #fff;
}

.team-left-icon ul li a {
  border: 2px solid #fff;
  color: #fff;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 37px;
  margin: 0 3px;
  width: 40px;
}

.team-member-carousel .single-team-member {
  overflow: hidden;
  width: 100%;
}

.single-team-member:hover .team-img a:after {
  opacity: 1;
}

.single-team-member:hover .team-social-icon {
  top: 45%;
  opacity: 1;
}

.team-img {
  position: relative;
}

.team-img>a {
  display: block;
}

.team-img>a::after {
  background: rgba(0, 0, 0, 0.70);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  transition: all 0.5s ease 0s;
  width: 100%;
  opacity: 0;
}

.team-social-icon {
  left: 50%;
  margin-left: -61px;
  opacity: 0;
  position: absolute;
  top: 30%;
  transition: 1.3s;
}

.team-social-icon ul li {
  display: inline-block;
}

.team-social-icon ul li a {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 35px;
  margin: 0 3px;
  width: 34px;
}

.team-social-icon ul li a:hover {
  color: #fff;
  border: 1px solid #3EC1D5;
  background: #3EC1D5;
}

.team-content {
  padding: 10px 0px;
}

.team-content>h4, .team-content>p {
  color: #444;
  margin-bottom: 5px;
}

.team-content.head-team p {
  margin-bottom: 0;
}

.team-left-icon.text-center {
  margin-bottom: 20px;
}

.head-team h4 {
  display: inline-block;
  font-size: 25px;
  font-weight: 600;
  padding-bottom: 10px;
  text-transform: uppercase;
}

/*--------------------------------*/

/*  9.review Area
/*--------------------------------*/

.reviews-area {
  background: url(../img/background/bg1.jpg);
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  width: 100%;
  height: auto;
  position: relative;
}

.work-left-text {
  background: #3EC1D5 none repeat scroll 0 0;
}

.work-left-text {
  width: 50%;
}

.work-right-text {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  float: right;
  height: 100%;
  overflow: hidden;
  padding: 71px 0;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
}

.work-right-text h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
}

.work-right-text h5 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
}

.work-right-text .sus-btn {
  margin-left: 0;
  margin-top: 20px;
}

.single-awesome-4 {
  display: block;
  float: left;
  overflow: hidden;
  width: 33.33%;
}

.single-awesome-4 .add-actions {
  padding: 10px 20px;
}

/*----------------------------------------
10.Portfolio Area Css
----------------------------------------*/

.pst-content {
  padding-left: 10px;
}

.project-menu {
  margin-bottom: 40px;
  text-align: center;
}

.project-menu li {
  display: inline-block;

}

.project-menu li a {
  background: #9999FF none repeat scroll 0 0;
  border: 1px solid #9999FF;
  border-radius: 20px;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: 0 4px;
  padding: 15px 42px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;

}

.project-menu li a.active {
  border-color: 3px solid #9999FF;
  background: white;
  color: black;




  text-decoration: none;
}




img.molding{
  height: 20px;
  width: 40px;
  margin-left: 0px;
}




img.melting{
  height: 20px;
  width: 40px;
  margin-left: 0px;
}


img.fettling{
  height: 20px;
  width: 40px;
  margin-left: 0px;
}

img.heat{
  height: 20px;
  width: 40px;
  margin-left: 0px;
}

img.testing{
  height: 20px;
  width: 40px;
  margin-left: 0px;
}














.single-awesome-portfolio {
  float: left;
  overflow: hidden;
  padding: 15px;
  width: 25%;
  position: relative;
}

.single-awesome-project {
  overflow: hidden;
  margin-bottom: 30px;
}

.first-item {
  margin-bottom: 30px;
}

.awesome-img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.awesome-img>a {
  display: block;
  position: relative;
  /* box-shadow: 5px 7px 10px rgba(0,0,0, 0.1); */
}
.awesome-img>a img{
  box-shadow: 5px 7px 10px rgba(0,0,0, 1.1);
}

.single-awesome-project:hover .awesome-img>a::after {
  opacity: 1;
}

.single-awesome-project:hover .add-actions {
  opacity: 1;
  bottom: 0;
}

.awesome-img>a::after {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: 0.4s;
}

.add-actions {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  bottom: 30px;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 10px 15px;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 100%;
}

.project-dec {
  display: block;
  height: 100%;
  width: 100%;
}

.project-dec a {
  display: block;
  height: 100%;
  width: 100%;
}

.project-dec h4 {
  margin-bottom: 5px;
}

.project-dec h4:hover {
  color: #fff;
}

.project-dec h4 {
  color: #ddd;
  font-size: 24px;
  margin-top: -45px;
  padding-top: 50%;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
}

.project-dec span {
  color: #ddd;
  font-size: 13px;
}

.project-action-btn {
  display: block;
  height: 100%;
  text-align: center;
  transition: all 1s ease 0s;
  width: 100%;
}

.project-action-btn li {
  display: block;
  height: 100%;
  width: 100%;
}

.project-action-btn li a {
  display: block;
  height: 100%;
  width: 100%;
}

/*----------------------------------------*/

/* 11. Pricing Area
/*----------------------------------------*/

.pricing-area {
  background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
}

.pri_table_list {
  border: 1px solid #ccc;
  text-align: center;
  transition: all 0.4s ease 0s;
  background: #fff;
}

.pri_table_list h3 span {
  font-size: 16px;
}

.pri_table_list ol li {
  border-bottom: 1px solid #ccc;
  color: #666;
  padding: 12px 15px;
  position: relative;
  text-align: left;
}

.pri_table_list li.check.cross::after {
  content: "\f00d";
  font-family: fontawesome;
  font-size: 14px;
  position: absolute;
  right: 50px;
  top: 12px;
  color: indianred;
}

.pri_table_list li.check::after {
  content: "\f00c";
  font-family: fontawesome;
  font-size: 14px;
  position: absolute;
  right: 50px;
  top: 12px;
  color: #3EC1D5;
}

.pri_table_list button {
  background: #444 none repeat scroll 0 0;
  border: 1px solid #444;
  color: #fff;
  margin-bottom: 25px;
  padding: 10px 35px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  border-radius: 30px;
}

.pri_table_list>h3 {
  color: #333;
  font-size: 24px;
  font-weight: 700;
  line-height: 25px;
  padding: 30px 0 20px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

.pri_table_list ol {
  list-style: outside none none;
  margin: 0;
  padding: 0 0 25px;
}

.pri_table_list.active {
  transition: all 0.4s ease 0s;
  position: relative;
  overflow: hidden;
}

.saleon {
  background: #3EC1D5 none repeat scroll 0 0;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  left: -26px;
  padding: 2px 25px;
  position: absolute;
  text-transform: uppercase;
  top: 16px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}

.pri_table_list>button:hover {
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
}

.active>h3 {
  background: #f5f5f5 none repeat scroll 0 0;
  color: #333;
  transition: all 0.4s ease 0s;
}

.active>button {
  background: #3EC1D5 none repeat scroll 0 0;
  border: 1px solid #3EC1D5;
  color: #fff;
  transition: 0.4s;
}

.active>button:hover {
  background: #333 none repeat scroll 0 0;
  border: 1px solid #333;
  color: #fff;
  transition: 0.4s;
}

/*----------------------------------------
12.Testimonial Area Css
----------------------------------------*/

.testimonials-area {
  background: rgba(0, 0, 0, 0) url("../img/background/slider1.jpg") no-repeat fixed center top / cover;
  height: auto;
  width: 100%;
}

.testi-inner {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}

.testi-overly {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.quate {
  border: 1px dotted #fff;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  height: 70px;
  line-height: 70px;
  width: 70px;
}

.quate:hover {
  color: #fff;
}

.testi-img img {
  border: 1px dotted rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  height: 80px;
  margin: 0 auto;
  padding: 5px;
  transition: background 0.6s ease-out 0s;
  width: 80px !important;
}

.testi-text p {
  color: #fff;
  font-size: 16px;
  line-height: 1.5em;
  margin: 20px 0;
  letter-spacing: 1px;
}

.testi-text h6 {
  color: #fff;
  font-size: 20px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  height: 8px;
  width: 8px;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
  bottom: -30px;
  display: block;
  left: 50%;
  margin-left: -20px;
  position: absolute;
}

.testimonial-content {
  margin-bottom: 15px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
  display: inline-block;
  margin: 0 3px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
  background: #3EC1D5;
}

.testi-text.text-center>h6 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.guest-rev {
  color: #ddd;
  font-size: 16px;
}

.guest-rev>a {
  color: #3EC1D5;
  font-size: 14px;
}

/*--------------------------------*/

/*  13.Blog Area
/*--------------------------------*/

.blog-area {
  height: auto;
  width: 100%;
}

.blog-text h4 a {
  color: #444;
  text-decoration: none;
}

.blog-text h4 {
  color: #444;
  margin-bottom: 15px;
}

.blog-btn {
  border-bottom: 1px dotted #444;
  color: #444;
  text-decoration: none;
}

.blog-btn {
  border-bottom: 1px dotted #444;
  color: #444;
  display: inline-block;
  padding: 0 1px 5px 0;
  position: relative;
  text-decoration: none;
}

.blog-btn {
  position: relative;
}

.blog-btn::after {
  content: "\f178";
  font-family: fontawesome;
  position: absolute;
  right: -20px;
  top: 1px;
  transition: all 0.3s ease 0s;
}

.blog-btn:hover::after {
  right: -30px;
}

.blog-btn:hover {
  color: #333;
  text-decoration: none;
}

.blog_meta span.date_type i {
  margin-left: 5px;
}

.blog-meta span.comments-type {
  margin-left: 5px;
}

.blog-meta span i {
  padding-right: 10px;
}

.blog-content .blog-meta {
  border-bottom: 1px dotted #333;
}

.blog-meta {
  border-bottom: 1px dotted #fff;
  padding: 10px 0;
}

.comments-type>a, .date-type, .blog-meta span.comments-type {
  color: #333;
  letter-spacing: 1px;
  margin-right: 5px;
}

.blog-meta .comments-type i {
  padding-right: 0 !important;
}

.blog-content-right .comments-type>a, .blog-content-right .date-type, .blog-content-right .blog-meta span.comments-type, .blog-content-right .blog-text p {
  color: #fff;
  letter-spacing: 1px;
}

.single-blog .ready-btn {
  border: 1px solid #444;
  border-radius: 30px;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

.single-blog .ready-btn:hover {
  border: 1px solid #3EC1D5;
  color: #fff;
}

/*------------------------------
13. Quote area
--------------------------------*/

.suscribe-area {
  background: #3EC1D5 none repeat scroll 0 0;
  padding: 0px 0;
}

.suscribe-text {
  display: block;
  padding: 10px 0;
}

.suscribe-text h3 {
  color: #fff;
  display: inline-block;
  font-size: 35px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.sus-btn {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #3EC1D5;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin-left: 100px;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 30px;
}

.sus-btn:hover {
  background: #3EC1D5 none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #fff;
}

/*--------------------------------*/

/*  14.Contact Area
/*--------------------------------*/

.contact-area {
  height: auto;
  width: 100%;
}

.contact-content {
  padding: 100px;
  background: #000 none repeat scroll 0 0;
}

.contact-content-right {
  padding: 100px;
}

.contact-form input[type="text"], .contact-form input[type="email"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #444;
  height: 40px;
  margin-bottom: 16px;
  padding-left: 20px;
  width: 100%;
}

.contact-form textarea  {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #444;
  height: 140px;
  padding: 20px;
  width: 100%;
}

.contact-form button[type="submit"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #444;
  font-size: 16px;
  font-weight: 700;
  margin-top: 8px;
  padding: 12px 30px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  border-radius: 30px;
}

.contact-form button[type=submit]:hover {
  color: #fff;
  border: 1px solid #3EC1D5;
  background: #3EC1D5;
}

.contact-form  #sendmessage {
  color: #3EC1D5;
  border: 1px solid #3EC1D5;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.contact-form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.contact-form #sendmessage.show, .contact-form #errormessage.show, .contact-form .show {
  display: block;
}

#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

.single-icon i {
  font-size: 24px;
  width: 50px;
  height: 50px;
  border: 1px solid #444;
  line-height: 46px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.single-icon p {
  font-size: 16px;
  line-height: 30px;
}

.contact-icon {
  margin-bottom: 40px;
}

#google-map {
  height: 370px;
  margin-bottom: 20px;
}

/*----------------------------------------*/

/*  15. Footer Area
/*----------------------------------------*/

/*
.footer-area {
padding: 40px 0;
background: black;
}

.footer-head p {
color: #444;
}

.footer-head h4 {
color: #444;
font-size: 16px;
letter-spacing: 2px;
padding-bottom: 10px;
text-transform: uppercase;
}
*/

/*
.footer-logo {
padding-bottom: 20px;
}
*/

/*
.footer-logo h2 {
color: #222;
padding: 0;
margin: 0;
font-size: 36px;
font-weight: bold;
line-height: 1;
}
*/

/*
.footer-logo h2 span {
color: #3ec1d5;
}

.footer-icons ul li {
display: inline-block;
}
*/

/*
.footer-icons ul li a {
border: 1px solid #444;
color: #444;
display: block;
font-size: 16px;
height: 40px;
line-height: 38px;
margin-right: 5px;
text-align: center;
width: 40px;
border-radius: 50%;
}
*/

/*
.flicker-img>a {
float: left;
padding: 1px;
width: 33.33%;
}

.footer-icons {
margin-top: 30px;
}
*/

/*
.footer-contacts p span {
color: #3EC1D5;
font-weight: 700;
}

.popular-tag ul li {
display: inline-block;
}
*/

/*
.footer-content {
display: block;
overflow: hidden;
}

.popular-tag ul li a:hover, .footer-icons ul li a:hover {
background: #3EC1D5;
border: 1px solid #3EC1D5;
color: #fff;
}
*/

/*
.popular-tag ul li a {
border: 1px solid #444;
border-radius: 30px;
color: #444;
display: block;
font-size: 13px;
font-weight: 600;
margin: 5px 3px;
padding: 5px 10px;
position: relative;
text-decoration: none;
text-transform: capitalize;
transition: all 0.4s ease 0s;
width: 70px;
text-align: center;
}
*/

/*
.footer-area-bottom {
background: black none repeat scroll 0 0;
padding: 15px 0;
width: 100%;
}

.copyright-text a:hover {
text-decoration: underline;
color: #3EC1D5;
}
*/

/*
.copyright-text a {
color: #444;
}

.copyright>p {
margin-bottom: 0;
color: #444;
}

.copyright a, .credits a {
color: #3EC1D5;
}

.credits {
padding-top: 5px;
text-align: center;
}
*/

/*----------------------------------------*/

/*  16.Home Page 2  CSS
/*----------------------------------------*/

.header-bg {
  background: url(../img/slider/slider1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
}

.header-bg.home-2 {
  width: 100%;
  height: 100%;
  position: relative;
}

.home-overly {
  background: rgba(0, 0, 0, 0.50);
  height: 100%;
  position: absolute;
  width: 100%;
}

.home-2 .layer-1-3, .home-3 .layer-1-3 {
  margin: 10px 0 0;
}

/*----------------------------------------*/

/*  17.Home Page 3  CSS
/*----------------------------------------*/

.home-video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.header-image.home-3 {
  width: 100%;
  height: 100%;
  position: relative;
}

.table {
  width: 100%;
  height: 100%;
  display: table;
}

.table-cell {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

/*----------------------------------------
18. Blog page
----------------------------------------*/

.page-area {
  position: relative;
}

.blog-page .banner-box {
  margin-bottom: 40px;
}

.search-option input {
  border: medium none;
  padding: 6px 15px;
  width: 80%;
}

.search-option {
  border: 1px solid #ccc;
  height: 42px;
  margin-bottom: 30px;
}

.search-option button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  font-size: 20px;
  padding: 8px 23px;
}

.search-option button:hover {
  color: #3ec1d5;
}

.left-blog h4 {
  border-bottom: 1px solid #ddd;
  color: #444;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 15px 10px;
  text-transform: uppercase;
}

.left-blog {
  background: #f9f9f9 none repeat scroll 0 0;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 20px;
}

.left-blog li {
  border-bottom: 1px solid #ddd;
  display: block;
}

.left-blog ul li a:hover {}

  .left-blog ul li a {
    color: #444;
    display: block;
    font-size: 14px;
    padding: 10px;
    text-transform: capitalize;
  }

  .recent-single-post {
    border-bottom: 1px solid #ddd;
    display: block;
    overflow: hidden;
    padding: 15px 10px;
  }

  .ready-btn {
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    margin-top: 30px;
    padding: 12px 40px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    z-index: 222;
  }

  .ready-btn:hover {
    color: #fff;
    background: #3EC1D5;
    border: 1px solid #3EC1D5;
    text-decoration: none;
  }

  .post-img {
    display: inline-block;
    float: left;
    padding: 0 5px;
    width: 35%;
  }

  .pst-content {
    display: inline-block;
    float: left;
    width: 65%;
  }

  .pst-content p a:hover, .left-blog ul li a:hover {
    color: #3EC1D5;
  }

  .blog-page .single-blog {
    margin-bottom: 40px;
  }

  .pst-content p a {
    color: #444;
    font-size: 15px;
  }

  .header-bottom h1, .header-bottom h2 {
    color: #fff;
  }

  .blog-tags {
    padding: 1px 0;
  }

  .left-blog li:last-child {
    border-bottom: 0;
  }

  .popular-tag.left-blog ul li a:hover {
    color: #fff;
  }

  .popular-tag.left-side-tags.left-blog ul {
    padding: 0 10px;
  }

  .blog-1 .banner-box {
    margin-bottom: 30px;
  }

  .left-tags .left-side-tags ul li {
    border-bottom: 0;
  }

  .left-tags .left-side-tags ul li a {
    padding: 3px 10px;
    width: auto;
  }

  .left-side-tags h4 {
    margin-bottom: 15px;
  }

  /*----------------------------------------*/

  /*  19.	Blog Details css
  /*----------------------------------------*/

  .post-information h2 {
    color: #363636;
    font-size: 22px;
    text-transform: uppercase;
  }

  .post-information {
    padding: 20px 0;
  }

  .post-information .entry-meta span a {
    color: #444;
    display: inline-block;
    padding: 10px 0;
  }

  .entry-meta span a:hover {
    color: #3EC1D5;
  }

  .post-information .entry-meta {
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
  }

  .post-information .entry-meta span i {
    padding: 0 10px;
  }

  .entry-content>p {
    color: #444;
  }

  .entry-meta>span {
    color: #444;
  }

  .entry-content blockquote {
    background: #fff none repeat scroll 0 0;
    border-left: 5px solid #3EC1D5;
    font-size: 17.5px;
    font-style: italic;
    margin: 0 0 20px 40px;
    padding: 22px 20px;
  }

  .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #3EC1D5;
    border-color: #3EC1D5;
    color: #fff;
    cursor: default;
    z-index: 3;
  }

  .social-sharing {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: block;
    margin: 30px 0;
  }

  .social-sharing>h3 {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 20px 10px;
  }

  .sharing-icon {
    display: inline-block;
    float: right;
    padding: 13px 10px;
  }

  .sharing-icon a {
    border: 1px solid #444;
    color: #444;
    display: block;
    float: left;
    font-size: 18px;
    height: 34px;
    line-height: 30px;
    margin-left: 10px;
    text-align: center;
    width: 34px;
  }

  .sharing-icon a:hover {
    color: #3EC1D5;
    border: 1px solid #3EC1D5;
  }

  .single-blog .author-avatar {
    float: left;
    margin-right: 10px;
  }

  .single-blog .author-description h2 {
    font-size: 18px;
    margin: 0;
    padding: 0 0 5px;
  }

  .author-info {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin: 30px 0;
    padding: 15px;
    width: 100%;
  }

  .single-post-comments {
    margin-bottom: 60px;
    max-width: 650px;
  }

  .comments-heading h3, h3.comment-reply-title {
    border-bottom: 1px solid #e8e8e9;
    color: #444;
    font-size: 18px;
    margin: 0 0 20px;
    padding: 0 0 5px;
    text-transform: uppercase;
  }

  .comments-list ul li {
    margin-bottom: 25px;
  }

  .comments-list-img {
    float: left;
    margin-right: 15px;
  }

  .comments-content-wrap {
    color: #42414f;
    font-size: 12px;
    line-height: 1;
    margin: 0 0 15px 80px;
    padding: 10px;
    position: relative;
  }

  .author-avatar {
    display: inline-block;
    float: left;
    width: 10%;
  }

  .author-description h2 {
    color: #777;
    font-size: 20px;
    text-transform: uppercase;
  }

  .author-description h2 a {
    color: #000;
  }

  .comments-content-wrap span b {
    margin-right: 5px
  }

  .comments-content-wrap span a:hover {}

    span.post-time {
      margin-right: 5px
    }

    .comments-content-wrap p {
      color: #909295;
      line-height: 18px;
      margin-bottom: 5px;
      margin-top: 15px;
    }

    li.threaded-comments {
      margin-left: 50px
    }

    .comment-respond {
      margin-top: 60px;
    }

    h3.comment-reply-title {}

      span.email-notes {
        color: #42414f;
        display: block;
        font-size: 12px;
        margin-bottom: 10px;
      }

      .comment-respond p {
        color: #444;
        margin-bottom: 5px;
      }

      .comment-respond input[type=text], .comment-respond input[type=email] {
        border: 1px solid #e5e5e5;
        border-radius: 0;
        height: 32px;
        margin-bottom: 15px;
        padding: 0 0 0 10px;
        width: 100%;
      }

      .comment-respond textarea#message-box {
        border: 1px solid #e5e5e5;
        border-radius: 0;
        max-width: 100%;
        padding: 10px;
        height: 130px;
        width: 100%;
      }

      .comment-respond input[type="submit"] {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid #3ec1d5;
        border-radius: 20px;
        box-shadow: none;
        color: #444;
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
        height: 40px;
        line-height: 14px;
        margin-top: 20px;
        padding: 10px 15px;
        text-shadow: none;
        text-transform: uppercase;
        transition: all 0.3s ease 0s;
        white-space: nowrap;
      }

      .comments-content-wrap span a {
        color: #000;
      }

      .comments-content-wrap span a:hover {
        color: #3EC1D5;
      }

      .comment-respond input[type=submit]:hover {
        border: 1px solid #3EC1D5;
        color: #fff;
        background: #3EC1D5;
      }

      .single-blog .blog-pagination {
        border-top: 1px solid #e5e5e5;
        margin: 0;
        padding-top: 30px;
      }

      /*----------------------------------------
      .End CSS
      ----------------------------------------*/

      /*===========================
      Menu and Navigation
      ============================ */

      .header{
        background-color: white;
      }

      .navbar-brand h1 span {
        color: darkred;
      }


      .navbar-brand img{
        height: 75px;
        position: absolute;
        display: inline-block;
        width: 30%;
        margin-top: -15px;
        margin-left: -110px;
      }

      @media(max-width:768px){

        .navbar-brand img {
          height: 53px;
          position: absolute;
          display: inline-block;
          width: 58%;
          margin-top: -10px;
          margin-left: 20px;
        }


      }




      .navigation  {
        background-color:white;
        padding:0;
        box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);
      }
      .menu {
        font-size:12px;
        float:right;
        text-transform:uppercase;
        font-weight:700;
      }

      .menu ul.nav-tabs li {
        color:#000;
      }

      .nav-tabs {
        border-bottom: 0;
      }
      .nav-tabs > li {
        float: left;
        margin-bottom: 0;
      }
      .nav-tabs > li > a {
        border-radius:0;
        color:#333;
        padding:30px;
      }

      .nav-tabs > li > a:hover {
        color: red;
        border-color: #fff #fff #fff;
        border-radius:0;
        background-color:#fff;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
      }
      .nav-tabs > li > a.active {
        color: red;
        border-radius:0;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
      }

      @media (max-width: 768px) {
        .navbar-brand {
          padding-top: 6px;
        }
        .navbar-brand h1 {
          margin-top: 0;
        }

        .nav-tabs > li {
          float: none;
          display: block;
        }

        .menu {
          position: absolute;
          left: 0;
          right: 0;
          background: #fff;
          height: auto;
        }

        .nav-tabs > li > a {
          padding:15px 25px;
          border-bottom: 1px solid #f3f3f3;
        }

        .nav-tabs > li > a:hover {
          border-color: #f3f3f3;
        }
      }



      h3.locate{
        text-align: center;
        margin-top: 20px;
        /*    margin-top: 100px;*/
        text-align: center;
        color: black;
        font-family: 'Raleway', sans-serif;
      }