/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 03 2020 | 09:32:14 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, pre, section, summary {
    display: block
}

*, :after, :before {
    box-sizing: border-box
}

dl {
    margin-top: 0
}

dt {
    letter-spacing: .01em;
    font-weight: bold;
}

dd {
    margin: 0 0 .563em
}

.clear-list {
    margin: 0;
    padding: 0
}

@media (min-width: 768px) {
    .styled-list {
        line-height: 1.1em
    }

    .styled-list, .styled-list ol, .styled-list ul {
        padding-left: 2.7em
    }

    .styled-list li {
        margin-bottom: 1.16em
    }

    .styled-list li:before {
        left: -2.7em
    }

    .dl-horizontal dt {
        float: left;
        width: 180px;
        overflow: hidden;
        clear: left;
        font-weight: bold;
    }

    .dl-horizontal dd {
        margin-left: 182px
    }
}

.clearfix:after, .dl-horizontal dd:after, .row:after {
    clear: both
}

.title, .title-lg, optgroup {
    font-weight: 700
}

.accordion-header, .btn-upper, .ref-author strong, .search-title, .text-upper, .togglebox-header, .widget-title, .widget_calendar tfoot a {
    /*text-transform: uppercase*/
}

.clearfix:after, .clearfix:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .row:after, .row:before {
    content: " ";
    display: table
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .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, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

.clear-mrg > :last-child {
    margin-bottom: 0 !important
}

.title-lg {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 50px
}

.content-header {
    padding-bottom: 6px;
    padding-top: 4px;
    font-weight: bold;
}

.title-lg + .title-thin {
    margin-top: -35px
}

.title-thin {
    /*font-size: 1.35em;*/
    /*font-weight: 400;*/
    margin-bottom: 1.571em
}

.progress-title {
    /*font-size: .85em;*/
    line-height: 1.2em;
    display: block;
    margin-bottom: .7em
}

.progress-chart {
    text-align: center;
    display: inline-block
}

.progress-chart .progress-title {
    margin-top: 10px
}

.progress-chart .progress-bar {
    height: 93px;
    width: 93px;
    margin: 0 auto;
    position: relative
}

.progress-chart .progress-bar svg {
    height: 100%;
    display: block
}

.progress-line {
    margin-bottom: 20px
}

.progress-line .progress-title {
    padding-right: 3.8em
}

.progress-line .progress-bar {
    width: 100%;
    height: 5px
}

.progress-line svg {
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 5px
}

.progress-bullets {
    margin-bottom: 1.375em
}

.progress-bullets .progress-bar {
    position: relative;
    line-height: .938em
}

.progress-bullets .bullets-empty, .progress-bullets .bullets-fill {
    white-space: nowrap
}

.progress-bullets .bullets-fill {
    top: 3px;
    left: 0;
    display: block;
    position: absolute;
    overflow: hidden
}

.crt-social li, .progress-bullets .bullet {
    display: inline-block;
    vertical-align: middle
}

.progress-bullets .bullet {
    width: .938em;
    height: .938em;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    margin-right: .31em;
}

.progress-bullets .progress-text {
    /*font-size: .8em;*/
    line-height: .938em
}

.emphasis, .emailmask {
    border-bottom: 1px #ccd dotted;
    color: #7a8592;
}

.crt-desktop .progress-bullets.crt-animate .bullet {
    opacity: 0
}

.crt-desktop .progress-bullets.crt-animated .bullet {
    -webkit-animation: FadeIn 250ms linear;
    animation: FadeIn 250ms linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.crt-desktop .progress-bullets.crt-animated .bullet:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.crt-desktop .progress-bullets.crt-animated .bullet:nth-child(2) {
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms
}

.crt-desktop .progress-bullets.crt-animated .bullet:nth-child(3) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.crt-desktop .progress-bullets.crt-animated .bullet:nth-child(4) {
    -webkit-animation-delay: 145ms;
    animation-delay: 145ms
}

.crt-desktop .progress-bullets.crt-animated .bullet:nth-child(5) {
    -webkit-animation-delay: 175ms;
    animation-delay: 175ms
}

.crt-desktop .progress-bullets.crt-animated .bullet:nth-child(6) {
    -webkit-animation-delay: 210ms;
    animation-delay: 210ms
}

.crt-desktop .progress-bullets.crt-animated .bullet:nth-child(7) {
    -webkit-animation-delay: 240ms;
    animation-delay: 240ms
}

.crt-desktop .progress-bullets.crt-animated .bullet:nth-child(8) {
    -webkit-animation-delay: 265ms;
    animation-delay: 265ms
}

.crt-desktop .progress-bullets.crt-animated .bullet:nth-child(9) {
    -webkit-animation-delay: 290ms;
    animation-delay: 290ms
}

.crt-desktop .progress-bullets.crt-animated .bullet:nth-child(10) {
    -webkit-animation-delay: 310ms;
    animation-delay: 310ms
}

@media (min-width: 768px) {
    .progress-bullets .bullet {
        margin-right: .31em
    }
}

.crt-paper, .crt-wrapper {
    position: relative
}

.crt-container {
    width: 100%;
    margin: 0 auto
}

.crt-container-sm {
    padding-left: 20px;
    padding-right: 20px
}

.crt-paper-layers {
    margin-top: 15px
}

.crt-paper-layers:first-child {
    margin-top: 0
}

.crt-desktop .crt-paper-layers.crt-animate {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    transform: translate(0, 100px)
}

.crt-desktop .crt-paper-layers.crt-animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: opacity .3s ease-out .1s, -webkit-transform .3s ease-out .1s;
    transition: transform .3s ease-out .1s, opacity .3s ease-out .1s;
    transition: transform .3s ease-out .1s, opacity .3s ease-out .1s, -webkit-transform .3s ease-out .1s
}

.crt-paper-cont {
    padding-top: 40px;
    padding-bottom: 40px
}

.crt-container {
  /*padding-left: 30px;*/
}

#crtFooter, .crt-head-inner, .section.brd-btm {
    padding-bottom: 20px
}

.crt-paper-cont .paper-padd-sm {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width: 992px) {
    .crt-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }

    .crt-container {
        /*max-width: 810px*/
        max-width: 1200px
    }

    .crt-container-sm {
        padding-left: 0;
        padding-right: 0
    }

    #crtContainer {
        background-color: transparent !important
    }

    .crt-paper-layers {
        position: relative;
        z-index: 0
    }

    .crt-layers-2 .crt-paper-layers {
        margin-bottom: 3px
    }

    .crt-layers-3 .crt-paper-layers {
        margin-bottom: 6px
    }

    .crt-layers-2 .crt-paper-layers:before, .crt-layers-3 .crt-paper-layers:after, .crt-layers-3 .crt-paper-layers:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute
    }

    .crt-layers-2 .crt-paper-layers:before, .crt-layers-3 .crt-paper-layers:before {
        top: 3px;
        left: 3px;
        z-index: 2
    }

    .crt-layers-3 .crt-paper-layers:after {
        top: 6px;
        left: 6px;
        z-index: 1
    }

    .crt-paper, .crt-paper-layers:after, .crt-paper-layers:before {
        /*border: 1px solid transparent*/
        border-bottom: 1px solid transparent ;

    }

    .rb-resume-photo {
        padding-top: 120px;
    }

    .education-box h4 {
        padding-bottom: 6px;
        /*border-bottom: 0.5px dotted #9fa5ae;*/
    }


    .crt-paper {
        z-index: 3
    }

    .crt-paper-cont {
        padding-left: 20px;
        padding-right: 20px
    }

    .crt-nav-on .crt-container-sm {
        margin-right: 56px
    }

    .crt-nav-on .crt-container {
        /*max-width: 866px*/
        max-width: 1276px

    }

    .crt-side-box-on .crt-paper-cont {
        float: left;
        width: 100%
    }

    .crt-side-box-on .crt-container-sm {
        /*margin-left: 310px*/
        margin-left: 120px
    }

    .crt-side-box-on .crt-container {
        max-width: 1140px
    }

    .crt-side-box-on.crt-nav-on .crt-container {
        max-width: 1196px
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .crt-side-box-on .crt-container-sm {
        /*margin-left: 330px*/
        margin-left: 140px
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .crt-side-box-on .crt-paper-layers {
        float: left;
        width: 100%
    }
}

.section {
    margin-bottom: 30px
}

@media (max-width: 479px) {
    .section [class^=col-xs-] {
        margin-bottom: 2em
    }
}

@media (max-width: 767px) {
    .section [class^=col-sm-] {
        margin-bottom: 2em
    }
}

@media (max-width: 991px) {
    .section [class^=col-md-] {
        margin-bottom: 2em
    }
}

@media (max-width: 1199px) {
    .section [class^=col-lg-] {
        margin-bottom: 2em
    }
}

@media (min-width: 768px) {
    .padd-box-sm {
        margin-left: 8%;
        margin-right: 8%
    }
}

@media (min-width: 992px) {
    .padd-box-sm {
        margin-left: 12%;
        margin-right: 12%
    }
}

@media (min-width: 1200px) {
    .padd-box {
        margin-left: 3.4%;
        margin-right: 3.4%
    }

    .padd-box .padd-box-sm {
        margin-left: 8.6%;
        margin-right: 8.6%
    }
}

#crtBgShape1, #crtBgShape2 {
    top: 0;
    position: fixed;
    z-index: -1
}

#crtBgShape1 {
    left: 0
}

#crtBgShape2 {
    top: -100px;
    right: -100px
}

#crtHeader {
    position: relative
}

.crt-head-inner {
    position: static;
    padding-top: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

@media (min-width: 992px) {
    .crt-head-inner {
        border: none;
        background: 0 0 !important
    }
}

.crt-head-row {
    display: table;
    width: 100%
}

.crt-head-col {
    display: table-cell;
    vertical-align: middle
}

.crt-logo {
    font-size: 26px;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block
}

.crt-logo img, .crt-logo span, .crt-logo svg {
    display: inline-block;
    vertical-align: middle
}

.crt-logo img, .crt-logo svg {
    max-height: 45px
}

.crt-logo img + span {
    margin-left: 10px;
    padding-right: 20px
}

.crt-nav-on.crt-nav-type1 #crtHeader .crt-container-sm {
    margin-right: 0
}

@media (min-width: 768px) {
    .crt-nav-on .crt-logo-out #crtHeadCol1 {
        width: 330px
    }

    .crt-nav-on .crt-logo-out #crtHeadCol2 {
        width: auto
    }

    .crt-nav-on .crt-logo-out #crtHeadCol1 + #crtHeadCol2 {
        padding-left: 0
    }

    .crt-side-box-on .crt-logo-out .crt-container-sm {
        margin-left: 0
    }

    .crt-nav-on #crtHeadCol1 + #crtHeadCol2 {
        padding-left: 25px
    }

    .crt-nav-on #crtHeadCol2 {
        width: 100%
    }
}

.crt-sidebar-on #crtSidebarBtn {
    transition: all 350ms ease-out
}

@media (min-width: 1006px) {
    .crt-sidebar-on #crtSidebarBtn {
        top: 20px;
        right: 0;
        width: 63px;
        height: 63px;
        position: absolute
    }

    .crt-sidebar-on .crt-head-col {
        height: 63px
    }
}

.text-muted {
    /*font-size: 1.143em*/
}

.crt-paper-cont .section-card:first-child {
    margin-top: -20px
}

.crt-card-info .text-muted {
    color: inherit;
    opacity: .65
}

@media (min-width: 768px) {
    .padd-box-xs {
        padding-left: 27%;
        padding-right: 17%
    }
}

.education {
    position: relative
}

.education:before {
    top: 10px;
    left: 0;
    bottom: 0;
    width: 2px;
    content: '';
    opacity: .5;
    position: absolute
}

.education-box {
    position: relative;
    padding-left: 20px;
    margin-bottom: 45px
}

.education-box h3, .education-logo {
    margin-bottom: 10px
}

.education-box p {
    /*font-size: .875em*/
}

.education-box:before {
    content: "";
    top: 9px;
    left: -1px;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%
}

.education-box h3 {
    letter-spacing: 0;
    /*font-size: .938em;*/
    margin-top: 15px
}

.education-box:last-child:after {
    top: 14px;
    left: 0;
    bottom: 0;
    width: 2px;
    content: '';
    position: absolute
}

.education-date {
        /*margin-left: 0;*/
        /*margin-right: 22px;*/
        /*padding: 8px 6px;*/
        /*font-size: .875em;*/
        /*text-align: center;*/
        /*position: absolute;*/
        /*width: 160px;*/
        /*right: 100%;*/
        /*left: auto;*/
        /*top: -4px*/


    left: -22px;
    /*width: 117px;*/
    width: auto;
    letter-spacing: 0;
    line-height: 1.1;
    /*padding: 6px 8px;*/
    padding: 6px 8px;
    margin-left: 22px;
    /*margin-left: 15px;*/
    /*font-size: .625em;*/
    /*font-size: .875em;*/
    position: relative;
    display: inline-block
}

.education-date span {
    overflow: hidden;
    position: relative;
    display: block;
    white-space: nowrap
}

.education-date:before {
    content: "";
    top: 0;
    right: 100%;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 15px solid transparent !important;
    border-bottom: 15px solid transparent !important;
    border-left: 0 solid transparent !important;
    border-right: 9px solid transparent
}

.education-company {
    line-height: 1.1;
    letter-spacing: 0;
    /*font-size: 1em;*/
    margin-bottom: 15px;
    display: inline-block
}

@media (min-width: 768px) {
    .education-box:before, .education:before {
        top: 10px
    }

    .education {
        margin-left: 210px
    }

    .education-box {
        padding-right: 90px
    }

    .education-box h3 {
        /*font-size: 20px;*/
        margin-bottom: 22px;
        margin-top: 0
    }

    .education-date {
        margin-left: 0;
        margin-right: 22px;
        padding: 8px 6px;
        /*font-size: .875em;*/
        text-align: center;
        position: absolute;
        width: 160px;
        right: 100%;
        left: auto;
        top: -4px
    }

    .education-date:before {
        display: none
    }

    .education-date:after {
        content: "";
        top: 0;
        left: 100%;
        width: 0;
        height: 0;
        position: absolute;
        border-top: 16px solid transparent !important;
        border-bottom: 16px solid transparent !important;
        border-right: 10px solid transparent !important;
        border-left: 10px solid transparent
    }
}

.crt-paper-cont .post:last-child .post-footer-top {
    border-bottom: none;
    padding-bottom: 0
}

.progress-bullets .bullet.fill,
.tabs .tabs-menu li.active a,
.tabs .tabs-menu li a:hover,
.education:before,
.education-date {
    background-color: #9fa5ae;
}

.progress-bullets .bullet,
.education-date:after,
.education-date:before {
    border-color: #9fa5ae;
}

::-moz-selection {
    background-color: #9fa5ae;
}

::selection {
    background-color: #9fa5ae;
}

.crt-card,
.btn-primary,
input[type='submit'],
.education-date,
.apcal_btn-primary,
.apcal_btn-primary:hover,
#buttonbox .apcal_btn-success,
#buttonbox .apcal_btn-success:hover,
.apcal_alert-info,
.tabs .tabs-menu li.active a,
.tabs .tabs-menu li a:hover,
.accordion-header,
.togglebox-header {
    /*color: #010101;*/
}

::-moz-selection {
    /*color: #010101;*/
}

::selection {
    /*color: #010101;*/
}

.bg-primary .btn-bordered {
    border-color: #010101;
    /*color: #010101;*/
}

body,
blockquote.quote-top:before,
blockquote.quote-side:before,
.form-item,
.crt-logo,
.page-numbers:hover,
.page-numbers.current,
.tabs .tabs-menu a,
.crt-nav a,
.crt-tooltip,
#crtMainNav .sub-menu a,
#crtMainNav > ul > li > a:hover,
#crtMainNav > ul > li.current-menu-item > a,
#crtMainNav > ul > li.current-menu-parent > a,
#crtMainNavSm li > a:hover,
#crtMainNavSm li.current-menu-item a,
#crtMainNavSm li.current-menu-parent a,
.accordion li.active .accordion-header,
.accordion-header:hover,
.togglebox li.active .togglebox-header,
.togglebox-header:hover,
.pf-filter button,
.search-title span,
.widget_archive a,
.widget_categories a {
    /*color: #010101;*/
}

::-webkit-input-placeholder {
    /*color: #010101;*/
}

::-moz-placeholder {
    /*color: #010101;*/
}

:-ms-input-placeholder {
    /*color: #010101;*/
}

:-moz-placeholder {
    /*color: #010101;*/
}

.text-dropcup-sq,
.styled-ul li:before,
.education-box:before {
    background-color: #010101;
}

.text-muted {
    /*color: #757575;*/
}

hr,
th,
td,
blockquote,
.brd-btm,
.post-tags a,
.crt-paper,
.crt-paper-layers:after,
.crt-paper-layers:before {
    border-color: #e1e1e1;
}

body {
    /*background-color: #f3f3f3;*/
}

.education-box:last-child:after,
#crtContainer,
.crt-paper,
.crt-paper-layers:after {
    /*background-color: #fff;*/
}

div {
    /*color: #666;*/
    /*font-size: 16px;*/
    /*opacity: 1;*/
    /*font-family: 'Almarai', sans-serif;*/
    /*font-weight: 400;*/
    /*line-height: 1.75;*/
}

.w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {
    color: #000 !important;
    background-color: #9e9e9e !important;
}
.w3-container, .w3-panel {
    padding: 0.01em 16px;
}

.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
    color: #000 !important;
    background-color: #f1f1f1 !important;
}

.content ul {
  padding-left: 16px;
 }

.content ul li {
  list-style-type: disc;
}