@charset "utf-8";
/* CSS Document */

body {
    background: #fff;
}

li, ul, ol, dl {
    color: #777;
}

a, a:hover, a:focus {
    color: #3498db;
}

/* *** General Classes *** */
.color {
    color: #3498db;
}
/* Main Color used principally in the Titles */
.paragraph {
    color: #777;
}

.img-border {
    border: 10px solid #3498db;
}

.well {
    background: rgba(245, 245, 245, 0.7);
}

/* *** MENU *** */
.navbar-default .navbar-brand {
    color: #3498db;
}

    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
        color: #3498db;
    }

#mainmenubar {
    color: #3498db;
}

#navtabs_menubar {
    background-color: #3498db;
}

#isotope_filtersbar {
    background-color: #3498db;
}
/* *** MENU END *** */


/* *** SLIDE *** */
#slide-previous {
    color: #fff;
}

#slide-next {
    color: #fff;
}

.slide-dot {
    background-color: #fff;
    color: #fff;
}

.slide-active {
    background-color: #3498db;
}

#slidecontent {
    background-color: rgba( 51, 51, 51, 0.8);
}

.msg-ulysses {
    color: #3498db;
}

.sptext {
    color: #fff;
}
/* *** SLIDE END *** */

/* *** SECTION *** */
.section {
    background-image: url(../decorations/background2.png);
    background-color: #3498db;
    color: #fff;
}

.section-dark {
    background-image: url(../decorations/background2.png);
    background-color: #333;
    color: #fff;
}

.sub-section {
    color: #777;
}

.sub-section-border {
    color: #777;
    border-bottom: 2px dashed #3498db;
}

.sub-section-paragraph {
    background: none;
    color: #777;
}

.presentation-container {
    background: url(../decorations/background.png) #444;
    background-attachment: fixed;
}
/* *** SECTION END *** */


/* *** TABS *** */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #none;
    background-color: transparent;
    border: 1px dashed #3498db;
    border-bottom-color: transparent;
}

.nav-tabs {
    border-bottom: 2px solid #3498db;
}

.tabs-paragraph {
    color: #777;
}

.nav-tabs > li > a:hover {
    border-color: transparent;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}
/* *** TABS END *** */

/* *** PROGRESS BARS *** */
.progress {
    background-color: #c7e9ff;
}

.progress-bar {
    color: #ffffff;
    background-color: #3498db;
}
/* *** PROGRESS BARS END *** */

/* *** CTA *** */
.cta-border {
    border-top: 2px dashed #3498db;
    border-bottom: 2px dashed #3498db;
}

.cta-title {
    color: #3498db;
}

.cta-paragraph {
    color: #9aa1aa;
}
/* *** CTA END *** */

/* *** BUTTONS *** */
.btn-primary {
    color: #ffffff;
    background-color: #3498db;
    border-color: #3498db;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #3498db;
        border-color: #3498db;
    }

.btn-default-header {
    background: none;
    color: #fff;
    border: 1px solid #fff;
}

    .btn-default-header:hover, .btn-default-header:focus, .btn-default-header:active, .btn-default-header.active, .open .dropdown-toggle.btn-default {
        color: #fff;
        background-color: #3498db;
        border-color: #3498db;
    }

.btn-default {
    background: none;
    color: #3498db;
    border: 1px solid #3498db;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
        color: #fff;
        background-color: #3498db;
        border-color: #3498db;
    }
/* *** BUTTONS END *** */

/* *** FIRST PARALLAX *** */
.parallax1 {
    /* copy your image link into the second url space, the first space is the pattern. */
    /*background-image: url(../decorations/../decorations/pattern-parallax.png), url(../images/Parallax.jpg);*/
    color: #777;
}

.parallax-inner1 {
    /*color: #fff;*/
    /*background-color: #fff;*/
    color: #777;
}

.parallax-icon {
    color: #777;
}

.parallax-title {
    color: #777;
}

.parallax-icon-paragraph {
    color: #777;
}
/* *** FIRST PARALLAX END *** */

/* *** PRICING TABLES *** */
.pricing-bg {
    background: url(../decorations/background.png) #444;
    background-attachment: fixed;
}

.pricing-bg-title {
    color: #fff;
}

.pricing-table {
    background: #fff;
    color: #777;
}

.pricing-table-icon {
    color: #3498db;
}

.pricing-table h3 {
    background: #3498db;
    color: #fff;
}

.price-content {
    background: #fff;
}

.price, .price-icon {
    color: #3498db;
    background-color: #fff;
}

.pricing-table-button {
    background: #3498db;
    color: #fff;
}

.pricing-table li {
    color: inherit;
    border-color: rgba(0,0,0,0.1);
}

.pricing-table .btn {
    color: #fff;
    background: #3498db;
}
/* *** PRICING TABLES END *** */

/* *** ICONS *** */
.icon-one, .icon-two {
    color: #3498db;
}

.icon-paragraph {
    color: #777;
}
/* *** ICONS *** */

/* *** SECOND PARALLAX *** */
.parallax2 {
    /* copy your image link into the second url space, the first space is the pattern. */
    background-image: url(../decorations/pattern-extra-black.png), url(../images/slide1.jpg);
}

.parallax-inner2 {
    color: #fff;
}

.parallax-quote-icon {
    color: #3498db;
}
/* *** SECOND PARALLAX END *** */

/* *** THIRD PARALLAX *** */
.parallax3 {
    /* copy your image link into the second url space, the first space is the pattern. */
    background-image: url(../decorations/pattern-extra-black.png), url(../images/Parallax3.jpg);
}

.parallax-inner3 {
    color: #fff;
}
/* *** THIRD PARALLAX END *** */

/* *** GALLERY *** */
#gallery-overlay {
    background-color: rgba(0, 0, 0, 0.8);
}

#gallery-previous, #gallery-next,
#gallery-close, #gallery-more {
    color: #fff;
}

.spinner > div {
    background-color: #fff;
}

.gallery-cover {
    background-color: #333;
}

.gallery-description {
    color: #fff;
}

.gallery-icon {
    color: #fff;
    background: #3498db;
}

.gallery-text {
    background: rgba(0, 0, 0, 0.5);
    color: white;
}
/* *** GALLERY END *** */

/* *** CONTACT FORM *** */
.form-control {
    color: #555555;
    background-color: #ffffff;
    border-color: #fff;
}
/* *** CONTACT FORM END *** */

/* *** FOOTER *** */
.footer {
    color: #fff;
    background: #333;
}

.dashed-border {
    color: #3498db;
    border: 2px dashed #3498db;
}

.footer-icon {
    color: #fff;
}

/* *** FOOTER END *** */
/*FEATURES*/
.icon {
    color: #777;
}
/*Animation*/
.form-control:focus {
    border-color: #3498db;
}

.footer-icon:hover {
    color: #3498db;
}

.icon:hover {
    color: #3498db;
}

.pricing-table-button:hover {
    background-color: #3498db;
}

.pricing-table:hover {
    background-color: #3498db;
    color: #fff;
}

    .pricing-table:hover > .caption .btn {
        background-color: #fff;
        color: #3498db;
    }

    .pricing-table:hover > .caption li {
        border-color: rgba(255,255,255,0.5);
    }
/**MOBILE**/
@media only screen and (min-device-width: 320px) and (max-device-width : 480px) {
    .form-control {
        border-color: #AAA;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width : 1024px) {
    .form-control {
        border-color: #AAA;
    }
}



#sendMessage {
  display: inline-block;
  border-radius: 3px;
  border: none;
  font-size: 0.9rem;
  padding: 0.5rem 0.8em;
  background: #69c773;
  border-bottom: 1px solid #498b50;
  color: white;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  margin: 0;
  width: 100%;
  text-align: center;
}

/*Contact form*/
button:hover, button:focus {
  opacity: 0.75;
  cursor: pointer;
}

button:active {
  opacity: 1;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}

.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

#comment_form.row {
    margin-top: 0;  
}