/* --------------------------------------
    Global Styles
-----------------------------------------*/

body {
    background-color: #fff;
}

.main-title h2 {    
    color: #ffffff;
}

.main-title h2:before {
    background-color: #d1d1d2;
}

.resume .main-title span {
    background: #FFFFFF;
}

/* --------------------------------------
    Loading
-----------------------------------------*/

.preloader {
    background-color: #fff;
}

/* --------------------------------------
    Navbar
-----------------------------------------*/

.navbar.active-nav {
    background: #fff;
    border-bottom: 1px solid rgba(238, 238, 238, .9);
}

.navbar.active-nav .navbar-brand {
    color: #292929 !important;
}

.navbar.active-nav .navbar-nav > li > a,
.navbar.active-nav .navbar-nav > li > a:hover,
.navbar.active-nav .navbar-nav > li > a:focus {
    color: #292929;
}

.navbar.active-nav .navbar-nav > li > a.active {
    color: #fc5000;
}

/*=========== Vertical Navigation ============*/
.vertical-nav .mini-menu {
    background-color: #434f55;
    border-right: 2px solid #374348;
    box-shadow: 0 0 10px rgba(153, 153, 153, .2);
}

.vertical-nav .mini-menu li a {
    color: #ffffff;
    border-bottom: 1px solid #f0f0f5;
    background: #434f55;
    font-size: 30px;
}

.vertical-nav .mini-menu li a.active,
.vertical-nav .mini-menu li a:hover {
    color: #ffffff;
}


/* --------------------------------------
    About Me
-----------------------------------------*/

.about-me {
    color: #292929;
}

.about-me .about-image {
    position: relative;
}

.about-me .about-image img {
    top: -63px;
    left: -45%;
    position: absolute;
}

.about-me .about-info h3 {
    color: #f4f4f4;
}

.about-me .about-info h3:before {
    background: linear-gradient(135deg, #d84500 0%, #fc5000 100%);
}

.about-me .about-info p {
    color: #f4f4f4;
}

.about-me .about-info .personal-info {
    background-color: #f3f2f9;
}

.about-me .about-info .personal-info p {
    color: #f4f4f4;
}

.about-me .about-info .personal-info p span {
    color: #fff;
    background: linear-gradient(135deg, #d84500 0%, #fc5000 100%);
}

.about-me .about-info .personal-info p span:before {
    background: linear-gradient(135deg, #d84500 0%, #fc5000 100%);
}

.about-me .about-info .personal-info .social-media:before {
    border-bottom: 9px solid #1ba8ce;
}

.about-me .about-info .personal-info .social-media:after {
    border-top: 9px solid #1ba8ce;
}

/* --------------------------------------
    Services
-----------------------------------------*/

.services {
    background: #434f55;
}

.services .main-title span {
    background: #434f55;
}

.services .service {
    background: #374348;
    min-height: 204px;
    margin-bottom: 20px;
}

.services .service h4 {
    color: #ffffff;
}

.services .service p {
    color: #ffffff;
}

.services .service .service-number:before {
    border-bottom: 8px solid #fc5000;
}

.services .service .service-number:after {
    border-top: 8px solid #fc5000;
}

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

.resume {
    color: #fff;
}

.resume .resume-item {
    border: 3px solid #efefef;
    box-shadow: 0 0 10px rgba(153, 153, 153, .2);
}

.resume .resume-item:before {
    background: #efefef;
    box-shadow: 0 0 10px rgba(153, 153, 153, .2);
}

.resume .resume-item .resume-date {
    background: linear-gradient(135deg, #d84500 0%, #fc5000 100%);
    color: #fff;
}

.resume .resume-item .resume-date i {
    background: #434f55;
    color: #fff;
}

.resume .resume-item span {
    color: #f4f4f4;
}

.resume .resume-item h4 {
    color: #fc5000;
}

.resume .resume-item p {
    color: #f4f4f4;
    padding: 20px 0;
}

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

.skills {
    background: #f3f2f9;
}

.skills .main-title span {
    background: #f3f2f9;
}

.skills .skills-left h4 {
    color: #292929;
}

.skills .skills-left p {
    color: #f4f4f4;
}

.skills .skills-list h3 {
    -webkit-box-shadow: 0px 8px 12px rgba(153, 153, 153, .2);
    -moz-box-shadow: 0px 8px 12px rgba(153, 153, 153, .2);
    -o-box-shadow: 0px 8px 12px rgba(153, 153, 153, .2);
    box-shadow: 0px 8px 12px rgba(153, 153, 153, .2);
}

.skills .skills-list h3 a {
    background: #fff;
}

.skills .skills-list h3.active a {
    color: #fff;
}

.skills .skills-content {
    background: #fff;
}

.skills .progress-container .progress {
    background-color: #f4f4f5;
}

.skills .progress-container .progress h4 {
    color: #f4f4f4;
    background: #f4f4f5;
}

.skills .progress-container .progress h4 .percent {
    background: #33b9de;
    color: #eaeaea;
}

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

.portfolio .list-filter li {
    color: #292929;
}

.portfolio .portfolio-content .item .overlay { 
    background: rgba(204, 204, 204, .9);
}

.portfolio .portfolio-content .item .overlay .item-title {
    color: #292929;
}

/* --------------------------------------
    Testimonials
-----------------------------------------*/

.testimonials {
    background: #f3f2f9;
}

.testimonials .main-title span {
    background: #f3f2f9;
}

.testimonials .owl-theme .owl-dots .owl-dot span {
	background: #fff;
}

.testimonials .testimonial-box {
	background: #fff;
    border-left: 12px solid #f3f2f9;
    border-right: 12px solid #f3f2f9;
}

.testimonials .testimonial-box .description .quote-left:before {
    border-bottom: 8px solid #1ba8ce;
}

.testimonials .testimonial-box .description .quote-left:after {
    border-top: 8px solid #1ba8ce;
}

.testimonials .testimonial-box .description .quote-right:before {
    border-bottom: 8px solid #1ba8ce;
}

.testimonials .testimonial-box .description .quote-right:after {
    border-top: 8px solid #1ba8ce;
}

.testimonials .testimonial-box .description p {
    color: #f4f4f4;
}

.testimonials .testimonial-box .client-pic img {
	border: 2px solid #efefef;
    background: #fff;
}

.testimonials .client-details h6 {
	color: #292929;
}

/* --------------------------------------
    Blog
-----------------------------------------*/

.blog {
    color: #292929;
}

.blog .post {
    border: 1px solid #f9f7f7;
    border-right: none;
}

.blog  .post .post-img img  {
    opacity: .85;
}

.blog .post .post-content {
    box-shadow: 0 0 10px rgba(153, 153, 153, .1);
}

.blog .post .post-content .post-info li {
    color: #f4f4f4;
}

.blog .post .post-content .post-info li a span {
    color: #f4f4f4;
}

.blog .post .post-content .post-text p {
    border-top: 1px solid #edecf1;
    color: #f4f4f4;
}

.blog .post-content .post-footer {
    background: #f3f2f9;
}

.blog .post-content .post-footer .post-more {
    color: #292929;
}

.blog .post-content .post-footer .post-category a:before {
    border-bottom: 6px solid #1ba8ce;
}

.blog .post-content .post-footer .post-category a:after {
    border-top: 6px solid #1ba8ce;
}

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

.contact {
    background: #ffffff;
}

.contact .main-title span {
    background: #ffffff;
}

.contact .contact-boxes {
    border: 1px solid #434f55;
    box-shadow: 0 0 10px rgba(153, 153, 153, .2);
    background: #374348;
}

.contact .contact-box .content-box p {
    color: #f4f4f4;
}

.contact .contact-form {
    border: 1px solid #434f55;
    box-shadow: 0 0 10px rgba(153, 153, 153, .2);
    background: #374348;
}

.contact .contact-form .form-group .form-control {
    background-color: #434f55;
    color: #f4f4f4;
    border-bottom: 1px solid rgb(92, 90, 93, 0.4);
}

.contact .contact-form .form-group label {
    color: #f4f4f4;
}

/* --------------------------------------
    Footer
-----------------------------------------*/

.footer {
    position: relative;
}

.footer .logo {
    color: #292929;
}

.footer .footer-social-icons li a {
    color: #f4f4f4;
}

.footer .footer-social-icons li a:hover {
    color: #292929;
}

/* --------------------------------------
    Media Queries
-----------------------------------------*/

/* Small Devices */
@media (max-width: 767.98px) {
    
    /*=========== Navbar ============*/
    .navbar {
        background-color: #fff;
        border-bottom: 1px solid rgba(238, 238, 238, .9);
    }
    
    .navbar .navbar-brand {
        color: #292929 !important;
    }
    
    .navbar .navbar-links {
        background: rgba(255, 255, 255, .08);
    }
    
    .navbar .navbar-links .navbar-nav {
        background: #fff;
    }
    
    .navbar .navbar-links .navbar-nav > li.nav-brand {
        border-bottom: 1px solid #fff;
        box-shadow: 0 0 10px rgba(153, 153, 153, .2);
    }
    
    .navbar .navbar-links .navbar-nav > li.nav-brand a {
        color: #292929;
    }
    
    .navbar .navbar-nav > li {
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #f3f3f3;
    }
    
    .navbar .navbar-nav > li > a,
    .navbar .navbar-nav > li > a:hover,
    .navbar .navbar-nav > li > a:focus {
        color: #292929;
    }

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    
    /*=========== Skills ============*/
    .skills .skills-content .professional-skills,
    .skills .skills-content .personal-skills {
        background: #fff;
    }
    
    .skills .skills-content h3:before {
        border-bottom: 8px solid #1ba8ce;
    }
    
    .skills .skills-content h3:after {
        border-top: 8px solid #1ba8ce;
    }
    
}

#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}