/* ==========================================================
*
! LESS Theme Builder
* Project:	Vertica - Retina Ready Resume / CV & Portfolio
*
========================================================== */
/*------------------------------------------------------------------
[Table of contents]

1. Colors
2. General
3. Tipography
4. Page Loader 
5. Header Colors
6. Side Menu
7. Profile Intro
8. Vertical Timeline
9. Section: Education and Work Experience
10. Section: Skills
11. Section: Portfolio
12. Section: Contact
13. Section: Thank you
14. Footer
-------------------------------------------------------------------*/
/* ==========================================================
! 1. Colors (EDIT THE COLORS BELOW)
========================================================== */
.color1 {
  color: #F78926;;
}
.color2 {
  color: #031634;
}
.color3 {
  color: #da222b;
}
.font1 {
  font-family: 'Open Sans', sans-serif;
}
.bold {
  font-weight: bold;
}
.bg-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* ==========================================================
! 2. General
========================================================== */
body {
  background-image: url('../../img/bg.jpg');
  background-color: #031634;
}
h1,
h2 {
  color: #F78926;;
}
h3 {
  color: #031634;
}
.btn-default {
  background: #031634;
  border: #031634;
}
.btn-default:hover {
  background: #000012 !important;
}
.btn-primary {
  background: #F78926;;
  border: #F78926;;
}
.btn-primary:hover {
  background: #009e9c !important;
}
.btn-secondary {
  background: #da222b;
  border: #da222b;
}
.btn-secondary:hover {
  background: #c9111a !important;
}
/* ==========================================================
! 3. Tipography
========================================================== */
p {
  color: #333333;
}
.intro-title1 {
  color: #222222;
  border-bottom: 1px solid #F78926;;
}
.intro-title2 {
  color: #555555;
}
.section-title {
  color: #000523;
}
.section-item-title-1 {
  color: #031634;
}
/* ==========================================================
! 4. Page Loader 
========================================================== */
#page-loader {
  background: #000523;
  color: #F78926;;
}
/* ==========================================================
! 5. Header Colors
========================================================== */
.top-color {
  background: #F78926;;
}
.top-color1 {
  background: #F78926;;
}
.top-color2 {
  background: #031634;
}
.top-color3 {
  background: #da222b;
}
/* ==========================================================
! 6. Side Menu
========================================================== */
.side-menu-button {
  background: #333;
  opacity: 0.9;
}
.side-menu {
    background: #031634;
}
.side-menu-nav li a:hover {
  color: #fff;
}
.side-menu-nav li.active a {
  color: #fff;
}
#side-menu-close {
  color: #fff;
}
/* ==========================================================
! 7. Profile Intro
========================================================== */
.profile-pic {
  border: 5px solid #F78926;;
}
/* ==========================================================
! 8. Vertical Timeline
========================================================== */
.timeline-wrap {
  background: #F78926;;
}
.line-content {
  color: #333333;
}
/* ==========================================================
! 9. Section: Education and Work Experience
========================================================== */
.graduation-time,
.job {
  color: #777777;
}
/* ==========================================================
! 10. Section: Skills
========================================================== */
.progress > .progress-completed {
  color: #888;
}
.progress-bar {
  background: #F78926;;
}
.progress-bar-2 {
  background: #031634;
}
.progress-bar-3 {
    background: #09afad;
}
.progress-bar-4 {
    background: #fe4365;
}


/* ==========================================================
! 11. Section: Portfolio
========================================================== */
.portfolio .line-content {
    height: 255px;
}
.portfolio-item .hover-bg {
  background: #008d8b;
}
.bx-prev,
.bx-next {
  background: #031634;
}
.bx-prev:hover,
.bx-next:hover {
  color: #fff;
  background: #000001;
}
/* ==========================================================
! 12. Section: Contact
========================================================== */
input.form-control,
textarea.form-control {
  background: #F78926;;
  border: 0px;
}
.form-send {
  background: #031634;
  color: #fff;
}
.contact-subtitle-1 {
  color: #031634;
}
.modal-content .modal-title {
  color: #031634;
}
/* ==========================================================
! Section: Thank you
========================================================== */
.thank-you {
  color: #888888;
}
/* ==========================================================
! 14. Footer
========================================================== */
#footer {
    background: #F78926;
    color: #000;
}
#footer p {
  color: #000;
}


.btn-download-result {
    display: block;
    width: 100%;
    text-align: center;
    color :#000;
    background: 0 0 #F78926;
    border: 1px solid #fff;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    height: 40px;
    line-height: 40px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn-default {
    background: #3b658a;
    color: #fafafa;
    border: #3b658a
}

    .btn-default:hover {
        background: #194368 !important;
        color: #fafafa
    }
.modal-content {
    width: 800px !important;
    left: 10% !important;
}

.timer {
    z-index:10 !important;
}