body {    background-color: #d6d6d6 !important; position: relative;}
.container-fluid {padding-top: 24px;}
h1, h2, h3 {font-family: 'DroidKufiBold'}
p {font-size: 16px;}
p, span, li {font-family: 'DroidKufiLight'}
img {width: 100%;}
.mb-0 {text-align: center;    color: #343a40;}
.text-primary { color: #bd5d38!important; font-family: 'DroidKufiBold' }
.firstRow p {text-align: center; color: #000; font-size: 18px;}
#secondRow {background: #1b1b1b; margin: 24px 0; padding-top: 24px; padding-bottom: 24px}
#secondRow .mb-0 {color: #fff;}
.rowDescription { text-align: justify !important; width: 85%; margin: auto; padding: 24px 15px 12px 15px;}

.graphList{width: 80%; margin: auto; padding-top: 48px;font-size: 18px;}
.listText {color: #fff !important}
.graphList li {list-style-type: circle; color: #bd5d38; margin-bottom: 24px; line-height: 30px;text-align: justify;}
.graphList2 li {font-weight: bold}
.f100 { font-weight: bold; color: #fff; margin-bottom: 10px; padding-bottom: 15px; position: relative; }
.f100::after { border-bottom: 3px solid #1b1b1b; bottom: 0; content: ""; height: 3px; right: 0; margin: 0 auto; position: absolute; right: 0; width: 10%; }

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: right;
}
.anotherRow { background: #e8e8e8; }
.otherRowDescription { width: 80%; margin: 24px auto; }
@media (max-width: 768px) {
    .container-fluid {padding-top: 55px !important;}
    .rowDescription {width: 100% !important;font-size: 16px !important;}
    .graphList li {text-align: right;}
    h1, h2, h3 {line-height: 40px !important;font-size: 20px !important; margin-bottom: 0px !important}
    .mb-0 {font-size: 23px !important;}
    .text-primary{width: 100% !important; display: block;}
    .textOnParallax { width: 100% !important; }
    .graphList {width: 90%; margin: auto;}
}

.clear {clear: both;}

.bgimg { position: relative; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 1}
.bgimg-1 { background-image: url("../imgs/1.jpg"); min-height: 100%; }
.bgimg-1-1 { background-image: url("../imgs/2/1.jpg"); min-height: 100%; }
.bgimg-2 { background-image: url("../imgs/2/1.jpg"); min-height: 100%; }
.bgimg-3 { background-image: url("../imgs/2/2.jpg"); min-height: 100%; }
.bgimg-4 { background-image: url("../imgs/2/3.jpg"); min-height: 100%; }
.bgimg-5 { background-image: url("../imgs/3.jpg"); min-height: 100%; }
.bgimg-6 { background-image: url("../imgs/4/1.jpg"); min-height: 100%; }
.bgimg-7 { background-image: url("../imgs/5/1.jpg"); min-height: 100%; }
.bgimg-8 { background-image: url("../imgs/5/2.jpg"); min-height: 100%; }
.bgimg-9 { background-image: url("../imgs/6.jpg"); min-height: 100%; }
.bgimg-295 { background-image: url("../imgs/7.jpg"); min-height: 100%; }

.bgimg:before { background: rgba(0,0,0,0.5); position: absolute; height: 100%; width: 100%; z-index: -1; left: 0; top: 0; content: ""; }
.bgimg-6::before { background: rgba(0,0,0,0.80); }
.bgimg-295::before { background: rgba(0,0,0,0.75); }

.caption { width: 80%; text-align: center; color: #000; z-index: 1; padding: 15% 0 6% 0; margin: auto; }

.caption > .mb-0 { color: #fff; padding: 18px; font-size: 25px; font-size: 40px; width: 100%; margin: auto; }
.caption > .f700 { margin-top: 12px !important; width: 100%; color: #fff; font-size: 30px; font-weight: 300; margin: 0 auto 30px; }

.textOnParallax { width: 100%;color: #fff;font-size: 20px;font-weight: 300;margin: 0 auto 30px; }
a.hyperlink { color: red; text-decoration: underline; font-family: 'DroidKufiBold'; }


/*==================================
    TIMELINE
==================================*/
/*-- GENERAL STYLES
------------------------------*/
.timeline { line-height: 1.4em; list-style: none; margin: 0; padding: 0; width: 100%; }
.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 { line-height: inherit; }

/*----- TIMELINE ITEM -----*/ .timeline-item { padding-right: 40px; position: relative; }
.timeline-item:last-child { padding-bottom: 0; }

/*----- TIMELINE INFO -----*/
.timeline-info { font-size: 12px; font-weight: 700; letter-spacing: 3px; margin: 0 0 .5em 0; text-transform: uppercase; white-space: nowrap; }

/*----- TIMELINE MARKER -----*/
.timeline-marker { position: absolute; top: 0; bottom: 0; right: 0; width: 15px; }
.timeline-marker:before { background: #bd5d38; border: 3px solid transparent; border-radius: 100%; content: ""; display: block; height: 15px; position: absolute; top: 4px; left: 0; width: 15px; transition: background 0.3s ease-in-out, border 0.3s ease-in-out; }
.timeline-marker:after { content: ""; width: 3px; background: #CCD5DB; display: block; position: absolute; top: 24px; bottom: 0; left: 6px; }
.timeline-item:last-child .timeline-marker:after { content: none; }

.timeline-item:not(.period):hover .timeline-marker:before { background: transparent; border: 3px solid #bd5d38; }

/*----- TIMELINE CONTENT -----*/
.timeline-content { padding-bottom: 5px; }
.timeline-content p:last-child { margin-bottom: 0; }

/*----- TIMELINE PERIOD -----*/
.period { padding: 0; }
.period .timeline-info { display: none; }
.period .timeline-marker:before { background: transparent; content: ""; width: 15px; height: auto; border: none; border-radius: 0; top: 0; bottom: 30px; position: absolute; border-top: 3px solid #CCD5DB; border-bottom: 3px solid #CCD5DB; }
.period .timeline-marker:after { content: ""; height: 32px; top: auto; }
.period .timeline-content { padding: 40px 0; }
.period .timeline-title { margin: 0; }

.col-sm-4, .col-sm-6 {margin-bottom: 24px;}
@media (max-width: 768px) {
    .col-sm-4, .col-sm-6 {width: 100%;}
}

@media (min-width: 768px) {
  .timeline-split .timeline, .timeline-centered .timeline { display: table; }
  .timeline-split .timeline-item, .timeline-centered .timeline-item { display: table-row; padding: 0; }
  .timeline-split .timeline-info, .timeline-centered .timeline-info, .timeline-split .timeline-marker, .timeline-centered .timeline-marker, .timeline-split .timeline-content, .timeline-centered .timeline-content, .timeline-split .period .timeline-info, .timeline-centered .period .timeline-info { display: table-cell; vertical-align: top; }
  .timeline-split .timeline-marker, .timeline-centered .timeline-marker { position: relative; }
  .timeline-split .timeline-content, .timeline-centered .timeline-content { padding-left: 30px; }
  .timeline-split .timeline-info, .timeline-centered .timeline-info { padding-right: 30px; }
  .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title { position: relative; left: -45px; }
}

@media (min-width: 992px) {
  .timeline-centered, .timeline-centered .timeline-item, .timeline-centered .timeline-info, .timeline-centered .timeline-marker, .timeline-centered .timeline-content { display: block; margin: 0; padding: 0; }
  .timeline-centered .timeline-item { padding-bottom: 40px; overflow: hidden; }
  .timeline-centered .timeline-marker { position: absolute; left: 50%; margin-left: -7.5px; }
  .timeline-centered .timeline-info, .timeline-centered .timeline-content { width: 50%; }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-info { float: left; text-align: right; padding-right: 30px; }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-content { float: right; text-align: left; padding-left: 30px; }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-info { float: right; text-align: left; padding-left: 30px; }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-content { float: left; text-align: right; padding-right: 30px; }
  .timeline-centered > .timeline-item.period .timeline-content { float: none; padding: 0; width: 100%; text-align: center; }
  .timeline-centered .timeline-item.period { padding: 50px 0 90px; }
  .timeline-centered .period .timeline-marker:after { height: 30px; bottom: 0; top: auto; }
  .timeline-centered .period .timeline-title { left: auto; }
}
.marker-outline .timeline-marker:before { background: transparent; border-color: #bd5d38; }
.marker-outline .timeline-item:hover .timeline-marker:before { background: #bd5d38; }
.twoPersons {background: #000; width: 80%; margin: auto; padding: 15px;}
.twoPersons > .col-sm-6:nth-child(1) {padding-right: 0}
.twoPersons > .col-sm-6:nth-child(2) {padding-left: 0}
.card-text { color: #fff !important; text-align: center !important; margin: 0 !important}
.col-sm-6 {float: right !important}
.srvices_main1 { overflow: hidden; padding: 30px 0 0; width: 100%; }
.service_first { background: #f2efef none repeat scroll 0 0; border: 1px dotted #c0c0c0; border-radius: 0; padding: 20px 10px; width: 100%; }
.service_first h1 { color: #000; font-size: 20px; margin-top: 0; text-align: center; float: right; width: 40px; box-shadow: -3px 3px 4px rgba(0, 0, 0, 0.3); }
.heading { border-bottom: 2px solid #fcab0e; padding-bottom: 9px; position: relative; border-left: 2px solid #fcab0e; }
.service_first p { font-size: 14px; font-weight: 400; margin: 0; padding: 0 15px 15px; text-align: center; }
.service_first:hover { background: #fff none repeat scroll 0 0; border: 1px dashed #aaa; cursor: auto; display: block; }
.resourcesRight { background: #bd111c; text-align: center; color: #fff; }
.resourcesLeft { width: 100%; margin: auto; background: #2d2d2d; padding: 25px; color: #fff; }
.resourcesLeft li { background: none; }
.card-block { background: #62301d; }
.lastContainer { background: #111111; border-top: 1px solid white; border-bottom: 1px solid white; padding: 30px 0; }
.teamNames { text-align: center; font-family: 'DroidKufiLight'; color: #fff; }
.teamNames h1 { font-size: 18px; margin-bottom: 12px; }