/* General Styling 
/*-----------------------------------------------------------------------------------*/
 
 body {
     background: #ffffff;
     color: #000;
     font-family: 'Poppins', helvetica;
     font-size: 15px;
     font-weight: 300;
     line-height: 20px;
     letter-spacing: 0.01em;
     overflow-x: hidden;
     margin: 0 auto;
     padding: 0;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 h1, h2, h3, h4, h5, h6 {
     margin: 0;
}
 h2 {
     color: #000;
     font-weight: 700;
      background: linear-gradient(to right, 
     rgba(254, 204, 96, 1), 
    rgba(247, 124, 247, 1)
    );
    background-position: 0% 82%;
    background-size: 100% 20px;
    background-repeat: no-repeat;
    text-decoration: none;
    width: fit-content;
      width: -moz-fit-content;   
     
}
 h4 {
     color: #000;
     font-size: 18px;
     font-weight: 500;
}
 a {
     color: #000;
     text-decoration: none !important;
     outline: 0;
     -moz-transition: all 0.2s ease-in-out 0s;
     -ms-transition: all 0.2s ease-in-out 0s;
     -o-transition: all 0.2s ease-in-out 0s;
     -webkit-transition: all 0.2s ease-in-out 0s;
     transition: all 0.2s ease-in-out 0s;
}
 a:hover {
	  color: #777777;
     -moz-transition: all 0.2s ease-in-out 0s;
     -ms-transition: all 0.2s ease-in-out 0s;
     -o-transition: all 0.2s ease-in-out 0s;
     -webkit-transition: all 0.2s ease-in-out 0s;
     transition: all 0.2s ease-in-out 0s;
}
a:focus {
    color: #000;
     text-decoration: underline;
}
 nav ul li a {
     padding: 20px 0 0 0;
     position: relative;
     display: block;
     font-size: 12px;
     color: #999999;
     letter-spacing: 0.1em;
     font-weight: 800;
     line-height: 14px;
     text-transform: uppercase;

}
 p {
     margin: 15px 0;
     padding: 0;
     font-size: 18px;
     color: #000;
     line-height: 30px;
}
 ::-moz-selection {
     background: rgba(255, 242, 0, 0.5);
     color: #000;
}
 ::selection {
     background: rgba (255, 242, 0, 0.5);
     color: #000;
}
 .btn {
     background: #000;
     border: medium none;
     border-radius: 0;
     color: #fff;
     font-size: 12px;
     height: 50px;
     line-height: 50px;
     padding: 0 30px;
     text-transform: uppercase;
     margin-top: 10px;
     
     
     
}
 .btn:hover, .btn:focus {
     color: #fff;
}

.btn-primary.focus, .btn-primary:focus {
    color:#fff;
    background-color:#000;
    border-color:none;
    box-shadow:none;
}

 .btn-primary:hover {
    color: #fff;
	background-color: gray;
    border-color:none;
    box-shadow:none;
}


 .padDiv {
     padding: 30px 20px;
}
 .section-title {
	 margin-top: 0px;
     margin-bottom: 55px;
     
}

 .section-title h2 {
     font-size: 90px;
     letter-spacing: 2px;
     text-transform: uppercase;
     text-align: left;
     margin-bottom: 50px;
}
 .form-control {
     background-color: transparent;
     border: 1px solid #999;
     border-radius: 0;
     color: #999999;
     font-size: 12px;
     font-weight: 500;
     height: 50px;
     letter-spacing: 0.1em;
     padding-left: 10px;
     margin: 0 0 25px 0;
     line-height: 14px;
     text-transform: uppercase;
}
 .form-control:focus {
     box-shadow: none;
     outline: 0 none;
}
 .paddsection {
     padding-top: 120px;
     padding-bottom: 120px;
}
 .paddsections {
     padding-top: 70px;
     padding-bottom: 120px !important;
}
 .hvr-shutter-in-horizontal::before {
     background: #333;
}
 .hvr-shutter-in-horizontal:hover {
     background: #b8a07e;
}
 .mb-30 {
     margin-bottom: 30px;
}

ion-navicon{
	font-size: 50px;
}

.font-weight-bold {
    font-weight: 500!important;
}


.block{
  display: inline-block;
}


.fade-intro {

    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*-----------------------------------------------------------------------------------*/
/* Navbar Top 
/*-----------------------------------------------------------------------------------*/
 
 nav {
     position: fixed;
     background: #fff;
     z-index: 1000;
     width: 100%;
     padding: 10px;
     display: none;
     -webkit-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.18);
     -moz-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.18);
     box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.18);
}
 .nav-menu {
     float: right;
     line-height: 32px;
     margin-bottom: 0;
     padding-top: 22px;
}
 nav ul li {
     float: left;
     margin-right: 15px;
     font-family: 'Poppins', sans-serif;
     font-size: 16px;
     margin-left: 40px;
}
 nav ul li a {
     padding: 10px 0 0 0;
     position: relative;
     display: block;
     font-size: 15px;
     color: #000;
     font-family: 'Poppins', sans-serif;
     font-weight: 500;
     line-height: 16px;
     text-transform: uppercase;
     letter-spacing: 0.02em;

}

 nav ul li a:hover {
	 color: #000;
	background: linear-gradient(to right, rgba(254, 204, 96, 1), rgba(247, 124, 247, 1) );
    background-position: 0% 88%;
    background-size: 100% 22%;
    background-repeat: no-repeat;
	 
 }
 
 
  nav ul li a:focus {
	background: linear-gradient(to right, rgba(254, 204, 96, 1), rgba(247, 124, 247, 1) );
    background-position: 0% 88%;
    background-size: 100% 22%;
    background-repeat: no-repeat;
	 
 }

 .logo {
     float: left;
     margin-left: -20px;
}
 .logo img {
     width: 330px;
     height: 79px;
}
 .responsive {
     display: none;
     font-size: 23px;
}
 .active {
     color: #afafaf;
}


/*----------------------------------------------------------------------------------*/
/* Header 
/*-----------------------------------------------------------------------------------*/
 
 
 
 #my_background{
     height: 100%;
     width: 100%;
     z-index: -1;
     position: absolute;
}




 #header {
     height:100vh;
     width: 100%;
     padding-top: 10%;

}
 #header .header-content {
     height: 100vh;
     text-align: left;
     width: 100%;
     display: flex;
     justify-content: center;
     flex-direction: column;
}
 .header-content h1 {
     font-size: 120px;
     font-weight: 700;
     margin-bottom: 10px;
     text-transform: uppercase;
     line-height: 115px;
     color: #000;
overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
     
}
 .header-content p {
     font-family: 'Poppins';
     font-size: 24px;
     letter-spacing: 2px;
     margin-top: 0;
     margin-bottom: 20  px;
     text-transform: uppercase;
     color: #000;
     font-weight: 300;

}
 .header-content .list-social li {
     float: left;
     margin-right: 20px;
}
 .header-content .list-social li i {
     color: #fff;
     font-size: 15px;
}
 #header-bottom {
     position:absolute;
     top:90%;
     left: 5%;
     right: 5%;
     z-index: 1;
     text-align: center;
}


 .header-content .header-phrase {
     position: relative;
     letter-spacing: 0px;
     text-align: center;
     text-transform: none;
     transform: translate(-50%, -50%);
     margin-bottom: 10px;
}
 .header-phrase {
     position: relative;
     width:100%;
     height: auto;
     left: 50%;
     right: 50%;
     font-family: 'Poppins';
     font-size: 20px;
     color: #000;
     text-transform: none;
  

}
 .btn-get-started {
     position: absolute;
     margin-top: 30px;
     font-size: 30px;
     transition: 0.2s;
     color: #000;
     font-weight: 500;
   
     
}
 .btn-get-started:hover {
     padding-top: -10px;
     color: #d43076;
     font-size: 35px;
     font-weight: 400;
}


 .arrow {
      align-self: flex-end;
      animation-duration: 2s;
      animation-iteration-count: infinite;
      transform-origin: top;
 display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

 .bounce-3 {
      animation-name: bounce-3;
      animation-timing-function: ease;
}
  @keyframes bounce-3 {
      0%   { transform: translateY(0); }
      30%  { transform: translateY(15px); }
      50%  { transform: translateY(0); }
      100% { transform: translateY(0); }
}

.typed {
	    display: inline;
    }


/*-----------------------------------------------------------------------------------*/
/* About
/*-----------------------------------------------------------------------------------*/
 
 #about {
     width: 100%;
     height: auto;
     background: #fff;

}
 #about .div-img-bg {
     padding-bottom: 0px;
     border: 2px solid #000;
}
 #about .div-img-bg .about-img img {
     width: 100%;
     box-shadow: 0px 0px 85px 0px rgba(0, 0, 0, 0.14);
     margin-top: 0px;
     margin-left: 0px;
     height: 400px;
     object-fit: cover;
}
 .p-heading {
     font-family: 'Poppins';
     font-size: 29px;
     text-align: left;
     color: 000;
     font-weight: 300;
	 box-sizing:content-box;
     line-height: 42px;
     margin-top: 10px;
}
 #about .about-descr .separator {
     max-width: 100%;
     margin-bottom: 0;
     text-align: left;
     margin-bottom: 10px;
}
 #about .about-descr .btn-link {
     font-family: 'Poppins';
     cursor: pointer;
     display: inline-block;
     padding: 8px 16px 10px 16px;
     font-size: 14px;
     font-weight: 500;
     line-height: 1;
     text-transform: capitalize;
     letter-spacing: 0.02em;
     color: #fff;
     background: #000;
     margin-top: 15px;
}
 #about .about-descr .btn-link:hover {
     color: #f1418d;
}


[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {
	display: none;
  }
  
  #about-btns{
  position: relative;
  float: left;
  }
  

.btn-about{

	margin-right: 20px;
	font-size: 13px;
	font-weight: 500;
}

.btn-resume{

	margin-right: 15px; 
}

 .icon-resume{
	position:fixed;
	margin-top: 18px;
	margin-left: 5px;
	}


.readmore{

margin-top: 60px;
	
	
}


.resume-padd125{
	
	padding-right:125px;
}


.resume-padd75{
	
	padding-right: 82px;
}

/*-----------------------------------------------------------------------------------*/
/* Services 
/*-----------------------------------------------------------------------------------*/
 
 #services {
     position: relative;
     padding-bottom: 80px;
}
 .owl-item {
     float: left;
     text-align: center;
}
 .services-block span {
     margin: 10px 0;
     position: relative;
     font-size: 13px;
     color: #000;
     letter-spacing: 0.1em;
     font-weight: 500;
     text-transform: uppercase;
     display: block;
}
 .services-block .separator {
     margin: 0;
     font-size: 13px;
     line-height: 22px;
}
 .services-block i {
     font-size: 44px;
     color: #000;
     line-height: 44px;
}
 .services-carousel .owl-stage-outer {
     overflow: hidden;
}
 .services-carousel .owl-dots {
     margin-top: 15px;
     text-align: center;
}
 .services-carousel .owl-dot {
     display: inline-block;
     margin: 0 5px;
     width: 12px !important;
     height: 12px !important;
     border-radius: 50%;
     border: 0;
     padding: 0 !important;
     background-color: #ddd;
     cursor: pointer;
}
 .services-carousel .owl-dot.active {
     background-color: #000;
}
 .owl-nav {
     display: none;
}

/*-----------------------------------------------------------------------------------*/
/* Work 
/*-----------------------------------------------------------------------------------*/
 
 #portfolio {
     position: relative;
     
         margin-top: 90px;

    
}
 .portfolio .portfolio-item {
     margin-bottom:30px;
     position: relative;
     padding-bottom: 0px;
}
 .portfolio #portfolio-flters {
     padding: 0;
     margin: 0PX auto 30px auto;
     list-style: none;
     text-align: center;
}
 .portfolio #portfolio-flters li {
     cursor: pointer;
     display: inline-block;
     padding: 8px 16px 10px 16px;
     font-size: 14px;
     font-weight: 500;
     line-height: 1;
     text-transform: uppercase;
     letter-spacing: 0.02em;
     color: #000;
     margin: 0 40px 0 0;
     -moz-transition: all 0.5s ease-in-out 0s;
     -ms-transition: all 0.5s ease-in-out 0s;
     -o-transition: all 0.5s ease-in-out 0s;
     -webkit-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
}
 .portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
     color: #fff;
     background: #000;
}
 .portfolio #portfolio-flters li:last-child {
     margin-right: 0;
}
 .portfolio .portfolio-wrap {
     transition: 0.3s;
     position: relative;
     overflow: hidden;
     z-index: 1;
     background: rgba(34, 34, 34, 0.6);
}
 .portfolio .portfolio-wrap::before {
     content: "";
     background: rgba(33, 33, 33, 0.6);
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     transition: all ease-in-out 0.3s;
     z-index: 2;
     opacity: 0;
}
 .portfolio .portfolio-wrap img {
     transition: all ease-in-out 0.3s;
}
 .portfolio .portfolio-wrap .portfolio-info {
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 3;
     transition: all ease-in-out 0.3s;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-start;
     padding: 20px;
}
 .portfolio .portfolio-wrap .portfolio-info h4 {
     font-family: 'Poppins', helvetica;
     font-size: 18px;
     color: #fff;
     font-weight: 600;
}
 .portfolio .portfolio-wrap .portfolio-info p {
     font-family: 'Poppins', helvetica;
     color: rgba(255, 255, 255, 0.7);
     font-size: 12px;
     text-transform: uppercase;
     padding: 0;
     margin: 0;
}
 .portfolio .portfolio-wrap .portfolio-links {
     text-align: center;
     z-index: 4;
}
 .portfolio .portfolio-wrap .portfolio-links a {
     color: #fff;
     margin: 0 5px 0 0;
     font-size: 28px;
     display: inline-block;
     transition: 0.3s;
}
 .portfolio .portfolio-wrap .portfolio-links a:hover {
     color: #78d9cd;
}
 .portfolio .portfolio-wrap:hover::before {
     opacity: 1;
}
 .portfolio .portfolio-wrap:hover img {
     transform: scale(1.2);
}
 .portfolio .portfolio-wrap:hover .portfolio-info {
     opacity: 1;
}

.footnote{
    margin-bottom: 20px;
    font-size: 12px;
    position: fixed;
   bottom: -20px;
right: 20px;
}

/*-----------------------------------------------------------------------------------*/
/* Portfolio Details 
/*-----------------------------------------------------------------------------------*/

 .portfolio-details {
     padding: 0;
}
 .portfolio-details .portfolio-title {
     font-size: 26px;
     font-weight: 700;
     margin-bottom: 20px;
     text-transform: uppercase;
     
}
 .portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {
     margin-top: 5px;
     text-align: center;
}
 .portfolio-details .portfolio-details-carousel .owl-dot {
     display: inline-block;
     margin: 0 5px;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background-color: #ddd !important;
}
 .portfolio-details .portfolio-details-carousel .owl-dot.active {
     background-color: #34b7a7 !important;
}
 .portfolio-details .portfolio-info {
     padding-top: 70px;
}
 .portfolio-details .portfolio-info h3 {
     font-size: 22px;
     font-weight: 400;
     margin-bottom: 20px;
}
 .portfolio-details .portfolio-info ul {
     list-style: none;
     padding: 0;
     font-size: 15px;
}
 .portfolio-details .portfolio-info ul li + li {
     margin-top: 10px;
}
 .portfolio-details .portfolio-info p {
     font-size: 15px;
     padding: 15px 0 0 0;
}
 @media (max-width: 992px) {
     .portfolio-details .portfolio-info {
         padding-top: 20px;
    }
}

/*-----------------------------------------------------------------------------------*/
/* Journal 
/*-----------------------------------------------------------------------------------*/
 
 #journal, #journal-blog {
     height: auto;
     width: 100%;
     background: #fff;
     padding-bottom: 60px;
     position: relative;
}
 #journal-blog {
     background: #fff;
     padding-bottom: 30px;
}
 #journal .journal-block {
     display: inline-block;
     height: auto;
     width: 100%;
}
 #journal .journal-block .journal-info {
     position: relative;
}
 .journal-block .journal-info img {
     max-width: 100%;
}
 .journal-block .journal-info .journal-txt {
     padding: 25px 0px;
     position: relative;
}
 .journal-block .journal-info .journal-txt h4 a {
     display: block;
     font-size: 19px;
     line-height: 24px;
     margin: 0 0 13px 0;
     font-weight: 500;
     color: #000;
     -moz-transition: all 0.5s ease-in-out 0s;
     -ms-transition: all 0.5s ease-in-out 0s;
     -o-transition: all 0.5s ease-in-out 0s;
     -webkit-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
}
 .journal-block .journal-info .journal-txt h4 a:hover {
     color: #b8a07e;
     -moz-transition: all 0.5s ease-in-out 0s;
     -ms-transition: all 0.5s ease-in-out 0s;
     -o-transition: all 0.5s ease-in-out 0s;
     -webkit-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
}
 .journal-block .journal-info .journal-txt p {
     margin: 0;
     font-size: 14px;
     line-height: 24px;
}

/*-----------------------------------------------------------------------------------*/
/* Resume  
/*-----------------------------------------------------------------------------------*/

 #resume {
	 margin-top: 180px;
  
}
 .resume .resume-title {
     font-size: 26px;
     font-weight: 400;
     margin-top: 00px;
     margin-bottom: 20px;
     margin-left: -5px;z
     margin-bottom: 20px;
     color: #000000;
     
}
 .resume .resume-deco{
    position: relative;
    background: linear-gradient(to right, rgba(1, 1, 1, 1), rgba(1, 1, 1, 1) );
    background-position: 0px 8px;
    background-size: 2px 100%;
    background-repeat: no-repeat;
    text-decoration: none;
    width: fit-content; 
    margin-bottom: 40px;
}
 .resume .resume-item {
    padding: 0 0 0 20px;
    margin-top: 15px;
    position: relative;
    background-position: 2% 8px;
    background-size: 2px 100%;
    background-repeat: repeat-y;
    text-decoration: none;
    width: fit-content; 
}
 .resume .resume-item h4 {
     line-height: 25px;
     font-size: 18px;
     font-weight: 500;
     font-family: "Poppins", sans-serif;
     color: #000000;
     margin-bottom: 5px;
}
 .resume .resume-item h5 {
     font-size: 20px;
     /*background:rgba(221, 218, 218, 0.5);
     padding: 5px 15px;*/
     display: inline-block;
     font-weight: 350;
     margin-bottom: 10px;
     color: ##858383;
}
 .resume .resume-item ul {
     padding-left: 20px;
     margin-top: 10px;
}
 .resume .resume-item ul li {
     padding-bottom: 10px;
}
 .resume .resume-item:last-child {
     padding-bottom: 0;
}
 .resume .resume-item::before {
     content: "";
     position: absolute;
     width: 16px;
     height: 16px;
     border-radius: 50px;
     left: -7px;
     top: 5px;
     background: #fff;
     border: 2px solid #000000;
}

.resume .resume-place  {
     margin-top: -5px;
}

.resume-item p {
	
    line-height: 25px;
    margin: 0 0 0 0; 
}


 .resume .cv-title{
   margin-top: 70px;
   margin-bottom: 70px;
}

/*-----------------------------------------------------------------------------------*/
/* Skills
/*-----------------------------------------------------------------------------------*/

 .skills .progress {
     height: 50px;
     display: block;
     background: none;
}
 .skills .progress .skill {
     padding: 10px 0;
     margin: 0 0 6px 0;
     text-transform: uppercase;
     display: block;
     font-weight: 600;
     font-family: "Poppins", sans-serif;
     color: #2c4964;
}
 .skills .progress .skill .val {
     float: right;
     font-style: normal;
}
 .skills .progress-bar-wrap {
     background: #fbeaf1;
}
 .skills .progress-bar {
     width: 1px;
     height: 10px;
     transition: .9s;
     background-color: #dd5a92;
}



/*-----------------------------------------------------------------------------------*/
/* Awards 
/*-----------------------------------------------------------------------------------*/
.awards-padd45{

padding-right: 45px;	
}




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

/*  -  Navbar fixd page
/*-----------------------------------------------------------------------------------*/

.subpage-nav {
  display: block !important;
  position: relative;
}

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

/*  /* Single page */

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

/* main content */


.main-content {
  background: #f7f7f7;
}

.main-content .container-main {
  display: inline-block;
  width: 100%;
}

.main-content .container-main .block-main {
  margin-bottom: 30px;
  overflow: hidden;
}

.container-main .block-main .content-main {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  width: 100%;
}

.journal-txt h4 a {
  display: block;
  font-size: 19px;
  line-height: 24px;
  margin: 0 0 13px 0;
  font-weight: 500;
  color: #000;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

.journal-txt h4 a:hover {
  color: #b8a07e;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}





.post-meta ul li {
 
  margin-left: 8px;
  margin-right: 0px;
  float: none;
}

.post-meta ul li strong{
 
font-weight: 500px;
}

.award-strong {
    font-weight: 500px;
    
    }

.award-date{
	 /*margin-top: 25px;
    font-size: 18px;
    font-weight: 500;/-->*/
    
    
    font-size: 18px;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 2px;
    margin-top: 15px;
    color: ##858383;
}

.award-tile{
	margin-top:5px;
	margin-bottom: 3px;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}


.award-details{
	margin-top:0px;
    padding: 0;
    font-size: 15px;
    color: #000;
    line-height: 18px;
    display:inline-block;
}
	
 
.bold{
  font-weight: 600px;
}

	

.content-main .post-meta a {
  color: #a2a2a2;
  margin-left: 5px;
}



.ion-trophy{
	font-size: 16px;
}


.award-date-spec{
    /*margin-top: 25px;
    font-size: 18px;
    font-weight: 500;/-->*/
    
    
    font-size: 18px;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 2px;
    margin-top: 17px;
    color: ##858383;
}




/* Commonts */

.comments {
  background: #fff;
}

.entry-comments h6 {
  margin-right: 10px;
  font-size: 13px;
  letter-spacing: 0.1em;
  font-weight: 500;
}

.entry-comments-item {
  margin-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #f2f2f2;
}

.entry-comments-avatar {
  position: absolute;
  display: block;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

.entry-comments-body {
  padding-left: 86px;
}

.entry-comments-author {
  margin-right: 10px;
  font-size: 13px;
  color: #000;
  letter-spacing: 0.1em;
  font-weight: 500;
}

.rep {
  font-size: 13px;
  color: #000;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-transform: capitalize;
}

.entry-comments span a {
  font-size: 13px;
  color: #999;
}

.entry-comments-reply {
  padding-left: 10%;
}

/* Commonts form */

.cmt {
  background: #fff;
}

blockquote {
  padding: 40px;
  background-color: #f2f2f2;
  margin: 30px 0;
  border: none;
  border-left: 4px solid #b8a07e;
}



/*-----------------------------------------------------------------------------------*/
/* Contact 
/*-----------------------------------------------------------------------------------*/

 #contact {
     background: #fff;
     height: auto;
     width: 100%;
    margin-top: 0px;
    padding-bottom: 190px;

 
}
 .contact-details {
	 font-size: 18px;
     list-style: none;
     margin-top: 10px;
     line-height: 30px;
     padding: 0;
}
 .contact-details li {
     padding-bottom: 10px;
}
 #contact input, #contact textarea {
     width: 100%;
}
 #contact #sendmessage {
     color: #18d26e;
     border: 1px solid #18d26e;
     display: none;
     text-align: center;
     padding: 15px;
     font-weight: 600;
     margin: 15px;
}
 #errormessage {
     color: red;
     display: none;
     border: 1px solid red;
     text-align: center;
     padding: 15px;
     font-weight: 600;
     margin: 15px;
}
 #contact #sendmessage.show, #contact #errormessage.show, #contact .show {
     display: block;
}

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

     
}
 .contact-contact {
     width: 95%;
}


 .contact-contact {
     width: 95%;
}
 .map {
     width: 540px;
     margin-top: 0px;
    position: absolute;
    z-index: 0;
}
 #map_animation{
     height: 280px;
     width: 100%;
     z-index: -3;
 
}

 .contact-email {
     padding-top: 35px;
}
 .contact-linkedin {
     padding-top: 10px;
     font-size: 40px;
}

.bx{
	margin-right: 15px;

}

.vcard-qr{

    font-size: 35px;
    position: absolute;
    margin-top: 2px;
}




.vcard-add{

    font-size: 36px;
    display: none;
}


.modal-header{
	display:block
	
}

 .qr{
     width: 50%;
     height: 50%;
     display: block;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: -20px;
	 border: 1px;
	 border-color: blue;
}





.modal-content{
	border-radius: 0rem;
}

.modal-header {
	
	border-bottom: 0px solid #dee2e6;
	
}

.modal-title {
	font-size: 16px;
	     font-weight: 200;
	        display: block;
    text-align: center;



}


button.close {
	
	    font-size: 40px;
    font-weight: 400;
	
}



.modal-header .close {
	padding: 0 0 0 0;
margin: -40px -5px 0 0;
}



/*-----------------------------------------------------------------------------------*/
/* Footer 
/*-----------------------------------------------------------------------------------*/
 
 #footer {
     
     padding-top: 10px;
     padding-bottom: 1px;
     line-height: 0px;
      text-align: right;
}
 #footer .socials-media {
     width: 100%;
}
 #footer .socials-media ul {
     display: inline-block;
     float: none;
     margin: 0 0 20px 0;
}
 #footer .socials-media ul li {
     float: left;
     margin-left: 10px;
     margin-right: 10px;
}
 #footer .socials-media ul li a {
     font-size: 24px;
     color: #999;
     letter-spacing: 0.1em;
     font-weight: 500;
     background: transparent;
     text-transform: uppercase;
     -moz-transition: all 0.5s ease-in-out 0s;
     -ms-transition: all 0.5s ease-in-out 0s;
     -o-transition: all 0.5s ease-in-out 0s;
     -webkit-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
}
 #footer .socials-media ul li a:hover {
     color: #b8a07e;
     -moz-transition: all 0.5s ease-in-out 0s;
     -ms-transition: all 0.5s ease-in-out 0s;
     -o-transition: all 0.5s ease-in-out 0s;
     -webkit-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
}
 #footer p {
     font-size: 12px;
     letter-spacing: 0.1em;
     font-weight: 400;
     margin-top: 10px;
     margin-bottom: 40px;
     text-transform: none;
     color: #000;
     text-align: right;
         
   
}
 .credits{
     font-size: 13px;
     color: purple;
         text-align: right;
   
}