/*------------------------------------------------------------------
                        BOOTSTRAP STYLES
-------------------------------------------------------------------*/

*{margin: 0; padding: 0;}
.nav > li > a:hover, .nav > li > a:focus{
      background-color: #b27b51;
    outline: none;
    color: #fff;
    border-radius: 5px;
}
.nav > li > a{transition: .3s ease-out;}
.nav>li{margin: 0 4px;}
.navbar{
    margin-bottom: 0;
    background: #fff;
    position: fixed;
    border-radius: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.navbar-brand{position: absolute; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); background: #fff;
padding: 15px !important; border-radius: 0 0 15px 15px;}

.navbar button{
  background:#ccc;
}

.navbar span{
  background:#ededed;
}

.navbar a{
  text-align:center;
}
.navbar-nav>li>a{ font-size: 15px;}
.navbar-nav>li>a{padding-top: 10px; padding-bottom: 10px; font-family: 'poppinslight';}
.solutionsMain ul li p{position: relative; top: -5px; font-family: 'open_sansregular';
    color: #dedede;}

/*------------------------------------------------------------------
                        DEFAULT STYLES
-------------------------------------------------------------------*/
body{
  background:#fff;
  letter-spacing: 0.5px;
}

section{
  margin:50px 0;
}

hr{
  margin:10px 0;
}

h3,h4{
  text-align:center;
  font-weight:bold;
}

section h2{
  text-align:left;
  position:relative;
  margin-bottom:30px;
  margin-top: 0;
  font-family: 'poppinsregular';
}

section h2:after{
  margin-top:20px;
  display:inline-block;
  content:'';
  width:45px;
  height:0px;
  border-top:2px solid #b27b51;
  position:absolute;
  bottom:-13px;
  left:0;
}

a, a:hover{
  color:black;
}

a:hover{
   transition:background-color,color .3s ease-in-out;
}

/*------------------------------------------------------------------
                        HEADER STYLES
-------------------------------------------------------------------*/
header{
  background:#ededed;
}

.banner{
  background:#B5C3D5;
  height:auto;
  background-image: url("http://www.fortehumancapital.com/wp-content/uploads/2020/09/Capturehome.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 390px 0 0px 0;
  background-position-x: center;
  background-position-y: center;
}

.banner>h2, 
.banner .info{
  line-height:50px;
  top:115px;
  margin:0 auto;
  text-align:center;
  width:50%;
}

.bannHeading{
  	text-align: center;
    text-shadow: 0px 0px 53px rgba(255, 255, 255, 0.9);
    font-family: 'open_sansregular';
    padding: 20px 0;
    background: rgba(255, 255, 255, 0.6);
    font-size: 26px;
    line-height: 33px;
  }

.banner>h2{
  font-size: 34px;
  color: #191919;
  padding: 30px;
  line-height: 48px;
  text-align: left;
  border-left: 2px solid #000;
}

.banner span{
    font-size: 47px;
    color: #a9642f;}

.banner .info{
  display:none;
}
.logoSt{width: 200px !important;}
.navbar-brand{height: auto; padding: 7px 0 7px 15px;}
.navbar-right{margin: 18px 0;}
.banner a{
  height:50px;
  font-size:1.3em;
  display:inline-block;
  width:48%;
  text-decoration:none;
  border:2px solid rgba(0,0,0,.3);
  margin-right:-4px;
  transition:all .3s ease-in-out;
}
.active{background-color: #b27b51; border-radius: 5px; color: #fff;}

.banner a:last-child{
  margin-left:2%;
}

.banner a:hover{
  background:#8FC6FF;
}

/*------------------------------------------------------------------
                        SECTION.CLIENTS STYLES
-------------------------------------------------------------------*/

.clients .clients-info{
  padding:7px;
  box-shadow:1px 1px 3px gray, -1px -1px 3px gray;;
  margin-bottom:20px;
  width:0;
  height:0;
  line-height:0;
  opacity:0;
  margin:15px auto 10px;
  background:#ededed;
}

.clients .clients-info h3{
  margin:0;
  line-height:180px;
}

/*------------------------------------------------------------------
                        SECTION.PROCESS STYLES
-------------------------------------------------------------------*/
.process .method{
  background:#ccc;
  text-align:center;
  padding:10px;
  margin-bottom:30px;
  border-radius:5px;
  opacity:0;
}

.process .method h3{
  font-style:italic;
}

.process .method p{
  margin:0;
}

.process .method h4{
  background:#8FC6FF;
  width:60px;
  height:60px;
  font-size:2em;
  font-weight:bold;
  border-radius:50%;
  line-height:60px;
  margin:0 auto;
  position:relative;
  top:30px;
}

/*------------------------------------------------------------------
                        SECTION.BLOGS STYLES
-------------------------------------------------------------------*/
.blogs{
  margin-bottom:0;
}

.blogs p{
  position: relative;
  opacity: 0;
  left:-750px;
}

.blogs button{
  position:relative;
  bottom:-50px;
  opacity:0;
  margin-bottom:20px;
}

.col-lg-4{
  position: relative;
}

.blogs img{
  position:absolute;
  right:-330px;
  margin-top:10px;
  opacity:0;
}

.firstAnimation {
  opacity: 1;
  height: 180px;
  width: 250px;
}

/*------------------------------------------------------------------
                        FOOTER STYLES
-------------------------------------------------------------------*/
footer{
  text-align:center;
  height:auto;
  background:#ededed;
  line-height:22px;
  overflow: hidden;
  position: relative;
  width: 100%;
}



/*------------------------------------------------------------------
                        Main CSS
-------------------------------------------------------------------*/
.ourStaMain{width: 100%; height: auto; float: left; text-align: center;}
.ourStaImg{width: 100%; height: auto; float: left;}
.ourStaMain h4{text-align: left; margin: 20px 0 12px;
    font-weight: normal; border-radius: 5px; color: #000; float: left; width: 100%;
  font-family: 'poppinsregular';}
    .ourStaImg img{width: 100%; max-width: 100%;}
/*.ourStaMain:hover h4{transform: translateY(-145px); color: #333; line-height: 26px;
text-align: center;}
.ourStaMain:hover img{opacity: .5}*/
.ourStaMain p{float: left; text-align: left; line-height: 22px; font-family: 'open_sansregular';}
#blogs{overflow: hidden;}
.solutionsMain{width: 100%; height: auto; float: left; padding: 45px 0; 
background-image: url("../images/banner1.jpg"); background-size: cover; background-repeat: no-repeat;
background-attachment: fixed;}
#clients{overflow: hidden;}
.solutionsMain h2{color: #fff; letter-spacing: 3px;
margin-bottom: 27px; margin-top: 0;}
.solutionsMain ul{float: left; list-style-type: none; margin-top: 7px;}
.solutionsMain ul li{
    color: #fff;
    margin: 0px 0 0px 4px;
    font-size: 14px;
    padding-left: 17px;
    line-height: 22px;
    position: relative;
    padding-bottom: 30px;}
.solutionsMain ul li:before{
    content: "";
    width: 9px;
    height: 9px;
    background-color: #ffffff;
    position: absolute;
    border-radius: 100px;
    left: -5px;}
.getInTBt{
  padding: 10px 38px;
  border: none;
  font-size: 16px;
  margin-left: 4px;
  background-color: #b27b51;
  color: #fff !important;
  border-radius: 5px;
  font-family: 'open_sansregular';
    color: #dedede;
  }
  button{outline: none !important;}
  #clients{margin-bottom: 0;}
.ftMain{width: 100%; height: auto; float: left; background-color: #f1f1f1; padding: 35px 0;}
.ftInner{width: 100%; height: auto; float: left; text-align: left;}
.ftMain ul{list-style-type: none;}
.ftMain ul li{margin: 10px 0; font-family: 'open_sansregular';}
.ftMain ul li:first-child{font-size: 19px; font-family: 'poppinsregular';
    color: #000;}
.ftInner i{font-size: 19px; margin-top: 10px;
    margin-right: 10px;
    cursor: pointer;
    transition: .5s;
    color: #fff;
    width: 44px;
    height: 44px;
    background: #a2a2a2;
    text-align: center;
    line-height: 46px;
    border-radius: 50%;}
    .facebookCr:hover{background-color: #3b5999; color: #fff;}
    .twitCr:hover{background-color: #34acf6 ;color: #fff;}
    .googleCr:hover{background-color: #f34a38;color: #fff;}
/*.ftInner i:hover{color: #000}*/
.copyMain{width: 100%; height: auto; float: left;background-color: #f1f1f1; padding: 20px;
    border-top: 1px solid #dadada;}
.copyMain p{margin: 0; color: #9a9a9a; font-family: 'poppinslight';}
.copyMain a{color: #9a9a9a}
.about{background-image: url("../images/cliImgBG2.png"); 
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;}

.innerPageBanner{width: 100%; height: auto; float: left; 
margin-top: 77px; background-image: url("../images/innerBG2.jpg"); background-size: cover;
background-repeat: no-repeat; background-attachment: fixed; border-bottom: 1px solid #a5a5a5;}
.innerPageBanner h1{width: 100%; height: auto; float: left; text-align: center; margin: 0; 
font-size: 47px; color: #313131; font-family: 'poppinslight'; display: none;}
.innrMain .solutionsMain ul li p{color: #5a5a5a;}
.aboutMain{width: 100%; height: auto; float: left;}
.aboutMain .solutionsMain h2{color: #313131; font-size: 30px; text-align: center;
    font-family: 'poppinsbold'; letter-spacing: 2px;}
.aboutMain .solutionsMain ul li{color: #000}
.aboutMain .solutionsMain ul li:before{background: none;}
.aboutMain .solutionsMain ul li {border-left: none;}
.aboutMain .solutionsMain ul li{padding-left: 0; margin-left: 0; text-align: center;
    padding: 0 100px 20px;}
.aboutMain .solutionsMain{background-image: none;}
.innerHeading{color: #3c3c3c; font-size: 20px;}
.innerHeading2{text-align: center !important; margin-top: 0; margin-bottom: 35px; 
  font-family: 'poppinsbold'; font-size: 30px; letter-spacing: 2px;}
.innrMain{margin: 80px 0; float: left; width: 100%;}
.innrMain .solutionsMain{padding: 0;}
.servicesSec{width: 100%; height: auto; float: left; padding: 20px; border: 1px solid #ccc; text-align: center;
margin-top: 75px;}
.pasTextHead{background: #b27b51; padding: 15px; width: 50%; display: inline-block;
margin-top: -48px; font-size: 24px; color: #fff; border-radius: 5px; margin-bottom: 20px; 
font-family: 'poppinsbold';}

.servicesSec p{line-height: 24px; font-family: 'open_sansregular';}
.inpStyle{width: 100%; height: 40px; border-radius: 5px; border: none; border: 1px solid #ccc;
padding: 0 15px; margin-bottom: 20px;}
input:focus{ outline: none;}
textarea:focus{ outline: none;}
.servicesSecCon{margin-top: 50px !important; margin-bottom: 20px !important;}
.servicesSecCon .pasTextHead{margin-bottom: 40px;}
.textariStyle{width: 100%; height: 90px; float: left; padding: 15px 15px; border-radius: 5px; border: 1px solid #ccc;
min-height: 90px; max-width: 100%; min-width: 100%;}
.submitBt{padding: 10px 25px; font-size: 16px; border-radius: 5px; border: none;
 background: #353535; color: #fff; margin-top: 20px; transition: .3s ease-out;}
.submitBt:hover{background-color: #b27b51}
.mapMain{width: 100%; height: auto; float: left; border-radius: 5px; border: 1px solid #ccc;
margin-top: 20px;}
iframe{width: 100%;}


.chatMain{width: 400px;
    height: 500px;
    float: left;
    background-color: white;
    position: fixed;
    bottom: -500px;
    right: 0;
    z-index: 999;
    border-radius: 5px;
    transition: .3s;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    display: none;
  }
  .chatBt{
    font-size: 39px !important;
    position: absolute;
    top: -49px;
    color: #b27b51;
    right: 11px;
    cursor: pointer;
  }
  .chatMainTop{bottom: 0;}


.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: green;    }
    49%{    color: green; }
    60%{    color: #a9642f; }
    99%{    color:#a9642f;  }
    100%{   color: green;    }
}

.chatMain fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.chatMain h4, h5 {
    line-height: 1.5em;
    margin: 0;
}

.chatMain hr {
    background: #e9e9e9;
    border: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 1px;
    margin: 0;
    min-height: 1px;
}

.chatMain img {
    border: 0;
    display: block;
    height: auto;
    max-width: 100%;
}

.chatMain input {
    border: 0;
    color: inherit;
    font-size: 100%;
    line-height: normal;
    margin: 0;
}

.chatMain p { margin: 0; }

.chatMain .clearfix { *zoom: 1; } /* For IE 6/7 */
.chatMain .clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.chatMain .clearfix:after { clear: both; }

/* ---------- LIVE-CHAT ---------- */

.chatMain #live-chat {
    font-size: 12px;
    width: 100%;
}

.chatMain #live-chat header {
    background: #293239;
    border-radius: 5px 5px 0 0;
    color: #fff;
    cursor: pointer;
    padding: 16px 24px;
}

.chatMain #live-chat h4:before {
    background: #1a8a34;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin: 0 8px 0 0;
    width: 8px;
}

.chatMain #live-chat h4 {
    font-size: 15px;
    font-weight: normal;
}

.chatMain #live-chat h5 {
    font-size: 12px;
    color: #b27b51;
}

.chatMain #live-chat form {
    padding: 0px 24px;
}

.chatMain #live-chat input[type="text"] {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 8px 32px 8px 8px;
    outline: none;
    width: 100%;
}

.chatMain .chat-message-counter {
    background: #e62727;
    border: 1px solid #fff;
    border-radius: 50%;
    display: none;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    left: 0;
    line-height: 28px;
    margin: -15px 0 0 -15px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 28px;
}

.chatMain .chat-close {
    background: #1b2126;
    border-radius: 50%;
    color: #fff;
    display: block;
    float: right;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    margin: 2px 0 0 0;
    text-align: center;
    width: 16px;
}

.chatMain .chat {
    background: #fff;
}

.chatMain .chat-history {
    height: 380px;
    padding: 8px 24px;
    overflow-y: scroll;
}

.chatMain .chat-message {
    margin: 16px 0;
}

.chatMain .chat-message img {
    border-radius: 50%;
    float: left;
}

.chatMain .chat-message-content {
    margin-left: 56px;
}

.chatMain .chat-time {
    float: right;
    font-size: 10px;
}

.chatMain .chat-feedback {
    font-style: italic; 
    margin: 0 0 0 25px;
}
.sentBt{
  position: absolute;
  right: 33px;
  bottom: 24px;
  font-size: 18px !important;
  cursor: pointer;
  }
.sentBt:hover{color: #b27b51;}

/* 17-09-2020 changes */
.servicesSecCon .wpcf7 span input{
	width: 100%;
    height: 40px;
    border-radius: 5px;
    border: none;
    border: 1px solid #ccc;
    padding: 0 15px;
    margin-bottom: 20px;
}
.wpcf7-textarea{
	width: 100%;
    height: 90px;
    float: left;
    padding: 15px 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    min-height: 90px;
    max-width: 100%;
    min-width: 100%;
}
.wpcf7-submit{
	padding: 10px 25px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    background: #353535;
    color: #fff;
    margin-top: 20px;
    transition: .3s ease-out;
}
.wpcf7-submit:hover {
    background-color: #b27b51;
}
/* End */

/* Changes 19-09-2020 */
.wpcf7-not-valid-tip{float: left; margin-top: -17px; color: red; margin-bottom: 10px;}
.screen-reader-response{display:none !important;}
.wpcf7-response-output{
	font-weight: 600;
    color: #353535;
    background: #fff;
    width: 300px;
    border-radius: 5px;
    display: inline-block;
    box-shadow: 0px 41px 10px -32px rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

footer.ftInner {
	  display:none !important;
    }











/*------------------------------------------------------------------
                        MEDIA QUERIES STYLES
-------------------------------------------------------------------*/
@media only screen and (max-width: 1050px) and (min-width:600px){
  .banner>h2, .banner .info{
    width:70%
  } 
  .banner>h2{
    font-size:1.8em;
  }
}

@media only screen and (max-width: 991px) {
.bannHeading{padding-right: 0;}
.navbar-toggle{margin-top: 28px;}
.banner{padding: 280px 0 50px 0;}
.navbar button{background: #a9642f;}
}

@media only screen and (max-width: 599px) and (min-width:350px){  
  .banner a{
    font-size:1em;
  }  
  .banner>h2, .banner .info{
    width:80%
  }  
  .banner>h2{
    font-size:1.2em;
  }
}

@media only screen and (max-width: 349px){
  .banner .info{
    height:auto;
  }
  .banner a{
    font-size:1em;
    width:50%;
    display:block;
  }
  .banner a:first-child{
    margin:0 auto;
  }  
  .banner a:last-child{
    margin:10px auto 0;
  } 
  .banner>h2, .banner .info{
    width:80%
  } 
  .banner>h2{
    font-size:1em;
  }
}

@media only screen and (max-width: 768px) and (min-width:550px){    
  .process .row:first-child .col-xs-12,
  .clients .row:first-child .col-xs-12{
      width:100%;
  }   
  .process .col-xs-12,
  .clients .col-xs-12{
      width:50%;
  }
  .clients .col-xs-12:nth-child(3), 
  .clients .col-xs-12:nth-child(4){
    margin-top:15px;
  }
}

@media only screen and (max-width: 767px) {
.ourStaMain{margin-bottom: 10px;}
.ourStaMain h4{margin-bottom: 5px;}
section{margin: 35px 0;}
.pasTextHead{width: auto; font-size: 15px }
.servicesSec{margin-top: 55px;}
.logoSt{width: 120px !important;}
.navbar-right{margin-top: 65px;}
.navbar-toggle{margin-top: 8px;}
	.navbar-brand{margin-left: 14px;}
}


@media only screen and (max-width: 600px) {
.banner>h2 {
    font-size: 16px;
    line-height: 27px;
}
.bannHeading{font-size: 25px;}
  .innerPageBanner h1{font-size: 36px;}
	.banner{background-size: 100%; padding: 0 0 117px 0; background-position-y: bottom; background-color: #fff; 
	background-image: url("http://www.fortehumancapital.com/wp-content/uploads/2020/09/Capture22.jpg");}
	.bannHeading{margin: 130px auto 165px; padding: 0; background: none; font-size: 18px; line-height: 26px; }
}

@media only screen and (max-width: 480px) {
	.bannHeading{margin: 130px auto 108px;}
}


@media only screen and (max-width: 400px) {
  section h2{font-size: 22px;}
  .banner{padding: 30px 0 50px 0;}
  .innrMain{margin: 25px 0;}
  .innerHeading2{margin-bottom: 23px;}
  .solutionsMain h2{margin-top: 22px; margin-bottom: 10px; font-size: 18px !important;}
  .servicesSec {margin-top: 30px;}
  .ourStaMain h4{font-size: 16px;}
  .ourStaMain p{font-size: 13px; line-height: 20px;}
	.banner span{font-size: 30px}
	.bannHeading { margin: 95px auto 145px;}
  section{margin: 20px 0;}
  .solutionsMain ul li{padding-bottom: 10px;}
  .copyMain a{color: #404040;}
  .innerPageBanner{border-bottom: none;}
  .aboutMain .solutionsMain ul li{padding: 0 0px 20px;}
  .ftMain ul li{margin: 6px 0;}
  /*h2{margin-top: 22px !important; margin-bottom: 10px; font-size: 18px !important; text-align: left !important;}*/
.solutionsMain{padding: 15px 0 35px;}
.solutionsMain ul li{margin: 10px 0 0px 4px;}
.ourStaMain h4{margin: 13px 0 5px;}
.innerHeading2{font-size: 18px; margin-top: 25px;}
.servicesSecCon .wpcf7 span input{margin-bottom: 10px;}
}

@media only screen and (max-width: 320px) {
	.banner{padding: 0 0 95px 0;}
	.bannHeading {margin: 125px auto 70px;}
}