body{
  margin-top: 50px;
}

.navbar-brand:hover {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

/* header */
.navbar-toggler-icon {
 
  color: #101F2E;
}
.my-navbar{
background-color: #f86a53;
box-shadow: 0 2px 2px -2px black;
}

.nav-item .nav-link{
    color:white;
    font-size:13px;
    font-family:arial;
    letter-spacing: 2px;
    margin: 0px 10px;
    text-transform: uppercase;
}
.mega-menu{ 
    background-color: transparent;
}
.dropdown:hover .dropdown-menu{
    display: block;
}

.dropdown-menu{
    border:none;
}

.dropdown-item{
    padding: 12px 40px 12px 20px;
    font-size: 15px;
    font-family:arial;
    color:black;
    font-weight: lighter;
    background-color: white;
    transform-origin: center;
    animation :rotate 1.5s ease 1;
}
@keyframes rotate{
    0%{transform: perspective(600px) rotatey(90deg); transform-origin:center;}
    100%{transform: perspective(600px) rotatey(0deg); transform-origin:center;}
}

.dropdown-item:nth-of-type(1){
    animation-delay: 0s;
}
.dropdown-item:nth-of-type(2){
    animation-delay: 0.1s;
}
.dropdown-item:nth-of-type(3){
    animation-delay: 0.2s;
}
.dropdown-item:nth-of-type(4){
    animation-delay: 0.3s;
}
.dropdown-item:nth-of-type(5){
    animation-delay: 0.4s;
}
.dropdown-item:nth-of-type(6){
    animation-delay: 0.5s;
}

.dropdown-item:hover{
    background-color: #f86a53;
    color:white;
}

.navbar-brand{
    text-transform:uppercase;
    font-family:impact;
    font-size: 20px;
    color:white;
    letter-spacing: 2px;
    margin-left: 76px;
}


section {
    padding: 30px 0;
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}
#footer {
    background: #f86a53 !important;
}
#footer h5{
	padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#ffffff;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

@media (max-width:767px){
	#footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
}


      .search-area {
        background: #fff;
        display: flex;
        border: 1px solid #dfe1e5;
        border-radius: 24px;
        box-shadow: none;
        z-index: 3;
        height: 46px;
        margin: 0 auto;
       /* width: 582px;*/
       width: auto;
      }
      
      .search-area:hover {
      box-shadow: 0 2px 3px 0 rgba(0,0,0,0.24), 0 2px 5px 0 rgba(0,0,0,0.19);
      }
      
      .search {
        flex: 1;
        display: flex;
        padding: 5px 8px 0 16px;
        padding-left: 14px;
      }
      
      .search-img {
        display: flex;
        align-items: center;
        padding-right: 13px;
        margin-top: -5px;
      }
      
      .search-img span {
        color: #9aa0a6;
        height: 20px;
        width: 20px;
        margin-top: 0px;
        display: inline-block;
        fill: currentColor;
        line-height: 24px;
        position: relative;
      }
      
      .input-enter {
        display: flex;
        flex: 1;
        flex-wrap: wrap;
      }
      
      .input-area {
        color: transparent;
        flex: 100%;
        white-space: pre;
        font: 16px arial, sans-serif;
        line-height: 34px;
        height: 34px !important;
        display: block;
      }
      
      .input {
        margin: 0;
        padding: 0;
        color: rgba(0, 0, 0, 0.87);
        word-wrap: break-word;
        outline: none;
        display: flex;
        flex: 100%;
        border:none;
        width: 100%;
        margin-top: -69px;
        font: 16px arial, sans-serif;
        line-height: 34px;
        height: 34px !important;
        text-rendering: auto;
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0px;
        text-shadow: none;
        text-align: start;
        appearance: textfield;
        cursor: text;
      }
      
      .search-tools{
        display: flex;
        align-items: center;
        margin: initial;
      }
      
      .search-tool{
        display: flex;
        align-items: center;
        line-height: 48px;
        padding: 0 10px;
        border: 0;
        cursor: pointer;
      }
      
      .voiceSeach{
        display: flex;
      }
      
      /********************************************************** Submit Buttons **********************************************************/
      
      .buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 70px;
        padding-top: 18px;
      }
      
      .buttonStyle{
        color: #FFFF;
        border: 1px solid #f8f9fa;
        background-color: #f86a53;
        border-radius: 4px;
      }
      
      .buttonStyle:hover{
        box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
        background-color: #75a5f3;
        border: 1px solid #dadce0;
        color: #FFFF;
        height: 36px;
        border-radius: 4px;
      }
      
      .buttonStyle:focus{
        border: 1px solid #f86a53;
        outline: none;
      }
      
      .googlesearch {
        margin: 11px 4px;
        padding: 0 16px;
        line-height: 33px;
        min-width: 54px;
        text-align: center;
        cursor: pointer;
        user-select: none;
      }
      
      .feelinglucky {
        padding: 0 16px;
        line-height: 27px;
        min-width: 54px;
        text-align: center;
        cursor: pointer;
        user-select: none;
      }
 /* page heading */
 .image-holder {
          position: relative;
          background: rgba(6, 14, 21, 0.55);
         }
          .image-holder h3 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
         }
          
      .counter-box {
        display: block;
        background: #f6f6f6;
        padding: 40px 20px 37px;
        text-align: center
    }
    
    .counter-box p {
        margin: 5px 0 0;
        padding: 0;
        color: #909090;
        font-size: 18px;
        font-weight: 500
    }
    
    .counter-box i {
        font-size: 60px;
        margin: 0 0 15px;
        color: #d2d2d2
    }
    
    .counter {
        display: block;
        font-size: 32px;
        font-weight: 700;
        color: #666;
        line-height: 28px
    }
    
    .counter-box.colored {
        background: #3acf87
    }
    .counter-box.colored p,
    .counter-box.colored i,
    .counter-box.colored .counter {
        color: #fff
    }
    .text 
    {
        text-align:justify;
    }
/* counter */

.sectionClass {
padding: 20px 0px 50px 0px;
position: relative;
display: block;
}

.fullWidth {
width: 100% !important;
display: table;
float: none;
padding: 0;
min-height: 1px;
height: 100%;
position: relative;
}


.sectiontitle {
background-position: center;
margin: 30px 0 0px;
text-align: center;
min-height: 20px;
}

.sectiontitle h2 {
font-size: 30px;
color: #222;
margin-bottom: 0px;
padding-right: 10px;
padding-left: 10px;
}


.headerLine {
width: 160px;
height: 2px;
display: inline-block;
background: #101F2E;
}


.projectFactsWrap{
 display: flex;
margin-top: 30px;
flex-direction: row;
flex-wrap: wrap;
}


#projectFacts .fullWidth{
padding: 0;
}

.projectFactsWrap .item{
width: 25%;
height: 100%;
padding: 50px 0px;
text-align: center;
}

.projectFactsWrap .item:nth-child(1){
background: rgb(16, 31, 46);
}

.projectFactsWrap .item:nth-child(2){
background: rgb(18, 34, 51);
}

.projectFactsWrap .item:nth-child(3){
background: rgb(21, 38, 56);
}

.projectFactsWrap .item:nth-child(4){
background: rgb(23, 44, 66);
}

.projectFactsWrap .item p.number{
font-size: 40px;
padding: 0;
font-weight: bold;
}

.projectFactsWrap .item p{
color: rgba(255, 255, 255, 0.8);
font-size: 18px;
margin: 0;
padding: 10px;
font-family: 'Open Sans';
}


.projectFactsWrap .item span{
width: 60px;
background: rgba(255, 255, 255, 0.8);
height: 2px;
display: block;
margin: 0 auto;
}


.projectFactsWrap .item i{
vertical-align: middle;
font-size: 50px;
color: rgba(255, 255, 255, 0.8);
}


.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{
color: white;
}

.projectFactsWrap .item:hover span{
background: white;
}

@media (max-width: 786px){
.projectFactsWrap .item {
  flex: 0 0 50%;
}
}

/* AUTHOR LINK */


footer{
z-index: 100;
padding-top: 50px;
padding-bottom: 50px;
width: 100%;
bottom: 0;
left: 0;
}

footer p {
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
opacity: 0;
font-family: 'Open Sans';
width: 100%;
 word-wrap: break-word;
line-height: 25px;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
margin: 0;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
transition: all 250ms ease;
}

footer .authorWindow a{
color: white;
text-decoration: none;
}

footer p strong {
 color: rgba(255, 255, 255, 0.9);
}

.about-me-img {
width: 120px;
height: 120px;
left: 10px;
/* bottom: 30px; */
position: relative;
border-radius: 100px;
}




.authorWindow{
width: 600px;
background: #75439a;
padding: 22px 20px 22px 20px;
border-radius: 5px;
overflow: hidden;
}

.authorWindowWrapper{
display: none;
left: 110px;
top: 0;
padding-left: 25px;
position: absolute;
}





.trans{
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}

@media screen and (max-width: 768px) {
 .authorWindow{
      width: 210px;
 }

 .authorWindowWrapper{
          bottom: -170px;
margin-bottom: 20px;
 }

 footer p{
       font-size: 14px;
 }
}
<<<<<<< HEAD
/* docmentation */
.jack{
  color: black;
  font-size: 24px;
  border:1px solid rgba(0, 0, 0, 0.1) !important;
  background:#f1f1f1;
   border-radius:5px;
  font-size: 15px;

  }
 

=======

 .list-group {
     
      margin-left: 230px;
      /* float:left; */
      padding-top: 100px;
     }
     .lead {
      
      margin:auto;
      left:0;
      right:0;
      padding-top:10%;
     }
     .list-group-item {
     position: relative;
     display: block;
     /* padding: .75rem 1.25rem; */
     padding: 24px 89px !important;
     margin-bottom: -1px;
     background-color: #fff;
     border: 1px solid rgba(0,0,0,.125);
 }
 .image-holder {
  position: relative;
  background: rgba(6, 14, 21, 0.55);
 }
  .image-holder h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }
>>>>>>> 1aeca4e46c7f0d349ac0441b9be2872530cecc50