/* Demo style: .default */


    .default #MainHeader .circle-btn,
    .default.social-top-fix .circle-btn,
    .default.color-row .circle-btn,
    .default.parallax .circle-btn,
    .default.top-info .circle-btn {
    border-color: #ffffff;
    color: #ffffff;
    }


    /* -------------------------------------- */

    .default a{
    color: #ce0000;
    }

    .default a:hover{
    color: #ce0000;
    }

    /* Style Buttons */
    .default .btn {
    border: 3px solid #ce0000;
    color: #ce0000;
    }
    .default .btn:hover,
    .default .btn:active,
    .default .btn:focus {
    background-color: #ce0000;
    border-color: #ce0000;
    color: #ffffff;
    }
    .default .btn-white {
    background-color: transparent;
    border: 3px solid #ffffff;
    color: #ffffff;
    }
    .default .btn-color {
    background-color: #ce0000;
    border: 3px solid #ce0000;
    color: #ffffff;
    }
    .default .btn-color:hover,
    .default .btn-color:active,
    .default .btn-color:focus {
    background-color: #9b0506;
    border: 3px solid #9b0506;
    }

    .default .btn-success {
    border-color: #8dc153;
    color: #8dc153;
    }
    .default .btn-success:hover {
    border-color: #8dc153;
    color: #ffffff;
    background-color: #8dc153;
    }
    .default .btn-warning {
    border-color: #ff7f00;
    color: #ff7f00;
    }
    .default .btn-warning:hover {
    border-color: #ff7f00;
    color: #ffffff;
    background-color: #ff7f00;
    }
    .default .btn-info {
    border-color: #1a9dd3;
    color: #1a9dd3;
    }
    .default .btn-info:hover {
    border-color: #1a9dd3;
    color: #ffffff;
    background-color: #1a9dd3;
    }
    .default .btn-inactive {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
    }
    .default .btn-inactive:hover {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
    }

    .default .btn-white:hover,
    .default .btn-white:active,
    .default .btn-white:focus {
    border-color: #ffffff;
    color: #ce0000;
    background-color: #ffffff;
    }
    .default .btn-link {
    border: none;
    color: #ce0000;
    }
    .default .btn-link:hover {
    border: none;
    color: #9b0506;
    background-color: transparent;
    }
    .default .circle-button {
    border: 2px solid #ce0000;
    background-color: transparent;
    color: #ce0000;
    }
    .default select {
    border: 3px solid #ce0000;
    }
    /* End Style Buttons */
    .default blockquote:before {
    color: #ce0000;
    }
    .default blockquote {
    border-color: #ce0000;
    }

    .default .form-control:focus {
    border-color: #ce0000;
    }

    .default .color-font {
    color: #ce0000;
    }
    /* Header */
    .default #MainHeader .slogan {
    color: #ffffff;
    }
    .default #MainHeader .slogan .square {
    background-color: #ce0000;
    }
    /* End Header */
    /* Navigation */
    .default .navbar-inverse .navbar-nav > .active > a,
    .default .navbar-inverse .navbar-nav > .active > a:hover,
    .default .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ce0000;
    }
    .default .navbar-inverse .navbar-nav > li > a:hover,
    .default .navbar-inverse .navbar-nav > li > a:focus {
    color: #ce0000;
    }
    .default .navbar-default .navbar-nav > .active > a,
    .default .navbar-default .navbar-nav > .active > a:hover,
    .default .navbar-default .navbar-nav > .active > a:focus {
    color: #ce0000;
    }
    .default .navbar-default .navbar-nav > li > a:hover,
    .default .navbar-default .navbar-nav > li > a:focus {
    color: #ce0000;
    }

    .default .navbar-middle .navbar-nav > .active > a,
    .default .navbar-middle .navbar-nav > .active > a:hover,
    .default .navbar-middle .navbar-nav > .active > a:focus {
    color: #ce0000;
    }
    .default .navbar-middle .navbar-nav > li > a:hover,
    .default .navbar-middle .navbar-nav > li > a:focus {
    color: #ce0000;
    }
    .default .navbar-default .navbar-header,
    .default .navbar-inverse .navbar-header {
    background-color: #9b0506;
    }
    .default .navbar-default .triangle,
    .default .navbar-inverse .triangle {
    border-color: transparent transparent transparent #9b0506;
    }
    .default .navbar-default > li a:active,
    .default .navbar-inverse > li a:active,
    .default .navbar-default > li a:hover,
    .default .navbar-inverse > li a:hover,
    .default .navbar-default > li a:focus,
    .default .navbar-inverse > li a:focus {
    border-bottom: 3px solid #ce0000;
    }
    .default .navbar-default .active a,
    .default .navbar-inverse .active a,
    .default .navbar-default .active a:active,
    .default .navbar-inverse .active a:active,
    .default .navbar-default .active a:hover,
    .default .navbar-inverse .active a:hover,
    .default .navbar-default .active a:focus,
    .default .navbar-inverse .active a:focus {
    border-bottom: 3px solid #ce0000;
    }
    .default .navbar-default .active li a:active,
    .default .navbar-inverse .active li a:active,
    .default .navbar-default .active li a:hover,
    .default .navbar-inverse .active li a:hover,
    .default .navbar-default .active li a:focus,
    .default .navbar-inverse .active li a:focus {
    background: #ce0000 !important;
    color: #ffffff;
    }
    .default .navbar-inverse.remove-left-red .navbar-brand:hover {
    color: #ce0000;
    }
    .default .navbar-color {
    background-color: #ce0000;
    }
    .default .navbar-color .navbar-header {
    background-color: #000000;
    }
    .default .navbar-color .triangle {
    border-color: transparent transparent transparent #ffffff;
    }
    .default .navbar-color.remove-left-red .navbar-brand {
    color: #ffffff;
    }
    .default .navbar-color a {
    color: #ffffff;
    }
    .default .navbar-transparent > li a:active,
    .default .navbar-transparent > li a:hover,
    .default .navbar-transparent > li a:focus {
    border-bottom: 3px solid #ce0000;
    color: #ce0000;
    }
    .default .navbar-transparent > li.active a {
    color: #ce0000;
    }
    .default .navbar-transparent .active a,
    .default .navbar-transparent .active a:active,
    .default .navbar-transparent .active a:hover,
    .default .navbar-transparent .active a:focus {
    border-bottom: 3px solid #ce0000;
    }
    .default .navbar-middle .nav.navbar-nav > li.active > a {
    color: #ce0000;
    }
    .default .navbar-middle .nav.navbar-nav > li a:active,
    .default .navbar-middle .nav.navbar-nav > li a:hover,
    .default .navbar-middle .nav.navbar-nav > li a:focus {
    border-bottom: 3px solid #ce0000;
    }
    .default .navbar-middle .nav.navbar-nav .active a,
    .default .navbar-middle .nav.navbar-nav .active a:active,
    .default .navbar-middle .nav.navbar-nav .active a:hover,
    .default .navbar-middle .nav.navbar-nav .active a:focus {
    border-bottom: 3px solid #ce0000;
    }
    .default .navbar-middle .nav.navbar-nav .active li a:active,
    .default .navbar-middle .nav.navbar-nav .active li a:hover,
    .default .navbar-middle .nav.navbar-nav .active li a:focus {
    background: #ce0000 !important;
    color: #ffffff;
    }
    .default .navbar .dropdown-menu > li > a:hover,
    .default .navbar .dropdown-submenu > li > a:hover,
    .default .navbar .dropdown-menu > li > a:active,
    .default .navbar .dropdown-submenu > li > a:active,
    .default .navbar .dropdown-menu > li > a:focus,
    .default .navbar .dropdown-submenu > li > a:focus {
    background-color: #ce0000;
    }
    .default .navbar .dropdown-menu > li.active > a {
    color: #ce0000;
    }
    .default .navbar .dropdown-menu > li.active > a:hover,
    .default .navbar .dropdown-menu > li.active > a:active,
    .default .navbar .dropdown-menu > li.active > a:focus {
    color: #ce0000 !important;
    }
    /* back to top link */
    .default #toTop:hover {
    background-color: #ce0000;
    }
    /* End Navigation */
    /* Sections */
    .default .color-row {
    background-color: #9b0506;
    }
    .default .quote .quote-mark-left {
    color: #ce0000;
    }
    .default .quote .quote-mark-right {
    color: #ce0000;
    }
    /* Team */
    .default .team-container .person-image .person-hover {
    background: rgba(206, 0, 0, 0.7);
    }
    /* progress bar */
    .default .progress {
    border: 2px solid #ce0000;
    }
    .default .progress.alternative{
    border: none;
    }
    .default .progress .bar {
    background: #ce0000 !important;
    }
    .default #colorbox #cboxPrevious,
    .default #colorbox #cboxNext,
    .default #colorbox #cboxSlideshow,
    .default #colorbox #cboxClose {
    border: 2px solid #ce0000;
    color: #ce0000;
    }
    .default #colorbox #cboxPrevious {
    right: 150px;
    left: auto;
    }
    .default #colorbox #cboxNext {
    right: 100px;
    left: auto;
    }
    .default #colorbox #cboxClose {
    right: 50px;
    }
    .default #colorbox #cboxPrevious:hover,
    .default #colorbox #cboxNext:hover,
    .default #colorbox #cboxClose:hover {
    background-color: #ce0000;
    color: #ffffff;
    }
    /* End Team */
    /* Services */
    .default .services .services-box .price-container.active,
    .default .price-list .services-box .price-container.active,
    .default .services .prices-box .price-container.active,
    .default .price-list .prices-box .price-container.active {
    background-color: #ce0000;
    }
    .default .services .services-box:hover,
    .default .price-list .services-box:hover {
    background-color: #ce0000;
    color: #ffffff;
    border-color: #ce0000;
    }
    .default .services .services-box:hover .circle-border-inside,
    .default .price-list .services-box:hover .circle-border-inside {
    border: 10px solid #ce0000;
    }
    /* End Services */
    /* Blog */
    .default #wp-calendar thead {
    background-color: #ce0000;
    color: #ffffff;
    }
    .default .blog-pagination .pagination li {
    border-color: #ce0000;
    }
    .default .blog-pagination .pagination li a:hover {
    border-bottom: 3px solid #ce0000;
    }
    .default .blog-pagination .pagination .active a {
    color: #ce0000;
    }
    .default .blog-pagination .pagination .active a:hover {
    border-bottom: 3px solid #ce0000;
    }
    .default .blog-pagination-single .pager a:hover {
    color: #ce0000;
    }
    .default .blog-quote-mark {
    color: #ce0000;
    }
    .default .blog-col .search button,
    footer .search button {
    color: #ce0000;
    }
    /* End Blog */
    /* 404 Page */
    .default .bug {
    color: #ce0000;
    }
    .default .error404 .error404-symbol {
    color: #9b0506;
    }
    /* End 404 Page */
    /* Faq */
    .default .faq-menu li.active > a {
    background-color: #ce0000;
    color: #ffffff;
    }
    /* End Faq */
    /* End Sections */
    /* Elements */
    /* Breadcumbs */
    .default .breadcrumb li + li:before {
    color: #ce0000;
    }
    /* Tabs */
    .default .nav-tabs.nav-justified li.active a:before {
    background-color: #ce0000;
    }
    .default .tabs-left > .nav-tabs li.active a:before {
    background-color: #ce0000;
    }
    /* End Tabs */
    /* Begin accordion*/
    .default .panel-group .panel .panel-heading .panel-title a:before {
    color: #ce0000;
    }
    .default .panel-group .panel .panel-body {
    border-left: 4px solid #ce0000;
    }

    .default .panel-title > a {
    color: inherit;
    }
    /* End Accordion */
    /* Begin tables */
    .default .table-striped thead {
    background-color: #ce0000;
    color: #ffffff;
    border-left: 2px solid #ce0000;
    }
    /* End tables */
    /* Media list */
    .default .media.feature-list .icon {
    color: #ce0000;
    }
    .default .media.feature-list .number {
    color: #ce0000;
    }
    /* End media list */
    /* Begin Twitter */
    .default .tweets ul .tweet_name {
    color: #ce0000;
    }
    .default .tweets .arrows .flex-direction-nav a:hover {
    color: #ce0000;
    }
    /* End Twitter */
    /* -------------- SOCIAL ICONS -------------------*/
    .default .circle-btn {
    border: 2px solid #ce0000;
    color: #ce0000;
    }
    .default .circle-btn:hover {
    border-color: #ce0000;
    background-color: #ce0000;
    }
     #MainHeader .circle-btn:hover,
    .default .social-top-fix .circle-btn:hover,
    .default .color-row .circle-btn:hover,
    .default .parallax .circle-btn:hover,
    .default .top-info .circle-btn:hover {
    color: #ce0000;
    }

    .default #MainHeader .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }
    .default .social-top-fix .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .default .color-row .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .default .parallax .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .default .top-info .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .default #MainHeader .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }
    .default .social-top-fix .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .default .color-row .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .default .parallax .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .default .top-info .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    /* -------------------- CIRCLE IMAGES ----------------------- */
    .default .circleBox .circle-border-outside {
    position: relative;
    border: 10px solid #ce0000;
    }
    .default .circleBox .circle-border-outside .circle-triangle {
    border-color: #ce0000 transparent transparent transparent;
    }
    /* ------------------------- PIE CHARTS ------------------------ */
    .default .pie-chart > span {
    color: #ce0000;
    }
    /* ------------------------ WORKS GALLERY ---------------------------- */
    .default .projects .project .image .item-hover .item-icons li a,
    .default .lightbox-image .image .item-hover .item-icons li a {
    background-color: rgba(206, 0, 0, 0.7);
    color: #ffffff;
    }
    .default .projects .project .image .item-hover .item-icons li:hover a,
    .default .lightbox-image .image .item-hover .item-icons li:hover a {
    color: #ce0000;
    background-color: #ffffff;
    }
    .default .portfolioFilter a {
    border: 2px solid #ce0000;
    color: #ce0000;
    }
    .default .portfolioFilter a:hover {
    border: 2px solid #ce0000;
    background-color: #ce0000;
    color: #ffffff;
    }

    .default .portfolioFilter .current {
    border-color: #333333;
    color: #333333;
    }
    /* ------------------------ GMAPS3 ---------------------------- */
    .default .map .googleMap .googleMap-description .googleMap-triangle {
    border-color: transparent #ce0000 transparent transparent;
    }
    /* ------------------------------------ d3.js ----------------------------------------- */
    .default .q0-9 {
    fill: #fcf7f7;
    }
    .default .q1-9 {
    fill: #efd6d6;
    }
    .default .q2-9 {
    fill: #e2b6b7;
    }
    .default .q3-9 {
    fill: #cd8282;
    }
    .default .q4-9 {
    fill: #b44545;
    }
    .default .q5-9 {
    fill: #9f0e0f;
    }
    .default .q6-9 {
    fill: #820405;
    }
    .default .q7-9 {
    fill: #640304;
    }
    .default .q8-9 {
    fill: #450203;
    }
    /* ------------------------------------ flex slider ----------------------------------------- */
    .default .flexslider .flex-direction-nav a:hover {
    color: #ce0000;
    }
    .default .fullscreen-flexslider .flex-direction-nav a:hover,
    .default .fullscreen-flexslider-ken-burns .flex-direction-nav a:hover {
    color: #ce0000;
    }
    /* ------------------------------------ Parallax Slider 2 ----------------------------------------- */
    .default #MainHeader .content .container .table-align .middle-align .social-unit {
    background-color: rgba(206, 0, 0, 0.5);
    }
    /* ------------------------------------ revolution slider ----------------------------------------- */
    .default .rev-slider .tp-caption a:hover,
    .default .rev-slider .tp-caption a:active,
    .default .rev-slider .tp-caption a:focus {
    color: #ce0000;
    }
    /*******************************************************************************
    -	BULLETS AND ARROWS ADD ONS TO THE EXISTING VERSION 	-
    *******************************************************************************/
    .default .tparrows:hover {
    color: #ce0000 !important;
    }
    /* End Elements */
    @media (min-width: 990px) {
    .default .fullscreen-flexslider .flex-viewport,
    .default .fullscreen-slider-slogan .flex-viewport,
    .default .fullscreen-flexslider-ken-burns .flex-viewport {
    height: 100% !IMPORTANT;
    }
    .default .navbar-middle .navbar-collapse.collapse {
    text-align: center;
    /* Set this */

    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    }
    .default .navbar-middle .navbar-nav {
    display: inline-block;
    float: none;
    margin: 0;
    }
    }
    @media (max-width: 990px) {
    .default .navbar-default .navbar-header .navbar-toggle:hover .icon-bar,
    .default .navbar-default .navbar-header .navbar-toggle:active .icon-bar,
    .default .navbar-default .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #ce0000;
    }
    .default .navbar-default .navbar-collapse li .dropdown-menu li a:hover,
    .default .navbar-default .navbar-collapse li .dropdown-menu li a:active,
    .default .navbar-default .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #ce0000;
    }
    .default .navbar-default .navbar-collapse .open .dropdown-menu a:hover,
    .default .navbar-default .navbar-collapse .open .dropdown-menu a:active,
    .default .navbar-default .navbar-collapse .open .dropdown-menu a:focus {
    color: #ce0000;
    }
    .default .navbar-inverse .navbar-header .navbar-toggle:hover .icon-bar,
    .default .navbar-inverse .navbar-header .navbar-toggle:active .icon-bar,
    .default .navbar-inverse .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #ce0000;
    }
    .default .navbar-inverse .navbar-collapse li .dropdown-menu li a:hover,
    .default .navbar-inverse .navbar-collapse li .dropdown-menu li a:active,
    .default .navbar-inverse .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #ce0000;
    }
    .default .navbar-inverse .navbar-collapse .open .dropdown-menu a:hover,
    .default .navbar-inverse .navbar-collapse .open .dropdown-menu a:active,
    .default .navbar-inverse .navbar-collapse .open .dropdown-menu a:focus {
    color: #ce0000;
    }
    .default .navbar-color .navbar-header .navbar-toggle:hover .icon-bar,
    .default .navbar-color .navbar-header .navbar-toggle:active .icon-bar,
    .default .navbar-color .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #ce0000;
    }
    .default .navbar-color .navbar-collapse li a:hover,
    .default .navbar-color .navbar-collapse li a:active,
    .default .navbar-color .navbar-collapse li a:focus {
    color: #ce0000;
    }
    .default .navbar-color .navbar-collapse li .dropdown-menu li a:hover,
    .default .navbar-color .navbar-collapse li .dropdown-menu li a:active,
    .default .navbar-color .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #ce0000;
    }
    .default .navbar-color .navbar-collapse .open .dropdown-menu a:hover,
    .default .navbar-color .navbar-collapse .open .dropdown-menu a:active,
    .default .navbar-color .navbar-collapse .open .dropdown-menu a:focus {
    color: #ce0000;
    }
    .default .navbar-transparent .navbar-header .navbar-toggle:hover .icon-bar,
    .default .navbar-middle .navbar-header .navbar-toggle:hover .icon-bar,
    .default .navbar-transparent .navbar-header .navbar-toggle:active .icon-bar,
    .default .navbar-middle .navbar-header .navbar-toggle:active .icon-bar,
    .default .navbar-transparent .navbar-header .navbar-toggle:focus .icon-bar,
    .default .navbar-middle .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #ce0000;
    }
    .default .navbar-transparent .navbar-collapse li a:hover,
    .default .navbar-middle .navbar-collapse li a:hover,
    .default .navbar-transparent .navbar-collapse li a:active,
    .default .navbar-middle .navbar-collapse li a:active,
    .default .navbar-transparent .navbar-collapse li a:focus,
    .default .navbar-middle .navbar-collapse li a:focus {
    color: #ce0000;
    }
    .default .navbar-transparent .navbar-collapse li .dropdown-menu li a:hover,
    .default .navbar-middle .navbar-collapse li .dropdown-menu li a:hover,
    .default .navbar-transparent .navbar-collapse li .dropdown-menu li a:active,
    .default .navbar-middle .navbar-collapse li .dropdown-menu li a:active,
    .default .navbar-transparent .navbar-collapse li .dropdown-menu li a:focus,
    .default .navbar-middle .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #ce0000;
    }
    .default .navbar-transparent .navbar-collapse .open .dropdown-menu a:hover,
    .default .navbar-middle .navbar-collapse .open .dropdown-menu a:hover,
    .default .navbar-transparent .navbar-collapse .open .dropdown-menu a:active,
    .default .navbar-middle .navbar-collapse .open .dropdown-menu a:active,
    .default .navbar-transparent .navbar-collapse .open .dropdown-menu a:focus,
    .default .navbar-middle .navbar-collapse .open .dropdown-menu a:focus {
    color: #ce0000;
    }
    }

    /* Demo style: .orange */


    .orange #MainHeader .circle-btn,
    .orange.social-top-fix .circle-btn,
    .orange.color-row .circle-btn,
    .orange.parallax .circle-btn,
    .orange.top-info .circle-btn {
    border-color: #ffffff;
    color: #ffffff;
    }


    /* -------------------------------------- */

    .orange a{
    color: #ff7f00;
    }

    .orange a:hover{
    color: #ff7f00;
    }

    /* Style Buttons */
    .orange .btn {
    border: 3px solid #ff7f00;
    color: #ff7f00;
    }
    .orange .btn:hover,
    .orange .btn:active,
    .orange .btn:focus {
    background-color: #ff7f00;
    border-color: #ff7f00;
    color: #ffffff;
    }
    .orange .btn-white {
    background-color: transparent;
    border: 3px solid #ffffff;
    color: #ffffff;
    }
    .orange .btn-color {
    background-color: #ff7f00;
    border: 3px solid #ff7f00;
    color: #ffffff;
    }
    .orange .btn-color:hover,
    .orange .btn-color:active,
    .orange .btn-color:focus {
    background-color: #db6d00;
    border: 3px solid #db6d00;
    }

    .orange .btn-success {
    border-color: #8dc153;
    color: #8dc153;
    }
    .orange .btn-success:hover {
    border-color: #8dc153;
    color: #ffffff;
    background-color: #8dc153;
    }
    .orange .btn-warning {
    border-color: #ff7f00;
    color: #ff7f00;
    }
    .orange .btn-warning:hover {
    border-color: #ff7f00;
    color: #ffffff;
    background-color: #ff7f00;
    }
    .orange .btn-info {
    border-color: #1a9dd3;
    color: #1a9dd3;
    }
    .orange .btn-info:hover {
    border-color: #1a9dd3;
    color: #ffffff;
    background-color: #1a9dd3;
    }
    .orange .btn-inactive {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
    }
    .orange .btn-inactive:hover {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
    }

    .orange .btn-white:hover,
    .orange .btn-white:active,
    .orange .btn-white:focus {
    border-color: #ffffff;
    color: #ff7f00;
    background-color: #ffffff;
    }
    .orange .btn-link {
    border: none;
    color: #ff7f00;
    }
    .orange .btn-link:hover {
    border: none;
    color: #db6d00;
    background-color: transparent;
    }
    .orange .circle-button {
    border: 2px solid #ff7f00;
    background-color: transparent;
    color: #ff7f00;
    }
    .orange select {
    border: 3px solid #ff7f00;
    }
    /* End Style Buttons */
    .orange blockquote:before {
    color: #ff7f00;
    }
    .orange blockquote {
    border-color: #ff7f00;
    }

    .orange .form-control:focus {
    border-color: #ff7f00;
    }

    .orange .color-font {
    color: #ff7f00;
    }
    /* Header */
    .orange #MainHeader .slogan {
    color: #ffffff;
    }
    .orange #MainHeader .slogan .square {
    background-color: #ff7f00;
    }
    /* End Header */
    /* Navigation */
    .orange .navbar-inverse .navbar-nav > .active > a,
    .orange .navbar-inverse .navbar-nav > .active > a:hover,
    .orange .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ff7f00;
    }
    .orange .navbar-inverse .navbar-nav > li > a:hover,
    .orange .navbar-inverse .navbar-nav > li > a:focus {
    color: #ff7f00;
    }
    .orange .navbar-default .navbar-nav > .active > a,
    .orange .navbar-default .navbar-nav > .active > a:hover,
    .orange .navbar-default .navbar-nav > .active > a:focus {
    color: #ff7f00;
    }
    .orange .navbar-default .navbar-nav > li > a:hover,
    .orange .navbar-default .navbar-nav > li > a:focus {
    color: #ff7f00;
    }

    .orange .navbar-middle .navbar-nav > .active > a,
    .orange .navbar-middle .navbar-nav > .active > a:hover,
    .orange .navbar-middle .navbar-nav > .active > a:focus {
    color: #ff7f00;
    }
    .orange .navbar-middle .navbar-nav > li > a:hover,
    .orange .navbar-middle .navbar-nav > li > a:focus {
    color: #ff7f00;
    }
    .orange .navbar-default .navbar-header,
    .orange .navbar-inverse .navbar-header {
    background-color: #db6d00;
    }
    .orange .navbar-default .triangle,
    .orange .navbar-inverse .triangle {
    border-color: transparent transparent transparent #db6d00;
    }
    .orange .navbar-default > li a:active,
    .orange .navbar-inverse > li a:active,
    .orange .navbar-default > li a:hover,
    .orange .navbar-inverse > li a:hover,
    .orange .navbar-default > li a:focus,
    .orange .navbar-inverse > li a:focus {
    border-bottom: 3px solid #ff7f00;
    }
    .orange .navbar-default .active a,
    .orange .navbar-inverse .active a,
    .orange .navbar-default .active a:active,
    .orange .navbar-inverse .active a:active,
    .orange .navbar-default .active a:hover,
    .orange .navbar-inverse .active a:hover,
    .orange .navbar-default .active a:focus,
    .orange .navbar-inverse .active a:focus {
    border-bottom: 3px solid #ff7f00;
    }
    .orange .navbar-default .active li a:active,
    .orange .navbar-inverse .active li a:active,
    .orange .navbar-default .active li a:hover,
    .orange .navbar-inverse .active li a:hover,
    .orange .navbar-default .active li a:focus,
    .orange .navbar-inverse .active li a:focus {
    background: #ff7f00 !important;
    color: #ffffff;
    }
    .orange .navbar-inverse.remove-left-red .navbar-brand:hover {
    color: #ff7f00;
    }
    .orange .navbar-color {
    background-color: #ff7f00;
    }
    .orange .navbar-color .navbar-header {
    background-color: #000000;
    }
    .orange .navbar-color .triangle {
    border-color: transparent transparent transparent #ffffff;
    }
    .orange .navbar-color.remove-left-red .navbar-brand {
    color: #ffffff;
    }
    .orange .navbar-color a {
    color: #ffffff;
    }
    .orange .navbar-transparent > li a:active,
    .orange .navbar-transparent > li a:hover,
    .orange .navbar-transparent > li a:focus {
    border-bottom: 3px solid #ff7f00;
    color: #ff7f00;
    }
    .orange .navbar-transparent > li.active a {
    color: #ff7f00;
    }
    .orange .navbar-transparent .active a,
    .orange .navbar-transparent .active a:active,
    .orange .navbar-transparent .active a:hover,
    .orange .navbar-transparent .active a:focus {
    border-bottom: 3px solid #ff7f00;
    }
    .orange .navbar-middle .nav.navbar-nav > li.active > a {
    color: #ff7f00;
    }
    .orange .navbar-middle .nav.navbar-nav > li a:active,
    .orange .navbar-middle .nav.navbar-nav > li a:hover,
    .orange .navbar-middle .nav.navbar-nav > li a:focus {
    border-bottom: 3px solid #ff7f00;
    }
    .orange .navbar-middle .nav.navbar-nav .active a,
    .orange .navbar-middle .nav.navbar-nav .active a:active,
    .orange .navbar-middle .nav.navbar-nav .active a:hover,
    .orange .navbar-middle .nav.navbar-nav .active a:focus {
    border-bottom: 3px solid #ff7f00;
    }
    .orange .navbar-middle .nav.navbar-nav .active li a:active,
    .orange .navbar-middle .nav.navbar-nav .active li a:hover,
    .orange .navbar-middle .nav.navbar-nav .active li a:focus {
    background: #ff7f00 !important;
    color: #ffffff;
    }
    .orange .navbar .dropdown-menu > li > a:hover,
    .orange .navbar .dropdown-submenu > li > a:hover,
    .orange .navbar .dropdown-menu > li > a:active,
    .orange .navbar .dropdown-submenu > li > a:active,
    .orange .navbar .dropdown-menu > li > a:focus,
    .orange .navbar .dropdown-submenu > li > a:focus {
    background-color: #ff7f00;
    }
    .orange .navbar .dropdown-menu > li.active > a {
    color: #ff7f00;
    }
    .orange .navbar .dropdown-menu > li.active > a:hover,
    .orange .navbar .dropdown-menu > li.active > a:active,
    .orange .navbar .dropdown-menu > li.active > a:focus {
    color: #ff7f00 !important;
    }
    /* back to top link */
    .orange #toTop:hover {
    background-color: #ff7f00;
    }
    /* End Navigation */
    /* Sections */
    .orange .color-row {
    background-color: #db6d00;
    }
    .orange .quote .quote-mark-left {
    color: #ff7f00;
    }
    .orange .quote .quote-mark-right {
    color: #ff7f00;
    }
    /* Team */
    .orange .team-container .person-image .person-hover {
    background: rgba(255, 127, 0, 0.7);
    }
    /* progress bar */
    .orange .progress {
    border: 2px solid #ff7f00;
    }
    .orange .progress.alternative{
    border: none;
    }
    .orange .progress .bar {
    background: #ff7f00 !important;
    }
    .orange #colorbox #cboxPrevious,
    .orange #colorbox #cboxNext,
    .orange #colorbox #cboxSlideshow,
    .orange #colorbox #cboxClose {
    border: 2px solid #ff7f00;
    color: #ff7f00;
    }
    .orange #colorbox #cboxPrevious {
    right: 150px;
    left: auto;
    }
    .orange #colorbox #cboxNext {
    right: 100px;
    left: auto;
    }
    .orange #colorbox #cboxClose {
    right: 50px;
    }
    .orange #colorbox #cboxPrevious:hover,
    .orange #colorbox #cboxNext:hover,
    .orange #colorbox #cboxClose:hover {
    background-color: #ff7f00;
    color: #ffffff;
    }
    /* End Team */
    /* Services */
    .orange .services .services-box .price-container.active,
    .orange .price-list .services-box .price-container.active,
    .orange .services .prices-box .price-container.active,
    .orange .price-list .prices-box .price-container.active {
    background-color: #ff7f00;
    }
    .orange .services .services-box:hover,
    .orange .price-list .services-box:hover {
    background-color: #ff7f00;
    color: #ffffff;
    border-color: #ff7f00;
    }
    .orange .services .services-box:hover .circle-border-inside,
    .orange .price-list .services-box:hover .circle-border-inside {
    border: 10px solid #ff7f00;
    }
    /* End Services */
    /* Blog */
    .orange #wp-calendar thead {
    background-color: #ff7f00;
    color: #ffffff;
    }
    .orange .blog-pagination .pagination li {
    border-color: #ff7f00;
    }
    .orange .blog-pagination .pagination li a:hover {
    border-bottom: 3px solid #ff7f00;
    }
    .orange .blog-pagination .pagination .active a {
    color: #ff7f00;
    }
    .orange .blog-pagination .pagination .active a:hover {
    border-bottom: 3px solid #ff7f00;
    }
    .orange .blog-pagination-single .pager a:hover {
    color: #ff7f00;
    }
    .orange .blog-quote-mark {
    color: #ff7f00;
    }
    .orange .blog-col .search button,
    footer .search button {
    color: #ff7f00;
    }
    /* End Blog */
    /* 404 Page */
    .orange .bug {
    color: #ff7f00;
    }
    .orange .error404 .error404-symbol {
    color: #db6d00;
    }
    /* End 404 Page */
    /* Faq */
    .orange .faq-menu li.active > a {
    background-color: #ff7f00;
    color: #ffffff;
    }
    /* End Faq */
    /* End Sections */
    /* Elements */
    /* Breadcumbs */
    .orange .breadcrumb li + li:before {
    color: #ff7f00;
    }
    /* Tabs */
    .orange .nav-tabs.nav-justified li.active a:before {
    background-color: #ff7f00;
    }
    .orange .tabs-left > .nav-tabs li.active a:before {
    background-color: #ff7f00;
    }
    /* End Tabs */
    /* Begin accordion*/
    .orange .panel-group .panel .panel-heading .panel-title a:before {
    color: #ff7f00;
    }
    .orange .panel-group .panel .panel-body {
    border-left: 4px solid #ff7f00;
    }

    .orange .panel-title > a {
    color: inherit;
    }
    /* End Accordion */
    /* Begin tables */
    .orange .table-striped thead {
    background-color: #ff7f00;
    color: #ffffff;
    border-left: 2px solid #ff7f00;
    }
    /* End tables */
    /* Media list */
    .orange .media.feature-list .icon {
    color: #ff7f00;
    }
    .orange .media.feature-list .number {
    color: #ff7f00;
    }
    /* End media list */
    /* Begin Twitter */
    .orange .tweets ul .tweet_name {
    color: #ff7f00;
    }
    .orange .tweets .arrows .flex-direction-nav a:hover {
    color: #ff7f00;
    }
    /* End Twitter */
    /* -------------- SOCIAL ICONS -------------------*/
    .orange .circle-btn {
    border: 2px solid #ff7f00;
    color: #ff7f00;
    }
    .orange .circle-btn:hover {
    border-color: #ff7f00;
    background-color: #ff7f00;
    }
     #MainHeader .circle-btn:hover,
    .orange .social-top-fix .circle-btn:hover,
    .orange .color-row .circle-btn:hover,
    .orange .parallax .circle-btn:hover,
    .orange .top-info .circle-btn:hover {
    color: #ff7f00;
    }

    .orange #MainHeader .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }
    .orange .social-top-fix .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .orange .color-row .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .orange .parallax .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .orange .top-info .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .orange #MainHeader .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }
    .orange .social-top-fix .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .orange .color-row .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .orange .parallax .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .orange .top-info .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    /* -------------------- CIRCLE IMAGES ----------------------- */
    .orange .circleBox .circle-border-outside {
    position: relative;
    border: 10px solid #ff7f00;
    }
    .orange .circleBox .circle-border-outside .circle-triangle {
    border-color: #ff7f00 transparent transparent transparent;
    }
    /* ------------------------- PIE CHARTS ------------------------ */
    .orange .pie-chart > span {
    color: #ff7f00;
    }
    /* ------------------------ WORKS GALLERY ---------------------------- */
    .orange .projects .project .image .item-hover .item-icons li a,
    .orange .lightbox-image .image .item-hover .item-icons li a {
    background-color: rgba(255, 127, 0, 0.7);
    color: #ffffff;
    }
    .orange .projects .project .image .item-hover .item-icons li:hover a,
    .orange .lightbox-image .image .item-hover .item-icons li:hover a {
    color: #ff7f00;
    background-color: #ffffff;
    }
    .orange .portfolioFilter a {
    border: 2px solid #ff7f00;
    color: #ff7f00;
    }
    .orange .portfolioFilter a:hover {
    border: 2px solid #ff7f00;
    background-color: #ff7f00;
    color: #ffffff;
    }

    .orange .portfolioFilter .current {
    border-color: #333333;
    color: #333333;
    }
    /* ------------------------ GMAPS3 ---------------------------- */
    .orange .map .googleMap .googleMap-description .googleMap-triangle {
    border-color: transparent #ff7f00 transparent transparent;
    }
    /* ------------------------------------ d3.js ----------------------------------------- */
    .orange .q0-9 {
    fill: #fffbf7;
    }
    .orange .q1-9 {
    fill: #ffead5;
    }
    .orange .q2-9 {
    fill: #ffdab5;
    }
    .orange .q3-9 {
    fill: #ffbe7f;
    }
    .orange .q4-9 {
    fill: #ff9f41;
    }
    .orange .q5-9 {
    fill: #ff8309;
    }
    .orange .q6-9 {
    fill: #d66a00;
    }
    .orange .q7-9 {
    fill: #a45100;
    }
    .orange .q8-9 {
    fill: #723800;
    }
    /* ------------------------------------ flex slider ----------------------------------------- */
    .orange .flexslider .flex-direction-nav a:hover {
    color: #ff7f00;
    }
    .orange .fullscreen-flexslider .flex-direction-nav a:hover,
    .orange .fullscreen-flexslider-ken-burns .flex-direction-nav a:hover {
    color: #ff7f00;
    }
    /* ------------------------------------ Parallax Slider 2 ----------------------------------------- */
    .orange #MainHeader .content .container .table-align .middle-align .social-unit {
    background-color: rgba(255, 127, 0, 0.5);
    }
    /* ------------------------------------ revolution slider ----------------------------------------- */
    .orange .rev-slider .tp-caption a:hover,
    .orange .rev-slider .tp-caption a:active,
    .orange .rev-slider .tp-caption a:focus {
    color: #ff7f00;
    }
    /*******************************************************************************
    -	BULLETS AND ARROWS ADD ONS TO THE EXISTING VERSION 	-
    *******************************************************************************/
    .orange .tparrows:hover {
    color: #ff7f00 !important;
    }
    /* End Elements */
    @media (min-width: 990px) {
    .orange .fullscreen-flexslider .flex-viewport,
    .orange .fullscreen-slider-slogan .flex-viewport,
    .orange .fullscreen-flexslider-ken-burns .flex-viewport {
    height: 100% !IMPORTANT;
    }
    .orange .navbar-middle .navbar-collapse.collapse {
    text-align: center;
    /* Set this */

    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    }
    .orange .navbar-middle .navbar-nav {
    display: inline-block;
    float: none;
    margin: 0;
    }
    }
    @media (max-width: 990px) {
    .orange .navbar-default .navbar-header .navbar-toggle:hover .icon-bar,
    .orange .navbar-default .navbar-header .navbar-toggle:active .icon-bar,
    .orange .navbar-default .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #ff7f00;
    }
    .orange .navbar-default .navbar-collapse li .dropdown-menu li a:hover,
    .orange .navbar-default .navbar-collapse li .dropdown-menu li a:active,
    .orange .navbar-default .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #ff7f00;
    }
    .orange .navbar-default .navbar-collapse .open .dropdown-menu a:hover,
    .orange .navbar-default .navbar-collapse .open .dropdown-menu a:active,
    .orange .navbar-default .navbar-collapse .open .dropdown-menu a:focus {
    color: #ff7f00;
    }
    .orange .navbar-inverse .navbar-header .navbar-toggle:hover .icon-bar,
    .orange .navbar-inverse .navbar-header .navbar-toggle:active .icon-bar,
    .orange .navbar-inverse .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #ff7f00;
    }
    .orange .navbar-inverse .navbar-collapse li .dropdown-menu li a:hover,
    .orange .navbar-inverse .navbar-collapse li .dropdown-menu li a:active,
    .orange .navbar-inverse .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #ff7f00;
    }
    .orange .navbar-inverse .navbar-collapse .open .dropdown-menu a:hover,
    .orange .navbar-inverse .navbar-collapse .open .dropdown-menu a:active,
    .orange .navbar-inverse .navbar-collapse .open .dropdown-menu a:focus {
    color: #ff7f00;
    }
    .orange .navbar-color .navbar-header .navbar-toggle:hover .icon-bar,
    .orange .navbar-color .navbar-header .navbar-toggle:active .icon-bar,
    .orange .navbar-color .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #ff7f00;
    }
    .orange .navbar-color .navbar-collapse li a:hover,
    .orange .navbar-color .navbar-collapse li a:active,
    .orange .navbar-color .navbar-collapse li a:focus {
    color: #ff7f00;
    }
    .orange .navbar-color .navbar-collapse li .dropdown-menu li a:hover,
    .orange .navbar-color .navbar-collapse li .dropdown-menu li a:active,
    .orange .navbar-color .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #ff7f00;
    }
    .orange .navbar-color .navbar-collapse .open .dropdown-menu a:hover,
    .orange .navbar-color .navbar-collapse .open .dropdown-menu a:active,
    .orange .navbar-color .navbar-collapse .open .dropdown-menu a:focus {
    color: #ff7f00;
    }
    .orange .navbar-transparent .navbar-header .navbar-toggle:hover .icon-bar,
    .orange .navbar-middle .navbar-header .navbar-toggle:hover .icon-bar,
    .orange .navbar-transparent .navbar-header .navbar-toggle:active .icon-bar,
    .orange .navbar-middle .navbar-header .navbar-toggle:active .icon-bar,
    .orange .navbar-transparent .navbar-header .navbar-toggle:focus .icon-bar,
    .orange .navbar-middle .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #ff7f00;
    }
    .orange .navbar-transparent .navbar-collapse li a:hover,
    .orange .navbar-middle .navbar-collapse li a:hover,
    .orange .navbar-transparent .navbar-collapse li a:active,
    .orange .navbar-middle .navbar-collapse li a:active,
    .orange .navbar-transparent .navbar-collapse li a:focus,
    .orange .navbar-middle .navbar-collapse li a:focus {
    color: #ff7f00;
    }
    .orange .navbar-transparent .navbar-collapse li .dropdown-menu li a:hover,
    .orange .navbar-middle .navbar-collapse li .dropdown-menu li a:hover,
    .orange .navbar-transparent .navbar-collapse li .dropdown-menu li a:active,
    .orange .navbar-middle .navbar-collapse li .dropdown-menu li a:active,
    .orange .navbar-transparent .navbar-collapse li .dropdown-menu li a:focus,
    .orange .navbar-middle .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #ff7f00;
    }
    .orange .navbar-transparent .navbar-collapse .open .dropdown-menu a:hover,
    .orange .navbar-middle .navbar-collapse .open .dropdown-menu a:hover,
    .orange .navbar-transparent .navbar-collapse .open .dropdown-menu a:active,
    .orange .navbar-middle .navbar-collapse .open .dropdown-menu a:active,
    .orange .navbar-transparent .navbar-collapse .open .dropdown-menu a:focus,
    .orange .navbar-middle .navbar-collapse .open .dropdown-menu a:focus {
    color: #ff7f00;
    }
    }

    /* Demo style: .yellow */


    .yellow #MainHeader .circle-btn,
    .yellow.social-top-fix .circle-btn,
    .yellow.color-row .circle-btn,
    .yellow.parallax .circle-btn,
    .yellow.top-info .circle-btn {
    border-color: #ffffff;
    color: #ffffff;
    }


    /* -------------------------------------- */

    .yellow a{
    color: #ffd600;
    }

    .yellow a:hover{
    color: #ffd600;
    }

    /* Style Buttons */
    .yellow .btn {
    border: 3px solid #ffd600;
    color: #ffd600;
    }
    .yellow .btn:hover,
    .yellow .btn:active,
    .yellow .btn:focus {
    background-color: #ffd600;
    border-color: #ffd600;
    color: #ffffff;
    }
    .yellow .btn-white {
    background-color: transparent;
    border: 3px solid #ffffff;
    color: #ffffff;
    }
    .yellow .btn-color {
    background-color: #ffd600;
    border: 3px solid #ffd600;
    color: #ffffff;
    }
    .yellow .btn-color:hover,
    .yellow .btn-color:active,
    .yellow .btn-color:focus {
    background-color: #dab700;
    border: 3px solid #dab700;
    }

    .yellow .btn-success {
    border-color: #8dc153;
    color: #8dc153;
    }
    .yellow .btn-success:hover {
    border-color: #8dc153;
    color: #ffffff;
    background-color: #8dc153;
    }
    .yellow .btn-warning {
    border-color: #ff7f00;
    color: #ff7f00;
    }
    .yellow .btn-warning:hover {
    border-color: #ff7f00;
    color: #ffffff;
    background-color: #ff7f00;
    }
    .yellow .btn-info {
    border-color: #1a9dd3;
    color: #1a9dd3;
    }
    .yellow .btn-info:hover {
    border-color: #1a9dd3;
    color: #ffffff;
    background-color: #1a9dd3;
    }
    .yellow .btn-inactive {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
    }
    .yellow .btn-inactive:hover {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
    }

    .yellow .btn-white:hover,
    .yellow .btn-white:active,
    .yellow .btn-white:focus {
    border-color: #ffffff;
    color: #ffd600;
    background-color: #ffffff;
    }
    .yellow .btn-link {
    border: none;
    color: #ffd600;
    }
    .yellow .btn-link:hover {
    border: none;
    color: #dab700;
    background-color: transparent;
    }
    .yellow .circle-button {
    border: 2px solid #ffd600;
    background-color: transparent;
    color: #ffd600;
    }
    .yellow select {
    border: 3px solid #ffd600;
    }
    /* End Style Buttons */
    .yellow blockquote:before {
    color: #ffd600;
    }
    .yellow blockquote {
    border-color: #ffd600;
    }

    .yellow .form-control:focus {
    border-color: #ffd600;
    }

    .yellow .color-font {
    color: #ffd600;
    }
    /* Header */
    .yellow #MainHeader .slogan {
    color: #ffffff;
    }
    .yellow #MainHeader .slogan .square {
    background-color: #ffd600;
    }
    /* End Header */
    /* Navigation */
    .yellow .navbar-inverse .navbar-nav > .active > a,
    .yellow .navbar-inverse .navbar-nav > .active > a:hover,
    .yellow .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ffd600;
    }
    .yellow .navbar-inverse .navbar-nav > li > a:hover,
    .yellow .navbar-inverse .navbar-nav > li > a:focus {
    color: #ffd600;
    }
    .yellow .navbar-default .navbar-nav > .active > a,
    .yellow .navbar-default .navbar-nav > .active > a:hover,
    .yellow .navbar-default .navbar-nav > .active > a:focus {
    color: #ffd600;
    }
    .yellow .navbar-default .navbar-nav > li > a:hover,
    .yellow .navbar-default .navbar-nav > li > a:focus {
    color: #ffd600;
    }

    .yellow .navbar-middle .navbar-nav > .active > a,
    .yellow .navbar-middle .navbar-nav > .active > a:hover,
    .yellow .navbar-middle .navbar-nav > .active > a:focus {
    color: #ffd600;
    }
    .yellow .navbar-middle .navbar-nav > li > a:hover,
    .yellow .navbar-middle .navbar-nav > li > a:focus {
    color: #ffd600;
    }
    .yellow .navbar-default .navbar-header,
    .yellow .navbar-inverse .navbar-header {
    background-color: #dab700;
    }
    .yellow .navbar-default .triangle,
    .yellow .navbar-inverse .triangle {
    border-color: transparent transparent transparent #dab700;
    }
    .yellow .navbar-default > li a:active,
    .yellow .navbar-inverse > li a:active,
    .yellow .navbar-default > li a:hover,
    .yellow .navbar-inverse > li a:hover,
    .yellow .navbar-default > li a:focus,
    .yellow .navbar-inverse > li a:focus {
    border-bottom: 3px solid #ffd600;
    }
    .yellow .navbar-default .active a,
    .yellow .navbar-inverse .active a,
    .yellow .navbar-default .active a:active,
    .yellow .navbar-inverse .active a:active,
    .yellow .navbar-default .active a:hover,
    .yellow .navbar-inverse .active a:hover,
    .yellow .navbar-default .active a:focus,
    .yellow .navbar-inverse .active a:focus {
    border-bottom: 3px solid #ffd600;
    }
    .yellow .navbar-default .active li a:active,
    .yellow .navbar-inverse .active li a:active,
    .yellow .navbar-default .active li a:hover,
    .yellow .navbar-inverse .active li a:hover,
    .yellow .navbar-default .active li a:focus,
    .yellow .navbar-inverse .active li a:focus {
    background: #ffd600 !important;
    color: #ffffff;
    }
    .yellow .navbar-inverse.remove-left-red .navbar-brand:hover {
    color: #ffd600;
    }
    .yellow .navbar-color {
    background-color: #ffd600;
    }
    .yellow .navbar-color .navbar-header {
    background-color: #000000;
    }
    .yellow .navbar-color .triangle {
    border-color: transparent transparent transparent #ffffff;
    }
    .yellow .navbar-color.remove-left-red .navbar-brand {
    color: #ffffff;
    }
    .yellow .navbar-color a {
    color: #ffffff;
    }
    .yellow .navbar-transparent > li a:active,
    .yellow .navbar-transparent > li a:hover,
    .yellow .navbar-transparent > li a:focus {
    border-bottom: 3px solid #ffd600;
    color: #ffd600;
    }
    .yellow .navbar-transparent > li.active a {
    color: #ffd600;
    }
    .yellow .navbar-transparent .active a,
    .yellow .navbar-transparent .active a:active,
    .yellow .navbar-transparent .active a:hover,
    .yellow .navbar-transparent .active a:focus {
    border-bottom: 3px solid #ffd600;
    }
    .yellow .navbar-middle .nav.navbar-nav > li.active > a {
    color: #ffd600;
    }
    .yellow .navbar-middle .nav.navbar-nav > li a:active,
    .yellow .navbar-middle .nav.navbar-nav > li a:hover,
    .yellow .navbar-middle .nav.navbar-nav > li a:focus {
    border-bottom: 3px solid #ffd600;
    }
    .yellow .navbar-middle .nav.navbar-nav .active a,
    .yellow .navbar-middle .nav.navbar-nav .active a:active,
    .yellow .navbar-middle .nav.navbar-nav .active a:hover,
    .yellow .navbar-middle .nav.navbar-nav .active a:focus {
    border-bottom: 3px solid #ffd600;
    }
    .yellow .navbar-middle .nav.navbar-nav .active li a:active,
    .yellow .navbar-middle .nav.navbar-nav .active li a:hover,
    .yellow .navbar-middle .nav.navbar-nav .active li a:focus {
    background: #ffd600 !important;
    color: #ffffff;
    }
    .yellow .navbar .dropdown-menu > li > a:hover,
    .yellow .navbar .dropdown-submenu > li > a:hover,
    .yellow .navbar .dropdown-menu > li > a:active,
    .yellow .navbar .dropdown-submenu > li > a:active,
    .yellow .navbar .dropdown-menu > li > a:focus,
    .yellow .navbar .dropdown-submenu > li > a:focus {
    background-color: #ffd600;
    }
    .yellow .navbar .dropdown-menu > li.active > a {
    color: #ffd600;
    }
    .yellow .navbar .dropdown-menu > li.active > a:hover,
    .yellow .navbar .dropdown-menu > li.active > a:active,
    .yellow .navbar .dropdown-menu > li.active > a:focus {
    color: #ffd600 !important;
    }
    /* back to top link */
    .yellow #toTop:hover {
    background-color: #ffd600;
    }
    /* End Navigation */
    /* Sections */
    .yellow .color-row {
    background-color: #dab700;
    }
    .yellow .quote .quote-mark-left {
    color: #ffd600;
    }
    .yellow .quote .quote-mark-right {
    color: #ffd600;
    }
    /* Team */
    .yellow .team-container .person-image .person-hover {
    background: rgba(255, 214, 0, 0.7);
    }
    /* progress bar */
    .yellow .progress {
    border: 2px solid #ffd600;
    }
    .yellow .progress.alternative{
    border: none;
    }
    .yellow .progress .bar {
    background: #ffd600 !important;
    }
    .yellow #colorbox #cboxPrevious,
    .yellow #colorbox #cboxNext,
    .yellow #colorbox #cboxSlideshow,
    .yellow #colorbox #cboxClose {
    border: 2px solid #ffd600;
    color: #ffd600;
    }
    .yellow #colorbox #cboxPrevious {
    right: 150px;
    left: auto;
    }
    .yellow #colorbox #cboxNext {
    right: 100px;
    left: auto;
    }
    .yellow #colorbox #cboxClose {
    right: 50px;
    }
    .yellow #colorbox #cboxPrevious:hover,
    .yellow #colorbox #cboxNext:hover,
    .yellow #colorbox #cboxClose:hover {
    background-color: #ffd600;
    color: #ffffff;
    }
    /* End Team */
    /* Services */
    .yellow .services .services-box .price-container.active,
    .yellow .price-list .services-box .price-container.active,
    .yellow .services .prices-box .price-container.active,
    .yellow .price-list .prices-box .price-container.active {
    background-color: #ffd600;
    }
    .yellow .services .services-box:hover,
    .yellow .price-list .services-box:hover {
    background-color: #ffd600;
    color: #ffffff;
    border-color: #ffd600;
    }
    .yellow .services .services-box:hover .circle-border-inside,
    .yellow .price-list .services-box:hover .circle-border-inside {
    border: 10px solid #ffd600;
    }
    /* End Services */
    /* Blog */
    .yellow #wp-calendar thead {
    background-color: #ffd600;
    color: #ffffff;
    }
    .yellow .blog-pagination .pagination li {
    border-color: #ffd600;
    }
    .yellow .blog-pagination .pagination li a:hover {
    border-bottom: 3px solid #ffd600;
    }
    .yellow .blog-pagination .pagination .active a {
    color: #ffd600;
    }
    .yellow .blog-pagination .pagination .active a:hover {
    border-bottom: 3px solid #ffd600;
    }
    .yellow .blog-pagination-single .pager a:hover {
    color: #ffd600;
    }
    .yellow .blog-quote-mark {
    color: #ffd600;
    }
    .yellow .blog-col .search button,
    footer .search button {
    color: #ffd600;
    }
    /* End Blog */
    /* 404 Page */
    .yellow .bug {
    color: #ffd600;
    }
    .yellow .error404 .error404-symbol {
    color: #dab700;
    }
    /* End 404 Page */
    /* Faq */
    .yellow .faq-menu li.active > a {
    background-color: #ffd600;
    color: #ffffff;
    }
    /* End Faq */
    /* End Sections */
    /* Elements */
    /* Breadcumbs */
    .yellow .breadcrumb li + li:before {
    color: #ffd600;
    }
    /* Tabs */
    .yellow .nav-tabs.nav-justified li.active a:before {
    background-color: #ffd600;
    }
    .yellow .tabs-left > .nav-tabs li.active a:before {
    background-color: #ffd600;
    }
    /* End Tabs */
    /* Begin accordion*/
    .yellow .panel-group .panel .panel-heading .panel-title a:before {
    color: #ffd600;
    }
    .yellow .panel-group .panel .panel-body {
    border-left: 4px solid #ffd600;
    }

    .yellow .panel-title > a {
    color: inherit;
    }
    /* End Accordion */
    /* Begin tables */
    .yellow .table-striped thead {
    background-color: #ffd600;
    color: #ffffff;
    border-left: 2px solid #ffd600;
    }
    /* End tables */
    /* Media list */
    .yellow .media.feature-list .icon {
    color: #ffd600;
    }
    .yellow .media.feature-list .number {
    color: #ffd600;
    }
    /* End media list */
    /* Begin Twitter */
    .yellow .tweets ul .tweet_name {
    color: #ffd600;
    }
    .yellow .tweets .arrows .flex-direction-nav a:hover {
    color: #ffd600;
    }
    /* End Twitter */
    /* -------------- SOCIAL ICONS -------------------*/
    .yellow .circle-btn {
    border: 2px solid #ffd600;
    color: #ffd600;
    }
    .yellow .circle-btn:hover {
    border-color: #ffd600;
    background-color: #ffd600;
    }
     #MainHeader .circle-btn:hover,
    .yellow .social-top-fix .circle-btn:hover,
    .yellow .color-row .circle-btn:hover,
    .yellow .parallax .circle-btn:hover,
    .yellow .top-info .circle-btn:hover {
    color: #ffd600;
    }

    .yellow #MainHeader .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }
    .yellow .social-top-fix .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .yellow .color-row .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .yellow .parallax .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .yellow .top-info .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .yellow #MainHeader .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }
    .yellow .social-top-fix .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .yellow .color-row .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .yellow .parallax .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .yellow .top-info .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    /* -------------------- CIRCLE IMAGES ----------------------- */
    .yellow .circleBox .circle-border-outside {
    position: relative;
    border: 10px solid #ffd600;
    }
    .yellow .circleBox .circle-border-outside .circle-triangle {
    border-color: #ffd600 transparent transparent transparent;
    }
    /* ------------------------- PIE CHARTS ------------------------ */
    .yellow .pie-chart > span {
    color: #ffd600;
    }
    /* ------------------------ WORKS GALLERY ---------------------------- */
    .yellow .projects .project .image .item-hover .item-icons li a,
    .yellow .lightbox-image .image .item-hover .item-icons li a {
    background-color: rgba(255, 214, 0, 0.7);
    color: #ffffff;
    }
    .yellow .projects .project .image .item-hover .item-icons li:hover a,
    .yellow .lightbox-image .image .item-hover .item-icons li:hover a {
    color: #ffd600;
    background-color: #ffffff;
    }
    .yellow .portfolioFilter a {
    border: 2px solid #ffd600;
    color: #ffd600;
    }
    .yellow .portfolioFilter a:hover {
    border: 2px solid #ffd600;
    background-color: #ffd600;
    color: #ffffff;
    }

    .yellow .portfolioFilter .current {
    border-color: #333333;
    color: #333333;
    }
    /* ------------------------ GMAPS3 ---------------------------- */
    .yellow .map .googleMap .googleMap-description .googleMap-triangle {
    border-color: transparent #ffd600 transparent transparent;
    }
    /* ------------------------------------ d3.js ----------------------------------------- */
    .yellow .q0-9 {
    fill: #fffef7;
    }
    .yellow .q1-9 {
    fill: #fff8d5;
    }
    .yellow .q2-9 {
    fill: #fff3b5;
    }
    .yellow .q3-9 {
    fill: #ffea7f;
    }
    .yellow .q4-9 {
    fill: #ffe041;
    }
    .yellow .q5-9 {
    fill: #ffd709;
    }
    .yellow .q6-9 {
    fill: #d6b400;
    }
    .yellow .q7-9 {
    fill: #a48a00;
    }
    .yellow .q8-9 {
    fill: #726000;
    }
    /* ------------------------------------ flex slider ----------------------------------------- */
    .yellow .flexslider .flex-direction-nav a:hover {
    color: #ffd600;
    }
    .yellow .fullscreen-flexslider .flex-direction-nav a:hover,
    .yellow .fullscreen-flexslider-ken-burns .flex-direction-nav a:hover {
    color: #ffd600;
    }
    /* ------------------------------------ Parallax Slider 2 ----------------------------------------- */
    .yellow #MainHeader .content .container .table-align .middle-align .social-unit {
    background-color: rgba(255, 214, 0, 0.5);
    }
    /* ------------------------------------ revolution slider ----------------------------------------- */
    .yellow .rev-slider .tp-caption a:hover,
    .yellow .rev-slider .tp-caption a:active,
    .yellow .rev-slider .tp-caption a:focus {
    color: #ffd600;
    }
    /*******************************************************************************
    -	BULLETS AND ARROWS ADD ONS TO THE EXISTING VERSION 	-
    *******************************************************************************/
    .yellow .tparrows:hover {
    color: #ffd600 !important;
    }
    /* End Elements */
    @media (min-width: 990px) {
    .yellow .fullscreen-flexslider .flex-viewport,
    .yellow .fullscreen-slider-slogan .flex-viewport,
    .yellow .fullscreen-flexslider-ken-burns .flex-viewport {
    height: 100% !IMPORTANT;
    }
    .yellow .navbar-middle .navbar-collapse.collapse {
    text-align: center;
    /* Set this */

    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    }
    .yellow .navbar-middle .navbar-nav {
    display: inline-block;
    float: none;
    margin: 0;
    }
    }
    @media (max-width: 990px) {
    .yellow .navbar-default .navbar-header .navbar-toggle:hover .icon-bar,
    .yellow .navbar-default .navbar-header .navbar-toggle:active .icon-bar,
    .yellow .navbar-default .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #ffd600;
    }
    .yellow .navbar-default .navbar-collapse li .dropdown-menu li a:hover,
    .yellow .navbar-default .navbar-collapse li .dropdown-menu li a:active,
    .yellow .navbar-default .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #ffd600;
    }
    .yellow .navbar-default .navbar-collapse .open .dropdown-menu a:hover,
    .yellow .navbar-default .navbar-collapse .open .dropdown-menu a:active,
    .yellow .navbar-default .navbar-collapse .open .dropdown-menu a:focus {
    color: #ffd600;
    }
    .yellow .navbar-inverse .navbar-header .navbar-toggle:hover .icon-bar,
    .yellow .navbar-inverse .navbar-header .navbar-toggle:active .icon-bar,
    .yellow .navbar-inverse .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #ffd600;
    }
    .yellow .navbar-inverse .navbar-collapse li .dropdown-menu li a:hover,
    .yellow .navbar-inverse .navbar-collapse li .dropdown-menu li a:active,
    .yellow .navbar-inverse .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #ffd600;
    }
    .yellow .navbar-inverse .navbar-collapse .open .dropdown-menu a:hover,
    .yellow .navbar-inverse .navbar-collapse .open .dropdown-menu a:active,
    .yellow .navbar-inverse .navbar-collapse .open .dropdown-menu a:focus {
    color: #ffd600;
    }
    .yellow .navbar-color .navbar-header .navbar-toggle:hover .icon-bar,
    .yellow .navbar-color .navbar-header .navbar-toggle:active .icon-bar,
    .yellow .navbar-color .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #ffd600;
    }
    .yellow .navbar-color .navbar-collapse li a:hover,
    .yellow .navbar-color .navbar-collapse li a:active,
    .yellow .navbar-color .navbar-collapse li a:focus {
    color: #ffd600;
    }
    .yellow .navbar-color .navbar-collapse li .dropdown-menu li a:hover,
    .yellow .navbar-color .navbar-collapse li .dropdown-menu li a:active,
    .yellow .navbar-color .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #ffd600;
    }
    .yellow .navbar-color .navbar-collapse .open .dropdown-menu a:hover,
    .yellow .navbar-color .navbar-collapse .open .dropdown-menu a:active,
    .yellow .navbar-color .navbar-collapse .open .dropdown-menu a:focus {
    color: #ffd600;
    }
    .yellow .navbar-transparent .navbar-header .navbar-toggle:hover .icon-bar,
    .yellow .navbar-middle .navbar-header .navbar-toggle:hover .icon-bar,
    .yellow .navbar-transparent .navbar-header .navbar-toggle:active .icon-bar,
    .yellow .navbar-middle .navbar-header .navbar-toggle:active .icon-bar,
    .yellow .navbar-transparent .navbar-header .navbar-toggle:focus .icon-bar,
    .yellow .navbar-middle .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #ffd600;
    }
    .yellow .navbar-transparent .navbar-collapse li a:hover,
    .yellow .navbar-middle .navbar-collapse li a:hover,
    .yellow .navbar-transparent .navbar-collapse li a:active,
    .yellow .navbar-middle .navbar-collapse li a:active,
    .yellow .navbar-transparent .navbar-collapse li a:focus,
    .yellow .navbar-middle .navbar-collapse li a:focus {
    color: #ffd600;
    }
    .yellow .navbar-transparent .navbar-collapse li .dropdown-menu li a:hover,
    .yellow .navbar-middle .navbar-collapse li .dropdown-menu li a:hover,
    .yellow .navbar-transparent .navbar-collapse li .dropdown-menu li a:active,
    .yellow .navbar-middle .navbar-collapse li .dropdown-menu li a:active,
    .yellow .navbar-transparent .navbar-collapse li .dropdown-menu li a:focus,
    .yellow .navbar-middle .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #ffd600;
    }
    .yellow .navbar-transparent .navbar-collapse .open .dropdown-menu a:hover,
    .yellow .navbar-middle .navbar-collapse .open .dropdown-menu a:hover,
    .yellow .navbar-transparent .navbar-collapse .open .dropdown-menu a:active,
    .yellow .navbar-middle .navbar-collapse .open .dropdown-menu a:active,
    .yellow .navbar-transparent .navbar-collapse .open .dropdown-menu a:focus,
    .yellow .navbar-middle .navbar-collapse .open .dropdown-menu a:focus {
    color: #ffd600;
    }
    }

    /* Demo style: .green */


    .green #MainHeader .circle-btn,
    .green.social-top-fix .circle-btn,
    .green.color-row .circle-btn,
    .green.parallax .circle-btn,
    .green.top-info .circle-btn {
    border-color: #ffffff;
    color: #ffffff;
    }


    /* -------------------------------------- */

    .green a{
    color: #8dc153;
    }

    .green a:hover{
    color: #8dc153;
    }

    /* Style Buttons */
    .green .btn {
    border: 3px solid #8dc153;
    color: #8dc153;
    }
    .green .btn:hover,
    .green .btn:active,
    .green .btn:focus {
    background-color: #8dc153;
    border-color: #8dc153;
    color: #ffffff;
    }
    .green .btn-white {
    background-color: transparent;
    border: 3px solid #ffffff;
    color: #ffffff;
    }
    .green .btn-color {
    background-color: #8dc153;
    border: 3px solid #8dc153;
    color: #ffffff;
    }
    .green .btn-color:hover,
    .green .btn-color:active,
    .green .btn-color:focus {
    background-color: #75a044;
    border: 3px solid #75a044;
    }

    .green .btn-success {
    border-color: #8dc153;
    color: #8dc153;
    }
    .green .btn-success:hover {
    border-color: #8dc153;
    color: #ffffff;
    background-color: #8dc153;
    }
    .green .btn-warning {
    border-color: #ff7f00;
    color: #ff7f00;
    }
    .green .btn-warning:hover {
    border-color: #ff7f00;
    color: #ffffff;
    background-color: #ff7f00;
    }
    .green .btn-info {
    border-color: #1a9dd3;
    color: #1a9dd3;
    }
    .green .btn-info:hover {
    border-color: #1a9dd3;
    color: #ffffff;
    background-color: #1a9dd3;
    }
    .green .btn-inactive {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
    }
    .green .btn-inactive:hover {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
    }

    .green .btn-white:hover,
    .green .btn-white:active,
    .green .btn-white:focus {
    border-color: #ffffff;
    color: #8dc153;
    background-color: #ffffff;
    }
    .green .btn-link {
    border: none;
    color: #8dc153;
    }
    .green .btn-link:hover {
    border: none;
    color: #75a044;
    background-color: transparent;
    }
    .green .circle-button {
    border: 2px solid #8dc153;
    background-color: transparent;
    color: #8dc153;
    }
    .green select {
    border: 3px solid #8dc153;
    }
    /* End Style Buttons */
    .green blockquote:before {
    color: #8dc153;
    }
    .green blockquote {
    border-color: #8dc153;
    }

    .green .form-control:focus {
    border-color: #8dc153;
    }

    .green .color-font {
    color: #8dc153;
    }
    /* Header */
    .green #MainHeader .slogan {
    color: #ffffff;
    }
    .green #MainHeader .slogan .square {
    background-color: #8dc153;
    }
    /* End Header */
    /* Navigation */
    .green .navbar-inverse .navbar-nav > .active > a,
    .green .navbar-inverse .navbar-nav > .active > a:hover,
    .green .navbar-inverse .navbar-nav > .active > a:focus {
    color: #8dc153;
    }
    .green .navbar-inverse .navbar-nav > li > a:hover,
    .green .navbar-inverse .navbar-nav > li > a:focus {
    color: #8dc153;
    }
    .green .navbar-default .navbar-nav > .active > a,
    .green .navbar-default .navbar-nav > .active > a:hover,
    .green .navbar-default .navbar-nav > .active > a:focus {
    color: #8dc153;
    }
    .green .navbar-default .navbar-nav > li > a:hover,
    .green .navbar-default .navbar-nav > li > a:focus {
    color: #8dc153;
    }

    .green .navbar-middle .navbar-nav > .active > a,
    .green .navbar-middle .navbar-nav > .active > a:hover,
    .green .navbar-middle .navbar-nav > .active > a:focus {
    color: #8dc153;
    }
    .green .navbar-middle .navbar-nav > li > a:hover,
    .green .navbar-middle .navbar-nav > li > a:focus {
    color: #8dc153;
    }
    .green .navbar-default .navbar-header,
    .green .navbar-inverse .navbar-header {
    background-color: #75a044;
    }
    .green .navbar-default .triangle,
    .green .navbar-inverse .triangle {
    border-color: transparent transparent transparent #75a044;
    }
    .green .navbar-default > li a:active,
    .green .navbar-inverse > li a:active,
    .green .navbar-default > li a:hover,
    .green .navbar-inverse > li a:hover,
    .green .navbar-default > li a:focus,
    .green .navbar-inverse > li a:focus {
    border-bottom: 3px solid #8dc153;
    }
    .green .navbar-default .active a,
    .green .navbar-inverse .active a,
    .green .navbar-default .active a:active,
    .green .navbar-inverse .active a:active,
    .green .navbar-default .active a:hover,
    .green .navbar-inverse .active a:hover,
    .green .navbar-default .active a:focus,
    .green .navbar-inverse .active a:focus {
    border-bottom: 3px solid #8dc153;
    }
    .green .navbar-default .active li a:active,
    .green .navbar-inverse .active li a:active,
    .green .navbar-default .active li a:hover,
    .green .navbar-inverse .active li a:hover,
    .green .navbar-default .active li a:focus,
    .green .navbar-inverse .active li a:focus {
    background: #8dc153 !important;
    color: #ffffff;
    }
    .green .navbar-inverse.remove-left-red .navbar-brand:hover {
    color: #8dc153;
    }
    .green .navbar-color {
    background-color: #8dc153;
    }
    .green .navbar-color .navbar-header {
    background-color: #000000;
    }
    .green .navbar-color .triangle {
    border-color: transparent transparent transparent #ffffff;
    }
    .green .navbar-color.remove-left-red .navbar-brand {
    color: #ffffff;
    }
    .green .navbar-color a {
    color: #ffffff;
    }
    .green .navbar-transparent > li a:active,
    .green .navbar-transparent > li a:hover,
    .green .navbar-transparent > li a:focus {
    border-bottom: 3px solid #8dc153;
    color: #8dc153;
    }
    .green .navbar-transparent > li.active a {
    color: #8dc153;
    }
    .green .navbar-transparent .active a,
    .green .navbar-transparent .active a:active,
    .green .navbar-transparent .active a:hover,
    .green .navbar-transparent .active a:focus {
    border-bottom: 3px solid #8dc153;
    }
    .green .navbar-middle .nav.navbar-nav > li.active > a {
    color: #8dc153;
    }
    .green .navbar-middle .nav.navbar-nav > li a:active,
    .green .navbar-middle .nav.navbar-nav > li a:hover,
    .green .navbar-middle .nav.navbar-nav > li a:focus {
    border-bottom: 3px solid #8dc153;
    }
    .green .navbar-middle .nav.navbar-nav .active a,
    .green .navbar-middle .nav.navbar-nav .active a:active,
    .green .navbar-middle .nav.navbar-nav .active a:hover,
    .green .navbar-middle .nav.navbar-nav .active a:focus {
    border-bottom: 3px solid #8dc153;
    }
    .green .navbar-middle .nav.navbar-nav .active li a:active,
    .green .navbar-middle .nav.navbar-nav .active li a:hover,
    .green .navbar-middle .nav.navbar-nav .active li a:focus {
    background: #8dc153 !important;
    color: #ffffff;
    }
    .green .navbar .dropdown-menu > li > a:hover,
    .green .navbar .dropdown-submenu > li > a:hover,
    .green .navbar .dropdown-menu > li > a:active,
    .green .navbar .dropdown-submenu > li > a:active,
    .green .navbar .dropdown-menu > li > a:focus,
    .green .navbar .dropdown-submenu > li > a:focus {
    background-color: #8dc153;
    }
    .green .navbar .dropdown-menu > li.active > a {
    color: #8dc153;
    }
    .green .navbar .dropdown-menu > li.active > a:hover,
    .green .navbar .dropdown-menu > li.active > a:active,
    .green .navbar .dropdown-menu > li.active > a:focus {
    color: #8dc153 !important;
    }
    /* back to top link */
    .green #toTop:hover {
    background-color: #8dc153;
    }
    /* End Navigation */
    /* Sections */
    .green .color-row {
    background-color: #75a044;
    }
    .green .quote .quote-mark-left {
    color: #8dc153;
    }
    .green .quote .quote-mark-right {
    color: #8dc153;
    }
    /* Team */
    .green .team-container .person-image .person-hover {
    background: rgba(141, 193, 83, 0.7);
    }
    /* progress bar */
    .green .progress {
    border: 2px solid #8dc153;
    }
    .green .progress.alternative{
    border: none;
    }
    .green .progress .bar {
    background: #8dc153 !important;
    }
    .green #colorbox #cboxPrevious,
    .green #colorbox #cboxNext,
    .green #colorbox #cboxSlideshow,
    .green #colorbox #cboxClose {
    border: 2px solid #8dc153;
    color: #8dc153;
    }
    .green #colorbox #cboxPrevious {
    right: 150px;
    left: auto;
    }
    .green #colorbox #cboxNext {
    right: 100px;
    left: auto;
    }
    .green #colorbox #cboxClose {
    right: 50px;
    }
    .green #colorbox #cboxPrevious:hover,
    .green #colorbox #cboxNext:hover,
    .green #colorbox #cboxClose:hover {
    background-color: #8dc153;
    color: #ffffff;
    }
    /* End Team */
    /* Services */
    .green .services .services-box .price-container.active,
    .green .price-list .services-box .price-container.active,
    .green .services .prices-box .price-container.active,
    .green .price-list .prices-box .price-container.active {
    background-color: #8dc153;
    }
    .green .services .services-box:hover,
    .green .price-list .services-box:hover {
    background-color: #8dc153;
    color: #ffffff;
    border-color: #8dc153;
    }
    .green .services .services-box:hover .circle-border-inside,
    .green .price-list .services-box:hover .circle-border-inside {
    border: 10px solid #8dc153;
    }
    /* End Services */
    /* Blog */
    .green #wp-calendar thead {
    background-color: #8dc153;
    color: #ffffff;
    }
    .green .blog-pagination .pagination li {
    border-color: #8dc153;
    }
    .green .blog-pagination .pagination li a:hover {
    border-bottom: 3px solid #8dc153;
    }
    .green .blog-pagination .pagination .active a {
    color: #8dc153;
    }
    .green .blog-pagination .pagination .active a:hover {
    border-bottom: 3px solid #8dc153;
    }
    .green .blog-pagination-single .pager a:hover {
    color: #8dc153;
    }
    .green .blog-quote-mark {
    color: #8dc153;
    }
    .green .blog-col .search button,
    footer .search button {
    color: #8dc153;
    }
    /* End Blog */
    /* 404 Page */
    .green .bug {
    color: #8dc153;
    }
    .green .error404 .error404-symbol {
    color: #75a044;
    }
    /* End 404 Page */
    /* Faq */
    .green .faq-menu li.active > a {
    background-color: #8dc153;
    color: #ffffff;
    }
    /* End Faq */
    /* End Sections */
    /* Elements */
    /* Breadcumbs */
    .green .breadcrumb li + li:before {
    color: #8dc153;
    }
    /* Tabs */
    .green .nav-tabs.nav-justified li.active a:before {
    background-color: #8dc153;
    }
    .green .tabs-left > .nav-tabs li.active a:before {
    background-color: #8dc153;
    }
    /* End Tabs */
    /* Begin accordion*/
    .green .panel-group .panel .panel-heading .panel-title a:before {
    color: #8dc153;
    }
    .green .panel-group .panel .panel-body {
    border-left: 4px solid #8dc153;
    }

    .green .panel-title > a {
    color: inherit;
    }
    /* End Accordion */
    /* Begin tables */
    .green .table-striped thead {
    background-color: #8dc153;
    color: #ffffff;
    border-left: 2px solid #8dc153;
    }
    /* End tables */
    /* Media list */
    .green .media.feature-list .icon {
    color: #8dc153;
    }
    .green .media.feature-list .number {
    color: #8dc153;
    }
    /* End media list */
    /* Begin Twitter */
    .green .tweets ul .tweet_name {
    color: #8dc153;
    }
    .green .tweets .arrows .flex-direction-nav a:hover {
    color: #8dc153;
    }
    /* End Twitter */
    /* -------------- SOCIAL ICONS -------------------*/
    .green .circle-btn {
    border: 2px solid #8dc153;
    color: #8dc153;
    }
    .green .circle-btn:hover {
    border-color: #8dc153;
    background-color: #8dc153;
    }
     #MainHeader .circle-btn:hover,
    .green .social-top-fix .circle-btn:hover,
    .green .color-row .circle-btn:hover,
    .green .parallax .circle-btn:hover,
    .green .top-info .circle-btn:hover {
    color: #8dc153;
    }

    .green #MainHeader .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }
    .green .social-top-fix .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .green .color-row .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .green .parallax .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .green .top-info .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .green #MainHeader .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }
    .green .social-top-fix .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .green .color-row .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .green .parallax .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .green .top-info .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    /* -------------------- CIRCLE IMAGES ----------------------- */
    .green .circleBox .circle-border-outside {
    position: relative;
    border: 10px solid #8dc153;
    }
    .green .circleBox .circle-border-outside .circle-triangle {
    border-color: #8dc153 transparent transparent transparent;
    }
    /* ------------------------- PIE CHARTS ------------------------ */
    .green .pie-chart > span {
    color: #8dc153;
    }
    /* ------------------------ WORKS GALLERY ---------------------------- */
    .green .projects .project .image .item-hover .item-icons li a,
    .green .lightbox-image .image .item-hover .item-icons li a {
    background-color: rgba(141, 193, 83, 0.7);
    color: #ffffff;
    }
    .green .projects .project .image .item-hover .item-icons li:hover a,
    .green .lightbox-image .image .item-hover .item-icons li:hover a {
    color: #8dc153;
    background-color: #ffffff;
    }
    .green .portfolioFilter a {
    border: 2px solid #8dc153;
    color: #8dc153;
    }
    .green .portfolioFilter a:hover {
    border: 2px solid #8dc153;
    background-color: #8dc153;
    color: #ffffff;
    }

    .green .portfolioFilter .current {
    border-color: #333333;
    color: #333333;
    }
    /* ------------------------ GMAPS3 ---------------------------- */
    .green .map .googleMap .googleMap-description .googleMap-triangle {
    border-color: transparent #8dc153 transparent transparent;
    }
    /* ------------------------------------ d3.js ----------------------------------------- */
    .green .q0-9 {
    fill: #fbfdfa;
    }
    .green .q1-9 {
    fill: #ecf5e3;
    }
    .green .q2-9 {
    fill: #deedcd;
    }
    .green .q3-9 {
    fill: #c6e0a9;
    }
    .green .q4-9 {
    fill: #aad17f;
    }
    .green .q5-9 {
    fill: #91c359;
    }
    .green .q6-9 {
    fill: #76a246;
    }
    .green .q7-9 {
    fill: #5b7c35;
    }
    .green .q8-9 {
    fill: #3f5625;
    }
    /* ------------------------------------ flex slider ----------------------------------------- */
    .green .flexslider .flex-direction-nav a:hover {
    color: #8dc153;
    }
    .green .fullscreen-flexslider .flex-direction-nav a:hover,
    .green .fullscreen-flexslider-ken-burns .flex-direction-nav a:hover {
    color: #8dc153;
    }
    /* ------------------------------------ Parallax Slider 2 ----------------------------------------- */
    .green #MainHeader .content .container .table-align .middle-align .social-unit {
    background-color: rgba(141, 193, 83, 0.5);
    }
    /* ------------------------------------ revolution slider ----------------------------------------- */
    .green .rev-slider .tp-caption a:hover,
    .green .rev-slider .tp-caption a:active,
    .green .rev-slider .tp-caption a:focus {
    color: #8dc153;
    }
    /*******************************************************************************
    -	BULLETS AND ARROWS ADD ONS TO THE EXISTING VERSION 	-
    *******************************************************************************/
    .green .tparrows:hover {
    color: #8dc153 !important;
    }
    /* End Elements */
    @media (min-width: 990px) {
    .green .fullscreen-flexslider .flex-viewport,
    .green .fullscreen-slider-slogan .flex-viewport,
    .green .fullscreen-flexslider-ken-burns .flex-viewport {
    height: 100% !IMPORTANT;
    }
    .green .navbar-middle .navbar-collapse.collapse {
    text-align: center;
    /* Set this */

    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    }
    .green .navbar-middle .navbar-nav {
    display: inline-block;
    float: none;
    margin: 0;
    }
    }
    @media (max-width: 990px) {
    .green .navbar-default .navbar-header .navbar-toggle:hover .icon-bar,
    .green .navbar-default .navbar-header .navbar-toggle:active .icon-bar,
    .green .navbar-default .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #8dc153;
    }
    .green .navbar-default .navbar-collapse li .dropdown-menu li a:hover,
    .green .navbar-default .navbar-collapse li .dropdown-menu li a:active,
    .green .navbar-default .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #8dc153;
    }
    .green .navbar-default .navbar-collapse .open .dropdown-menu a:hover,
    .green .navbar-default .navbar-collapse .open .dropdown-menu a:active,
    .green .navbar-default .navbar-collapse .open .dropdown-menu a:focus {
    color: #8dc153;
    }
    .green .navbar-inverse .navbar-header .navbar-toggle:hover .icon-bar,
    .green .navbar-inverse .navbar-header .navbar-toggle:active .icon-bar,
    .green .navbar-inverse .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #8dc153;
    }
    .green .navbar-inverse .navbar-collapse li .dropdown-menu li a:hover,
    .green .navbar-inverse .navbar-collapse li .dropdown-menu li a:active,
    .green .navbar-inverse .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #8dc153;
    }
    .green .navbar-inverse .navbar-collapse .open .dropdown-menu a:hover,
    .green .navbar-inverse .navbar-collapse .open .dropdown-menu a:active,
    .green .navbar-inverse .navbar-collapse .open .dropdown-menu a:focus {
    color: #8dc153;
    }
    .green .navbar-color .navbar-header .navbar-toggle:hover .icon-bar,
    .green .navbar-color .navbar-header .navbar-toggle:active .icon-bar,
    .green .navbar-color .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #8dc153;
    }
    .green .navbar-color .navbar-collapse li a:hover,
    .green .navbar-color .navbar-collapse li a:active,
    .green .navbar-color .navbar-collapse li a:focus {
    color: #8dc153;
    }
    .green .navbar-color .navbar-collapse li .dropdown-menu li a:hover,
    .green .navbar-color .navbar-collapse li .dropdown-menu li a:active,
    .green .navbar-color .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #8dc153;
    }
    .green .navbar-color .navbar-collapse .open .dropdown-menu a:hover,
    .green .navbar-color .navbar-collapse .open .dropdown-menu a:active,
    .green .navbar-color .navbar-collapse .open .dropdown-menu a:focus {
    color: #8dc153;
    }
    .green .navbar-transparent .navbar-header .navbar-toggle:hover .icon-bar,
    .green .navbar-middle .navbar-header .navbar-toggle:hover .icon-bar,
    .green .navbar-transparent .navbar-header .navbar-toggle:active .icon-bar,
    .green .navbar-middle .navbar-header .navbar-toggle:active .icon-bar,
    .green .navbar-transparent .navbar-header .navbar-toggle:focus .icon-bar,
    .green .navbar-middle .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #8dc153;
    }
    .green .navbar-transparent .navbar-collapse li a:hover,
    .green .navbar-middle .navbar-collapse li a:hover,
    .green .navbar-transparent .navbar-collapse li a:active,
    .green .navbar-middle .navbar-collapse li a:active,
    .green .navbar-transparent .navbar-collapse li a:focus,
    .green .navbar-middle .navbar-collapse li a:focus {
    color: #8dc153;
    }
    .green .navbar-transparent .navbar-collapse li .dropdown-menu li a:hover,
    .green .navbar-middle .navbar-collapse li .dropdown-menu li a:hover,
    .green .navbar-transparent .navbar-collapse li .dropdown-menu li a:active,
    .green .navbar-middle .navbar-collapse li .dropdown-menu li a:active,
    .green .navbar-transparent .navbar-collapse li .dropdown-menu li a:focus,
    .green .navbar-middle .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #8dc153;
    }
    .green .navbar-transparent .navbar-collapse .open .dropdown-menu a:hover,
    .green .navbar-middle .navbar-collapse .open .dropdown-menu a:hover,
    .green .navbar-transparent .navbar-collapse .open .dropdown-menu a:active,
    .green .navbar-middle .navbar-collapse .open .dropdown-menu a:active,
    .green .navbar-transparent .navbar-collapse .open .dropdown-menu a:focus,
    .green .navbar-middle .navbar-collapse .open .dropdown-menu a:focus {
    color: #8dc153;
    }
    }

    /* Demo style: .cyan */


    .cyan #MainHeader .circle-btn,
    .cyan.social-top-fix .circle-btn,
    .cyan.color-row .circle-btn,
    .cyan.parallax .circle-btn,
    .cyan.top-info .circle-btn {
    border-color: #ffffff;
    color: #ffffff;
    }


    /* -------------------------------------- */

    .cyan a{
    color: #22cbe8;
    }

    .cyan a:hover{
    color: #22cbe8;
    }

    /* Style Buttons */
    .cyan .btn {
    border: 3px solid #22cbe8;
    color: #22cbe8;
    }
    .cyan .btn:hover,
    .cyan .btn:active,
    .cyan .btn:focus {
    background-color: #22cbe8;
    border-color: #22cbe8;
    color: #ffffff;
    }
    .cyan .btn-white {
    background-color: transparent;
    border: 3px solid #ffffff;
    color: #ffffff;
    }
    .cyan .btn-color {
    background-color: #22cbe8;
    border: 3px solid #22cbe8;
    color: #ffffff;
    }
    .cyan .btn-color:hover,
    .cyan .btn-color:active,
    .cyan .btn-color:focus {
    background-color: #1cabc3;
    border: 3px solid #1cabc3;
    }

    .cyan .btn-success {
    border-color: #8dc153;
    color: #8dc153;
    }
    .cyan .btn-success:hover {
    border-color: #8dc153;
    color: #ffffff;
    background-color: #8dc153;
    }
    .cyan .btn-warning {
    border-color: #ff7f00;
    color: #ff7f00;
    }
    .cyan .btn-warning:hover {
    border-color: #ff7f00;
    color: #ffffff;
    background-color: #ff7f00;
    }
    .cyan .btn-info {
    border-color: #1a9dd3;
    color: #1a9dd3;
    }
    .cyan .btn-info:hover {
    border-color: #1a9dd3;
    color: #ffffff;
    background-color: #1a9dd3;
    }
    .cyan .btn-inactive {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
    }
    .cyan .btn-inactive:hover {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
    }

    .cyan .btn-white:hover,
    .cyan .btn-white:active,
    .cyan .btn-white:focus {
    border-color: #ffffff;
    color: #22cbe8;
    background-color: #ffffff;
    }
    .cyan .btn-link {
    border: none;
    color: #22cbe8;
    }
    .cyan .btn-link:hover {
    border: none;
    color: #1cabc3;
    background-color: transparent;
    }
    .cyan .circle-button {
    border: 2px solid #22cbe8;
    background-color: transparent;
    color: #22cbe8;
    }
    .cyan select {
    border: 3px solid #22cbe8;
    }
    /* End Style Buttons */
    .cyan blockquote:before {
    color: #22cbe8;
    }
    .cyan blockquote {
    border-color: #22cbe8;
    }

    .cyan .form-control:focus {
    border-color: #22cbe8;
    }

    .cyan .color-font {
    color: #22cbe8;
    }
    /* Header */
    .cyan #MainHeader .slogan {
    color: #ffffff;
    }
    .cyan #MainHeader .slogan .square {
    background-color: #22cbe8;
    }
    /* End Header */
    /* Navigation */
    .cyan .navbar-inverse .navbar-nav > .active > a,
    .cyan .navbar-inverse .navbar-nav > .active > a:hover,
    .cyan .navbar-inverse .navbar-nav > .active > a:focus {
    color: #22cbe8;
    }
    .cyan .navbar-inverse .navbar-nav > li > a:hover,
    .cyan .navbar-inverse .navbar-nav > li > a:focus {
    color: #22cbe8;
    }
    .cyan .navbar-default .navbar-nav > .active > a,
    .cyan .navbar-default .navbar-nav > .active > a:hover,
    .cyan .navbar-default .navbar-nav > .active > a:focus {
    color: #22cbe8;
    }
    .cyan .navbar-default .navbar-nav > li > a:hover,
    .cyan .navbar-default .navbar-nav > li > a:focus {
    color: #22cbe8;
    }

    .cyan .navbar-middle .navbar-nav > .active > a,
    .cyan .navbar-middle .navbar-nav > .active > a:hover,
    .cyan .navbar-middle .navbar-nav > .active > a:focus {
    color: #22cbe8;
    }
    .cyan .navbar-middle .navbar-nav > li > a:hover,
    .cyan .navbar-middle .navbar-nav > li > a:focus {
    color: #22cbe8;
    }
    .cyan .navbar-default .navbar-header,
    .cyan .navbar-inverse .navbar-header {
    background-color: #1cabc3;
    }
    .cyan .navbar-default .triangle,
    .cyan .navbar-inverse .triangle {
    border-color: transparent transparent transparent #1cabc3;
    }
    .cyan .navbar-default > li a:active,
    .cyan .navbar-inverse > li a:active,
    .cyan .navbar-default > li a:hover,
    .cyan .navbar-inverse > li a:hover,
    .cyan .navbar-default > li a:focus,
    .cyan .navbar-inverse > li a:focus {
    border-bottom: 3px solid #22cbe8;
    }
    .cyan .navbar-default .active a,
    .cyan .navbar-inverse .active a,
    .cyan .navbar-default .active a:active,
    .cyan .navbar-inverse .active a:active,
    .cyan .navbar-default .active a:hover,
    .cyan .navbar-inverse .active a:hover,
    .cyan .navbar-default .active a:focus,
    .cyan .navbar-inverse .active a:focus {
    border-bottom: 3px solid #22cbe8;
    }
    .cyan .navbar-default .active li a:active,
    .cyan .navbar-inverse .active li a:active,
    .cyan .navbar-default .active li a:hover,
    .cyan .navbar-inverse .active li a:hover,
    .cyan .navbar-default .active li a:focus,
    .cyan .navbar-inverse .active li a:focus {
    background: #22cbe8 !important;
    color: #ffffff;
    }
    .cyan .navbar-inverse.remove-left-red .navbar-brand:hover {
    color: #22cbe8;
    }
    .cyan .navbar-color {
    background-color: #22cbe8;
    }
    .cyan .navbar-color .navbar-header {
    background-color: #000000;
    }
    .cyan .navbar-color .triangle {
    border-color: transparent transparent transparent #ffffff;
    }
    .cyan .navbar-color.remove-left-red .navbar-brand {
    color: #ffffff;
    }
    .cyan .navbar-color a {
    color: #ffffff;
    }
    .cyan .navbar-transparent > li a:active,
    .cyan .navbar-transparent > li a:hover,
    .cyan .navbar-transparent > li a:focus {
    border-bottom: 3px solid #22cbe8;
    color: #22cbe8;
    }
    .cyan .navbar-transparent > li.active a {
    color: #22cbe8;
    }
    .cyan .navbar-transparent .active a,
    .cyan .navbar-transparent .active a:active,
    .cyan .navbar-transparent .active a:hover,
    .cyan .navbar-transparent .active a:focus {
    border-bottom: 3px solid #22cbe8;
    }
    .cyan .navbar-middle .nav.navbar-nav > li.active > a {
    color: #22cbe8;
    }
    .cyan .navbar-middle .nav.navbar-nav > li a:active,
    .cyan .navbar-middle .nav.navbar-nav > li a:hover,
    .cyan .navbar-middle .nav.navbar-nav > li a:focus {
    border-bottom: 3px solid #22cbe8;
    }
    .cyan .navbar-middle .nav.navbar-nav .active a,
    .cyan .navbar-middle .nav.navbar-nav .active a:active,
    .cyan .navbar-middle .nav.navbar-nav .active a:hover,
    .cyan .navbar-middle .nav.navbar-nav .active a:focus {
    border-bottom: 3px solid #22cbe8;
    }
    .cyan .navbar-middle .nav.navbar-nav .active li a:active,
    .cyan .navbar-middle .nav.navbar-nav .active li a:hover,
    .cyan .navbar-middle .nav.navbar-nav .active li a:focus {
    background: #22cbe8 !important;
    color: #ffffff;
    }
    .cyan .navbar .dropdown-menu > li > a:hover,
    .cyan .navbar .dropdown-submenu > li > a:hover,
    .cyan .navbar .dropdown-menu > li > a:active,
    .cyan .navbar .dropdown-submenu > li > a:active,
    .cyan .navbar .dropdown-menu > li > a:focus,
    .cyan .navbar .dropdown-submenu > li > a:focus {
    background-color: #22cbe8;
    }
    .cyan .navbar .dropdown-menu > li.active > a {
    color: #22cbe8;
    }
    .cyan .navbar .dropdown-menu > li.active > a:hover,
    .cyan .navbar .dropdown-menu > li.active > a:active,
    .cyan .navbar .dropdown-menu > li.active > a:focus {
    color: #22cbe8 !important;
    }
    /* back to top link */
    .cyan #toTop:hover {
    background-color: #22cbe8;
    }
    /* End Navigation */
    /* Sections */
    .cyan .color-row {
    background-color: #1cabc3;
    }
    .cyan .quote .quote-mark-left {
    color: #22cbe8;
    }
    .cyan .quote .quote-mark-right {
    color: #22cbe8;
    }
    /* Team */
    .cyan .team-container .person-image .person-hover {
    background: rgba(34, 203, 232, 0.7);
    }
    /* progress bar */
    .cyan .progress {
    border: 2px solid #22cbe8;
    }
    .cyan .progress.alternative{
    border: none;
    }
    .cyan .progress .bar {
    background: #22cbe8 !important;
    }
    .cyan #colorbox #cboxPrevious,
    .cyan #colorbox #cboxNext,
    .cyan #colorbox #cboxSlideshow,
    .cyan #colorbox #cboxClose {
    border: 2px solid #22cbe8;
    color: #22cbe8;
    }
    .cyan #colorbox #cboxPrevious {
    right: 150px;
    left: auto;
    }
    .cyan #colorbox #cboxNext {
    right: 100px;
    left: auto;
    }
    .cyan #colorbox #cboxClose {
    right: 50px;
    }
    .cyan #colorbox #cboxPrevious:hover,
    .cyan #colorbox #cboxNext:hover,
    .cyan #colorbox #cboxClose:hover {
    background-color: #22cbe8;
    color: #ffffff;
    }
    /* End Team */
    /* Services */
    .cyan .services .services-box .price-container.active,
    .cyan .price-list .services-box .price-container.active,
    .cyan .services .prices-box .price-container.active,
    .cyan .price-list .prices-box .price-container.active {
    background-color: #22cbe8;
    }
    .cyan .services .services-box:hover,
    .cyan .price-list .services-box:hover {
    background-color: #22cbe8;
    color: #ffffff;
    border-color: #22cbe8;
    }
    .cyan .services .services-box:hover .circle-border-inside,
    .cyan .price-list .services-box:hover .circle-border-inside {
    border: 10px solid #22cbe8;
    }
    /* End Services */
    /* Blog */
    .cyan #wp-calendar thead {
    background-color: #22cbe8;
    color: #ffffff;
    }
    .cyan .blog-pagination .pagination li {
    border-color: #22cbe8;
    }
    .cyan .blog-pagination .pagination li a:hover {
    border-bottom: 3px solid #22cbe8;
    }
    .cyan .blog-pagination .pagination .active a {
    color: #22cbe8;
    }
    .cyan .blog-pagination .pagination .active a:hover {
    border-bottom: 3px solid #22cbe8;
    }
    .cyan .blog-pagination-single .pager a:hover {
    color: #22cbe8;
    }
    .cyan .blog-quote-mark {
    color: #22cbe8;
    }
    .cyan .blog-col .search button,
    footer .search button {
    color: #22cbe8;
    }
    /* End Blog */
    /* 404 Page */
    .cyan .bug {
    color: #22cbe8;
    }
    .cyan .error404 .error404-symbol {
    color: #1cabc3;
    }
    /* End 404 Page */
    /* Faq */
    .cyan .faq-menu li.active > a {
    background-color: #22cbe8;
    color: #ffffff;
    }
    /* End Faq */
    /* End Sections */
    /* Elements */
    /* Breadcumbs */
    .cyan .breadcrumb li + li:before {
    color: #22cbe8;
    }
    /* Tabs */
    .cyan .nav-tabs.nav-justified li.active a:before {
    background-color: #22cbe8;
    }
    .cyan .tabs-left > .nav-tabs li.active a:before {
    background-color: #22cbe8;
    }
    /* End Tabs */
    /* Begin accordion*/
    .cyan .panel-group .panel .panel-heading .panel-title a:before {
    color: #22cbe8;
    }
    .cyan .panel-group .panel .panel-body {
    border-left: 4px solid #22cbe8;
    }

    .cyan .panel-title > a {
    color: inherit;
    }
    /* End Accordion */
    /* Begin tables */
    .cyan .table-striped thead {
    background-color: #22cbe8;
    color: #ffffff;
    border-left: 2px solid #22cbe8;
    }
    /* End tables */
    /* Media list */
    .cyan .media.feature-list .icon {
    color: #22cbe8;
    }
    .cyan .media.feature-list .number {
    color: #22cbe8;
    }
    /* End media list */
    /* Begin Twitter */
    .cyan .tweets ul .tweet_name {
    color: #22cbe8;
    }
    .cyan .tweets .arrows .flex-direction-nav a:hover {
    color: #22cbe8;
    }
    /* End Twitter */
    /* -------------- SOCIAL ICONS -------------------*/
    .cyan .circle-btn {
    border: 2px solid #22cbe8;
    color: #22cbe8;
    }
    .cyan .circle-btn:hover {
    border-color: #22cbe8;
    background-color: #22cbe8;
    }
     #MainHeader .circle-btn:hover,
    .cyan .social-top-fix .circle-btn:hover,
    .cyan .color-row .circle-btn:hover,
    .cyan .parallax .circle-btn:hover,
    .cyan .top-info .circle-btn:hover {
    color: #22cbe8;
    }

    .cyan #MainHeader .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }
    .cyan .social-top-fix .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .cyan .color-row .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .cyan .parallax .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .cyan .top-info .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .cyan #MainHeader .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }
    .cyan .social-top-fix .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .cyan .color-row .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .cyan .parallax .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .cyan .top-info .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    /* -------------------- CIRCLE IMAGES ----------------------- */
    .cyan .circleBox .circle-border-outside {
    position: relative;
    border: 10px solid #22cbe8;
    }
    .cyan .circleBox .circle-border-outside .circle-triangle {
    border-color: #22cbe8 transparent transparent transparent;
    }
    /* ------------------------- PIE CHARTS ------------------------ */
    .cyan .pie-chart > span {
    color: #22cbe8;
    }
    /* ------------------------ WORKS GALLERY ---------------------------- */
    .cyan .projects .project .image .item-hover .item-icons li a,
    .cyan .lightbox-image .image .item-hover .item-icons li a {
    background-color: rgba(34, 203, 232, 0.7);
    color: #ffffff;
    }
    .cyan .projects .project .image .item-hover .item-icons li:hover a,
    .cyan .lightbox-image .image .item-hover .item-icons li:hover a {
    color: #22cbe8;
    background-color: #ffffff;
    }
    .cyan .portfolioFilter a {
    border: 2px solid #22cbe8;
    color: #22cbe8;
    }
    .cyan .portfolioFilter a:hover {
    border: 2px solid #22cbe8;
    background-color: #22cbe8;
    color: #ffffff;
    }

    .cyan .portfolioFilter .current {
    border-color: #333333;
    color: #333333;
    }
    /* ------------------------ GMAPS3 ---------------------------- */
    .cyan .map .googleMap .googleMap-description .googleMap-triangle {
    border-color: transparent #22cbe8 transparent transparent;
    }
    /* ------------------------------------ d3.js ----------------------------------------- */
    .cyan .q0-9 {
    fill: #f8fcfe;
    }
    .cyan .q1-9 {
    fill: #d9eff8;
    }
    .cyan .q2-9 {
    fill: #bde3f2;
    }
    .cyan .q3-9 {
    fill: #8ccee9;
    }
    .cyan .q4-9 {
    fill: #54b6de;
    }
    .cyan .q5-9 {
    fill: #22a0d5;
    }
    .cyan .q6-9 {
    fill: #1684b1;
    }
    .cyan .q7-9 {
    fill: #116588;
    }
    .cyan .q8-9 {
    fill: #0c465e;
    }
    /* ------------------------------------ flex slider ----------------------------------------- */
    .cyan .flexslider .flex-direction-nav a:hover {
    color: #22cbe8;
    }
    .cyan .fullscreen-flexslider .flex-direction-nav a:hover,
    .cyan .fullscreen-flexslider-ken-burns .flex-direction-nav a:hover {
    color: #22cbe8;
    }
    /* ------------------------------------ Parallax Slider 2 ----------------------------------------- */
    .cyan #MainHeader .content .container .table-align .middle-align .social-unit {
    background-color: rgba(34, 203, 232, 0.5);
    }
    /* ------------------------------------ revolution slider ----------------------------------------- */
    .cyan .rev-slider .tp-caption a:hover,
    .cyan .rev-slider .tp-caption a:active,
    .cyan .rev-slider .tp-caption a:focus {
    color: #22cbe8;
    }
    /*******************************************************************************
    -	BULLETS AND ARROWS ADD ONS TO THE EXISTING VERSION 	-
    *******************************************************************************/
    .cyan .tparrows:hover {
    color: #22cbe8 !important;
    }
    /* End Elements */
    @media (min-width: 990px) {
    .cyan .fullscreen-flexslider .flex-viewport,
    .cyan .fullscreen-slider-slogan .flex-viewport,
    .cyan .fullscreen-flexslider-ken-burns .flex-viewport {
    height: 100% !IMPORTANT;
    }
    .cyan .navbar-middle .navbar-collapse.collapse {
    text-align: center;
    /* Set this */

    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    }
    .cyan .navbar-middle .navbar-nav {
    display: inline-block;
    float: none;
    margin: 0;
    }
    }
    @media (max-width: 990px) {
    .cyan .navbar-default .navbar-header .navbar-toggle:hover .icon-bar,
    .cyan .navbar-default .navbar-header .navbar-toggle:active .icon-bar,
    .cyan .navbar-default .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #22cbe8;
    }
    .cyan .navbar-default .navbar-collapse li .dropdown-menu li a:hover,
    .cyan .navbar-default .navbar-collapse li .dropdown-menu li a:active,
    .cyan .navbar-default .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #22cbe8;
    }
    .cyan .navbar-default .navbar-collapse .open .dropdown-menu a:hover,
    .cyan .navbar-default .navbar-collapse .open .dropdown-menu a:active,
    .cyan .navbar-default .navbar-collapse .open .dropdown-menu a:focus {
    color: #22cbe8;
    }
    .cyan .navbar-inverse .navbar-header .navbar-toggle:hover .icon-bar,
    .cyan .navbar-inverse .navbar-header .navbar-toggle:active .icon-bar,
    .cyan .navbar-inverse .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #22cbe8;
    }
    .cyan .navbar-inverse .navbar-collapse li .dropdown-menu li a:hover,
    .cyan .navbar-inverse .navbar-collapse li .dropdown-menu li a:active,
    .cyan .navbar-inverse .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #22cbe8;
    }
    .cyan .navbar-inverse .navbar-collapse .open .dropdown-menu a:hover,
    .cyan .navbar-inverse .navbar-collapse .open .dropdown-menu a:active,
    .cyan .navbar-inverse .navbar-collapse .open .dropdown-menu a:focus {
    color: #22cbe8;
    }
    .cyan .navbar-color .navbar-header .navbar-toggle:hover .icon-bar,
    .cyan .navbar-color .navbar-header .navbar-toggle:active .icon-bar,
    .cyan .navbar-color .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #22cbe8;
    }
    .cyan .navbar-color .navbar-collapse li a:hover,
    .cyan .navbar-color .navbar-collapse li a:active,
    .cyan .navbar-color .navbar-collapse li a:focus {
    color: #22cbe8;
    }
    .cyan .navbar-color .navbar-collapse li .dropdown-menu li a:hover,
    .cyan .navbar-color .navbar-collapse li .dropdown-menu li a:active,
    .cyan .navbar-color .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #22cbe8;
    }
    .cyan .navbar-color .navbar-collapse .open .dropdown-menu a:hover,
    .cyan .navbar-color .navbar-collapse .open .dropdown-menu a:active,
    .cyan .navbar-color .navbar-collapse .open .dropdown-menu a:focus {
    color: #22cbe8;
    }
    .cyan .navbar-transparent .navbar-header .navbar-toggle:hover .icon-bar,
    .cyan .navbar-middle .navbar-header .navbar-toggle:hover .icon-bar,
    .cyan .navbar-transparent .navbar-header .navbar-toggle:active .icon-bar,
    .cyan .navbar-middle .navbar-header .navbar-toggle:active .icon-bar,
    .cyan .navbar-transparent .navbar-header .navbar-toggle:focus .icon-bar,
    .cyan .navbar-middle .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #22cbe8;
    }
    .cyan .navbar-transparent .navbar-collapse li a:hover,
    .cyan .navbar-middle .navbar-collapse li a:hover,
    .cyan .navbar-transparent .navbar-collapse li a:active,
    .cyan .navbar-middle .navbar-collapse li a:active,
    .cyan .navbar-transparent .navbar-collapse li a:focus,
    .cyan .navbar-middle .navbar-collapse li a:focus {
    color: #22cbe8;
    }
    .cyan .navbar-transparent .navbar-collapse li .dropdown-menu li a:hover,
    .cyan .navbar-middle .navbar-collapse li .dropdown-menu li a:hover,
    .cyan .navbar-transparent .navbar-collapse li .dropdown-menu li a:active,
    .cyan .navbar-middle .navbar-collapse li .dropdown-menu li a:active,
    .cyan .navbar-transparent .navbar-collapse li .dropdown-menu li a:focus,
    .cyan .navbar-middle .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #22cbe8;
    }
    .cyan .navbar-transparent .navbar-collapse .open .dropdown-menu a:hover,
    .cyan .navbar-middle .navbar-collapse .open .dropdown-menu a:hover,
    .cyan .navbar-transparent .navbar-collapse .open .dropdown-menu a:active,
    .cyan .navbar-middle .navbar-collapse .open .dropdown-menu a:active,
    .cyan .navbar-transparent .navbar-collapse .open .dropdown-menu a:focus,
    .cyan .navbar-middle .navbar-collapse .open .dropdown-menu a:focus {
    color: #22cbe8;
    }
    }

    /* Demo style: .blue */


    .blue #MainHeader .circle-btn,
    .blue.social-top-fix .circle-btn,
    .blue.color-row .circle-btn,
    .blue.parallax .circle-btn,
    .blue.top-info .circle-btn {
    border-color: #ffffff;
    color: #ffffff;
    }


    /* -------------------------------------- */

    .blue a{
    color: #1a9dd3;
    }

    .blue a:hover{
    color: #1a9dd3;
    }

    /* Style Buttons */
    .blue .btn {
    border: 3px solid #1a9dd3;
    color: #1a9dd3;
    }
    .blue .btn:hover,
    .blue .btn:active,
    .blue .btn:focus {
    background-color: #1a9dd3;
    border-color: #1a9dd3;
    color: #ffffff;
    }
    .blue .btn-white {
    background-color: transparent;
    border: 3px solid #ffffff;
    color: #ffffff;
    }
    .blue .btn-color {
    background-color: #1a9dd3;
    border: 3px solid #1a9dd3;
    color: #ffffff;
    }
    .blue .btn-color:hover,
    .blue .btn-color:active,
    .blue .btn-color:focus {
    background-color: #1686b4;
    border: 3px solid #1686b4;
    }

    .blue .btn-success {
    border-color: #8dc153;
    color: #8dc153;
    }
    .blue .btn-success:hover {
    border-color: #8dc153;
    color: #ffffff;
    background-color: #8dc153;
    }
    .blue .btn-warning {
    border-color: #ff7f00;
    color: #ff7f00;
    }
    .blue .btn-warning:hover {
    border-color: #ff7f00;
    color: #ffffff;
    background-color: #ff7f00;
    }
    .blue .btn-info {
    border-color: #1a9dd3;
    color: #1a9dd3;
    }
    .blue .btn-info:hover {
    border-color: #1a9dd3;
    color: #ffffff;
    background-color: #1a9dd3;
    }
    .blue .btn-inactive {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
    }
    .blue .btn-inactive:hover {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
    }

    .blue .btn-white:hover,
    .blue .btn-white:active,
    .blue .btn-white:focus {
    border-color: #ffffff;
    color: #1a9dd3;
    background-color: #ffffff;
    }
    .blue .btn-link {
    border: none;
    color: #1a9dd3;
    }
    .blue .btn-link:hover {
    border: none;
    color: #1686b4;
    background-color: transparent;
    }
    .blue .circle-button {
    border: 2px solid #1a9dd3;
    background-color: transparent;
    color: #1a9dd3;
    }
    .blue select {
    border: 3px solid #1a9dd3;
    }
    /* End Style Buttons */
    .blue blockquote:before {
    color: #1a9dd3;
    }
    .blue blockquote {
    border-color: #1a9dd3;
    }

    .blue .form-control:focus {
    border-color: #1a9dd3;
    }

    .blue .color-font {
    color: #1a9dd3;
    }
    /* Header */
    .blue #MainHeader .slogan {
    color: #ffffff;
    }
    .blue #MainHeader .slogan .square {
    background-color: #1a9dd3;
    }
    /* End Header */
    /* Navigation */
    .blue .navbar-inverse .navbar-nav > .active > a,
    .blue .navbar-inverse .navbar-nav > .active > a:hover,
    .blue .navbar-inverse .navbar-nav > .active > a:focus {
    color: #1a9dd3;
    }
    .blue .navbar-inverse .navbar-nav > li > a:hover,
    .blue .navbar-inverse .navbar-nav > li > a:focus {
    color: #1a9dd3;
    }
    .blue .navbar-default .navbar-nav > .active > a,
    .blue .navbar-default .navbar-nav > .active > a:hover,
    .blue .navbar-default .navbar-nav > .active > a:focus {
    color: #1a9dd3;
    }
    .blue .navbar-default .navbar-nav > li > a:hover,
    .blue .navbar-default .navbar-nav > li > a:focus {
    color: #1a9dd3;
    }

    .blue .navbar-middle .navbar-nav > .active > a,
    .blue .navbar-middle .navbar-nav > .active > a:hover,
    .blue .navbar-middle .navbar-nav > .active > a:focus {
    color: #1a9dd3;
    }
    .blue .navbar-middle .navbar-nav > li > a:hover,
    .blue .navbar-middle .navbar-nav > li > a:focus {
    color: #1a9dd3;
    }
    .blue .navbar-default .navbar-header,
    .blue .navbar-inverse .navbar-header {
    background-color: #1686b4;
    }
    .blue .navbar-default .triangle,
    .blue .navbar-inverse .triangle {
    border-color: transparent transparent transparent #1686b4;
    }
    .blue .navbar-default > li a:active,
    .blue .navbar-inverse > li a:active,
    .blue .navbar-default > li a:hover,
    .blue .navbar-inverse > li a:hover,
    .blue .navbar-default > li a:focus,
    .blue .navbar-inverse > li a:focus {
    border-bottom: 3px solid #1a9dd3;
    }
    .blue .navbar-default .active a,
    .blue .navbar-inverse .active a,
    .blue .navbar-default .active a:active,
    .blue .navbar-inverse .active a:active,
    .blue .navbar-default .active a:hover,
    .blue .navbar-inverse .active a:hover,
    .blue .navbar-default .active a:focus,
    .blue .navbar-inverse .active a:focus {
    border-bottom: 3px solid #1a9dd3;
    }
    .blue .navbar-default .active li a:active,
    .blue .navbar-inverse .active li a:active,
    .blue .navbar-default .active li a:hover,
    .blue .navbar-inverse .active li a:hover,
    .blue .navbar-default .active li a:focus,
    .blue .navbar-inverse .active li a:focus {
    background: #1a9dd3 !important;
    color: #ffffff;
    }
    .blue .navbar-inverse.remove-left-red .navbar-brand:hover {
    color: #1a9dd3;
    }
    .blue .navbar-color {
    background-color: #1a9dd3;
    }
    .blue .navbar-color .navbar-header {
    background-color: #000000;
    }
    .blue .navbar-color .triangle {
    border-color: transparent transparent transparent #ffffff;
    }
    .blue .navbar-color.remove-left-red .navbar-brand {
    color: #ffffff;
    }
    .blue .navbar-color a {
    color: #ffffff;
    }
    .blue .navbar-transparent > li a:active,
    .blue .navbar-transparent > li a:hover,
    .blue .navbar-transparent > li a:focus {
    border-bottom: 3px solid #1a9dd3;
    color: #1a9dd3;
    }
    .blue .navbar-transparent > li.active a {
    color: #1a9dd3;
    }
    .blue .navbar-transparent .active a,
    .blue .navbar-transparent .active a:active,
    .blue .navbar-transparent .active a:hover,
    .blue .navbar-transparent .active a:focus {
    border-bottom: 3px solid #1a9dd3;
    }
    .blue .navbar-middle .nav.navbar-nav > li.active > a {
    color: #1a9dd3;
    }
    .blue .navbar-middle .nav.navbar-nav > li a:active,
    .blue .navbar-middle .nav.navbar-nav > li a:hover,
    .blue .navbar-middle .nav.navbar-nav > li a:focus {
    border-bottom: 3px solid #1a9dd3;
    }
    .blue .navbar-middle .nav.navbar-nav .active a,
    .blue .navbar-middle .nav.navbar-nav .active a:active,
    .blue .navbar-middle .nav.navbar-nav .active a:hover,
    .blue .navbar-middle .nav.navbar-nav .active a:focus {
    border-bottom: 3px solid #1a9dd3;
    }
    .blue .navbar-middle .nav.navbar-nav .active li a:active,
    .blue .navbar-middle .nav.navbar-nav .active li a:hover,
    .blue .navbar-middle .nav.navbar-nav .active li a:focus {
    background: #1a9dd3 !important;
    color: #ffffff;
    }
    .blue .navbar .dropdown-menu > li > a:hover,
    .blue .navbar .dropdown-submenu > li > a:hover,
    .blue .navbar .dropdown-menu > li > a:active,
    .blue .navbar .dropdown-submenu > li > a:active,
    .blue .navbar .dropdown-menu > li > a:focus,
    .blue .navbar .dropdown-submenu > li > a:focus {
    background-color: #1a9dd3;
    }
    .blue .navbar .dropdown-menu > li.active > a {
    color: #1a9dd3;
    }
    .blue .navbar .dropdown-menu > li.active > a:hover,
    .blue .navbar .dropdown-menu > li.active > a:active,
    .blue .navbar .dropdown-menu > li.active > a:focus {
    color: #1a9dd3 !important;
    }
    /* back to top link */
    .blue #toTop:hover {
    background-color: #1a9dd3;
    }
    /* End Navigation */
    /* Sections */
    .blue .color-row {
    background-color: #1686b4;
    }
    .blue .quote .quote-mark-left {
    color: #1a9dd3;
    }
    .blue .quote .quote-mark-right {
    color: #1a9dd3;
    }
    /* Team */
    .blue .team-container .person-image .person-hover {
    background: rgba(26, 157, 211, 0.7);
    }
    /* progress bar */
    .blue .progress {
    border: 2px solid #1a9dd3;
    }
    .blue .progress.alternative{
    border: none;
    }
    .blue .progress .bar {
    background: #1a9dd3 !important;
    }
    .blue #colorbox #cboxPrevious,
    .blue #colorbox #cboxNext,
    .blue #colorbox #cboxSlideshow,
    .blue #colorbox #cboxClose {
    border: 2px solid #1a9dd3;
    color: #1a9dd3;
    }
    .blue #colorbox #cboxPrevious {
    right: 150px;
    left: auto;
    }
    .blue #colorbox #cboxNext {
    right: 100px;
    left: auto;
    }
    .blue #colorbox #cboxClose {
    right: 50px;
    }
    .blue #colorbox #cboxPrevious:hover,
    .blue #colorbox #cboxNext:hover,
    .blue #colorbox #cboxClose:hover {
    background-color: #1a9dd3;
    color: #ffffff;
    }
    /* End Team */
    /* Services */
    .blue .services .services-box .price-container.active,
    .blue .price-list .services-box .price-container.active,
    .blue .services .prices-box .price-container.active,
    .blue .price-list .prices-box .price-container.active {
    background-color: #1a9dd3;
    }
    .blue .services .services-box:hover,
    .blue .price-list .services-box:hover {
    background-color: #1a9dd3;
    color: #ffffff;
    border-color: #1a9dd3;
    }
    .blue .services .services-box:hover .circle-border-inside,
    .blue .price-list .services-box:hover .circle-border-inside {
    border: 10px solid #1a9dd3;
    }
    /* End Services */
    /* Blog */
    .blue #wp-calendar thead {
    background-color: #1a9dd3;
    color: #ffffff;
    }
    .blue .blog-pagination .pagination li {
    border-color: #1a9dd3;
    }
    .blue .blog-pagination .pagination li a:hover {
    border-bottom: 3px solid #1a9dd3;
    }
    .blue .blog-pagination .pagination .active a {
    color: #1a9dd3;
    }
    .blue .blog-pagination .pagination .active a:hover {
    border-bottom: 3px solid #1a9dd3;
    }
    .blue .blog-pagination-single .pager a:hover {
    color: #1a9dd3;
    }
    .blue .blog-quote-mark {
    color: #1a9dd3;
    }
    .blue .blog-col .search button,
    footer .search button {
    color: #1a9dd3;
    }
    /* End Blog */
    /* 404 Page */
    .blue .bug {
    color: #1a9dd3;
    }
    .blue .error404 .error404-symbol {
    color: #1686b4;
    }
    /* End 404 Page */
    /* Faq */
    .blue .faq-menu li.active > a {
    background-color: #1a9dd3;
    color: #ffffff;
    }
    /* End Faq */
    /* End Sections */
    /* Elements */
    /* Breadcumbs */
    .blue .breadcrumb li + li:before {
    color: #1a9dd3;
    }
    /* Tabs */
    .blue .nav-tabs.nav-justified li.active a:before {
    background-color: #1a9dd3;
    }
    .blue .tabs-left > .nav-tabs li.active a:before {
    background-color: #1a9dd3;
    }
    /* End Tabs */
    /* Begin accordion*/
    .blue .panel-group .panel .panel-heading .panel-title a:before {
    color: #1a9dd3;
    }
    .blue .panel-group .panel .panel-body {
    border-left: 4px solid #1a9dd3;
    }

    .blue .panel-title > a {
    color: inherit;
    }
    /* End Accordion */
    /* Begin tables */
    .blue .table-striped thead {
    background-color: #1a9dd3;
    color: #ffffff;
    border-left: 2px solid #1a9dd3;
    }
    /* End tables */
    /* Media list */
    .blue .media.feature-list .icon {
    color: #1a9dd3;
    }
    .blue .media.feature-list .number {
    color: #1a9dd3;
    }
    /* End media list */
    /* Begin Twitter */
    .blue .tweets ul .tweet_name {
    color: #1a9dd3;
    }
    .blue .tweets .arrows .flex-direction-nav a:hover {
    color: #1a9dd3;
    }
    /* End Twitter */
    /* -------------- SOCIAL ICONS -------------------*/
    .blue .circle-btn {
    border: 2px solid #1a9dd3;
    color: #1a9dd3;
    }
    .blue .circle-btn:hover {
    border-color: #1a9dd3;
    background-color: #1a9dd3;
    }
     #MainHeader .circle-btn:hover,
    .blue .social-top-fix .circle-btn:hover,
    .blue .color-row .circle-btn:hover,
    .blue .parallax .circle-btn:hover,
    .blue .top-info .circle-btn:hover {
    color: #1a9dd3;
    }

    .blue #MainHeader .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }
    .blue .social-top-fix .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .blue .color-row .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .blue .parallax .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .blue .top-info .circle-btn{
    border-color: #ffffff;
    color: #ffffff;
    }

    .blue #MainHeader .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }
    .blue .social-top-fix .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .blue .color-row .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .blue .parallax .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    .blue .top-info .circle-btn:hover{
    background-color: #ffffff;
    border-color: #ffffff;
    }

    /* -------------------- CIRCLE IMAGES ----------------------- */
    .blue .circleBox .circle-border-outside {
    position: relative;
    border: 10px solid #1a9dd3;
    }
    .blue .circleBox .circle-border-outside .circle-triangle {
    border-color: #1a9dd3 transparent transparent transparent;
    }
    /* ------------------------- PIE CHARTS ------------------------ */
    .blue .pie-chart > span {
    color: #1a9dd3;
    }
    /* ------------------------ WORKS GALLERY ---------------------------- */
    .blue .projects .project .image .item-hover .item-icons li a,
    .blue .lightbox-image .image .item-hover .item-icons li a {
    background-color: rgba(26, 157, 211, 0.7);
    color: #ffffff;
    }
    .blue .projects .project .image .item-hover .item-icons li:hover a,
    .blue .lightbox-image .image .item-hover .item-icons li:hover a {
    color: #1a9dd3;
    background-color: #ffffff;
    }
    .blue .portfolioFilter a {
    border: 2px solid #1a9dd3;
    color: #1a9dd3;
    }
    .blue .portfolioFilter a:hover {
    border: 2px solid #1a9dd3;
    background-color: #1a9dd3;
    color: #ffffff;
    }

    .blue .portfolioFilter .current {
    border-color: #333333;
    color: #333333;
    }
    /* ------------------------ GMAPS3 ---------------------------- */
    .blue .map .googleMap .googleMap-description .googleMap-triangle {
    border-color: transparent #1a9dd3 transparent transparent;
    }
    /* ------------------------------------ d3.js ----------------------------------------- */
    .blue .q0-9 {
    fill: #f8fcfe;
    }
    .blue .q1-9 {
    fill: #d9eff8;
    }
    .blue .q2-9 {
    fill: #bde3f2;
    }
    .blue .q3-9 {
    fill: #8ccee9;
    }
    .blue .q4-9 {
    fill: #54b6de;
    }
    .blue .q5-9 {
    fill: #22a0d5;
    }
    .blue .q6-9 {
    fill: #1684b1;
    }
    .blue .q7-9 {
    fill: #116588;
    }
    .blue .q8-9 {
    fill: #0c465e;
    }
    /* ------------------------------------ flex slider ----------------------------------------- */
    .blue .flexslider .flex-direction-nav a:hover {
    color: #1a9dd3;
    }
    .blue .fullscreen-flexslider .flex-direction-nav a:hover,
    .blue .fullscreen-flexslider-ken-burns .flex-direction-nav a:hover {
    color: #1a9dd3;
    }
    /* ------------------------------------ Parallax Slider 2 ----------------------------------------- */
    .blue #MainHeader .content .container .table-align .middle-align .social-unit {
    background-color: rgba(26, 157, 211, 0.5);
    }
    /* ------------------------------------ revolution slider ----------------------------------------- */
    .blue .rev-slider .tp-caption a:hover,
    .blue .rev-slider .tp-caption a:active,
    .blue .rev-slider .tp-caption a:focus {
    color: #1a9dd3;
    }
    /*******************************************************************************
    -	BULLETS AND ARROWS ADD ONS TO THE EXISTING VERSION 	-
    *******************************************************************************/
    .blue .tparrows:hover {
    color: #1a9dd3 !important;
    }
    /* End Elements */
    @media (min-width: 990px) {
    .blue .fullscreen-flexslider .flex-viewport,
    .blue .fullscreen-slider-slogan .flex-viewport,
    .blue .fullscreen-flexslider-ken-burns .flex-viewport {
    height: 100% !IMPORTANT;
    }
    .blue .navbar-middle .navbar-collapse.collapse {
    text-align: center;
    /* Set this */

    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    }
    .blue .navbar-middle .navbar-nav {
    display: inline-block;
    float: none;
    margin: 0;
    }
    }
    @media (max-width: 990px) {
    .blue .navbar-default .navbar-header .navbar-toggle:hover .icon-bar,
    .blue .navbar-default .navbar-header .navbar-toggle:active .icon-bar,
    .blue .navbar-default .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #1a9dd3;
    }
    .blue .navbar-default .navbar-collapse li .dropdown-menu li a:hover,
    .blue .navbar-default .navbar-collapse li .dropdown-menu li a:active,
    .blue .navbar-default .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #1a9dd3;
    }
    .blue .navbar-default .navbar-collapse .open .dropdown-menu a:hover,
    .blue .navbar-default .navbar-collapse .open .dropdown-menu a:active,
    .blue .navbar-default .navbar-collapse .open .dropdown-menu a:focus {
    color: #1a9dd3;
    }
    .blue .navbar-inverse .navbar-header .navbar-toggle:hover .icon-bar,
    .blue .navbar-inverse .navbar-header .navbar-toggle:active .icon-bar,
    .blue .navbar-inverse .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #1a9dd3;
    }
    .blue .navbar-inverse .navbar-collapse li .dropdown-menu li a:hover,
    .blue .navbar-inverse .navbar-collapse li .dropdown-menu li a:active,
    .blue .navbar-inverse .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #1a9dd3;
    }
    .blue .navbar-inverse .navbar-collapse .open .dropdown-menu a:hover,
    .blue .navbar-inverse .navbar-collapse .open .dropdown-menu a:active,
    .blue .navbar-inverse .navbar-collapse .open .dropdown-menu a:focus {
    color: #1a9dd3;
    }
    .blue .navbar-color .navbar-header .navbar-toggle:hover .icon-bar,
    .blue .navbar-color .navbar-header .navbar-toggle:active .icon-bar,
    .blue .navbar-color .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #1a9dd3;
    }
    .blue .navbar-color .navbar-collapse li a:hover,
    .blue .navbar-color .navbar-collapse li a:active,
    .blue .navbar-color .navbar-collapse li a:focus {
    color: #1a9dd3;
    }
    .blue .navbar-color .navbar-collapse li .dropdown-menu li a:hover,
    .blue .navbar-color .navbar-collapse li .dropdown-menu li a:active,
    .blue .navbar-color .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #1a9dd3;
    }
    .blue .navbar-color .navbar-collapse .open .dropdown-menu a:hover,
    .blue .navbar-color .navbar-collapse .open .dropdown-menu a:active,
    .blue .navbar-color .navbar-collapse .open .dropdown-menu a:focus {
    color: #1a9dd3;
    }
    .blue .navbar-transparent .navbar-header .navbar-toggle:hover .icon-bar,
    .blue .navbar-middle .navbar-header .navbar-toggle:hover .icon-bar,
    .blue .navbar-transparent .navbar-header .navbar-toggle:active .icon-bar,
    .blue .navbar-middle .navbar-header .navbar-toggle:active .icon-bar,
    .blue .navbar-transparent .navbar-header .navbar-toggle:focus .icon-bar,
    .blue .navbar-middle .navbar-header .navbar-toggle:focus .icon-bar {
    background-color: #1a9dd3;
    }
    .blue .navbar-transparent .navbar-collapse li a:hover,
    .blue .navbar-middle .navbar-collapse li a:hover,
    .blue .navbar-transparent .navbar-collapse li a:active,
    .blue .navbar-middle .navbar-collapse li a:active,
    .blue .navbar-transparent .navbar-collapse li a:focus,
    .blue .navbar-middle .navbar-collapse li a:focus {
    color: #1a9dd3;
    }
    .blue .navbar-transparent .navbar-collapse li .dropdown-menu li a:hover,
    .blue .navbar-middle .navbar-collapse li .dropdown-menu li a:hover,
    .blue .navbar-transparent .navbar-collapse li .dropdown-menu li a:active,
    .blue .navbar-middle .navbar-collapse li .dropdown-menu li a:active,
    .blue .navbar-transparent .navbar-collapse li .dropdown-menu li a:focus,
    .blue .navbar-middle .navbar-collapse li .dropdown-menu li a:focus {
    background-color: #1a9dd3;
    }
    .blue .navbar-transparent .navbar-collapse .open .dropdown-menu a:hover,
    .blue .navbar-middle .navbar-collapse .open .dropdown-menu a:hover,
    .blue .navbar-transparent .navbar-collapse .open .dropdown-menu a:active,
    .blue .navbar-middle .navbar-collapse .open .dropdown-menu a:active,
    .blue .navbar-transparent .navbar-collapse .open .dropdown-menu a:focus,
    .blue .navbar-middle .navbar-collapse .open .dropdown-menu a:focus {
    color: #1a9dd3;
    }
    }