/* Mark */
/* Colors */
/*------------------------------------------------------------------
[Color Scheme / Colors, textures]
*/
.e-bg-light-texture {
  background: url("../images/backgrounds/dark_fish_skin.png"); }

/*Background Color Classes */
.color01 {
  color: #ffffff !important; }

.color02 {
  color: #f7f7f7 !important; }

.color03 {
  color: #efefef !important; }

.color04 {
  color: #e7e7e7 !important; }

.color05 {
  color: #dfdfdf !important; }

.color06 {
  color: #d7d7d7 !important; }

.color07 {
  color: #cfcfcf !important; }

.color08 {
  color: #c7c7c7 !important; }

.color09 {
  color: #bfbfbf !important; }

.color10 {
  color: #b7b7b7 !important; }

.color11 {
  color: #afafaf !important; }

.color12 {
  color: #a7a7a7 !important; }

.color13 {
  color: #9f9f9f !important; }

.color14 {
  color: #979797 !important; }

.color15 {
  color: #8f8f8f !important; }
  .color15 a {
    color: #8f8f8f; }
    .color15 a:hover {
      color: #e74c3c; }

.color16 {
  color: #878787 !important; }

.color17 {
  color: #7f7f7f !important; }

.color18 {
  color: #777777 !important; }

.color19 {
  color: #6f6f6f !important; }

.color20 {
  color: #676767 !important; }

.color21 {
  color: #5f5f5f !important; }

.color22 {
  color: #575757 !important; }

.color23 {
  color: #4f4f4f !important; }

.color24 {
  color: #474747 !important; }

.color25 {
  color: #3f3f3f !important; }

.color26 {
  color: #373737 !important; }

.color27 {
  color: #2f2f2f !important; }

.color28 {
  color: #272727 !important; }

.color29 {
  color: #1f1f1f !important; }

.color30 {
  color: #171717 !important; }

.color31 {
  color: #0f0f0f !important; }

.color32 {
  color: #070707 !important; }

.color-red {
  color: #e74c3c !important; }

.color-orange {
  color: #e67e22 !important; }

.color-green {
  color: #1abc9c !important; }

.color-blue {
  color: #3498db !important; }

.color-darkblue {
  color: #1c4a6c !important; }

.color-cyan {
  color: #9b59b6 !important; }

.color-yellow {
  color: #d9a81d !important; }

.color-rose {
  color: #e798ac !important; }

.color-darkrose {
  color: #e17f98 !important; }

.red {
  background-color: #e74c3c !important; }

.orange {
  background-color: #e67e22 !important; }

.green {
  background-color: #1abc9c !important; }

.blue {
  background-color: #3498db !important; }

.darkblue {
  background-color: #1c4a6c !important; }

.cyan {
  background-color: #9b59b6 !important; }

.yellow {
  background-color: #d9a81d !important; }

.l-grey {
  background-color: #f2f2f2 !important; }

.grey {
  background-color: #999 !important; }

/*Font/link Colors */
.fontcolor-regular, .fontcolor-regular a {
  color: #171717 !important; }

.fontcolor-invert, .fontcolor-invert a {
  color: #ffffff !important; }

.fontcolor-medium, .fontcolor-medium a {
  color: #676767 !important; }

.fontcolor-medium-light {
  color: #8f8f8f !important; }
  .fontcolor-medium-light a {
    color: #8f8f8f !important; }
    .fontcolor-medium-light a:hover, .fontcolor-medium-light a:focus {
      color: #e74c3c !important; }

.hovercolor, .hovercolor a {
  color: #e74c3c !important; }

.accent-color, .accent-color a {
  color: #007EA7 !important; }

.accent-color a:hover {
  color: #e74c3c !important; }

/*Background Color Classes */
.bg-color01 {
  background-color: #ffffff !important; }

.bg-color02 {
  background-color: #f7f7f7 !important; }

.bg-color03 {
  background-color: #efefef !important; }

.bg-color04 {
  background-color: #e7e7e7 !important; }

.bg-color05 {
  background-color: #dfdfdf !important; }

.bg-color06 {
  background-color: #d7d7d7 !important; }

.bg-color07 {
  background-color: #cfcfcf !important; }

.bg-color08 {
  background-color: #c7c7c7 !important; }

.bg-color09 {
  background-color: #bfbfbf !important; }

.bg-color10 {
  background-color: #b7b7b7 !important; }

.bg-color11 {
  background-color: #afafaf !important; }

.bg-color12 {
  background-color: #a7a7a7 !important; }

.bg-color13 {
  background-color: #9f9f9f !important; }

.bg-color14 {
  background-color: #979797 !important; }

.bg-color15 {
  background-color: #8f8f8f !important; }

.bg-color16 {
  background-color: #878787 !important; }

.bg-color17 {
  background-color: #7f7f7f !important; }

.bg-color18 {
  background-color: #777777 !important; }

.bg-color19 {
  background-color: #6f6f6f !important; }

.bg-color20 {
  background-color: #676767 !important; }

.bg-color21 {
  background-color: #5f5f5f !important; }

.bg-color22 {
  background-color: #575757 !important; }

.bg-color23 {
  background-color: #4f4f4f !important; }

.bg-color24 {
  background-color: #474747 !important; }

.bg-color25 {
  background-color: #3f3f3f !important; }

.bg-color26 {
  background-color: #373737 !important; }

.bg-color27 {
  background-color: #2f2f2f !important; }

.bg-color28 {
  background-color: #272727 !important; }

.bg-color29 {
  background-color: #1f1f1f !important; }

.bg-color30 {
  background-color: #171717 !important; }

.bg-color31 {
  background-color: #0f0f0f !important; }

.bg-color32 {
  background-color: #070707 !important; }

.dark .title, .dark p {
  color: #ffffff; }
.dark .subtitle {
  color: #8f8f8f; }

#mark {
  padding: 18px;
  /* Main Photo */
  /* Timeline */ }
  #mark .vc-photo.photo-05 {
    background: url("../../images/layouts/mark/userpics/userpic08.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 360px; }
  #mark .timeline-mark-01,
  #mark .timeline-mark-02,
  #mark .timeline-mark-03,
  #mark .timeline-mark-04 {
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
  #mark .timeline-mark-01 {
    background: url("../../images/layouts/mark/timeline/01.jpg");
    background-position: center;
    background-size: cover; }
  #mark .timeline-mark-02 {
    background: url("../../images/layouts/mark/timeline/02.jpg");
    background-position: center;
    background-size: cover; }
  #mark .timeline-mark-03 {
    background: url("../../images/layouts/mark/timeline/03.jpg");
    background-position: center;
    background-size: cover; }
  #mark .timeline-mark-04 {
    background: url("../../images/layouts/mark/timeline/04.jpg");
    background-position: center;
    background-size: cover; }
  #mark #top-navigation .vc-photo {
    min-height: 300px; }
  #mark #top-navigation .vc-name .name .name-title {
    display: table;
    min-height: 200px; }
    #mark #top-navigation .vc-name .name .name-title h1 {
      font-size: 24px; }
    #mark #top-navigation .vc-name .name .name-title h2 {
      font-size: 18px; }
    #mark #top-navigation .vc-name .name .name-title .cd-intro {
      width: 100%; }
  #mark #top-navigation .vc-name .position .position-title {
    display: table;
    padding: 23px 40px 23px 40px;
    height: 120px; }
    #mark #top-navigation .vc-name .position .position-title .cd-intro {
      width: 100%; }
  #mark #top-navigation .menuitem {
    min-height: 150px; }
    #mark #top-navigation .menuitem a i {
      padding-top: 36px;
      font-weight: 100 !important; }
      #mark #top-navigation .menuitem a i:before {
        font-size: 28px;
        font-weight: 100 !important; }
    #mark #top-navigation .menuitem a span {
      font-size: 12px;
      font-weight: 700; }
  #mark #top-navigation .hvr-sweep-to-bottom:before {
    height: 150px; }
  #mark .cd-headline.clip span {
    white-space: nowrap; }
  #mark .social-network {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin: 1px 1px 0 0 !important;
    float: left;
    text-align: center; }
    #mark .social-network a {
      color: #c7c7c7;
      line-height: 43px; }
      #mark .social-network a i:before {
        margin: 0 10px;
        color: #ffffff;
        font-size: 16px; }
    #mark .social-network a.hvr-sweep-to-right {
      display: block; }
      #mark .social-network a.hvr-sweep-to-right:before {
        height: 40px !important;
        width: 40px !important; }
  #mark .cv-pdf {
    display: block;
    height: 60px;
    width: 60px;
    line-height: 60px;
    margin: 1px 1px 0 0 !important;
    float: left;
    text-align: center; }
    #mark .cv-pdf a {
      color: #c7c7c7; }
      #mark .cv-pdf a i:before {
        margin: 0 10px;
        color: #ffffff; }
    #mark .cv-pdf a.hvr-sweep-to-right {
      display: block; }
      #mark .cv-pdf a.hvr-sweep-to-right:before {
        height: 60px !important;
        width: 60px !important; }
  #mark .p-grid-item .p-icon {
    left: 0;
    width: 10px;
    top: 15px; }
  #mark .p-grid-item span {
    padding-left: 0; }
  #mark footer {
    margin-top: 32px !important; }
    #mark footer .footer-widget {
      padding-right: 24px; }
      #mark footer .footer-widget h5 {
        font-size: 14px;
        font-weight: 700; }
      #mark footer .footer-widget p {
        line-height: 1.5em; }
    #mark footer .p-icon {
      position: relative;
      width: 60px;
      height: 10px;
      left: 0;
      top: 0; }
  #mark .inner-content .inner-section {
    padding: 0; }
  #mark #resume, #mark #portfolio, #mark #portfolio2, #mark #contacts, #mark #feedback, #mark #portfolio-item-page, #mark #blog, #mark #blogpost {
    background: none; }
  #mark ul.timeline-vert:before {
    left: 40px !important; }
  #mark ul.timeline-vert > li > .timeline-panel {
    width: calc(100% - 90px) !important;
    width: -moz-calc(100% - 90px) !important;
    width: -webkit-calc(100% - 90px) !important; }
  #mark ul.timeline-vert > li > .timeline-badge {
    left: 15px !important;
    margin-left: 0 !important;
    top: 16px !important; }
  #mark ul.timeline-vert > li > .timeline-panel {
    float: right !important; }
  #mark ul.timeline-vert > li > .timeline-panel:before {
    border-left-width: 0 !important;
    border-right-width: 15px !important;
    left: -15px !important;
    right: auto !important; }
  #mark ul.timeline-vert > li > .timeline-panel:after {
    border-left-width: 0 !important;
    border-right-width: 14px !important;
    left: -14px !important;
    right: auto !important; }
  #mark .port-filter-light ul li a {
    background: transparent; }
    #mark .port-filter-light ul li a:hover, #mark .port-filter-light ul li a:focus {
      background: #e74c3c; }
  #mark .grid-row-5 {
    margin-right: -5px;
    margin-left: -5px; }
  @media (max-width: 991px) {
    #mark .flex-column {
      width: 50% !important; }
    #mark .social-network {
      display: inline-block;
      width: 50%;
      margin: 0 0 1px 0 !important; }
      #mark .social-network a.hvr-sweep-to-right:before {
        width: 100% !important; }
    #mark .cv-pdf {
      width: 100%; }
    #mark #personal-2.flex-column {
      width: 100% !important; } }
  @media (max-width: 767px) {
    #mark .grid-row-5 {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (max-width: 543px) {
    #mark ul.timeline-vert > li > .timeline-panel {
      float: none !important;
      width: 100% !important; }
    #mark #top-navigation .menuitem {
      min-height: 66px; } }

/*# sourceMappingURL=mark.css.map */