/* 
* GENERAL STYLES 
*/

body { 
  position: relative; 
  overflow-x: hidden;
} 
 
.body { 
  background: transparent; 
} 
 
h2 { 
  margin-bottom: 17px; 
  font-size: 1.8em; 
} 
 
em { 
  font-style: normal; 
  font-weight: 400; 
  color: #bf582c; 
} 
 
section.section { 
  padding: 60px 0px; 
} 
 
@media (max-width: 767px) { 
  section.section { 
    padding: 30px 0px; 
  } 
} 
/* 
* CUSTOM STYLES 
*/

.custom-position-1 { 
  position: relative; 
} 
 
.custom-font-size-1 { 
  font-size: 56px; 
  font-weight: 600; 
  line-height: 1; 
  margin: -15px 0px 10px; 
  letter-spacing: -2px; 
} 
 
.custom-font-size-2 { 
  font-size: 24px; 
  letter-spacing: -0.5px; 
  line-height: 1; 
}

.custom-font-size-3 { 
  font-size: 17px; 
  letter-spacing: -0.5px; 
  line-height: 1; 
} 
 
.custom-text-color-1 { 
  color: #b7b7b7 !important; 
} 
 
.custom-text-color-2 { 
  color: #727c93 !important; 
} 
 
.custom-text-color-3 { 
  color: #4a3b00 !important; 
} 
 
.parallax-no-overflow { 
  overflow: visible !important; 
} 
.parallax-no-overflow .parallax-background { 
  z-index: -1; 
} 
 
.custom-border { 
  border: 10px solid #fff; 
} 
 
@media (min-width: 991px) { 
  .custom-image-position-2 { 
    position: absolute; 
    max-width: 90%; 
    top: -60px; 
    z-index: 1; 
  } 
} 
.custom-margin-bottom-1 { 
  margin-bottom: 30px !important; 
} 
 
@media (min-width: 992px) { 
  .custom-section-padding-1 { 
    padding-top: 167px !important; 
    padding-bottom: 70px !important; 
  } 
 
  .custom-md-margin-top-1 { 
    margin-top: 58px; 
  } 
} 
@media (min-width: 992px) and (max-width: 1199px) { 
  .custom-section-padding-1 { 
    padding-top: 150px !important; 
    padding-bottom: 2.3rem !important; 
  } 
} 
@media (max-width: 991px) { 
  .custom-sm-margin-bottom-1 { 
    margin-bottom: 45px; 
  } 
} 
@media (max-width: 767px) { 
  .custom-xs-margin-1 { 
    margin-left: 0 !important; 
    margin-top: 10px; 
  } 
} 
.custom-btn-style-1 { 
  padding: 5px 18px; 
  border-radius: 35px !important; 
} 
 
.custom-btn-style-2 { 
  padding: 10px 30px; 
  border-radius: 35px !important; 
} 
.custom-btn-style-2.btn-outline { 
  border-color: #b5b5b5 !important; 
  border-width: 1px; 
} 
 
.custom-box-shadow-1 { 
  -webkit-box-shadow: 0px 30px 120px 0px #dde5ee; 
  box-shadow: 0px 30px 120px 0px #dde5ee; 
} 
 
.custom-box-shadow-2 { 
  -webkit-box-shadow: 0px 12px 90px -10px rgba(171, 191, 216, 0.6) !important; 
  box-shadow: 0px 12px 90px -10px rgba(171, 191, 216, 0.6) !important; 
} 
 
.custom-box-shadow-3 { 
  -webkit-box-shadow: 0 30px 40px -15px #e5edf6; 
  box-shadow: 0 30px 40px -15px #e5edf6; 
} 
 
.custom-box-shadow-4 { 
  -webkit-box-shadow: 0px 12px 90px -10px rgba(139, 139, 139, 0.5) !important; 
  box-shadow: 0px 12px 90px -10px rgba(139, 139, 139, 0.5) !important; 
} 
 
.custom-bg-color-1 { 
  background: #f4f9ff !important; 
} 
 
@media (max-width: 767px) { 
  .custom-xs-bg-size-cover { 
    background-size: cover !important; 
  } 
} 
.flag { 
  position: relative; 
  top: -1px; 
} 
 
@media (min-width: 992px) and (max-width: 1199px) { 
  .custom-image-pos-1 { 
    position: relative; 
    left: -60px; 
    max-width: 160%; 
  } 
} 
/* 
* Owl Carousel 
*/ 
.owl-carousel.custom-carousel-style-1 { 
  width: calc(100% + 120px); 
  left: 50%; 
  -webkit-transform: translateX(-50%); 
  transform: translateX(-50%); 
} 
.owl-carousel.custom-item-padding .owl-item { 
  padding: 20px 40px 40px; 
} 
.owl-carousel.custom-dots-style-1 .owl-dots button.owl-dot.active span, 
.owl-carousel.custom-dots-style-1 .owl-dots button.owl-dot:hover span { 
  border-color: #1e1e1e !important; 
  background-color: #1e1e1e !important; 
} 
.owl-carousel.custom-dots-style-1 .owl-dots button.owl-dot span { 
  position: relative; 
  width: 12px; 
  height: 12px; 
  margin: 5px 2px; 
  background: transparent !important; 
  border: 2px solid #1e1e1e; 
} 
.owl-carousel.custom-dots-color-1 .owl-dots button.owl-dot.active span, 
.owl-carousel.custom-dots-color-1 .owl-dots button.owl-dot:hover span { 
  border-color: #1e1e1e !important; 
  background-color: #1e1e1e !important; 
} 
.owl-carousel.custom-dots-color-1 .owl-dots button.owl-dot span { 
  border: 2px solid #1e1e1e !important; 
} 
.owl-carousel.custom-dots-position-1 .owl-dots { 
  text-align: right; 
  padding-right: 68px; 
} 
 
/* 
* Header 
*/ 
#header.header-floating-icons .nav { 
  -webkit-box-orient: vertical; 
  -webkit-box-direction: normal; 
  -ms-flex-direction: column; 
  flex-direction: column; 
} 
#header.header-floating-icons .header-nav-main nav > ul > li { 
  -webkit-box-flex: 0; 
  -ms-flex: 0 0 auto; 
  flex: 0 0 auto; 
  margin-left: 0; 
} 
#header.header-floating-icons .header-nav-main nav > ul > li > a.active { 
  background: #fff !important; 
} 
#header.header-floating-icons .header-nav-main nav > ul > li > a.active:after { 
  background: #fff; 
} 
 
@media (min-width: 992px) { 
  #header.header-floating-icons { 
    background: transparent; 
    height: 0; 
    min-height: 0 !important; 
  } 
  #header.header-floating-icons .header-row { 
    display: block; 
    position: absolute; 
    top: 45px; 
    left: -40px; 
  } 
  #header.header-floating-icons .header-body { 
    position: fixed; 
    top: 0; 
    background: transparent; 
    min-height: 0; 
    padding: 0; 
    border: none; 
  } 
  #header.header-floating-icons .header-nav { 
    padding: 0 !important; 
  } 
  #header.header-floating-icons .header-nav-main { 
    margin: 0; 
    -webkit-box-shadow: 0px 0px 80px 0px rgba(62, 62, 62, 0.3); 
    box-shadow: 0px 0px 80px 0px rgba(62, 62, 62, 0.3); 
  } 
  #header.header-floating-icons 
    .header-nav-main 
    nav 
    > ul 
    > li:hover 
    > a 
    > span { 
    -webkit-transform: rotateY(0deg); 
    transform: rotateY(0deg); 
  } 
  #header.header-floating-icons .header-nav-main nav > ul > li > a { 
    font-size: 25px; 
    padding: 17.1px; 
    -webkit-perspective: 770px; 
    perspective: 770px; 
  } 
  #header.header-floating-icons .header-nav-main nav > ul > li > a:after { 
    content: ""; 
    display: block; 
    position: absolute; 
    top: 0; 
    right: 0; 
    width: 100%; 
    height: 102%; 
    background: #fdd55c; 
    z-index: -1; 
  } 
  #header.header-floating-icons .header-nav-main nav > ul > li > a > span { 
    position: absolute; 
    top: 0; 
    left: 125.5%; 
    background: #fff; 
    padding: 0 25px; 
    height: 100%; 
    line-height: 4.1; 
    white-space: nowrap; 
    font-size: 14px; 
    z-index: -2; 
    -webkit-transition: ease transform 300ms; 
    transition: ease transform 300ms; 
    -webkit-transform-origin: -19% 0%; 
    transform-origin: -19% 0%; 
    -webkit-transform: rotateY(88deg); 
    transform: rotateY(88deg); 
  } 
  #header.header-floating-icons 
    .header-nav-main 
    nav 
    > ul 
    > li 
    > a 
    > span:before { 
    content: ""; 
    display: block; 
    position: absolute; 
    top: 50%; 
    left: -4px; 
    padding: 10px; 
    z-index: -1; 
    -webkit-transform: translate(0, -50%) rotate(45deg); 
    transform: translate(0, -50%) rotate(45deg); 
  } 
} 
@media (min-width: 992px) and (max-width: 1281px) { 
  #header.header-floating-icons .header-row { 
    left: -19px; 
  } 
  #header.header-floating-icons .header-nav-main nav > ul > li > a { 
    padding: 9.8px; 
    -webkit-perspective: 450px; 
    perspective: 450px; 
  } 
  #header.header-floating-icons .header-nav-main nav > ul > li > a > span { 
    line-height: 3; 
  } 
} 
@media (max-width: 991px) { 
  #header.header-floating-icons { 
    position: absolute; 
    top: 60px; 
    right: 0px; 
  } 
  #header.header-floating-icons .header-body { 
    background: transparent; 
    border: none; 
    min-height: 0; 
  } 
  #header.header-floating-icons .header-btn-collapse-nav { 
    padding: 15px 20px; 
    margin: 0; 
    color: #1e1e1e; 
  } 
  #header.header-floating-icons .header-nav-main { 
    position: absolute; 
    right: 0px; 
    top: 77px; 
    max-width: 53px; 
    overflow: hidden; 
  } 
  #header.header-floating-icons .header-nav-main:before { 
    content: none; 
  } 
  #header.header-floating-icons .header-nav-main nav { 
    padding: 0; 
    max-height: none; 
  } 
  #header.header-floating-icons .header-nav-main nav > ul { 
    display: block; 
    padding: 0; 
  } 
  #header.header-floating-icons .header-nav-main nav > ul > li { 
    display: inline-block; 
    border: none; 
  } 
  #header.header-floating-icons .header-nav-main nav > ul > li > a { 
    font-size: 1.7em; 
    margin: 0; 
    padding: 15px; 
    color: #1e1e1e !important; 
    border-bottom-color: #fdd55c; 
  } 
  #header.header-floating-icons .header-nav-main nav > ul > li > a > span { 
    display: none; 
  } 
} 
/* 
* About Me 
*/ 
.about-me { 
  width:100%;
    margin-left:auto;
    margin-right:auto;
}

.about-me-more { 
  display: none; 
  background: #393834; 
} 
.about-me-more.about-me-more-visible { 
  display: none; 
} 
 
.custom-about-me-infos span { 
  display: block; 
} 
 
@media (max-width: 767px) { 
  .custom-about-me-infos span { 
    font-size: 0.9em; 
  } 
} 
.custom-about-me-links { 
  position: relative; 
} 
.custom-about-me-links:after { 
  content: ""; 
  display: none; 
  position: absolute; 
  bottom: 0; 
  right: 0; 
  width: 75vw; 
  border-bottom: 1px solid #e2e2e2; 
  z-index: 0; 
} 
 
@media (max-width: 991px) { 
  .custom-about-me-links:after { 
    width: 100vw; 
  } 
} 
@media (max-width: 767px) { 
  .custom-about-me-links > .container { 
    max-width: none; 
  } 
} 
.custom-nav-button { 
  display: inline-block; 
  padding: 30px 10px; 
  font-size: 1.5em; 
  letter-spacing: -0.5px; 
  line-height: 1.3; 
  text-align: center; 
} 
.custom-nav-button.custom-divisors:before, 
.custom-nav-button.custom-divisors:after { 
  content: ""; 
  display: block; 
  position: absolute; 
  top: 0; 
  left: -12px; 
  height: 100%; 
  border-left: 1px solid #ffffff; 
} 
.custom-nav-button.custom-divisors:after { 
  left: auto; 
  right: -16px; 
} 
.custom-nav-button i { 
  float: left; 
  font-size: 1.5em; 
  margin-right: 5px; 
  vertical-align: middle; 
} 
 
@media (max-width: 991px) { 
  .custom-nav-button.custom-divisors:before, 
  .custom-nav-button.custom-divisors:after { 
    content: none; 
  } 
 
  .custom-xs-border-bottom { 
    border-bottom: 1px solid #e2e2e2; 
  } 
} 
.custom-box-details { 
  padding: 21px; 
  width: 100%;
  margin-left: 45px;
} 
.custom-box-details h4 { 
  letter-spacing: -0.5px; 
} 
@media (max-width: 767px) { 
  .custom-box-details { 
    float: none !important; 
    margin-left: 0 !important; 
  } 
} 
 
.custom-list-style-1 { 
  padding: 0; 
} 
.custom-list-style-1 li { 
  list-style: none; 
} 
.custom-list-style-1 li span { 
  font-weight: 600; 
  font-size: 0.9em; 
} 
.custom-list-style-1 li span:nth-child(1) { 
  display: inline-block; 
  min-width: 99px; 
} 
.custom-list-style-1 li span.custom-max-width-1 { 
  min-width: 30px; 
} 
 
.custom-social-icons { 
  position: absolute; 
  top: 50%; 
  right: 0; 
  -webkit-transform: translate(0, -50%); 
  transform: translate(0, -50%); 
} 
.custom-social-icons li { 
  display: block; 
  margin: 0; 
} 
.custom-social-icons li a { 
  height: 40px; 
  width: 40px; 
} 
.custom-social-icons li:hover a { 
  opacity: 0.7; 
}

.social-icons-footer li { 
  display: block; 
  margin: 0; 
} 
.social-icons-footer li a { 
  height: 40px; 
  width: 40px;
} 
.social-icons-footer a:hover { 
  opacity: .7; 
}

@media (max-width: 1281px) { 
  .custom-social-icons { 
    display: none; 
  } 
} 

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.icon-envelope-send-message {
  color: #ffc000;
}
 
/* 
* Experience 
*/ 
section.custom-timeline { 
  width: calc(100% - 55px); 
  margin: 0 0 0 40px; 
  padding: 0; 
} 
section.custom-timeline:after, 
section.custom-timeline:before { 
  content: none; 
} 
section.custom-timeline .timeline-body:after { 
  content: ""; 
  display: block; 
  clear: both; 
} 
section.custom-timeline .timeline-bar { 
  position: absolute; 
  background: #1e1e1e; 
  width: 4px; 
  left: -3.5%; 
  z-index: 0; 
} 
section.custom-timeline .timeline-box { 
  position: relative; 
  border: 0 !important; 
  margin: 15px 0 !important; 
  width: 100%; 
  margin: 0; 
  padding: 0; 
} 
section.custom-timeline .timeline-box.right { 
  max-width: 100%; 
} 
section.custom-timeline .timeline-box.right:before { 
  top: 50%; 
  left: -3.8%; 
  background: #1e1e1e !important; 
  -webkit-box-shadow: 0 0 0 3px #ecf1f7, 0 0 0 6px #1e1e1e !important; 
  box-shadow: 0 0 0 3px #ecf1f7, 0 0 0 6px #1e1e1e !important; 
  margin-top: 0; 
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%); 
} 
section.custom-timeline .timeline-box.right:after { 
  top: 50%; 
  left: -22px; 
  background: #fdd55c; 
  border: none; 
  -webkit-transform: translateY(-50%) rotate(45deg); 
  transform: translateY(-50%) rotate(45deg); 
} 
section.custom-timeline .timeline-box .experience-info, 
section.custom-timeline .timeline-box .experience-description { 
  padding: 40px; 
} 
section.custom-timeline .timeline-box .experience-info p { 
  opacity: 0.5; 
  text-transform: uppercase; 
  font-size: 11px; 
} 
section.custom-timeline .timeline-box .experience-info .from, 
section.custom-timeline .timeline-box .experience-info .to { 
  display: inline-block; 
  width: 49%; 
  text-transform: uppercase; 
  font-size: 18px; 
  line-height: 1.3; 
} 
section.custom-timeline .timeline-box .experience-info .from > span, 
section.custom-timeline .timeline-box .experience-info .to > span { 
  display: block; 
  text-transform: none; 
  font-size: 18px; 
} 
section.custom-timeline .timeline-box .experience-info .company { 
  font-size: 19px; 
} 
section.custom-timeline .timeline-box .experience-info .company > span { 
  display: block; 
  text-transform: uppercase; 
  font-size: 11px; 
} 
 
@media (max-width: 1199px) { 
  section.custom-timeline { 
    width: calc(100% - 60px); 
    margin: 0 0 0 60px; 
  } 
  section.custom-timeline .timeline-bar { 
    left: -5.1%; 
  } 
  section.custom-timeline .timeline-box.right:before { 
    left: -5.5%; 
  } 
} 
@media (max-width: 991px) { 
  section.custom-timeline { 
    width: calc(100% - 30px); 
    margin: 0 0 0 20px; 
  } 
  section.custom-timeline .timeline-bar { 
    left: -6.7%; 
  } 
  section.custom-timeline .timeline-box:before, 
  section.custom-timeline .timeline-box:after { 
    display: block !important; 
  } 
  section.custom-timeline .timeline-box.right { 
    float: right; 
  } 
  section.custom-timeline .timeline-box.right:before { 
    left: -7%; 
  } 
} 
@media (max-width: 767px) { 
  section.custom-timeline { 
    width: 100%; 
    margin: 0; 
    padding-left: 15px; 
    padding-right: 15px; 
  } 
  section.custom-timeline .timeline-bar { 
    display: none; 
  } 
  section.custom-timeline .timeline-box:before, 
  section.custom-timeline .timeline-box:after { 
    display: none !important; 
  } 
} 
@media (max-width: 575px) { 
  section.custom-timeline { 
    padding-left: 0; 
    padding-right: 0; 
  } 
} 

/* 
* Education 
*/ 
section.custom-timeline2 { 
  width: calc(100% - 55px); 
  margin: 0 0 0 40px; 
  padding: 0; 
} 
section.custom-timeline2:after, 
section.custom-timeline2:before { 
  content: none; 
} 
section.custom-timeline2 .timeline-body2:after { 
  content: ""; 
  display: block; 
  clear: both; 
} 
section.custom-timeline2 .timeline-bar2 { 
  position: absolute; 
  background: #1e1e1e; 
  width: 4px; 
  left: -3.5%; 
  z-index: 0; 
} 
section.custom-timeline2 .timeline-box2 { 
  position: relative; 
  border: 0 !important; 
  margin: 15px 0 !important; 
  width: 100%; 
  margin: 0; 
  padding: 0; 
} 
section.custom-timeline2 .timeline-box2.right { 
  max-width: 100%; 
} 
section.custom-timeline2 .timeline-box2.right:before { 
  top: 50%; 
  left: -3.8%; 
  background: #1e1e1e !important; 
  -webkit-box-shadow: 0 0 0 3px #ecf1f7, 0 0 0 6px #1e1e1e !important; 
  box-shadow: 0 0 0 3px #ecf1f7, 0 0 0 6px #1e1e1e !important; 
  margin-top: 0; 
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%); 
} 
section.custom-timeline2 .timeline-box2.right:after { 
  top: 50%; 
  left: -22px; 
  background: #fdd55c; 
  border: none; 
  -webkit-transform: translateY(-50%) rotate(45deg); 
  transform: translateY(-50%) rotate(45deg); 
} 
section.custom-timeline2 .timeline-box2 .experience-info, 
section.custom-timeline2 .timeline-box2 .experience-description { 
  padding: 40px; 
} 
section.custom-timeline2 .timeline-box2 .experience-info p { 
  opacity: 0.5; 
  text-transform: uppercase; 
  font-size: 11px; 
} 
section.custom-timeline2 .timeline-box2 .experience-info .from, 
section.custom-timeline2 .timeline-box2 .experience-info .to { 
  display: inline-block; 
  width: 49%; 
  text-transform: uppercase; 
  font-size: 18px; 
  line-height: 1.3; 
} 
section.custom-timeline2 .timeline-box2 .experience-info .from > span, 
section.custom-timeline2 .timeline-box2 .experience-info .to > span { 
  display: block; 
  text-transform: none; 
  font-size: 18px; 
} 
section.custom-timeline2 .timeline-box2 .experience-info .company { 
  font-size: 19px; 
} 
section.custom-timeline2 .timeline-box2 .experience-info .company > span { 
  display: block; 
  text-transform: uppercase; 
  font-size: 11px; 
} 
 
@media (max-width: 1199px) { 
  section.custom-timeline2 { 
    width: calc(100% - 60px); 
    margin: 0 0 0 60px; 
  } 
  section.custom-timeline2 .timeline-bar2 { 
    left: -5.1%; 
  } 
  section.custom-timeline2 .timeline-box2.right:before { 
    left: -5.5%; 
  } 
} 
@media (max-width: 991px) { 
  section.custom-timeline2 { 
    width: calc(100% - 30px); 
    margin: 0 0 0 20px; 
  } 
  section.custom-timeline2 .timeline-bar2 { 
    left: -6.7%; 
  } 
  section.custom-timeline2 .timeline-box2:before, 
  section.custom-timeline2 .timeline-box2:after { 
    display: block !important; 
  } 
  section.custom-timeline2 .timeline-box2.right { 
    float: right; 
  } 
  section.custom-timeline2 .timeline-box2.right:before { 
    left: -7%; 
  } 
} 
@media (max-width: 767px) { 
  section.custom-timeline2 { 
    width: 100%; 
    margin: 0; 
    padding-left: 15px; 
    padding-right: 15px; 
  } 
  section.custom-timeline2 .timeline-bar2 { 
    display: none; 
  } 
  section.custom-timeline2 .timeline-box2:before, 
  section.custom-timeline2 .timeline-box2:after { 
    display: none !important; 
  } 
} 
@media (max-width: 575px) { 
  section.custom-timeline2 { 
    padding-left: 0; 
    padding-right: 0; 
  } 
} 

/* 
* Publications 
*/ 
section.custom-timeline3 { 
  width: calc(100% - 55px); 
  margin: 0 0 0 40px; 
  padding: 0; 
} 
section.custom-timeline3:after, 
section.custom-timeline3:before { 
  content: none; 
} 
section.custom-timeline3 .timeline-body3:after { 
  content: ""; 
  display: block; 
  clear: both; 
} 
section.custom-timeline3 .timeline-bar3 { 
  position: absolute; 
  background: #1e1e1e; 
  width: 4px; 
  left: -3.5%; 
  z-index: 0; 
} 
section.custom-timeline3 .timeline-box3 { 
  position: relative; 
  border: 0 !important; 
  margin: 15px 0 !important; 
  width: 100%; 
  margin: 0; 
  padding: 0; 
} 
section.custom-timeline3 .timeline-box3.right { 
  max-width: 100%; 
} 
section.custom-timeline3 .timeline-box3.right:before { 
  top: 50%; 
  left: -3.8%; 
  background: #1e1e1e !important; 
  -webkit-box-shadow: 0 0 0 3px #ecf1f7, 0 0 0 6px #1e1e1e !important; 
  box-shadow: 0 0 0 3px #ecf1f7, 0 0 0 6px #1e1e1e !important; 
  margin-top: 0; 
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%); 
} 
section.custom-timeline3 .timeline-box3.right:after { 
  top: 50%; 
  left: -22px; 
  background: #fdd55c; 
  border: none; 
  -webkit-transform: translateY(-50%) rotate(45deg); 
  transform: translateY(-50%) rotate(45deg); 
} 
section.custom-timeline3 .timeline-box3 .experience-info, 
section.custom-timeline3 .timeline-box3 .experience-description { 
  padding: 40px; 
} 
section.custom-timeline3 .timeline-box3 .experience-info p { 
  opacity: 0.5; 
  text-transform: uppercase; 
  font-size: 11px; 
} 
section.custom-timeline3 .timeline-box3 .experience-info .from, 
section.custom-timeline3 .timeline-box3 .experience-info .to { 
  display: inline-block; 
  width: 49%; 
  text-transform: uppercase; 
  font-size: 18px; 
  line-height: 1.3; 
} 
section.custom-timeline3 .timeline-box3 .experience-info .from > span, 
section.custom-timeline3 .timeline-box3 .experience-info .to > span { 
  display: block; 
  text-transform: none; 
  font-size: 18px; 
} 
section.custom-timeline3 .timeline-box3 .experience-info .company { 
  font-size: 19px; 
} 
section.custom-timeline3 .timeline-box3 .experience-info .company > span { 
  display: block; 
  text-transform: uppercase; 
  font-size: 11px; 
} 
 
@media (max-width: 1199px) { 
  section.custom-timeline3 { 
    width: calc(100% - 60px); 
    margin: 0 0 0 60px; 
  } 
  section.custom-timeline3 .timeline-bar3 { 
    left: -5.1%; 
  } 
  section.custom-timeline3 .timeline-box3.right:before { 
    left: -5.5%; 
  } 
} 
@media (max-width: 991px) { 
  section.custom-timeline3 { 
    width: calc(100% - 30px); 
    margin: 0 0 0 20px; 
  } 
  section.custom-timeline3 .timeline-bar3 { 
    left: -6.7%; 
  } 
  section.custom-timeline3 .timeline-box3:before, 
  section.custom-timeline3 .timeline-box3:after { 
    display: block !important; 
  } 
  section.custom-timeline3 .timeline-box3.right { 
    float: right; 
  } 
  section.custom-timeline3 .timeline-box3.right:before { 
    left: -7%; 
  } 
} 
@media (max-width: 767px) { 
  section.custom-timeline3 { 
    width: 100%; 
    margin: 0; 
    padding-left: 15px; 
    padding-right: 15px; 
  } 
  section.custom-timeline3 .timeline-bar3 { 
    display: none; 
  } 
  section.custom-timeline3 .timeline-box3:before, 
  section.custom-timeline3 .timeline-box3:after { 
    display: none !important; 
  } 
} 
@media (max-width: 575px) { 
  section.custom-timeline3 { 
    padding-left: 0; 
    padding-right: 0; 
  } 
} 
 
/* 
* Education 
*/ 
.custom-box-details-2 { 
  padding: 45px; 
  margin-top: 20px; 
  margin-bottom: 20px; 
} 
.custom-box-details-2 h4 { 
  letter-spacing: -0.5px; 
} 
.custom-box-details-2 > i { 
  font-size: 2em; 
} 
 
/* 
* Skills & Language 
*/ 
.custom-progress-bars:after { 
  content: ""; 
  display: block; 
  clear: both; 
} 
.custom-progress-bars .progress-label { 
  float: left; 
  width: 30%; 
  clear: both; 
  margin-top: 10px; 
} 
.custom-progress-bars .progress { 
  float: left; 
  width: 70%; 
  height: 3px; 
  margin-top: 20px; 
} 
.custom-progress-bars .progress .progress-bar { 
  background-color: #1e1e1e; 
  overflow: visible !important; 
  height: auto; 
} 
 
.icon-bar { 
  width: 100%; 
  height: 100%; 
  background-color: #fff; 
} 
 
.html5-icon:hover{ 
  transform: scale(1.1); 
} 
 
.r-lang-icon:hover{ 
  transform: scale(1.1); 
} 

.java-icon:hover{ 
	transform: scale(1.1); 
} 
 
.javascript-icon:hover{ 
	transform: scale(1.1); 
} 
 
.matlab-icon:hover{ 
	transform: scale(1.1); 
} 

.googlecolab-icon:hover{ 
	transform: scale(1.1); 
} 

.netbeans-icon:hover{ 
	transform: scale(1.1); 
} 
 
.typescript-icon:hover{ 
	transform: scale(1.1); 
} 
 
.css3-icon:hover{ 
	transform: scale(1.1); 
} 
 
.python-icon:hover{ 
	transform: scale(1.1); 
} 
 
.java-icon:hover{ 
	transform: scale(1.1); 
} 
 
.latex-icon:hover{ 
	transform: scale(1.1); 
} 
 
.bash-icon:hover{ 
	transform: scale(1.1); 
} 
 
.nodejs-icon:hover{ 
	transform: scale(1.1); 
} 
 
.webpack-icon:hover{ 
	transform: scale(1.1); 
} 

.azure-icon:hover{ 
	transform: scale(1.1); 
} 

.azuredevops-icon:hover{ 
	transform: scale(1.1); 
} 

.azuredatafactory-icon:hover{ 
	transform: scale(1.1); 
} 

.azuredatalakestore-icon:hover{ 
	transform: scale(1.1); 
} 

.relativity-icon:hover{ 
	transform: scale(1.1); 
} 

.nuix-icon:hover{ 
	transform: scale(1.1); 
} 
 
.npm-icon:hover{ 
	transform: scale(1.1); 
} 
 
.yarn-icon:hover{ 
	transform: scale(1.1); 
} 
 
.bower-icon:hover{ 
	transform: scale(1.1); 
} 
 
.sass-icon:hover{ 
	transform: scale(1.1); 
} 
 
.less-icon:hover{ 
	transform: scale(1.1); 
} 
 
.bootstrap-icon:hover{ 
	transform: scale(1.1); 
} 
 
.docker-icon:hover{ 
	transform: scale(1.1); 
} 

.servicenow-icon:hover{ 
	transform: scale(1.1); 
} 
 
.dojo-icon:hover{ 
	transform: scale(1.1); 
} 
 
.react-icon:hover{ 
	transform: scale(1.1); 
} 
 
.django-icon:hover{ 
	transform: scale(1.1); 
} 

.pytorch-icon:hover{ 
	transform: scale(1.1); 
} 
 
.tensorflow-icon:hover{ 
	transform: scale(1.1); 
} 
 
.keras-icon:hover{ 
	transform: scale(1.1); 
} 
 
.numpy-icon:hover{ 
	transform: scale(1.1); 
} 

.matplotlib-icon:hover{ 
	transform: scale(1.1); 
} 
 
.scipy-icon:hover{ 
	transform: scale(1.1); 
}  

.pandas-icon:hover{ 
	transform: scale(1.1); 
}  

.seaborn-icon:hover{ 
	transform: scale(1.1); 
} 
 
.angularjs-icon:hover {
	transform: scale(1.1); 
} 
 
.redux-icon:hover{ 
	transform: scale(1.1); 
} 
 
.apple-icon:hover{ 
	transform: scale(1.1); 
} 
 
.android-icon:hover{ 
	transform: scale(1.1); 
} 
 
.ubuntu-icon:hover{ 
	transform: scale(1.1); 
} 
 
.windows-icon:hover{ 
	transform: scale(1.1); 
} 
 
.arch-icon:hover{ 
	transform: scale(1.1); 
} 
 
.mysql-icon:hover{ 
	transform: scale(1.1); 
} 
 
.postgresql-icon:hover{ 
	transform: scale(1.1); 
} 

.json-icon:hover{ 
	transform: scale(1.1); 
} 

.office-icon:hover{ 
	transform: scale(1.1); 
} 

.raspberry-icon:hover{ 
	transform: scale(1.1); 
} 

.php-icon:hover{ 
	transform: scale(1.1); 
} 

.jquery-icon:hover{ 
	transform: scale(1.1); 
} 
 
.intellijidea-icon:hover{ 
	transform: scale(1.1); 
} 
 
.vscode-icon:hover{ 
	transform: scale(1.1); 
} 
 
.atom-icon:hover{ 
	transform: scale(1.1); 
} 
 
.pycharm-icon:hover{ 
	transform: scale(1.1); 
} 
 
.atlassian-icon:hover{ 
	transform: scale(1.1); 
} 
 
.git-icon:hover{ 
	transform: scale(1.1); 
}
 
.gitkraken-icon:hover{ 
	transform: scale(1.1); 
} 
 
.gitlab-icon:hover{ 
	transform: scale(1.1); 
} 
 
.travis-ci-icon:hover{ 
	transform: scale(1.1); 
} 

.grunt-icon:hover{ 
	transform: scale(1.1); 
} 
 
.jira-icon:hover{ 
	transform: scale(1.1); 
} 
 
.aws-lambda-icon:hover{ 
	transform: scale(1.1); 
} 
 
.invision-icon:hover{ 
	transform: scale(1.1); 
} 
 
.lightroom-icon:hover{ 
	transform: scale(1.1); 
} 
 
.photoshop-icon:hover{ 
	transform: scale(1.1); 
} 
 
.aws-icon:hover{ 
	transform: scale(1.1); 
} 
 
.sketch-icon:hover{ 
	transform: scale(1.1); 
} 
 
.slack-icon:hover{ 
	transform: scale(1.1); 
} 
 
.teams-icon:hover{ 
	transform: scale(1.1); 
} 
 
/* 
* Portfolio 
*/ 
.custom-nav-sort.nav > li { 
  margin-right: 10px; 
} 
.custom-nav-sort.nav > li > a { 
  background: transparent; 
  border-radius: 35px; 
  color: #1e1e1e; 
  text-transform: uppercase; 
  border: 1px solid #d0d3d6; 
  font-weight: 700; 
  padding: 7px 30px; 
  font-size: 0.9em; 
  -webkit-transition: ease background 300ms; 
  transition: ease background 300ms; 
} 
.custom-nav-sort.nav > li.active > a, 
.custom-nav-sort.nav > li:hover > a { 
  background: #fdd55c; 
  border-color: #fdd55c; 
} 
.custom-nav-sort.nav > li.active > a:hover, 
.custom-nav-sort.nav > li.active > a:focus, 
.custom-nav-sort.nav > li:hover > a:hover, 
.custom-nav-sort.nav > li:hover > a:focus { 
  color: #1e1e1e; 
} 
 
@media (max-width: 767px) { 
  .custom-nav-sort.nav > li { 
    margin-bottom: 10px; 
  } 
} 
.custom-thumb-info-1 { 
  border: none; 
  -webkit-backface-visibility: initial; 
  backface-visibility: initial; 
  -webkit-transform: none; 
  transform: none; 
} 
.custom-thumb-info-1:hover .thumb-info-wrapper:after { 
  opacity: 0.8; 
} 
.custom-thumb-info-1:hover .thumb-info-wrapper .thumb-info-plus { 
  opacity: 1; 
  width: 30%; 
} 
.custom-thumb-info-1:hover .thumb-info-wrapper .thumb-info-plus:after { 
  -webkit-transform: translate(-50%, -50%) rotate(90deg); 
  transform: translate(-50%, -50%) rotate(90deg); 
} 
.custom-thumb-info-1 .thumb-info-wrapper { 
  margin: 0 !important; 
  -webkit-backface-visibility: initial; 
  backface-visibility: initial; 
  -webkit-transform: none; 
  transform: none; 
} 
.custom-thumb-info-1 .thumb-info-wrapper:after { 
  background: #fdd55c; 
} 
.custom-thumb-info-1 .thumb-info-wrapper .thumb-info-plus { 
  opacity: 0; 
  position: absolute; 
  width: 10%; 
  top: 50%; 
  left: 50%; 
  z-index: 2; 
  -webkit-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%); 
  -webkit-transition: ease all 0.3s; 
  transition: ease all 0.3s; 
} 
.custom-thumb-info-1 .thumb-info-wrapper .thumb-info-plus:before, 
.custom-thumb-info-1 .thumb-info-wrapper .thumb-info-plus:after { 
  content: ""; 
  display: block; 
  position: absolute; 
  width: 100%; 
  top: 50%; 
  left: 50%; 
  border-top: 1px solid #1e1e1e; 
  -webkit-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%); 
} 
.custom-thumb-info-1 .thumb-info-wrapper .thumb-info-plus:after { 
  -webkit-transform: translate(-50%, -50%) rotate(0deg); 
  transform: translate(-50%, -50%) rotate(0deg); 
} 
 
/* 
* Testimonials 
*/ 
.custom-testimonial-style-1.testimonial-with-quotes blockquote:before, 
.custom-testimonial-style-1.testimonial-with-quotes blockquote:after { 
  color: #1e1e1e; 
} 
.custom-testimonial-style-1.testimonial-with-quotes blockquote p { 
  padding: 0 10px; 
} 
.custom-testimonial-style-1 blockquote { 
  background: transparent !important; 
} 
.custom-testimonial-style-1 blockquote p { 
  font-family: "Open Sans"; 
  font-size: 1em; 
  line-height: 1.8; 
} 
.custom-testimonial-style-1 .testimonial-author { 
  position: relative; 
  margin: 19px 0 0 72px; 
} 
.custom-testimonial-style-1 .testimonial-author:before { 
  content: ""; 
  display: block; 
  position: absolute; 
  top: -10px; 
  left: 10px; 
  width: 100px; 
  border-top: 1px solid #deb717; 
} 
.custom-testimonial-style-1 .testimonial-author span { 
  font-size: 1em; 
} 
 
/* 
* Interests 
*/ 
 
ul.hb-list li { 
  display: inline-block; 
  margin-right: 10px; 
  text-align: center; 
} 
 
ul.hb-list li span { 
  color: #ffd42d; 
  display: block; 
  height: 45px; 
  width: 45px; 
} 
 
ul.hb-list li span i { 
  font-size: 30px; 
  line-height: 42px; 
  display: block; 
} 
 
ul.hb-list li h6 { 
  color: #999999; 
  margin-top: 10px; 
  font-style: italic; 
  font-size: 14.5px; 
} 
 
.listing { 
  padding: 40px 0; 
  position: relative; 
} 
 
.listing:after { 
  background-color: #eaeaea; 
  content: " "; 
  height: 100%; 
  left: 36.5%; 
  position: absolute; 
  top: 0; 
  width: 1px; 
  z-index: 0; 
} 
 
.listing-inner:before { 
  background: #2a2a2a; 
  top: -20px; 
  content: " "; 
  height: 12px; 
  left: 35.3%; 
  position: absolute; 
  width: 12px; 
  z-index: 0; 
} 
 
.listing-inner:after { 
  background: #ffd42d; 
  bottom: -20px; 
  content: " "; 
  height: 12px; 
  left: 35.3%; 
  position: absolute; 
  width: 12px; 
  z-index: 0; 
} 
 
.listing .listing-event { 
  position: relative; 
  z-index: 2; 
} 
 
.listing .listing-event .data.left { 
  float: left; 
  margin-left: -17%; 
  padding-right: 28px; 
  position: relative; 
  text-align: right; 
  width: 53%; 
} 
 
.listing .listing-event .data.right { 
  margin-left: 35%; 
  padding-left: 38px; 
  position: relative; 
  text-align: left; 
  width: 71%; 
} 
 
.listing .listing-event .data li { 
  font-size: 15px; 
  font-weight: 400; 
  line-height: 26px; 
} 
 
.listing a { 
  font-size: 14px; 
  font-weight: 700; 
  position: absolute; 
  bottom: -25px; 
} 
 
.listing a:hover { 
  color: #ffd42d; 
} 
 
.listing a.btn-1 { 
  left: 3px; 
} 
 
.listing a.btn-2 { 
  right: 26.8%; 
} 
 
/* 
* Blog 
*/ 
.custom-thumb-info-2 { 
  border: 0; 
} 
.custom-thumb-info-2 .thumb-info-wrapper { 
  margin: 0 !important; 
} 
.custom-thumb-info-2 .thumb-info-wrapper:after { 
  content: none; 
} 
.custom-thumb-info-2 .thumb-info-caption { 
  display: block; 
  padding: 25px 45px 45px; 
} 
.custom-thumb-info-2 .thumb-info-caption .thumb-info-caption-text { 
  padding: 0; 
  min-height: 112px; 
} 
.custom-thumb-info-2 .thumb-info-caption .thumb-info-caption-text p { 
  font-size: 1em; 
  padding: 0; 
  line-height: 2; 
} 
.custom-thumb-info-2 .thumb-info-caption .custom-blog-post-share { 
  float: right; 
} 
.custom-thumb-info-2 .thumb-info-caption .custom-blog-post-share ul { 
  float: right; 
  margin-left: 8px; 
  padding: 0; 
} 
.custom-thumb-info-2 .thumb-info-caption .custom-blog-post-share ul li { 
  display: inline-block; 
  list-style: none; 
  line-height: 1; 
  padding: 0 10px; 
} 
.custom-thumb-info-2 .thumb-info-caption .custom-blog-post-share ul li a { 
  line-height: 1; 
  -webkit-transition: ease opacity 300ms; 
  transition: ease opacity 300ms; 
} 
.custom-thumb-info-2 .thumb-info-caption .custom-blog-post-share ul li a:hover { 
  opacity: 0.7; 
} 
.custom-thumb-info-2 
  .thumb-info-caption 
  .custom-blog-post-share 
  ul 
  li 
  a.item-facebook { 
  color: #395b98; 
} 
.custom-thumb-info-2 
  .thumb-info-caption 
  .custom-blog-post-share 
  ul 
  li 
  a.item-twitter { 
  color: #2baae1; 
} 
.custom-thumb-info-2 
  .thumb-info-caption 
  .custom-blog-post-share 
  ul 
  li 
  a.item-google-plus { 
  color: #fc5956; 
} 
.custom-thumb-info-2 
  .thumb-info-caption 
  .custom-blog-post-share 
  ul 
  li:nth-child(2) { 
  border-left: 1px solid #bababa; 
  border-right: 1px solid #bababa; 
} 
.custom-thumb-info-2 
  .thumb-info-caption 
  .custom-blog-post-share 
  ul 
  li:last-child { 
  padding-right: 0; 
} 
@media (max-width: 1200px) { 
  .custom-thumb-info-2 .thumb-info-caption .custom-blog-post-share { 
    float: left; 
  } 
} 
@media (max-width: 1200px) { 
  .custom-thumb-info-2 .thumb-info-caption .custom-blog-post-date { 
    display: block; 
  } 
} 
 
@media (max-width: 767px) { 
  .custom-thumb-info-2 .thumb-info-caption { 
    padding: 25px 25px 45px; 
  } 
  .custom-thumb-info-2 .thumb-info-caption .custom-blog-post-share { 
    float: left; 
  } 
} 
@media (max-width: 430px) { 
  .custom-thumb-info-2 .thumb-info-caption { 
    padding: 25px 25px 15px; 
  } 
  .custom-thumb-info-2 .thumb-info-caption .custom-blog-post-share { 
    float: none; 
    display: block; 
  } 
  .custom-thumb-info-2 .thumb-info-caption .custom-blog-post-share ul { 
    float: none; 
    margin-left: 0; 
  } 
  .custom-thumb-info-2 .thumb-info-caption .custom-blog-post-share ul li { 
    padding-left: 0; 
  } 
  .custom-thumb-info-2 
    .thumb-info-caption 
    .custom-blog-post-share 
    ul 
    li:nth-child(2) { 
    border: none; 
  } 
  .custom-thumb-info-2 .thumb-info-caption .custom-blog-post-date { 
    float: none; 
    display: block; 
  } 
} 
/* 
* Say Hello 
*/ 
.col-half-section.col-half-section-left { 
  float: left;
} 
 
.custom-form-style .form-control-custom .form-control { 
  background: transparent; 
  border: none; 
  border-bottom: 1px solid #d8b113; 
  color: #1e1e1e; 
  font-size: 12px; 
  padding: 6px 0; 
  margin-bottom: 15px; 
  -webkit-box-shadow: none; 
  box-shadow: none; 
} 
.custom-form-style 
  .form-control-custom 
  .form-control::-webkit-input-placeholder { 
  color: #1e1e1e; 
  text-transform: uppercase; 
  font-weight: 600; 
} 
.custom-form-style .form-control-custom .form-control::-moz-placeholder { 
  color: #1e1e1e; 
  text-transform: uppercase; 
  font-weight: 600; 
} 
.custom-form-style .form-control-custom .form-control:-ms-input-placeholder { 
  color: #1e1e1e; 
  text-transform: uppercase; 
  font-weight: 600; 
} 
.custom-form-style .form-control-custom .form-control:-moz-placeholder { 
  color: #1e1e1e; 
  text-transform: uppercase; 
  font-weight: 600; 
} 
.custom-form-style .form-control-custom textarea.form-control { 
  height: 100px; 
  margin-bottom: 15px; 
} 
 
.custom-feature-box:hover .custom-feature-box-icon { 
  background: #fdd55c; 
} 
.custom-feature-box:hover .custom-feature-box-icon i { 
  color: #1e1e1e !important; 
} 
.custom-feature-box .custom-feature-box-icon { 
  border: 1px solid #454441; 
  line-height: 0.9; 
  padding: 10px; 
  -webkit-transition: ease background 300ms; 
  transition: ease background 300ms; 
} 
.custom-feature-box .custom-feature-box-icon i { 
  font-size: 1.4em; 
  -webkit-transition: ease color 300ms; 
  transition: ease color 300ms; 
} 
.custom-feature-box .feature-box-info { 
  padding-left: 25px; 
  -webkit-box-flex: 0; 
  -ms-flex: none; 
  flex: none; 
} 
.custom-feature-box .feature-box-info > .custom-label { 
  display: block; 
  line-height: 1; 
  font-size: 0.8em; 
  color: #bdbdbd; 
  position: relative; 
} 
.custom-feature-box .feature-box-info > strong { 
  font-size: 1.7em; 
  line-height: 1; 
} 
.custom-feature-box .feature-box-info.custom-both-side-border { 
  border-right: 1px solid #52504d; 
  border-left: 1px solid #52504d; 
  line-height: 1; 
  padding: 0px 16px; 
  margin: 0 13px; 
} 
 
@media (max-width: 767px) { 
  .custom-feature-box .feature-box-info > strong { 
    font-size: 1.4em; 
  } 
 
  .custom-feature-box-icon { 
    top: -1px; 
  } 
} 
 
.fa { 
  padding: 20px; 
  font-size: 30px; 
  width: 30px; 
  text-align: center; 
  text-decoration: none; 
  margin: 5px 2px; 
  border-radius: 50%; 
} 

.fa:hover { 
  opacity: 0.7; 
} 
 
/* 
* Footer 
*/ 
#footer { 
  border-top: none; 
} 
#footer .footer-copyright { 
  border-top: none; 
  padding: 15px 0px 30px 0px; 
} 
 
@media (max-width: 992px) { 
  #header 
    .header-nav-main 
    nav 
    > ul 
    > li.dropdown 
    .dropdown-menu 
    li.dropdown-submenu 
    > .dropdown-menu { 
    right: auto; 
  } 
 
  #header 
    .header-nav-main 
    nav 
    > ul 
    > li.dropdown:hover 
    .dropdown-menu 
    li.dropdown-submenu 
    > .dropdown-menu { 
    right: 100%; 
  } 
}