/* ----------------------------------------------------
Theme Name:Cortex - HTML Template
Version:1.3
Author:Kiswa Solutions
------------------------------------------------------- */

/* ======================================================
TABLE OF CONTENTS
====================================================== */

/* 

1.0: Settings 
1.1: Navbar
1.2: Resume
1.3: Skills
1.4: Services
1.5: Portfolio
1.6: Testimonials
1.7: Contact
1.8: Pricing
1.9: Sidenav

*/

/* ====================================================
 1.0: Settings 
====================================================== */

body {
    color: #212529;
}

.form-control:focus {
    color: #212529;
    background-color: #ffffff;
}

.line-border {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, transparent), color-stop(30%, #999999));
    background-image: linear-gradient(to right, transparent 30%, #999999 30%);
}

/* Accent Colors or Primary Colors For WebPage */

.primary-color {
    color: #5de60e;
}

.primary-color a {
    color: #5de60e;
}

.primary-color .hover {
    color: #6cd430;
}

.primary-colorh:hover {
    color: #6cd430;
}

.primary-colorh .hover:hover {
    color: #6cd430 !important;
}

/* Background Colors */

.bg-primary-color {
    background-color: #5de60e;
}

.bg-primary-colorh:hover {
    background-color: #6cd430;
}

.bg-primary-colorhb:hover {
    background: #6cd430;
    color: #000000;
}

.bg-primary-colorh:hover a {
    background-color: #6cd430;
}

/* Border On Hover */

.bg-primary-borderh:hover {
    background-color: unset;
    border: 1px solid #6cd430;
}

/* Active Color for Whole Page */

.active {
    color: #5de60e !important;
}

.bg-active {
    background-color: #5de60e !important;
}

/* Border Colors */

.primary-border {
    border-color: #5de60e !important;
}

.primary-border-e {
    border-color: #cccccc !important;
}

.primary-border-eh:hover {
    border-color: #6cd430 !important;
}

.primary-border-eh:focus.form-control {
    border-color: #6cd430 !important;
}

/* Colors On Accent Background */

.on-bg-color {
    color: #000000 !important;
}

.on-bg-colorh:hover {
    color: #000000 !important;
}

/* Colors For WebPage */

.text-white {
    color: #ffffff !important;
}

.text-white a {
    color: #ffffff;
}

.text-white-e {
    color: #dbdbdb;
}

.text-white-e a {
    color: #e6e6e6;
}

.text-white-c {
    color: rgba(204, 204, 204, 0.7);
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-white-e {
    background-color: #e6e6e6;
}

.bg-white-c li.bg-c, .bg-white-c {
    background-color: #cccccc;
}

.bg-white-cl li.bg-c {
    background-color: #cccccc;
}

.bg-gray {
    background-color: #757575;
    color: #ffffff;
}

.bg-dark {
    background-color: #343a40 !important;
}

.text-black a, .text-black {
    color: #000000;
}

.text-black-3 {
    color: #333333;
}

.text-black-5 {
    color: #555555;
}

.text-black-7 {
    color: #777777;
}

.bg-black {
    background-color: #000000 !important;
}

.bg-black-9 {
    background-color: #555555;
}

.bg-overlay:after {
    background-color: rgba(0, 0, 0, .7);
}

.bg-overlay-dark:after {
    background-color: rgba(0, 0, 0, .7);
}

/* ====================================================
1.1: Navbar
====================================================== */

/* scroll animation */

nav.navbar.padding {
    background-color: #000000;
}

/* ====================================================
1.2: Resume
====================================================== */

.resume .resume-details .resume-box {
    border-right: 3px solid #5de60e;
}

.resume .nav-tabs .nav-link.active:hover {
    color: #000;
}

.resume .resume-details .resume-box:before {
    background-color: #5de60e;
}

.resume .resume-details .circle:before {
    background-color: #5de60e;
}

.resume .resume-details .circle:after {
    background-color: #5de60e;
}

/* ====================================================
1.3: Skills
====================================================== */

.line-skills-border {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, transparent), color-stop(30%, #5de60e));
    background-image: linear-gradient(to right, transparent 30%, #5de60e 30%);
}

/* ====================================================
1.4: Services
====================================================== */

/* width */

inner-box::-webkit-scrollbar, .box-bg::-webkit-scrollbar {
    width: 2px;
}

/* Track */

inner-box::-webkit-scrollbar-track, .box-bg::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px grey;
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */

inner-box::-webkit-scrollbar-thumb, .box-bg::-webkit-scrollbar-thumb {
    background: #000000;
    border-radius: 10px;
}

/* Handle on hover */

inner-box::-webkit-scrollbar-thumb:hover, .box-bg::-webkit-scrollbar-thumb:hover {
    background: #333333;
}

/* ====================================================
1.5: Portfolio
====================================================== */

.right-border:after {
    background-color: #999999;
}

.portfolio .card-columns .card .card-meta:after {
    background-color: rgba(0, 0, 0, .8);
}

/* ====================================================
1.6: Testimonials
====================================================== */

.owl-theme .owl-controls .owl-page span {
    background-color: #ffffff;
}

.owl-theme .owl-controls .owl-page.active span {
    background-color: #5de60e;
}

/* ====================================================
1.7: Contact
====================================================== */

.contact form .form-control {
    border: 1px solid #e6e6e6 !important;
}

.contact form .form-control:focus {
    border: 1px solid #e6e6e6 !important;
}

.yt-player {
  position: relative;
  top: 10px;
  left: 0;
}
.yt-image {
  position: relative;
  top: 10px;
  left: 0;
/*  border: 1px red solid; */
}
.yt-payer-play {
  position: absolute;
  top: 10px;
  left: 25px;
/*  border: 1px green solid; */
}


.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


@media print{
   .noprint{
		margin-top: -600px;
		visibility: hidden;
   }
}

/* Video Home */

.videoParent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  margin-bottom: -1px;
}
.videoParent video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videoParent.hiddenTransform {
  opacity: 0;
}


@media (max-width: 3235px) {
    .newsletter{
        width:60%;
    }
    .newsletterBtn{
        width:30%;
    }
}

@media (max-width: 881px) {
    .newsletter{
        width:90%;
    }
    .newsletterBtn{
		margin-top:10px;
        width:40%;
    }
}