.clear {
    clear: both;
}
.clearfix:after,.clearfix:before {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
	*zoom: 1
}
.spacer10{
	clear: both;
	padding:10px 0 0 0;
}
.spacer20{
	clear: both;
	padding:20px 0 0 0;
}
.spacer30{
	clear: both;
	padding:30px 0 0 0;
}
.spacer40{
	clear: both;
	padding:40px 0 0 0;
}
.hide {
    left: -9999px !important;
    position: absolute !important;
    display:none !important;
}
.fullwidth{
	width:100%;
}
.nodisplay {
    display: none
}
.center-text {
    text-align: center
}












    /*Demo style: .boats      Color:      #318ac4    */
    .boats .ct-t-hover{
    color: #318ac4;
    }
    .boats .ct-t-hover:hover {
    background: #318ac4;
    color: #fff;
    }
    .boats .panel-motive-o .panel-heading a,
    .boats .panel-motive-o .panel-heading a *{
    border: 1px solid #318ac4;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .boats .ct-topBar{
        background: #318ac4;
    }

    .boats .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #318ac4;
    }
    .boats .ct-numberBox-number {
    color: #318ac4;
    }
    .boats .ct-iconBox .ct-iconBox-icon i {
    color: #318ac4;
    }
    .boats .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #318ac4;
    }
    .boats .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #318ac4;
    }
    .boats .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #318ac4;
    }
    .boats .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #318ac4;
    }
    .boats .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .boats .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .boats .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .boats .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #318ac4;
    border-color: #318ac4;
    color: #fff;
    }
    .boats .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #318ac4;
    }
    .boats .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .boats .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #318ac4;
    }
    .boats .ct-personBox .ct-personBox-content {
    background: #318ac4;
    }
    .boats .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #318ac4;
    }
    .boats .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #318ac4;
    position: relative;
    top: -1px;
    }
    .boats .ct-figureBox:hover figcaption {
    background: #318ac4;
    }
    .boats .ct-archiveBox.ct-archiveBox--motive {
    background: #318ac4;
    border-color: #318ac4;
    }
    .boats .ct-u-sectionMotive {
    background-color: #318ac4;
    }
    .boats .ct-u-colorMotive {
    color: #318ac4 !important;
    }
    .boats .ct-u-textInverse {
    background-color: #ffffff;
    color: #318ac4;
    }
    .boats .navbar .navbar-nav .dropdown .dropdown-menu,
    .boats .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #318ac4 transparent transparent transparent;
    }
    .boats .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #318ac4;
    }
    .boats .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #318ac4;
    }
    @media (max-width:767px){
    .boats .navbar .ct-navbarBox {
    background: #318ac4;
    }
    .boats .navbar .ct-navbarBox .ct-login {
    color: #318ac4 !important;
    }
    .boats .navbar .ct-navbarBox button.navbar-toggle span,
    .boats .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .boats .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #318ac4 !important;
    }
    .boats .navbar .ct-navbarBox button.navbar-toggle:after,
    .boats .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .boats .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #318ac4;
    }
    }

    .boats .navbar-transparent .nav.navbar-nav > li.active > a,
    .boats #navbar-transparent .nav.navbar-nav > li.active > a,
    .boats .navbar-default .nav.navbar-nav > li.active > a,
    .boats #navbar-default .nav.navbar-nav > li.active > a,
    .boats .navbar-inverse .nav.navbar-nav > li.active > a,
    .boats #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #318ac4;
    color: #fff !important;
    }
    .boats .navbar-transparent .ct-textEffect span:before,
    .boats #navbar-transparent .ct-textEffect span:before,
    .boats .navbar-default .ct-textEffect span:before,
    .boats  #navbar-default .ct-textEffect span:before,
    .boats .navbar-inverse .ct-textEffect span:before,
    .boats #navbar-inverse .ct-textEffect span:before {
    color: #318ac4;
    }
    .boats .navbar-transparent .ct-navSearch:hover,
    .boats #navbar-transparent .ct-navSearch:hover,
    .boats .navbar-default .ct-navSearch:hover,
    .boats #navbar-default .ct-navSearch:hover,
    .boats .navbar-inverse .ct-navSearch:hover,
    .boats #navbar-inverse .ct-navSearch:hover {
    color: #318ac4;
    }
    .boats .navbar-transparent .ct-login,
    .boats #navbar-transparent .ct-login,
    .boats .navbar-default .ct-login,
    .boats #navbar-default .ct-login,
    .boats .navbar-inverse .ct-login,
    .boats #navbar-inverse .ct-login {
    background: #318ac4;
    }
    .boats .navbar-motive,
    .boats #navbar-motive {
    background: #318ac4;
    }
    .boats .navbar-motive .nav.navbar-nav > li.active > a,
    .boats #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #318ac4 !important;
    }
    .boats .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .boats #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #318ac4;
    }
    .boats .navbar-motive .nav.navbar-nav:after,
    .boats #navbar-motive .nav.navbar-nav:after {
    background-color: #318ac4;
    }
    .boats .ct-menuMobile-navbar li:hover > a {
    background: #318ac4;
    color: #fff;
    border-color: #318ac4;
    }
    .boats .ct-menuMobile-navbar li:hover + li > a {
    border-color: #318ac4;
    }
    .boats .ct-menuMobile-navbar li.dropdown.open > a,
    .boats .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #318ac4;
    border-bottom: 1px solid #318ac4;
    }
    .boats .btn-motive {
    background: #318ac4;
    }
    .boats .btn-motive-o {
    background: #fff;
    color: #318ac4;
    border: 2px solid #318ac4;
    }
    .boats .btn-motive-o i,
    .boats .btn-motive-o span {
    color: #318ac4;
    }
    .boats .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #318ac4 !important;
    }
    .boats .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #318ac4;
    }
    .boats .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #318ac4;
    }
    .boats .ct-socials.ct-socials--type2 li a i {
    color: #318ac4;
    }
    .boats .ct-mediaObject:hover .ct-mediaObject-date,
    .boats .ct-mediaObject:hover .ct-mediaObject-date small,
    .boats .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #318ac4;
    }
    .boats .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #318ac4 transparent;
    }
    .boats .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #318ac4;
    }
    .boats .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #318ac4;
    color: #222;
    }
    .boats .ct-tabs .nav-tabs li.active a,
    .boats .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #318ac4;
    color: #222;
    }
    .boats .ct-tabs .nav-tabs li.active:before {
    background: #318ac4;
    }
    .boats .panel-motive .panel-heading a {
    background: #318ac4;
    }
    .boats .ct-callToAction {
    border-top: 7px solid #318ac4;
    }
    .boats .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #318ac4;
    }
    .boats .form-control:focus {
    border-color: #318ac4;
    }
    .boats .form-control.form-control--type2:focus {
    border-color: #318ac4;
    }
    .boats .selectize-dropdown-content [data-selectable]:hover {
    background: #318ac4;
    border-color: #318ac4;
    color: #fff;
    }
    .boats .ct-select .selectize-input.focus {
    border-color: #318ac4;
    }
    .boats #ct-counter .counter-block:before {
    color: #318ac4;
    }
    .boats #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #318ac4;
    }
    .boats .ct-newsletter {
    background: #318ac4;
    }
    .boats .ct-newsletter .form-control {
    border-right: 2px solid #318ac4;
    color: #fff;
    }
    .boats .ct-form-group.input-daterange input:focus,
    .boats .ct-form-group input:focus {
    border-color: #318ac4;
    background: #318ac4;
    color: #fff;
    }
    .boats .datepicker.dropdown-menu table tr td:before,
    .boats .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #318ac4;
    }
    .boats .datepicker.dropdown-menu table tbody tr td.selected.active,
    .boats .datepicker.datepicker-inline table tbody tr td.selected.active,
    .boats .datepicker.dropdown-menu table tbody tr td.day.active,
    .boats .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #318ac4 !important;
    }
    .boats .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .boats .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #318ac4;
    }
    .boats .ct-widget-header .ct-widget-price,
    .boats .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #318ac4;
    }
    .boats .ct-widget-categories p:before {
    color: #318ac4;
    }
    .boats .ct-widget-categories a:hover p {
    color: #318ac4;
    }
    .boats .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #318ac4;
    }
    .boats .ct-tags a:hover {
    background: #318ac4;
    }
    .boats .ct-product .ct-product-content .ct-product-price span,
    .boats .ct-product .ct-product-content .ct-product-price span * {
    color: #318ac4;
    }
    .boats .tabpanel .nav-tabs li.active a {
    background: #318ac4;
    color: #fff;
    }
    .boats .ct-gallery-filters li a.active span {
    color: #318ac4;
    }
    .boats .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #318ac4;
    }
    .boats .ct-latestPost:hover {
    background: #318ac4;
    color: #fff;
    }
    .boats .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .boats .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #318ac4;
    }
    .boats .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #318ac4;
    }
    .boats .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #318ac4;
    }

    .boats .table thead {
    color: #fff;
    background: #318ac4;
    }
    .boats .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #318ac4;
    }
    .boats .ct-blog-comments-header span.ct-iconButton,
    .boats .ct-blog-comments-header i {
    color: #318ac4;
    border-color: #318ac4;
    }
    .boats .ct-blog-comments-header .ct-blog-comments-title * {
    color: #318ac4;
    }
    .boats .ct-pagination ul a:hover {
    border-color: #318ac4;
    }
    .boats .ct-pagination ul span {
    color: #fff;
    background: #318ac4;
    border-color: #318ac4;
    }
    .boats .ct-pagination span a:hover {
    color: #318ac4;
    }
    .boats .ct-comment .ct-comment-header .ct-comment-name {
    color: #318ac4;
    }
    .boats .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #318ac4;
    }
    .boats .ct-404-header b {
    color: #318ac4;
    border: 2rem solid #318ac4;
    }
    .boats .ct-simpleList li i {
    color: #318ac4;
    }
    .boats .ct-twitter > div p a.tweet_user {
    color: #318ac4;
    }
    .boats .ct-twitter > div p .tweet_text a {
    color: #318ac4;
    }
    .boats .ct-twitter > div p span.tweet_time a:hover {
    color: #318ac4;
    }
    .boats ::-moz-selection {
    background: #318ac4;
    color: #fff;
    }
    .boats ::selection {
    background: #318ac4;
    color: #fff;
    }
    .boats .ct-socials .tooltip-inner{
    color: #318ac4;
    }
    .boats .ct-newsletter{
    background: #318ac4;
    }
    .boats .form-error{
      background:#318ac4;
      border-color: #318ac4;
    }

    /* Overwrite Fixes */
    .boats .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .boats .btn-motive:hover{  background: #333;}

    .boats .navbar-default .ct-login:hover,
    .boats #navbar-default .ct-login:hover,
    .boats .navbar-transparent .ct-login:hover,
    .boats #navbar-transparent .ct-login:hover,
    .boats .navbar-motive .ct-login:hover,
    .boats #navbar-motive .ct-login:hover {background: #333;}

    .boats .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-boats {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #318ac4;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-boats {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #318ac4;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .boats .ct-preloader,
    .boats .ct-preloader div {
    -webkit-animation: rotate-boats 4s infinite linear;
    animation: rotate-boats 4s infinite linear;
    }


    /*Demo style: .water-sports      Color:      #1b2d6b    */
    .water-sports .ct-t-hover{
    color: #1b2d6b;
    }
    .water-sports .ct-t-hover:hover {
    background: #1b2d6b;
    color: #fff;
    }
    .water-sports .panel-motive-o .panel-heading a,
    .water-sports .panel-motive-o .panel-heading a *{
    border: 1px solid #1b2d6b;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .water-sports .ct-topBar{
        background: #1b2d6b;
    }

    .water-sports .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #1b2d6b;
    }
    .water-sports .ct-numberBox-number {
    color: #1b2d6b;
    }
    .water-sports .ct-iconBox .ct-iconBox-icon i {
    color: #1b2d6b;
    }
    .water-sports .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #1b2d6b;
    }
    .water-sports .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #1b2d6b;
    }
    .water-sports .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #1b2d6b;
    }
    .water-sports .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #1b2d6b;
    }
    .water-sports .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .water-sports .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .water-sports .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .water-sports .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #1b2d6b;
    border-color: #1b2d6b;
    color: #fff;
    }
    .water-sports .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #1b2d6b;
    }
    .water-sports .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .water-sports .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #1b2d6b;
    }
    .water-sports .ct-personBox .ct-personBox-content {
    background: #1b2d6b;
    }
    .water-sports .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #1b2d6b;
    }
    .water-sports .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #1b2d6b;
    position: relative;
    top: -1px;
    }
    .water-sports .ct-figureBox:hover figcaption {
    background: #1b2d6b;
    }
    .water-sports .ct-archiveBox.ct-archiveBox--motive {
    background: #1b2d6b;
    border-color: #1b2d6b;
    }
    .water-sports .ct-u-sectionMotive {
    background-color: #1b2d6b;
    }
    .water-sports .ct-u-colorMotive {
    color: #1b2d6b !important;
    }
    .water-sports .ct-u-textInverse {
    background-color: #ffffff;
    color: #1b2d6b;
    }
    .water-sports .navbar .navbar-nav .dropdown .dropdown-menu,
    .water-sports .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #1b2d6b transparent transparent transparent;
    }
    .water-sports .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #1b2d6b;
    }
    .water-sports .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #1b2d6b;
    }
    @media (max-width:767px){
    .water-sports .navbar .ct-navbarBox {
    background: #1b2d6b;
    }
    .water-sports .navbar .ct-navbarBox .ct-login {
    color: #1b2d6b !important;
    }
    .water-sports .navbar .ct-navbarBox button.navbar-toggle span,
    .water-sports .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .water-sports .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #1b2d6b !important;
    }
    .water-sports .navbar .ct-navbarBox button.navbar-toggle:after,
    .water-sports .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .water-sports .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #1b2d6b;
    }
    }

    .water-sports .navbar-transparent .nav.navbar-nav > li.active > a,
    .water-sports #navbar-transparent .nav.navbar-nav > li.active > a,
    .water-sports .navbar-default .nav.navbar-nav > li.active > a,
    .water-sports #navbar-default .nav.navbar-nav > li.active > a,
    .water-sports .navbar-inverse .nav.navbar-nav > li.active > a,
    .water-sports #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #1b2d6b;
    color: #fff !important;
    }
    .water-sports .navbar-transparent .ct-textEffect span:before,
    .water-sports #navbar-transparent .ct-textEffect span:before,
    .water-sports .navbar-default .ct-textEffect span:before,
    .water-sports  #navbar-default .ct-textEffect span:before,
    .water-sports .navbar-inverse .ct-textEffect span:before,
    .water-sports #navbar-inverse .ct-textEffect span:before {
    color: #1b2d6b;
    }
    .water-sports .navbar-transparent .ct-navSearch:hover,
    .water-sports #navbar-transparent .ct-navSearch:hover,
    .water-sports .navbar-default .ct-navSearch:hover,
    .water-sports #navbar-default .ct-navSearch:hover,
    .water-sports .navbar-inverse .ct-navSearch:hover,
    .water-sports #navbar-inverse .ct-navSearch:hover {
    color: #1b2d6b;
    }
    .water-sports .navbar-transparent .ct-login,
    .water-sports #navbar-transparent .ct-login,
    .water-sports .navbar-default .ct-login,
    .water-sports #navbar-default .ct-login,
    .water-sports .navbar-inverse .ct-login,
    .water-sports #navbar-inverse .ct-login {
    background: #1b2d6b;
    }
    .water-sports .navbar-motive,
    .water-sports #navbar-motive {
    background: #1b2d6b;
    }
    .water-sports .navbar-motive .nav.navbar-nav > li.active > a,
    .water-sports #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #1b2d6b !important;
    }
    .water-sports .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .water-sports #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #1b2d6b;
    }
    .water-sports .navbar-motive .nav.navbar-nav:after,
    .water-sports #navbar-motive .nav.navbar-nav:after {
    background-color: #1b2d6b;
    }
    .water-sports .ct-menuMobile-navbar li:hover > a {
    background: #1b2d6b;
    color: #fff;
    border-color: #1b2d6b;
    }
    .water-sports .ct-menuMobile-navbar li:hover + li > a {
    border-color: #1b2d6b;
    }
    .water-sports .ct-menuMobile-navbar li.dropdown.open > a,
    .water-sports .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #1b2d6b;
    border-bottom: 1px solid #1b2d6b;
    }
    .water-sports .btn-motive {
    background: #1b2d6b;
    }
    .water-sports .btn-motive-o {
    background: #fff;
    color: #1b2d6b;
    border: 2px solid #1b2d6b;
    }
    .water-sports .btn-motive-o i,
    .water-sports .btn-motive-o span {
    color: #1b2d6b;
    }
    .water-sports .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #1b2d6b !important;
    }
    .water-sports .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #1b2d6b;
    }
    .water-sports .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #1b2d6b;
    }
    .water-sports .ct-socials.ct-socials--type2 li a i {
    color: #1b2d6b;
    }
    .water-sports .ct-mediaObject:hover .ct-mediaObject-date,
    .water-sports .ct-mediaObject:hover .ct-mediaObject-date small,
    .water-sports .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #1b2d6b;
    }
    .water-sports .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #1b2d6b transparent;
    }
    .water-sports .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #1b2d6b;
    }
    .water-sports .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #1b2d6b;
    color: #222;
    }
    .water-sports .ct-tabs .nav-tabs li.active a,
    .water-sports .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #1b2d6b;
    color: #222;
    }
    .water-sports .ct-tabs .nav-tabs li.active:before {
    background: #1b2d6b;
    }
    .water-sports .panel-motive .panel-heading a {
    background: #1b2d6b;
    }
    .water-sports .ct-callToAction {
    border-top: 7px solid #1b2d6b;
    }
    .water-sports .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #1b2d6b;
    }
    .water-sports .form-control:focus {
    border-color: #1b2d6b;
    }
    .water-sports .form-control.form-control--type2:focus {
    border-color: #1b2d6b;
    }
    .water-sports .selectize-dropdown-content [data-selectable]:hover {
    background: #1b2d6b;
    border-color: #1b2d6b;
    color: #fff;
    }
    .water-sports .ct-select .selectize-input.focus {
    border-color: #1b2d6b;
    }
    .water-sports #ct-counter .counter-block:before {
    color: #1b2d6b;
    }
    .water-sports #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #1b2d6b;
    }
    .water-sports .ct-newsletter {
    background: #1b2d6b;
    }
    .water-sports .ct-newsletter .form-control {
    border-right: 2px solid #1b2d6b;
    color: #fff;
    }
    .water-sports .ct-form-group.input-daterange input:focus,
    .water-sports .ct-form-group input:focus {
    border-color: #1b2d6b;
    background: #1b2d6b;
    color: #fff;
    }
    .water-sports .datepicker.dropdown-menu table tr td:before,
    .water-sports .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #1b2d6b;
    }
    .water-sports .datepicker.dropdown-menu table tbody tr td.selected.active,
    .water-sports .datepicker.datepicker-inline table tbody tr td.selected.active,
    .water-sports .datepicker.dropdown-menu table tbody tr td.day.active,
    .water-sports .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #1b2d6b !important;
    }
    .water-sports .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .water-sports .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #1b2d6b;
    }
    .water-sports .ct-widget-header .ct-widget-price,
    .water-sports .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #1b2d6b;
    }
    .water-sports .ct-widget-categories p:before {
    color: #1b2d6b;
    }
    .water-sports .ct-widget-categories a:hover p {
    color: #1b2d6b;
    }
    .water-sports .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #1b2d6b;
    }
    .water-sports .ct-tags a:hover {
    background: #1b2d6b;
    }
    .water-sports .ct-product .ct-product-content .ct-product-price span,
    .water-sports .ct-product .ct-product-content .ct-product-price span * {
    color: #1b2d6b;
    }
    .water-sports .tabpanel .nav-tabs li.active a {
    background: #1b2d6b;
    color: #fff;
    }
    .water-sports .ct-gallery-filters li a.active span {
    color: #1b2d6b;
    }
    .water-sports .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #1b2d6b;
    }
    .water-sports .ct-latestPost:hover {
    background: #1b2d6b;
    color: #fff;
    }
    .water-sports .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .water-sports .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #1b2d6b;
    }
    .water-sports .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #1b2d6b;
    }
    .water-sports .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #1b2d6b;
    }

    .water-sports .table thead {
    color: #fff;
    background: #1b2d6b;
    }
    .water-sports .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #1b2d6b;
    }
    .water-sports .ct-blog-comments-header span.ct-iconButton,
    .water-sports .ct-blog-comments-header i {
    color: #1b2d6b;
    border-color: #1b2d6b;
    }
    .water-sports .ct-blog-comments-header .ct-blog-comments-title * {
    color: #1b2d6b;
    }
    .water-sports .ct-pagination ul a:hover {
    border-color: #1b2d6b;
    }
    .water-sports .ct-pagination ul span {
    color: #fff;
    background: #1b2d6b;
    border-color: #1b2d6b;
    }
    .water-sports .ct-pagination span a:hover {
    color: #1b2d6b;
    }
    .water-sports .ct-comment .ct-comment-header .ct-comment-name {
    color: #1b2d6b;
    }
    .water-sports .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #1b2d6b;
    }
    .water-sports .ct-404-header b {
    color: #1b2d6b;
    border: 2rem solid #1b2d6b;
    }
    .water-sports .ct-simpleList li i {
    color: #1b2d6b;
    }
    .water-sports .ct-twitter > div p a.tweet_user {
    color: #1b2d6b;
    }
    .water-sports .ct-twitter > div p .tweet_text a {
    color: #1b2d6b;
    }
    .water-sports .ct-twitter > div p span.tweet_time a:hover {
    color: #1b2d6b;
    }
    .water-sports ::-moz-selection {
    background: #1b2d6b;
    color: #fff;
    }
    .water-sports ::selection {
    background: #1b2d6b;
    color: #fff;
    }
    .water-sports .ct-socials .tooltip-inner{
    color: #1b2d6b;
    }
    .water-sports .ct-newsletter{
    background: #1b2d6b;
    }
    .water-sports .form-error{
      background:#1b2d6b;
      border-color: #1b2d6b;
    }

    /* Overwrite Fixes */
    .water-sports .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .water-sports .btn-motive:hover{  background: #333;}

    .water-sports .navbar-default .ct-login:hover,
    .water-sports #navbar-default .ct-login:hover,
    .water-sports .navbar-transparent .ct-login:hover,
    .water-sports #navbar-transparent .ct-login:hover,
    .water-sports .navbar-motive .ct-login:hover,
    .water-sports #navbar-motive .ct-login:hover {background: #333;}

    .water-sports .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-water-sports {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #1b2d6b;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-water-sports {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #1b2d6b;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .water-sports .ct-preloader,
    .water-sports .ct-preloader div {
    -webkit-animation: rotate-water-sports 4s infinite linear;
    animation: rotate-water-sports 4s infinite linear;
    }


    /*Demo style: .red      Color:      #f44336    */
    .red .ct-t-hover{
    color: #f44336;
    }
    .red .ct-t-hover:hover {
    background: #f44336;
    color: #fff;
    }
    .red .panel-motive-o .panel-heading a,
    .red .panel-motive-o .panel-heading a *{
    border: 1px solid #f44336;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .red .ct-topBar{
        background: #f44336;
    }

    .red .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #f44336;
    }
    .red .ct-numberBox-number {
    color: #f44336;
    }
    .red .ct-iconBox .ct-iconBox-icon i {
    color: #f44336;
    }
    .red .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #f44336;
    }
    .red .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #f44336;
    }
    .red .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #f44336;
    }
    .red .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #f44336;
    }
    .red .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .red .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .red .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .red .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #f44336;
    border-color: #f44336;
    color: #fff;
    }
    .red .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #f44336;
    }
    .red .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .red .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #f44336;
    }
    .red .ct-personBox .ct-personBox-content {
    background: #f44336;
    }
    .red .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #f44336;
    }
    .red .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #f44336;
    position: relative;
    top: -1px;
    }
    .red .ct-figureBox:hover figcaption {
    background: #f44336;
    }
    .red .ct-archiveBox.ct-archiveBox--motive {
    background: #f44336;
    border-color: #f44336;
    }
    .red .ct-u-sectionMotive {
    background-color: #f44336;
    }
    .red .ct-u-colorMotive {
    color: #f44336 !important;
    }
    .red .ct-u-textInverse {
    background-color: #ffffff;
    color: #f44336;
    }
    .red .navbar .navbar-nav .dropdown .dropdown-menu,
    .red .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #f44336 transparent transparent transparent;
    }
    .red .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #f44336;
    }
    .red .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #f44336;
    }
    @media (max-width:767px){
    .red .navbar .ct-navbarBox {
    background: #f44336;
    }
    .red .navbar .ct-navbarBox .ct-login {
    color: #f44336 !important;
    }
    .red .navbar .ct-navbarBox button.navbar-toggle span,
    .red .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .red .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #f44336 !important;
    }
    .red .navbar .ct-navbarBox button.navbar-toggle:after,
    .red .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .red .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #f44336;
    }
    }

    .red .navbar-transparent .nav.navbar-nav > li.active > a,
    .red #navbar-transparent .nav.navbar-nav > li.active > a,
    .red .navbar-default .nav.navbar-nav > li.active > a,
    .red #navbar-default .nav.navbar-nav > li.active > a,
    .red .navbar-inverse .nav.navbar-nav > li.active > a,
    .red #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #f44336;
    color: #fff !important;
    }
    .red .navbar-transparent .ct-textEffect span:before,
    .red #navbar-transparent .ct-textEffect span:before,
    .red .navbar-default .ct-textEffect span:before,
    .red  #navbar-default .ct-textEffect span:before,
    .red .navbar-inverse .ct-textEffect span:before,
    .red #navbar-inverse .ct-textEffect span:before {
    color: #f44336;
    }
    .red .navbar-transparent .ct-navSearch:hover,
    .red #navbar-transparent .ct-navSearch:hover,
    .red .navbar-default .ct-navSearch:hover,
    .red #navbar-default .ct-navSearch:hover,
    .red .navbar-inverse .ct-navSearch:hover,
    .red #navbar-inverse .ct-navSearch:hover {
    color: #f44336;
    }
    .red .navbar-transparent .ct-login,
    .red #navbar-transparent .ct-login,
    .red .navbar-default .ct-login,
    .red #navbar-default .ct-login,
    .red .navbar-inverse .ct-login,
    .red #navbar-inverse .ct-login {
    background: #f44336;
    }
    .red .navbar-motive,
    .red #navbar-motive {
    background: #f44336;
    }
    .red .navbar-motive .nav.navbar-nav > li.active > a,
    .red #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #f44336 !important;
    }
    .red .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .red #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #f44336;
    }
    .red .navbar-motive .nav.navbar-nav:after,
    .red #navbar-motive .nav.navbar-nav:after {
    background-color: #f44336;
    }
    .red .ct-menuMobile-navbar li:hover > a {
    background: #f44336;
    color: #fff;
    border-color: #f44336;
    }
    .red .ct-menuMobile-navbar li:hover + li > a {
    border-color: #f44336;
    }
    .red .ct-menuMobile-navbar li.dropdown.open > a,
    .red .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #f44336;
    border-bottom: 1px solid #f44336;
    }
    .red .btn-motive {
    background: #f44336;
    }
    .red .btn-motive-o {
    background: #fff;
    color: #f44336;
    border: 2px solid #f44336;
    }
    .red .btn-motive-o i,
    .red .btn-motive-o span {
    color: #f44336;
    }
    .red .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #f44336 !important;
    }
    .red .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #f44336;
    }
    .red .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #f44336;
    }
    .red .ct-socials.ct-socials--type2 li a i {
    color: #f44336;
    }
    .red .ct-mediaObject:hover .ct-mediaObject-date,
    .red .ct-mediaObject:hover .ct-mediaObject-date small,
    .red .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #f44336;
    }
    .red .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #f44336 transparent;
    }
    .red .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #f44336;
    }
    .red .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #f44336;
    color: #222;
    }
    .red .ct-tabs .nav-tabs li.active a,
    .red .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #f44336;
    color: #222;
    }
    .red .ct-tabs .nav-tabs li.active:before {
    background: #f44336;
    }
    .red .panel-motive .panel-heading a {
    background: #f44336;
    }
    .red .ct-callToAction {
    border-top: 7px solid #f44336;
    }
    .red .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #f44336;
    }
    .red .form-control:focus {
    border-color: #f44336;
    }
    .red .form-control.form-control--type2:focus {
    border-color: #f44336;
    }
    .red .selectize-dropdown-content [data-selectable]:hover {
    background: #f44336;
    border-color: #f44336;
    color: #fff;
    }
    .red .ct-select .selectize-input.focus {
    border-color: #f44336;
    }
    .red #ct-counter .counter-block:before {
    color: #f44336;
    }
    .red #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #f44336;
    }
    .red .ct-newsletter {
    background: #f44336;
    }
    .red .ct-newsletter .form-control {
    border-right: 2px solid #f44336;
    color: #fff;
    }
    .red .ct-form-group.input-daterange input:focus,
    .red .ct-form-group input:focus {
    border-color: #f44336;
    background: #f44336;
    color: #fff;
    }
    .red .datepicker.dropdown-menu table tr td:before,
    .red .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #f44336;
    }
    .red .datepicker.dropdown-menu table tbody tr td.selected.active,
    .red .datepicker.datepicker-inline table tbody tr td.selected.active,
    .red .datepicker.dropdown-menu table tbody tr td.day.active,
    .red .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #f44336 !important;
    }
    .red .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .red .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #f44336;
    }
    .red .ct-widget-header .ct-widget-price,
    .red .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #f44336;
    }
    .red .ct-widget-categories p:before {
    color: #f44336;
    }
    .red .ct-widget-categories a:hover p {
    color: #f44336;
    }
    .red .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #f44336;
    }
    .red .ct-tags a:hover {
    background: #f44336;
    }
    .red .ct-product .ct-product-content .ct-product-price span,
    .red .ct-product .ct-product-content .ct-product-price span * {
    color: #f44336;
    }
    .red .tabpanel .nav-tabs li.active a {
    background: #f44336;
    color: #fff;
    }
    .red .ct-gallery-filters li a.active span {
    color: #f44336;
    }
    .red .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #f44336;
    }
    .red .ct-latestPost:hover {
    background: #f44336;
    color: #fff;
    }
    .red .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .red .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #f44336;
    }
    .red .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #f44336;
    }
    .red .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #f44336;
    }

    .red .table thead {
    color: #fff;
    background: #f44336;
    }
    .red .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #f44336;
    }
    .red .ct-blog-comments-header span.ct-iconButton,
    .red .ct-blog-comments-header i {
    color: #f44336;
    border-color: #f44336;
    }
    .red .ct-blog-comments-header .ct-blog-comments-title * {
    color: #f44336;
    }
    .red .ct-pagination ul a:hover {
    border-color: #f44336;
    }
    .red .ct-pagination ul span {
    color: #fff;
    background: #f44336;
    border-color: #f44336;
    }
    .red .ct-pagination span a:hover {
    color: #f44336;
    }
    .red .ct-comment .ct-comment-header .ct-comment-name {
    color: #f44336;
    }
    .red .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #f44336;
    }
    .red .ct-404-header b {
    color: #f44336;
    border: 2rem solid #f44336;
    }
    .red .ct-simpleList li i {
    color: #f44336;
    }
    .red .ct-twitter > div p a.tweet_user {
    color: #f44336;
    }
    .red .ct-twitter > div p .tweet_text a {
    color: #f44336;
    }
    .red .ct-twitter > div p span.tweet_time a:hover {
    color: #f44336;
    }
    .red ::-moz-selection {
    background: #f44336;
    color: #fff;
    }
    .red ::selection {
    background: #f44336;
    color: #fff;
    }
    .red .ct-socials .tooltip-inner{
    color: #f44336;
    }
    .red .ct-newsletter{
    background: #f44336;
    }
    .red .form-error{
      background:#f44336;
      border-color: #f44336;
    }

    /* Overwrite Fixes */
    .red .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .red .btn-motive:hover{  background: #333;}

    .red .navbar-default .ct-login:hover,
    .red #navbar-default .ct-login:hover,
    .red .navbar-transparent .ct-login:hover,
    .red #navbar-transparent .ct-login:hover,
    .red .navbar-motive .ct-login:hover,
    .red #navbar-motive .ct-login:hover {background: #333;}

    .red .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-red {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #f44336;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-red {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #f44336;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .red .ct-preloader,
    .red .ct-preloader div {
    -webkit-animation: rotate-red 4s infinite linear;
    animation: rotate-red 4s infinite linear;
    }


    /*Demo style: .pink      Color:      #e91e63    */
    .pink .ct-t-hover{
    color: #e91e63;
    }
    .pink .ct-t-hover:hover {
    background: #e91e63;
    color: #fff;
    }
    .pink .panel-motive-o .panel-heading a,
    .pink .panel-motive-o .panel-heading a *{
    border: 1px solid #e91e63;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .pink .ct-topBar{
        background: #e91e63;
    }

    .pink .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #e91e63;
    }
    .pink .ct-numberBox-number {
    color: #e91e63;
    }
    .pink .ct-iconBox .ct-iconBox-icon i {
    color: #e91e63;
    }
    .pink .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #e91e63;
    }
    .pink .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #e91e63;
    }
    .pink .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #e91e63;
    }
    .pink .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #e91e63;
    }
    .pink .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .pink .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .pink .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .pink .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #e91e63;
    border-color: #e91e63;
    color: #fff;
    }
    .pink .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #e91e63;
    }
    .pink .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .pink .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #e91e63;
    }
    .pink .ct-personBox .ct-personBox-content {
    background: #e91e63;
    }
    .pink .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #e91e63;
    }
    .pink .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #e91e63;
    position: relative;
    top: -1px;
    }
    .pink .ct-figureBox:hover figcaption {
    background: #e91e63;
    }
    .pink .ct-archiveBox.ct-archiveBox--motive {
    background: #e91e63;
    border-color: #e91e63;
    }
    .pink .ct-u-sectionMotive {
    background-color: #e91e63;
    }
    .pink .ct-u-colorMotive {
    color: #e91e63 !important;
    }
    .pink .ct-u-textInverse {
    background-color: #ffffff;
    color: #e91e63;
    }
    .pink .navbar .navbar-nav .dropdown .dropdown-menu,
    .pink .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #e91e63 transparent transparent transparent;
    }
    .pink .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #e91e63;
    }
    .pink .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #e91e63;
    }
    @media (max-width:767px){
    .pink .navbar .ct-navbarBox {
    background: #e91e63;
    }
    .pink .navbar .ct-navbarBox .ct-login {
    color: #e91e63 !important;
    }
    .pink .navbar .ct-navbarBox button.navbar-toggle span,
    .pink .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .pink .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #e91e63 !important;
    }
    .pink .navbar .ct-navbarBox button.navbar-toggle:after,
    .pink .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .pink .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #e91e63;
    }
    }

    .pink .navbar-transparent .nav.navbar-nav > li.active > a,
    .pink #navbar-transparent .nav.navbar-nav > li.active > a,
    .pink .navbar-default .nav.navbar-nav > li.active > a,
    .pink #navbar-default .nav.navbar-nav > li.active > a,
    .pink .navbar-inverse .nav.navbar-nav > li.active > a,
    .pink #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #e91e63;
    color: #fff !important;
    }
    .pink .navbar-transparent .ct-textEffect span:before,
    .pink #navbar-transparent .ct-textEffect span:before,
    .pink .navbar-default .ct-textEffect span:before,
    .pink  #navbar-default .ct-textEffect span:before,
    .pink .navbar-inverse .ct-textEffect span:before,
    .pink #navbar-inverse .ct-textEffect span:before {
    color: #e91e63;
    }
    .pink .navbar-transparent .ct-navSearch:hover,
    .pink #navbar-transparent .ct-navSearch:hover,
    .pink .navbar-default .ct-navSearch:hover,
    .pink #navbar-default .ct-navSearch:hover,
    .pink .navbar-inverse .ct-navSearch:hover,
    .pink #navbar-inverse .ct-navSearch:hover {
    color: #e91e63;
    }
    .pink .navbar-transparent .ct-login,
    .pink #navbar-transparent .ct-login,
    .pink .navbar-default .ct-login,
    .pink #navbar-default .ct-login,
    .pink .navbar-inverse .ct-login,
    .pink #navbar-inverse .ct-login {
    background: #e91e63;
    }
    .pink .navbar-motive,
    .pink #navbar-motive {
    background: #e91e63;
    }
    .pink .navbar-motive .nav.navbar-nav > li.active > a,
    .pink #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #e91e63 !important;
    }
    .pink .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .pink #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #e91e63;
    }
    .pink .navbar-motive .nav.navbar-nav:after,
    .pink #navbar-motive .nav.navbar-nav:after {
    background-color: #e91e63;
    }
    .pink .ct-menuMobile-navbar li:hover > a {
    background: #e91e63;
    color: #fff;
    border-color: #e91e63;
    }
    .pink .ct-menuMobile-navbar li:hover + li > a {
    border-color: #e91e63;
    }
    .pink .ct-menuMobile-navbar li.dropdown.open > a,
    .pink .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #e91e63;
    border-bottom: 1px solid #e91e63;
    }
    .pink .btn-motive {
    background: #e91e63;
    }
    .pink .btn-motive-o {
    background: #fff;
    color: #e91e63;
    border: 2px solid #e91e63;
    }
    .pink .btn-motive-o i,
    .pink .btn-motive-o span {
    color: #e91e63;
    }
    .pink .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #e91e63 !important;
    }
    .pink .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #e91e63;
    }
    .pink .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #e91e63;
    }
    .pink .ct-socials.ct-socials--type2 li a i {
    color: #e91e63;
    }
    .pink .ct-mediaObject:hover .ct-mediaObject-date,
    .pink .ct-mediaObject:hover .ct-mediaObject-date small,
    .pink .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #e91e63;
    }
    .pink .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #e91e63 transparent;
    }
    .pink .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #e91e63;
    }
    .pink .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #e91e63;
    color: #222;
    }
    .pink .ct-tabs .nav-tabs li.active a,
    .pink .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #e91e63;
    color: #222;
    }
    .pink .ct-tabs .nav-tabs li.active:before {
    background: #e91e63;
    }
    .pink .panel-motive .panel-heading a {
    background: #e91e63;
    }
    .pink .ct-callToAction {
    border-top: 7px solid #e91e63;
    }
    .pink .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #e91e63;
    }
    .pink .form-control:focus {
    border-color: #e91e63;
    }
    .pink .form-control.form-control--type2:focus {
    border-color: #e91e63;
    }
    .pink .selectize-dropdown-content [data-selectable]:hover {
    background: #e91e63;
    border-color: #e91e63;
    color: #fff;
    }
    .pink .ct-select .selectize-input.focus {
    border-color: #e91e63;
    }
    .pink #ct-counter .counter-block:before {
    color: #e91e63;
    }
    .pink #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #e91e63;
    }
    .pink .ct-newsletter {
    background: #e91e63;
    }
    .pink .ct-newsletter .form-control {
    border-right: 2px solid #e91e63;
    color: #fff;
    }
    .pink .ct-form-group.input-daterange input:focus,
    .pink .ct-form-group input:focus {
    border-color: #e91e63;
    background: #e91e63;
    color: #fff;
    }
    .pink .datepicker.dropdown-menu table tr td:before,
    .pink .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #e91e63;
    }
    .pink .datepicker.dropdown-menu table tbody tr td.selected.active,
    .pink .datepicker.datepicker-inline table tbody tr td.selected.active,
    .pink .datepicker.dropdown-menu table tbody tr td.day.active,
    .pink .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #e91e63 !important;
    }
    .pink .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .pink .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #e91e63;
    }
    .pink .ct-widget-header .ct-widget-price,
    .pink .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #e91e63;
    }
    .pink .ct-widget-categories p:before {
    color: #e91e63;
    }
    .pink .ct-widget-categories a:hover p {
    color: #e91e63;
    }
    .pink .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #e91e63;
    }
    .pink .ct-tags a:hover {
    background: #e91e63;
    }
    .pink .ct-product .ct-product-content .ct-product-price span,
    .pink .ct-product .ct-product-content .ct-product-price span * {
    color: #e91e63;
    }
    .pink .tabpanel .nav-tabs li.active a {
    background: #e91e63;
    color: #fff;
    }
    .pink .ct-gallery-filters li a.active span {
    color: #e91e63;
    }
    .pink .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #e91e63;
    }
    .pink .ct-latestPost:hover {
    background: #e91e63;
    color: #fff;
    }
    .pink .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .pink .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #e91e63;
    }
    .pink .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #e91e63;
    }
    .pink .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #e91e63;
    }

    .pink .table thead {
    color: #fff;
    background: #e91e63;
    }
    .pink .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #e91e63;
    }
    .pink .ct-blog-comments-header span.ct-iconButton,
    .pink .ct-blog-comments-header i {
    color: #e91e63;
    border-color: #e91e63;
    }
    .pink .ct-blog-comments-header .ct-blog-comments-title * {
    color: #e91e63;
    }
    .pink .ct-pagination ul a:hover {
    border-color: #e91e63;
    }
    .pink .ct-pagination ul span {
    color: #fff;
    background: #e91e63;
    border-color: #e91e63;
    }
    .pink .ct-pagination span a:hover {
    color: #e91e63;
    }
    .pink .ct-comment .ct-comment-header .ct-comment-name {
    color: #e91e63;
    }
    .pink .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #e91e63;
    }
    .pink .ct-404-header b {
    color: #e91e63;
    border: 2rem solid #e91e63;
    }
    .pink .ct-simpleList li i {
    color: #e91e63;
    }
    .pink .ct-twitter > div p a.tweet_user {
    color: #e91e63;
    }
    .pink .ct-twitter > div p .tweet_text a {
    color: #e91e63;
    }
    .pink .ct-twitter > div p span.tweet_time a:hover {
    color: #e91e63;
    }
    .pink ::-moz-selection {
    background: #e91e63;
    color: #fff;
    }
    .pink ::selection {
    background: #e91e63;
    color: #fff;
    }
    .pink .ct-socials .tooltip-inner{
    color: #e91e63;
    }
    .pink .ct-newsletter{
    background: #e91e63;
    }
    .pink .form-error{
      background:#e91e63;
      border-color: #e91e63;
    }

    /* Overwrite Fixes */
    .pink .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .pink .btn-motive:hover{  background: #333;}

    .pink .navbar-default .ct-login:hover,
    .pink #navbar-default .ct-login:hover,
    .pink .navbar-transparent .ct-login:hover,
    .pink #navbar-transparent .ct-login:hover,
    .pink .navbar-motive .ct-login:hover,
    .pink #navbar-motive .ct-login:hover {background: #333;}

    .pink .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-pink {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #e91e63;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-pink {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #e91e63;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .pink .ct-preloader,
    .pink .ct-preloader div {
    -webkit-animation: rotate-pink 4s infinite linear;
    animation: rotate-pink 4s infinite linear;
    }


    /*Demo style: .indigo      Color:      #3f51b5    */
    .indigo .ct-t-hover{
    color: #3f51b5;
    }
    .indigo .ct-t-hover:hover {
    background: #3f51b5;
    color: #fff;
    }
    .indigo .panel-motive-o .panel-heading a,
    .indigo .panel-motive-o .panel-heading a *{
    border: 1px solid #3f51b5;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .indigo .ct-topBar{
        background: #3f51b5;
    }

    .indigo .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #3f51b5;
    }
    .indigo .ct-numberBox-number {
    color: #3f51b5;
    }
    .indigo .ct-iconBox .ct-iconBox-icon i {
    color: #3f51b5;
    }
    .indigo .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #3f51b5;
    }
    .indigo .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #3f51b5;
    }
    .indigo .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #3f51b5;
    }
    .indigo .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #3f51b5;
    }
    .indigo .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .indigo .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .indigo .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .indigo .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #3f51b5;
    border-color: #3f51b5;
    color: #fff;
    }
    .indigo .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #3f51b5;
    }
    .indigo .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .indigo .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #3f51b5;
    }
    .indigo .ct-personBox .ct-personBox-content {
    background: #3f51b5;
    }
    .indigo .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #3f51b5;
    }
    .indigo .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #3f51b5;
    position: relative;
    top: -1px;
    }
    .indigo .ct-figureBox:hover figcaption {
    background: #3f51b5;
    }
    .indigo .ct-archiveBox.ct-archiveBox--motive {
    background: #3f51b5;
    border-color: #3f51b5;
    }
    .indigo .ct-u-sectionMotive {
    background-color: #3f51b5;
    }
    .indigo .ct-u-colorMotive {
    color: #3f51b5 !important;
    }
    .indigo .ct-u-textInverse {
    background-color: #ffffff;
    color: #3f51b5;
    }
    .indigo .navbar .navbar-nav .dropdown .dropdown-menu,
    .indigo .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #3f51b5 transparent transparent transparent;
    }
    .indigo .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #3f51b5;
    }
    .indigo .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #3f51b5;
    }
    @media (max-width:767px){
    .indigo .navbar .ct-navbarBox {
    background: #3f51b5;
    }
    .indigo .navbar .ct-navbarBox .ct-login {
    color: #3f51b5 !important;
    }
    .indigo .navbar .ct-navbarBox button.navbar-toggle span,
    .indigo .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .indigo .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #3f51b5 !important;
    }
    .indigo .navbar .ct-navbarBox button.navbar-toggle:after,
    .indigo .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .indigo .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #3f51b5;
    }
    }

    .indigo .navbar-transparent .nav.navbar-nav > li.active > a,
    .indigo #navbar-transparent .nav.navbar-nav > li.active > a,
    .indigo .navbar-default .nav.navbar-nav > li.active > a,
    .indigo #navbar-default .nav.navbar-nav > li.active > a,
    .indigo .navbar-inverse .nav.navbar-nav > li.active > a,
    .indigo #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #3f51b5;
    color: #fff !important;
    }
    .indigo .navbar-transparent .ct-textEffect span:before,
    .indigo #navbar-transparent .ct-textEffect span:before,
    .indigo .navbar-default .ct-textEffect span:before,
    .indigo  #navbar-default .ct-textEffect span:before,
    .indigo .navbar-inverse .ct-textEffect span:before,
    .indigo #navbar-inverse .ct-textEffect span:before {
    color: #3f51b5;
    }
    .indigo .navbar-transparent .ct-navSearch:hover,
    .indigo #navbar-transparent .ct-navSearch:hover,
    .indigo .navbar-default .ct-navSearch:hover,
    .indigo #navbar-default .ct-navSearch:hover,
    .indigo .navbar-inverse .ct-navSearch:hover,
    .indigo #navbar-inverse .ct-navSearch:hover {
    color: #3f51b5;
    }
    .indigo .navbar-transparent .ct-login,
    .indigo #navbar-transparent .ct-login,
    .indigo .navbar-default .ct-login,
    .indigo #navbar-default .ct-login,
    .indigo .navbar-inverse .ct-login,
    .indigo #navbar-inverse .ct-login {
    background: #3f51b5;
    }
    .indigo .navbar-motive,
    .indigo #navbar-motive {
    background: #3f51b5;
    }
    .indigo .navbar-motive .nav.navbar-nav > li.active > a,
    .indigo #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #3f51b5 !important;
    }
    .indigo .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .indigo #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #3f51b5;
    }
    .indigo .navbar-motive .nav.navbar-nav:after,
    .indigo #navbar-motive .nav.navbar-nav:after {
    background-color: #3f51b5;
    }
    .indigo .ct-menuMobile-navbar li:hover > a {
    background: #3f51b5;
    color: #fff;
    border-color: #3f51b5;
    }
    .indigo .ct-menuMobile-navbar li:hover + li > a {
    border-color: #3f51b5;
    }
    .indigo .ct-menuMobile-navbar li.dropdown.open > a,
    .indigo .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #3f51b5;
    border-bottom: 1px solid #3f51b5;
    }
    .indigo .btn-motive {
    background: #3f51b5;
    }
    .indigo .btn-motive-o {
    background: #fff;
    color: #3f51b5;
    border: 2px solid #3f51b5;
    }
    .indigo .btn-motive-o i,
    .indigo .btn-motive-o span {
    color: #3f51b5;
    }
    .indigo .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #3f51b5 !important;
    }
    .indigo .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #3f51b5;
    }
    .indigo .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #3f51b5;
    }
    .indigo .ct-socials.ct-socials--type2 li a i {
    color: #3f51b5;
    }
    .indigo .ct-mediaObject:hover .ct-mediaObject-date,
    .indigo .ct-mediaObject:hover .ct-mediaObject-date small,
    .indigo .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #3f51b5;
    }
    .indigo .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #3f51b5 transparent;
    }
    .indigo .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #3f51b5;
    }
    .indigo .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #3f51b5;
    color: #222;
    }
    .indigo .ct-tabs .nav-tabs li.active a,
    .indigo .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #3f51b5;
    color: #222;
    }
    .indigo .ct-tabs .nav-tabs li.active:before {
    background: #3f51b5;
    }
    .indigo .panel-motive .panel-heading a {
    background: #3f51b5;
    }
    .indigo .ct-callToAction {
    border-top: 7px solid #3f51b5;
    }
    .indigo .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #3f51b5;
    }
    .indigo .form-control:focus {
    border-color: #3f51b5;
    }
    .indigo .form-control.form-control--type2:focus {
    border-color: #3f51b5;
    }
    .indigo .selectize-dropdown-content [data-selectable]:hover {
    background: #3f51b5;
    border-color: #3f51b5;
    color: #fff;
    }
    .indigo .ct-select .selectize-input.focus {
    border-color: #3f51b5;
    }
    .indigo #ct-counter .counter-block:before {
    color: #3f51b5;
    }
    .indigo #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #3f51b5;
    }
    .indigo .ct-newsletter {
    background: #3f51b5;
    }
    .indigo .ct-newsletter .form-control {
    border-right: 2px solid #3f51b5;
    color: #fff;
    }
    .indigo .ct-form-group.input-daterange input:focus,
    .indigo .ct-form-group input:focus {
    border-color: #3f51b5;
    background: #3f51b5;
    color: #fff;
    }
    .indigo .datepicker.dropdown-menu table tr td:before,
    .indigo .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #3f51b5;
    }
    .indigo .datepicker.dropdown-menu table tbody tr td.selected.active,
    .indigo .datepicker.datepicker-inline table tbody tr td.selected.active,
    .indigo .datepicker.dropdown-menu table tbody tr td.day.active,
    .indigo .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #3f51b5 !important;
    }
    .indigo .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .indigo .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #3f51b5;
    }
    .indigo .ct-widget-header .ct-widget-price,
    .indigo .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #3f51b5;
    }
    .indigo .ct-widget-categories p:before {
    color: #3f51b5;
    }
    .indigo .ct-widget-categories a:hover p {
    color: #3f51b5;
    }
    .indigo .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #3f51b5;
    }
    .indigo .ct-tags a:hover {
    background: #3f51b5;
    }
    .indigo .ct-product .ct-product-content .ct-product-price span,
    .indigo .ct-product .ct-product-content .ct-product-price span * {
    color: #3f51b5;
    }
    .indigo .tabpanel .nav-tabs li.active a {
    background: #3f51b5;
    color: #fff;
    }
    .indigo .ct-gallery-filters li a.active span {
    color: #3f51b5;
    }
    .indigo .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #3f51b5;
    }
    .indigo .ct-latestPost:hover {
    background: #3f51b5;
    color: #fff;
    }
    .indigo .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .indigo .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #3f51b5;
    }
    .indigo .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #3f51b5;
    }
    .indigo .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #3f51b5;
    }

    .indigo .table thead {
    color: #fff;
    background: #3f51b5;
    }
    .indigo .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #3f51b5;
    }
    .indigo .ct-blog-comments-header span.ct-iconButton,
    .indigo .ct-blog-comments-header i {
    color: #3f51b5;
    border-color: #3f51b5;
    }
    .indigo .ct-blog-comments-header .ct-blog-comments-title * {
    color: #3f51b5;
    }
    .indigo .ct-pagination ul a:hover {
    border-color: #3f51b5;
    }
    .indigo .ct-pagination ul span {
    color: #fff;
    background: #3f51b5;
    border-color: #3f51b5;
    }
    .indigo .ct-pagination span a:hover {
    color: #3f51b5;
    }
    .indigo .ct-comment .ct-comment-header .ct-comment-name {
    color: #3f51b5;
    }
    .indigo .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #3f51b5;
    }
    .indigo .ct-404-header b {
    color: #3f51b5;
    border: 2rem solid #3f51b5;
    }
    .indigo .ct-simpleList li i {
    color: #3f51b5;
    }
    .indigo .ct-twitter > div p a.tweet_user {
    color: #3f51b5;
    }
    .indigo .ct-twitter > div p .tweet_text a {
    color: #3f51b5;
    }
    .indigo .ct-twitter > div p span.tweet_time a:hover {
    color: #3f51b5;
    }
    .indigo ::-moz-selection {
    background: #3f51b5;
    color: #fff;
    }
    .indigo ::selection {
    background: #3f51b5;
    color: #fff;
    }
    .indigo .ct-socials .tooltip-inner{
    color: #3f51b5;
    }
    .indigo .ct-newsletter{
    background: #3f51b5;
    }
    .indigo .form-error{
      background:#3f51b5;
      border-color: #3f51b5;
    }

    /* Overwrite Fixes */
    .indigo .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .indigo .btn-motive:hover{  background: #333;}

    .indigo .navbar-default .ct-login:hover,
    .indigo #navbar-default .ct-login:hover,
    .indigo .navbar-transparent .ct-login:hover,
    .indigo #navbar-transparent .ct-login:hover,
    .indigo .navbar-motive .ct-login:hover,
    .indigo #navbar-motive .ct-login:hover {background: #333;}

    .indigo .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-indigo {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #3f51b5;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-indigo {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #3f51b5;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .indigo .ct-preloader,
    .indigo .ct-preloader div {
    -webkit-animation: rotate-indigo 4s infinite linear;
    animation: rotate-indigo 4s infinite linear;
    }


    /*Demo style: .blue      Color:      #2196f3    */
    .blue .ct-t-hover{
    color: #2196f3;
    }
    .blue .ct-t-hover:hover {
    background: #2196f3;
    color: #fff;
    }
    .blue .panel-motive-o .panel-heading a,
    .blue .panel-motive-o .panel-heading a *{
    border: 1px solid #2196f3;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .blue .ct-topBar{
        background: #2196f3;
    }

    .blue .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #2196f3;
    }
    .blue .ct-numberBox-number {
    color: #2196f3;
    }
    .blue .ct-iconBox .ct-iconBox-icon i {
    color: #2196f3;
    }
    .blue .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #2196f3;
    }
    .blue .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #2196f3;
    }
    .blue .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #2196f3;
    }
    .blue .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #2196f3;
    }
    .blue .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .blue .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .blue .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .blue .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #2196f3;
    border-color: #2196f3;
    color: #fff;
    }
    .blue .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #2196f3;
    }
    .blue .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .blue .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #2196f3;
    }
    .blue .ct-personBox .ct-personBox-content {
    background: #2196f3;
    }
    .blue .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #2196f3;
    }
    .blue .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #2196f3;
    position: relative;
    top: -1px;
    }
    .blue .ct-figureBox:hover figcaption {
    background: #2196f3;
    }
    .blue .ct-archiveBox.ct-archiveBox--motive {
    background: #2196f3;
    border-color: #2196f3;
    }
    .blue .ct-u-sectionMotive {
    background-color: #2196f3;
    }
    .blue .ct-u-colorMotive {
    color: #2196f3 !important;
    }
    .blue .ct-u-textInverse {
    background-color: #ffffff;
    color: #2196f3;
    }
    .blue .navbar .navbar-nav .dropdown .dropdown-menu,
    .blue .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #2196f3 transparent transparent transparent;
    }
    .blue .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #2196f3;
    }
    .blue .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #2196f3;
    }
    @media (max-width:767px){
    .blue .navbar .ct-navbarBox {
    background: #2196f3;
    }
    .blue .navbar .ct-navbarBox .ct-login {
    color: #2196f3 !important;
    }
    .blue .navbar .ct-navbarBox button.navbar-toggle span,
    .blue .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .blue .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #2196f3 !important;
    }
    .blue .navbar .ct-navbarBox button.navbar-toggle:after,
    .blue .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .blue .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #2196f3;
    }
    }

    .blue .navbar-transparent .nav.navbar-nav > li.active > a,
    .blue #navbar-transparent .nav.navbar-nav > li.active > a,
    .blue .navbar-default .nav.navbar-nav > li.active > a,
    .blue #navbar-default .nav.navbar-nav > li.active > a,
    .blue .navbar-inverse .nav.navbar-nav > li.active > a,
    .blue #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #2196f3;
    color: #fff !important;
    }
    .blue .navbar-transparent .ct-textEffect span:before,
    .blue #navbar-transparent .ct-textEffect span:before,
    .blue .navbar-default .ct-textEffect span:before,
    .blue  #navbar-default .ct-textEffect span:before,
    .blue .navbar-inverse .ct-textEffect span:before,
    .blue #navbar-inverse .ct-textEffect span:before {
    color: #2196f3;
    }
    .blue .navbar-transparent .ct-navSearch:hover,
    .blue #navbar-transparent .ct-navSearch:hover,
    .blue .navbar-default .ct-navSearch:hover,
    .blue #navbar-default .ct-navSearch:hover,
    .blue .navbar-inverse .ct-navSearch:hover,
    .blue #navbar-inverse .ct-navSearch:hover {
    color: #2196f3;
    }
    .blue .navbar-transparent .ct-login,
    .blue #navbar-transparent .ct-login,
    .blue .navbar-default .ct-login,
    .blue #navbar-default .ct-login,
    .blue .navbar-inverse .ct-login,
    .blue #navbar-inverse .ct-login {
    background: #2196f3;
    }
    .blue .navbar-motive,
    .blue #navbar-motive {
    background: #2196f3;
    }
    .blue .navbar-motive .nav.navbar-nav > li.active > a,
    .blue #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #2196f3 !important;
    }
    .blue .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .blue #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #2196f3;
    }
    .blue .navbar-motive .nav.navbar-nav:after,
    .blue #navbar-motive .nav.navbar-nav:after {
    background-color: #2196f3;
    }
    .blue .ct-menuMobile-navbar li:hover > a {
    background: #2196f3;
    color: #fff;
    border-color: #2196f3;
    }
    .blue .ct-menuMobile-navbar li:hover + li > a {
    border-color: #2196f3;
    }
    .blue .ct-menuMobile-navbar li.dropdown.open > a,
    .blue .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #2196f3;
    border-bottom: 1px solid #2196f3;
    }
    .blue .btn-motive {
    background: #2196f3;
    }
    .blue .btn-motive-o {
    background: #fff;
    color: #2196f3;
    border: 2px solid #2196f3;
    }
    .blue .btn-motive-o i,
    .blue .btn-motive-o span {
    color: #2196f3;
    }
    .blue .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #2196f3 !important;
    }
    .blue .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #2196f3;
    }
    .blue .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #2196f3;
    }
    .blue .ct-socials.ct-socials--type2 li a i {
    color: #2196f3;
    }
    .blue .ct-mediaObject:hover .ct-mediaObject-date,
    .blue .ct-mediaObject:hover .ct-mediaObject-date small,
    .blue .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #2196f3;
    }
    .blue .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #2196f3 transparent;
    }
    .blue .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #2196f3;
    }
    .blue .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #2196f3;
    color: #222;
    }
    .blue .ct-tabs .nav-tabs li.active a,
    .blue .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #2196f3;
    color: #222;
    }
    .blue .ct-tabs .nav-tabs li.active:before {
    background: #2196f3;
    }
    .blue .panel-motive .panel-heading a {
    background: #2196f3;
    }
    .blue .ct-callToAction {
    border-top: 7px solid #2196f3;
    }
    .blue .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #2196f3;
    }
    .blue .form-control:focus {
    border-color: #2196f3;
    }
    .blue .form-control.form-control--type2:focus {
    border-color: #2196f3;
    }
    .blue .selectize-dropdown-content [data-selectable]:hover {
    background: #2196f3;
    border-color: #2196f3;
    color: #fff;
    }
    .blue .ct-select .selectize-input.focus {
    border-color: #2196f3;
    }
    .blue #ct-counter .counter-block:before {
    color: #2196f3;
    }
    .blue #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #2196f3;
    }
    .blue .ct-newsletter {
    background: #2196f3;
    }
    .blue .ct-newsletter .form-control {
    border-right: 2px solid #2196f3;
    color: #fff;
    }
    .blue .ct-form-group.input-daterange input:focus,
    .blue .ct-form-group input:focus {
    border-color: #2196f3;
    background: #2196f3;
    color: #fff;
    }
    .blue .datepicker.dropdown-menu table tr td:before,
    .blue .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #2196f3;
    }
    .blue .datepicker.dropdown-menu table tbody tr td.selected.active,
    .blue .datepicker.datepicker-inline table tbody tr td.selected.active,
    .blue .datepicker.dropdown-menu table tbody tr td.day.active,
    .blue .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #2196f3 !important;
    }
    .blue .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .blue .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #2196f3;
    }
    .blue .ct-widget-header .ct-widget-price,
    .blue .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #2196f3;
    }
    .blue .ct-widget-categories p:before {
    color: #2196f3;
    }
    .blue .ct-widget-categories a:hover p {
    color: #2196f3;
    }
    .blue .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #2196f3;
    }
    .blue .ct-tags a:hover {
    background: #2196f3;
    }
    .blue .ct-product .ct-product-content .ct-product-price span,
    .blue .ct-product .ct-product-content .ct-product-price span * {
    color: #2196f3;
    }
    .blue .tabpanel .nav-tabs li.active a {
    background: #2196f3;
    color: #fff;
    }
    .blue .ct-gallery-filters li a.active span {
    color: #2196f3;
    }
    .blue .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #2196f3;
    }
    .blue .ct-latestPost:hover {
    background: #2196f3;
    color: #fff;
    }
    .blue .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .blue .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #2196f3;
    }
    .blue .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #2196f3;
    }
    .blue .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #2196f3;
    }

    .blue .table thead {
    color: #fff;
    background: #2196f3;
    }
    .blue .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #2196f3;
    }
    .blue .ct-blog-comments-header span.ct-iconButton,
    .blue .ct-blog-comments-header i {
    color: #2196f3;
    border-color: #2196f3;
    }
    .blue .ct-blog-comments-header .ct-blog-comments-title * {
    color: #2196f3;
    }
    .blue .ct-pagination ul a:hover {
    border-color: #2196f3;
    }
    .blue .ct-pagination ul span {
    color: #fff;
    background: #2196f3;
    border-color: #2196f3;
    }
    .blue .ct-pagination span a:hover {
    color: #2196f3;
    }
    .blue .ct-comment .ct-comment-header .ct-comment-name {
    color: #2196f3;
    }
    .blue .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #2196f3;
    }
    .blue .ct-404-header b {
    color: #2196f3;
    border: 2rem solid #2196f3;
    }
    .blue .ct-simpleList li i {
    color: #2196f3;
    }
    .blue .ct-twitter > div p a.tweet_user {
    color: #2196f3;
    }
    .blue .ct-twitter > div p .tweet_text a {
    color: #2196f3;
    }
    .blue .ct-twitter > div p span.tweet_time a:hover {
    color: #2196f3;
    }
    .blue ::-moz-selection {
    background: #2196f3;
    color: #fff;
    }
    .blue ::selection {
    background: #2196f3;
    color: #fff;
    }
    .blue .ct-socials .tooltip-inner{
    color: #2196f3;
    }
    .blue .ct-newsletter{
    background: #2196f3;
    }
    .blue .form-error{
      background:#2196f3;
      border-color: #2196f3;
    }

    /* Overwrite Fixes */
    .blue .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .blue .btn-motive:hover{  background: #333;}

    .blue .navbar-default .ct-login:hover,
    .blue #navbar-default .ct-login:hover,
    .blue .navbar-transparent .ct-login:hover,
    .blue #navbar-transparent .ct-login:hover,
    .blue .navbar-motive .ct-login:hover,
    .blue #navbar-motive .ct-login:hover {background: #333;}

    .blue .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-blue {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #2196f3;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-blue {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #2196f3;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .blue .ct-preloader,
    .blue .ct-preloader div {
    -webkit-animation: rotate-blue 4s infinite linear;
    animation: rotate-blue 4s infinite linear;
    }


    /*Demo style: .teal      Color:      #009688    */
    .teal .ct-t-hover{
    color: #009688;
    }
    .teal .ct-t-hover:hover {
    background: #009688;
    color: #fff;
    }
    .teal .panel-motive-o .panel-heading a,
    .teal .panel-motive-o .panel-heading a *{
    border: 1px solid #009688;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .teal .ct-topBar{
        background: #009688;
    }

    .teal .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #009688;
    }
    .teal .ct-numberBox-number {
    color: #009688;
    }
    .teal .ct-iconBox .ct-iconBox-icon i {
    color: #009688;
    }
    .teal .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #009688;
    }
    .teal .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #009688;
    }
    .teal .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #009688;
    }
    .teal .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #009688;
    }
    .teal .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .teal .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .teal .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .teal .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #009688;
    border-color: #009688;
    color: #fff;
    }
    .teal .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #009688;
    }
    .teal .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .teal .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #009688;
    }
    .teal .ct-personBox .ct-personBox-content {
    background: #009688;
    }
    .teal .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #009688;
    }
    .teal .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #009688;
    position: relative;
    top: -1px;
    }
    .teal .ct-figureBox:hover figcaption {
    background: #009688;
    }
    .teal .ct-archiveBox.ct-archiveBox--motive {
    background: #009688;
    border-color: #009688;
    }
    .teal .ct-u-sectionMotive {
    background-color: #009688;
    }
    .teal .ct-u-colorMotive {
    color: #009688 !important;
    }
    .teal .ct-u-textInverse {
    background-color: #ffffff;
    color: #009688;
    }
    .teal .navbar .navbar-nav .dropdown .dropdown-menu,
    .teal .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #009688 transparent transparent transparent;
    }
    .teal .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #009688;
    }
    .teal .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #009688;
    }
    @media (max-width:767px){
    .teal .navbar .ct-navbarBox {
    background: #009688;
    }
    .teal .navbar .ct-navbarBox .ct-login {
    color: #009688 !important;
    }
    .teal .navbar .ct-navbarBox button.navbar-toggle span,
    .teal .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .teal .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #009688 !important;
    }
    .teal .navbar .ct-navbarBox button.navbar-toggle:after,
    .teal .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .teal .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #009688;
    }
    }

    .teal .navbar-transparent .nav.navbar-nav > li.active > a,
    .teal #navbar-transparent .nav.navbar-nav > li.active > a,
    .teal .navbar-default .nav.navbar-nav > li.active > a,
    .teal #navbar-default .nav.navbar-nav > li.active > a,
    .teal .navbar-inverse .nav.navbar-nav > li.active > a,
    .teal #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #009688;
    color: #fff !important;
    }
    .teal .navbar-transparent .ct-textEffect span:before,
    .teal #navbar-transparent .ct-textEffect span:before,
    .teal .navbar-default .ct-textEffect span:before,
    .teal  #navbar-default .ct-textEffect span:before,
    .teal .navbar-inverse .ct-textEffect span:before,
    .teal #navbar-inverse .ct-textEffect span:before {
    color: #009688;
    }
    .teal .navbar-transparent .ct-navSearch:hover,
    .teal #navbar-transparent .ct-navSearch:hover,
    .teal .navbar-default .ct-navSearch:hover,
    .teal #navbar-default .ct-navSearch:hover,
    .teal .navbar-inverse .ct-navSearch:hover,
    .teal #navbar-inverse .ct-navSearch:hover {
    color: #009688;
    }
    .teal .navbar-transparent .ct-login,
    .teal #navbar-transparent .ct-login,
    .teal .navbar-default .ct-login,
    .teal #navbar-default .ct-login,
    .teal .navbar-inverse .ct-login,
    .teal #navbar-inverse .ct-login {
    background: #009688;
    }
    .teal .navbar-motive,
    .teal #navbar-motive {
    background: #009688;
    }
    .teal .navbar-motive .nav.navbar-nav > li.active > a,
    .teal #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #009688 !important;
    }
    .teal .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .teal #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #009688;
    }
    .teal .navbar-motive .nav.navbar-nav:after,
    .teal #navbar-motive .nav.navbar-nav:after {
    background-color: #009688;
    }
    .teal .ct-menuMobile-navbar li:hover > a {
    background: #009688;
    color: #fff;
    border-color: #009688;
    }
    .teal .ct-menuMobile-navbar li:hover + li > a {
    border-color: #009688;
    }
    .teal .ct-menuMobile-navbar li.dropdown.open > a,
    .teal .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #009688;
    border-bottom: 1px solid #009688;
    }
    .teal .btn-motive {
    background: #009688;
    }
    .teal .btn-motive-o {
    background: #fff;
    color: #009688;
    border: 2px solid #009688;
    }
    .teal .btn-motive-o i,
    .teal .btn-motive-o span {
    color: #009688;
    }
    .teal .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #009688 !important;
    }
    .teal .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #009688;
    }
    .teal .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #009688;
    }
    .teal .ct-socials.ct-socials--type2 li a i {
    color: #009688;
    }
    .teal .ct-mediaObject:hover .ct-mediaObject-date,
    .teal .ct-mediaObject:hover .ct-mediaObject-date small,
    .teal .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #009688;
    }
    .teal .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #009688 transparent;
    }
    .teal .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #009688;
    }
    .teal .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #009688;
    color: #222;
    }
    .teal .ct-tabs .nav-tabs li.active a,
    .teal .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #009688;
    color: #222;
    }
    .teal .ct-tabs .nav-tabs li.active:before {
    background: #009688;
    }
    .teal .panel-motive .panel-heading a {
    background: #009688;
    }
    .teal .ct-callToAction {
    border-top: 7px solid #009688;
    }
    .teal .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #009688;
    }
    .teal .form-control:focus {
    border-color: #009688;
    }
    .teal .form-control.form-control--type2:focus {
    border-color: #009688;
    }
    .teal .selectize-dropdown-content [data-selectable]:hover {
    background: #009688;
    border-color: #009688;
    color: #fff;
    }
    .teal .ct-select .selectize-input.focus {
    border-color: #009688;
    }
    .teal #ct-counter .counter-block:before {
    color: #009688;
    }
    .teal #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #009688;
    }
    .teal .ct-newsletter {
    background: #009688;
    }
    .teal .ct-newsletter .form-control {
    border-right: 2px solid #009688;
    color: #fff;
    }
    .teal .ct-form-group.input-daterange input:focus,
    .teal .ct-form-group input:focus {
    border-color: #009688;
    background: #009688;
    color: #fff;
    }
    .teal .datepicker.dropdown-menu table tr td:before,
    .teal .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #009688;
    }
    .teal .datepicker.dropdown-menu table tbody tr td.selected.active,
    .teal .datepicker.datepicker-inline table tbody tr td.selected.active,
    .teal .datepicker.dropdown-menu table tbody tr td.day.active,
    .teal .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #009688 !important;
    }
    .teal .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .teal .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #009688;
    }
    .teal .ct-widget-header .ct-widget-price,
    .teal .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #009688;
    }
    .teal .ct-widget-categories p:before {
    color: #009688;
    }
    .teal .ct-widget-categories a:hover p {
    color: #009688;
    }
    .teal .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #009688;
    }
    .teal .ct-tags a:hover {
    background: #009688;
    }
    .teal .ct-product .ct-product-content .ct-product-price span,
    .teal .ct-product .ct-product-content .ct-product-price span * {
    color: #009688;
    }
    .teal .tabpanel .nav-tabs li.active a {
    background: #009688;
    color: #fff;
    }
    .teal .ct-gallery-filters li a.active span {
    color: #009688;
    }
    .teal .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #009688;
    }
    .teal .ct-latestPost:hover {
    background: #009688;
    color: #fff;
    }
    .teal .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .teal .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #009688;
    }
    .teal .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #009688;
    }
    .teal .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #009688;
    }

    .teal .table thead {
    color: #fff;
    background: #009688;
    }
    .teal .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #009688;
    }
    .teal .ct-blog-comments-header span.ct-iconButton,
    .teal .ct-blog-comments-header i {
    color: #009688;
    border-color: #009688;
    }
    .teal .ct-blog-comments-header .ct-blog-comments-title * {
    color: #009688;
    }
    .teal .ct-pagination ul a:hover {
    border-color: #009688;
    }
    .teal .ct-pagination ul span {
    color: #fff;
    background: #009688;
    border-color: #009688;
    }
    .teal .ct-pagination span a:hover {
    color: #009688;
    }
    .teal .ct-comment .ct-comment-header .ct-comment-name {
    color: #009688;
    }
    .teal .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #009688;
    }
    .teal .ct-404-header b {
    color: #009688;
    border: 2rem solid #009688;
    }
    .teal .ct-simpleList li i {
    color: #009688;
    }
    .teal .ct-twitter > div p a.tweet_user {
    color: #009688;
    }
    .teal .ct-twitter > div p .tweet_text a {
    color: #009688;
    }
    .teal .ct-twitter > div p span.tweet_time a:hover {
    color: #009688;
    }
    .teal ::-moz-selection {
    background: #009688;
    color: #fff;
    }
    .teal ::selection {
    background: #009688;
    color: #fff;
    }
    .teal .ct-socials .tooltip-inner{
    color: #009688;
    }
    .teal .ct-newsletter{
    background: #009688;
    }
    .teal .form-error{
      background:#009688;
      border-color: #009688;
    }

    /* Overwrite Fixes */
    .teal .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .teal .btn-motive:hover{  background: #333;}

    .teal .navbar-default .ct-login:hover,
    .teal #navbar-default .ct-login:hover,
    .teal .navbar-transparent .ct-login:hover,
    .teal #navbar-transparent .ct-login:hover,
    .teal .navbar-motive .ct-login:hover,
    .teal #navbar-motive .ct-login:hover {background: #333;}

    .teal .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-teal {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #009688;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-teal {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #009688;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .teal .ct-preloader,
    .teal .ct-preloader div {
    -webkit-animation: rotate-teal 4s infinite linear;
    animation: rotate-teal 4s infinite linear;
    }


    /*Demo style: .green      Color:      #4caf50    */
    .green .ct-t-hover{
    color: #4caf50;
    }
    .green .ct-t-hover:hover {
    background: #4caf50;
    color: #fff;
    }
    .green .panel-motive-o .panel-heading a,
    .green .panel-motive-o .panel-heading a *{
    border: 1px solid #4caf50;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .green .ct-topBar{
        background: #4caf50;
    }

    .green .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #4caf50;
    }
    .green .ct-numberBox-number {
    color: #4caf50;
    }
    .green .ct-iconBox .ct-iconBox-icon i {
    color: #4caf50;
    }
    .green .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #4caf50;
    }
    .green .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #4caf50;
    }
    .green .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #4caf50;
    }
    .green .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #4caf50;
    }
    .green .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .green .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .green .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .green .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #4caf50;
    border-color: #4caf50;
    color: #fff;
    }
    .green .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #4caf50;
    }
    .green .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .green .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #4caf50;
    }
    .green .ct-personBox .ct-personBox-content {
    background: #4caf50;
    }
    .green .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #4caf50;
    }
    .green .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #4caf50;
    position: relative;
    top: -1px;
    }
    .green .ct-figureBox:hover figcaption {
    background: #4caf50;
    }
    .green .ct-archiveBox.ct-archiveBox--motive {
    background: #4caf50;
    border-color: #4caf50;
    }
    .green .ct-u-sectionMotive {
    background-color: #4caf50;
    }
    .green .ct-u-colorMotive {
    color: #4caf50 !important;
    }
    .green .ct-u-textInverse {
    background-color: #ffffff;
    color: #4caf50;
    }
    .green .navbar .navbar-nav .dropdown .dropdown-menu,
    .green .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #4caf50 transparent transparent transparent;
    }
    .green .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #4caf50;
    }
    .green .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #4caf50;
    }
    @media (max-width:767px){
    .green .navbar .ct-navbarBox {
    background: #4caf50;
    }
    .green .navbar .ct-navbarBox .ct-login {
    color: #4caf50 !important;
    }
    .green .navbar .ct-navbarBox button.navbar-toggle span,
    .green .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .green .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #4caf50 !important;
    }
    .green .navbar .ct-navbarBox button.navbar-toggle:after,
    .green .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .green .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #4caf50;
    }
    }

    .green .navbar-transparent .nav.navbar-nav > li.active > a,
    .green #navbar-transparent .nav.navbar-nav > li.active > a,
    .green .navbar-default .nav.navbar-nav > li.active > a,
    .green #navbar-default .nav.navbar-nav > li.active > a,
    .green .navbar-inverse .nav.navbar-nav > li.active > a,
    .green #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #4caf50;
    color: #fff !important;
    }
    .green .navbar-transparent .ct-textEffect span:before,
    .green #navbar-transparent .ct-textEffect span:before,
    .green .navbar-default .ct-textEffect span:before,
    .green  #navbar-default .ct-textEffect span:before,
    .green .navbar-inverse .ct-textEffect span:before,
    .green #navbar-inverse .ct-textEffect span:before {
    color: #4caf50;
    }
    .green .navbar-transparent .ct-navSearch:hover,
    .green #navbar-transparent .ct-navSearch:hover,
    .green .navbar-default .ct-navSearch:hover,
    .green #navbar-default .ct-navSearch:hover,
    .green .navbar-inverse .ct-navSearch:hover,
    .green #navbar-inverse .ct-navSearch:hover {
    color: #4caf50;
    }
    .green .navbar-transparent .ct-login,
    .green #navbar-transparent .ct-login,
    .green .navbar-default .ct-login,
    .green #navbar-default .ct-login,
    .green .navbar-inverse .ct-login,
    .green #navbar-inverse .ct-login {
    background: #4caf50;
    }
    .green .navbar-motive,
    .green #navbar-motive {
    background: #4caf50;
    }
    .green .navbar-motive .nav.navbar-nav > li.active > a,
    .green #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #4caf50 !important;
    }
    .green .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .green #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #4caf50;
    }
    .green .navbar-motive .nav.navbar-nav:after,
    .green #navbar-motive .nav.navbar-nav:after {
    background-color: #4caf50;
    }
    .green .ct-menuMobile-navbar li:hover > a {
    background: #4caf50;
    color: #fff;
    border-color: #4caf50;
    }
    .green .ct-menuMobile-navbar li:hover + li > a {
    border-color: #4caf50;
    }
    .green .ct-menuMobile-navbar li.dropdown.open > a,
    .green .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #4caf50;
    border-bottom: 1px solid #4caf50;
    }
    .green .btn-motive {
    background: #4caf50;
    }
    .green .btn-motive-o {
    background: #fff;
    color: #4caf50;
    border: 2px solid #4caf50;
    }
    .green .btn-motive-o i,
    .green .btn-motive-o span {
    color: #4caf50;
    }
    .green .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #4caf50 !important;
    }
    .green .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #4caf50;
    }
    .green .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #4caf50;
    }
    .green .ct-socials.ct-socials--type2 li a i {
    color: #4caf50;
    }
    .green .ct-mediaObject:hover .ct-mediaObject-date,
    .green .ct-mediaObject:hover .ct-mediaObject-date small,
    .green .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #4caf50;
    }
    .green .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #4caf50 transparent;
    }
    .green .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #4caf50;
    }
    .green .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #4caf50;
    color: #222;
    }
    .green .ct-tabs .nav-tabs li.active a,
    .green .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #4caf50;
    color: #222;
    }
    .green .ct-tabs .nav-tabs li.active:before {
    background: #4caf50;
    }
    .green .panel-motive .panel-heading a {
    background: #4caf50;
    }
    .green .ct-callToAction {
    border-top: 7px solid #4caf50;
    }
    .green .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #4caf50;
    }
    .green .form-control:focus {
    border-color: #4caf50;
    }
    .green .form-control.form-control--type2:focus {
    border-color: #4caf50;
    }
    .green .selectize-dropdown-content [data-selectable]:hover {
    background: #4caf50;
    border-color: #4caf50;
    color: #fff;
    }
    .green .ct-select .selectize-input.focus {
    border-color: #4caf50;
    }
    .green #ct-counter .counter-block:before {
    color: #4caf50;
    }
    .green #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #4caf50;
    }
    .green .ct-newsletter {
    background: #4caf50;
    }
    .green .ct-newsletter .form-control {
    border-right: 2px solid #4caf50;
    color: #fff;
    }
    .green .ct-form-group.input-daterange input:focus,
    .green .ct-form-group input:focus {
    border-color: #4caf50;
    background: #4caf50;
    color: #fff;
    }
    .green .datepicker.dropdown-menu table tr td:before,
    .green .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #4caf50;
    }
    .green .datepicker.dropdown-menu table tbody tr td.selected.active,
    .green .datepicker.datepicker-inline table tbody tr td.selected.active,
    .green .datepicker.dropdown-menu table tbody tr td.day.active,
    .green .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #4caf50 !important;
    }
    .green .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .green .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #4caf50;
    }
    .green .ct-widget-header .ct-widget-price,
    .green .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #4caf50;
    }
    .green .ct-widget-categories p:before {
    color: #4caf50;
    }
    .green .ct-widget-categories a:hover p {
    color: #4caf50;
    }
    .green .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #4caf50;
    }
    .green .ct-tags a:hover {
    background: #4caf50;
    }
    .green .ct-product .ct-product-content .ct-product-price span,
    .green .ct-product .ct-product-content .ct-product-price span * {
    color: #4caf50;
    }
    .green .tabpanel .nav-tabs li.active a {
    background: #4caf50;
    color: #fff;
    }
    .green .ct-gallery-filters li a.active span {
    color: #4caf50;
    }
    .green .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #4caf50;
    }
    .green .ct-latestPost:hover {
    background: #4caf50;
    color: #fff;
    }
    .green .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .green .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #4caf50;
    }
    .green .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #4caf50;
    }
    .green .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #4caf50;
    }

    .green .table thead {
    color: #fff;
    background: #4caf50;
    }
    .green .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #4caf50;
    }
    .green .ct-blog-comments-header span.ct-iconButton,
    .green .ct-blog-comments-header i {
    color: #4caf50;
    border-color: #4caf50;
    }
    .green .ct-blog-comments-header .ct-blog-comments-title * {
    color: #4caf50;
    }
    .green .ct-pagination ul a:hover {
    border-color: #4caf50;
    }
    .green .ct-pagination ul span {
    color: #fff;
    background: #4caf50;
    border-color: #4caf50;
    }
    .green .ct-pagination span a:hover {
    color: #4caf50;
    }
    .green .ct-comment .ct-comment-header .ct-comment-name {
    color: #4caf50;
    }
    .green .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #4caf50;
    }
    .green .ct-404-header b {
    color: #4caf50;
    border: 2rem solid #4caf50;
    }
    .green .ct-simpleList li i {
    color: #4caf50;
    }
    .green .ct-twitter > div p a.tweet_user {
    color: #4caf50;
    }
    .green .ct-twitter > div p .tweet_text a {
    color: #4caf50;
    }
    .green .ct-twitter > div p span.tweet_time a:hover {
    color: #4caf50;
    }
    .green ::-moz-selection {
    background: #4caf50;
    color: #fff;
    }
    .green ::selection {
    background: #4caf50;
    color: #fff;
    }
    .green .ct-socials .tooltip-inner{
    color: #4caf50;
    }
    .green .ct-newsletter{
    background: #4caf50;
    }
    .green .form-error{
      background:#4caf50;
      border-color: #4caf50;
    }

    /* Overwrite Fixes */
    .green .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .green .btn-motive:hover{  background: #333;}

    .green .navbar-default .ct-login:hover,
    .green #navbar-default .ct-login:hover,
    .green .navbar-transparent .ct-login:hover,
    .green #navbar-transparent .ct-login:hover,
    .green .navbar-motive .ct-login:hover,
    .green #navbar-motive .ct-login:hover {background: #333;}

    .green .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-green {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #4caf50;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-green {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #4caf50;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .green .ct-preloader,
    .green .ct-preloader div {
    -webkit-animation: rotate-green 4s infinite linear;
    animation: rotate-green 4s infinite linear;
    }


    /*Demo style: .yellow      Color:      #ffeb3b    */
    .yellow .ct-t-hover{
    color: #ffeb3b;
    }
    .yellow .ct-t-hover:hover {
    background: #ffeb3b;
    color: #fff;
    }
    .yellow .panel-motive-o .panel-heading a,
    .yellow .panel-motive-o .panel-heading a *{
    border: 1px solid #ffeb3b;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .yellow .ct-topBar{
        background: #ffeb3b;
    }

    .yellow .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #ffeb3b;
    }
    .yellow .ct-numberBox-number {
    color: #ffeb3b;
    }
    .yellow .ct-iconBox .ct-iconBox-icon i {
    color: #ffeb3b;
    }
    .yellow .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #ffeb3b;
    }
    .yellow .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #ffeb3b;
    }
    .yellow .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #ffeb3b;
    }
    .yellow .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #ffeb3b;
    }
    .yellow .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .yellow .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .yellow .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .yellow .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #ffeb3b;
    border-color: #ffeb3b;
    color: #fff;
    }
    .yellow .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #ffeb3b;
    }
    .yellow .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .yellow .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #ffeb3b;
    }
    .yellow .ct-personBox .ct-personBox-content {
    background: #ffeb3b;
    }
    .yellow .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #ffeb3b;
    }
    .yellow .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #ffeb3b;
    position: relative;
    top: -1px;
    }
    .yellow .ct-figureBox:hover figcaption {
    background: #ffeb3b;
    }
    .yellow .ct-archiveBox.ct-archiveBox--motive {
    background: #ffeb3b;
    border-color: #ffeb3b;
    }
    .yellow .ct-u-sectionMotive {
    background-color: #ffeb3b;
    }
    .yellow .ct-u-colorMotive {
    color: #ffeb3b !important;
    }
    .yellow .ct-u-textInverse {
    background-color: #ffffff;
    color: #ffeb3b;
    }
    .yellow .navbar .navbar-nav .dropdown .dropdown-menu,
    .yellow .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #ffeb3b transparent transparent transparent;
    }
    .yellow .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #ffeb3b;
    }
    .yellow .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #ffeb3b;
    }
    @media (max-width:767px){
    .yellow .navbar .ct-navbarBox {
    background: #ffeb3b;
    }
    .yellow .navbar .ct-navbarBox .ct-login {
    color: #ffeb3b !important;
    }
    .yellow .navbar .ct-navbarBox button.navbar-toggle span,
    .yellow .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .yellow .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #ffeb3b !important;
    }
    .yellow .navbar .ct-navbarBox button.navbar-toggle:after,
    .yellow .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .yellow .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #ffeb3b;
    }
    }

    .yellow .navbar-transparent .nav.navbar-nav > li.active > a,
    .yellow #navbar-transparent .nav.navbar-nav > li.active > a,
    .yellow .navbar-default .nav.navbar-nav > li.active > a,
    .yellow #navbar-default .nav.navbar-nav > li.active > a,
    .yellow .navbar-inverse .nav.navbar-nav > li.active > a,
    .yellow #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #ffeb3b;
    color: #fff !important;
    }
    .yellow .navbar-transparent .ct-textEffect span:before,
    .yellow #navbar-transparent .ct-textEffect span:before,
    .yellow .navbar-default .ct-textEffect span:before,
    .yellow  #navbar-default .ct-textEffect span:before,
    .yellow .navbar-inverse .ct-textEffect span:before,
    .yellow #navbar-inverse .ct-textEffect span:before {
    color: #ffeb3b;
    }
    .yellow .navbar-transparent .ct-navSearch:hover,
    .yellow #navbar-transparent .ct-navSearch:hover,
    .yellow .navbar-default .ct-navSearch:hover,
    .yellow #navbar-default .ct-navSearch:hover,
    .yellow .navbar-inverse .ct-navSearch:hover,
    .yellow #navbar-inverse .ct-navSearch:hover {
    color: #ffeb3b;
    }
    .yellow .navbar-transparent .ct-login,
    .yellow #navbar-transparent .ct-login,
    .yellow .navbar-default .ct-login,
    .yellow #navbar-default .ct-login,
    .yellow .navbar-inverse .ct-login,
    .yellow #navbar-inverse .ct-login {
    background: #ffeb3b;
    }
    .yellow .navbar-motive,
    .yellow #navbar-motive {
    background: #ffeb3b;
    }
    .yellow .navbar-motive .nav.navbar-nav > li.active > a,
    .yellow #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #ffeb3b !important;
    }
    .yellow .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .yellow #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #ffeb3b;
    }
    .yellow .navbar-motive .nav.navbar-nav:after,
    .yellow #navbar-motive .nav.navbar-nav:after {
    background-color: #ffeb3b;
    }
    .yellow .ct-menuMobile-navbar li:hover > a {
    background: #ffeb3b;
    color: #fff;
    border-color: #ffeb3b;
    }
    .yellow .ct-menuMobile-navbar li:hover + li > a {
    border-color: #ffeb3b;
    }
    .yellow .ct-menuMobile-navbar li.dropdown.open > a,
    .yellow .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #ffeb3b;
    border-bottom: 1px solid #ffeb3b;
    }
    .yellow .btn-motive {
    background: #ffeb3b;
    }
    .yellow .btn-motive-o {
    background: #fff;
    color: #ffeb3b;
    border: 2px solid #ffeb3b;
    }
    .yellow .btn-motive-o i,
    .yellow .btn-motive-o span {
    color: #ffeb3b;
    }
    .yellow .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #ffeb3b !important;
    }
    .yellow .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #ffeb3b;
    }
    .yellow .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #ffeb3b;
    }
    .yellow .ct-socials.ct-socials--type2 li a i {
    color: #ffeb3b;
    }
    .yellow .ct-mediaObject:hover .ct-mediaObject-date,
    .yellow .ct-mediaObject:hover .ct-mediaObject-date small,
    .yellow .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #ffeb3b;
    }
    .yellow .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #ffeb3b transparent;
    }
    .yellow .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #ffeb3b;
    }
    .yellow .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #ffeb3b;
    color: #222;
    }
    .yellow .ct-tabs .nav-tabs li.active a,
    .yellow .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #ffeb3b;
    color: #222;
    }
    .yellow .ct-tabs .nav-tabs li.active:before {
    background: #ffeb3b;
    }
    .yellow .panel-motive .panel-heading a {
    background: #ffeb3b;
    }
    .yellow .ct-callToAction {
    border-top: 7px solid #ffeb3b;
    }
    .yellow .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #ffeb3b;
    }
    .yellow .form-control:focus {
    border-color: #ffeb3b;
    }
    .yellow .form-control.form-control--type2:focus {
    border-color: #ffeb3b;
    }
    .yellow .selectize-dropdown-content [data-selectable]:hover {
    background: #ffeb3b;
    border-color: #ffeb3b;
    color: #fff;
    }
    .yellow .ct-select .selectize-input.focus {
    border-color: #ffeb3b;
    }
    .yellow #ct-counter .counter-block:before {
    color: #ffeb3b;
    }
    .yellow #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #ffeb3b;
    }
    .yellow .ct-newsletter {
    background: #ffeb3b;
    }
    .yellow .ct-newsletter .form-control {
    border-right: 2px solid #ffeb3b;
    color: #fff;
    }
    .yellow .ct-form-group.input-daterange input:focus,
    .yellow .ct-form-group input:focus {
    border-color: #ffeb3b;
    background: #ffeb3b;
    color: #fff;
    }
    .yellow .datepicker.dropdown-menu table tr td:before,
    .yellow .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #ffeb3b;
    }
    .yellow .datepicker.dropdown-menu table tbody tr td.selected.active,
    .yellow .datepicker.datepicker-inline table tbody tr td.selected.active,
    .yellow .datepicker.dropdown-menu table tbody tr td.day.active,
    .yellow .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #ffeb3b !important;
    }
    .yellow .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .yellow .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #ffeb3b;
    }
    .yellow .ct-widget-header .ct-widget-price,
    .yellow .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #ffeb3b;
    }
    .yellow .ct-widget-categories p:before {
    color: #ffeb3b;
    }
    .yellow .ct-widget-categories a:hover p {
    color: #ffeb3b;
    }
    .yellow .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #ffeb3b;
    }
    .yellow .ct-tags a:hover {
    background: #ffeb3b;
    }
    .yellow .ct-product .ct-product-content .ct-product-price span,
    .yellow .ct-product .ct-product-content .ct-product-price span * {
    color: #ffeb3b;
    }
    .yellow .tabpanel .nav-tabs li.active a {
    background: #ffeb3b;
    color: #fff;
    }
    .yellow .ct-gallery-filters li a.active span {
    color: #ffeb3b;
    }
    .yellow .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #ffeb3b;
    }
    .yellow .ct-latestPost:hover {
    background: #ffeb3b;
    color: #fff;
    }
    .yellow .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .yellow .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #ffeb3b;
    }
    .yellow .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #ffeb3b;
    }
    .yellow .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #ffeb3b;
    }

    .yellow .table thead {
    color: #fff;
    background: #ffeb3b;
    }
    .yellow .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #ffeb3b;
    }
    .yellow .ct-blog-comments-header span.ct-iconButton,
    .yellow .ct-blog-comments-header i {
    color: #ffeb3b;
    border-color: #ffeb3b;
    }
    .yellow .ct-blog-comments-header .ct-blog-comments-title * {
    color: #ffeb3b;
    }
    .yellow .ct-pagination ul a:hover {
    border-color: #ffeb3b;
    }
    .yellow .ct-pagination ul span {
    color: #fff;
    background: #ffeb3b;
    border-color: #ffeb3b;
    }
    .yellow .ct-pagination span a:hover {
    color: #ffeb3b;
    }
    .yellow .ct-comment .ct-comment-header .ct-comment-name {
    color: #ffeb3b;
    }
    .yellow .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #ffeb3b;
    }
    .yellow .ct-404-header b {
    color: #ffeb3b;
    border: 2rem solid #ffeb3b;
    }
    .yellow .ct-simpleList li i {
    color: #ffeb3b;
    }
    .yellow .ct-twitter > div p a.tweet_user {
    color: #ffeb3b;
    }
    .yellow .ct-twitter > div p .tweet_text a {
    color: #ffeb3b;
    }
    .yellow .ct-twitter > div p span.tweet_time a:hover {
    color: #ffeb3b;
    }
    .yellow ::-moz-selection {
    background: #ffeb3b;
    color: #fff;
    }
    .yellow ::selection {
    background: #ffeb3b;
    color: #fff;
    }
    .yellow .ct-socials .tooltip-inner{
    color: #ffeb3b;
    }
    .yellow .ct-newsletter{
    background: #ffeb3b;
    }
    .yellow .form-error{
      background:#ffeb3b;
      border-color: #ffeb3b;
    }

    /* Overwrite Fixes */
    .yellow .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .yellow .btn-motive:hover{  background: #333;}

    .yellow .navbar-default .ct-login:hover,
    .yellow #navbar-default .ct-login:hover,
    .yellow .navbar-transparent .ct-login:hover,
    .yellow #navbar-transparent .ct-login:hover,
    .yellow .navbar-motive .ct-login:hover,
    .yellow #navbar-motive .ct-login:hover {background: #333;}

    .yellow .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-yellow {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #ffeb3b;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-yellow {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #ffeb3b;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .yellow .ct-preloader,
    .yellow .ct-preloader div {
    -webkit-animation: rotate-yellow 4s infinite linear;
    animation: rotate-yellow 4s infinite linear;
    }


    /*Demo style: .amber      Color:      #ffc107    */
    .amber .ct-t-hover{
    color: #ffc107;
    }
    .amber .ct-t-hover:hover {
    background: #ffc107;
    color: #fff;
    }
    .amber .panel-motive-o .panel-heading a,
    .amber .panel-motive-o .panel-heading a *{
    border: 1px solid #ffc107;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .amber .ct-topBar{
        background: #ffc107;
    }

    .amber .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #ffc107;
    }
    .amber .ct-numberBox-number {
    color: #ffc107;
    }
    .amber .ct-iconBox .ct-iconBox-icon i {
    color: #ffc107;
    }
    .amber .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #ffc107;
    }
    .amber .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #ffc107;
    }
    .amber .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #ffc107;
    }
    .amber .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #ffc107;
    }
    .amber .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .amber .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .amber .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .amber .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #ffc107;
    border-color: #ffc107;
    color: #fff;
    }
    .amber .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #ffc107;
    }
    .amber .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .amber .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #ffc107;
    }
    .amber .ct-personBox .ct-personBox-content {
    background: #ffc107;
    }
    .amber .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #ffc107;
    }
    .amber .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #ffc107;
    position: relative;
    top: -1px;
    }
    .amber .ct-figureBox:hover figcaption {
    background: #ffc107;
    }
    .amber .ct-archiveBox.ct-archiveBox--motive {
    background: #ffc107;
    border-color: #ffc107;
    }
    .amber .ct-u-sectionMotive {
    background-color: #ffc107;
    }
    .amber .ct-u-colorMotive {
    color: #ffc107 !important;
    }
    .amber .ct-u-textInverse {
    background-color: #ffffff;
    color: #ffc107;
    }
    .amber .navbar .navbar-nav .dropdown .dropdown-menu,
    .amber .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #ffc107 transparent transparent transparent;
    }
    .amber .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #ffc107;
    }
    .amber .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #ffc107;
    }
    @media (max-width:767px){
    .amber .navbar .ct-navbarBox {
    background: #ffc107;
    }
    .amber .navbar .ct-navbarBox .ct-login {
    color: #ffc107 !important;
    }
    .amber .navbar .ct-navbarBox button.navbar-toggle span,
    .amber .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .amber .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #ffc107 !important;
    }
    .amber .navbar .ct-navbarBox button.navbar-toggle:after,
    .amber .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .amber .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #ffc107;
    }
    }

    .amber .navbar-transparent .nav.navbar-nav > li.active > a,
    .amber #navbar-transparent .nav.navbar-nav > li.active > a,
    .amber .navbar-default .nav.navbar-nav > li.active > a,
    .amber #navbar-default .nav.navbar-nav > li.active > a,
    .amber .navbar-inverse .nav.navbar-nav > li.active > a,
    .amber #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #ffc107;
    color: #fff !important;
    }
    .amber .navbar-transparent .ct-textEffect span:before,
    .amber #navbar-transparent .ct-textEffect span:before,
    .amber .navbar-default .ct-textEffect span:before,
    .amber  #navbar-default .ct-textEffect span:before,
    .amber .navbar-inverse .ct-textEffect span:before,
    .amber #navbar-inverse .ct-textEffect span:before {
    color: #ffc107;
    }
    .amber .navbar-transparent .ct-navSearch:hover,
    .amber #navbar-transparent .ct-navSearch:hover,
    .amber .navbar-default .ct-navSearch:hover,
    .amber #navbar-default .ct-navSearch:hover,
    .amber .navbar-inverse .ct-navSearch:hover,
    .amber #navbar-inverse .ct-navSearch:hover {
    color: #ffc107;
    }
    .amber .navbar-transparent .ct-login,
    .amber #navbar-transparent .ct-login,
    .amber .navbar-default .ct-login,
    .amber #navbar-default .ct-login,
    .amber .navbar-inverse .ct-login,
    .amber #navbar-inverse .ct-login {
    background: #ffc107;
    }
    .amber .navbar-motive,
    .amber #navbar-motive {
    background: #ffc107;
    }
    .amber .navbar-motive .nav.navbar-nav > li.active > a,
    .amber #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #ffc107 !important;
    }
    .amber .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .amber #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #ffc107;
    }
    .amber .navbar-motive .nav.navbar-nav:after,
    .amber #navbar-motive .nav.navbar-nav:after {
    background-color: #ffc107;
    }
    .amber .ct-menuMobile-navbar li:hover > a {
    background: #ffc107;
    color: #fff;
    border-color: #ffc107;
    }
    .amber .ct-menuMobile-navbar li:hover + li > a {
    border-color: #ffc107;
    }
    .amber .ct-menuMobile-navbar li.dropdown.open > a,
    .amber .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #ffc107;
    border-bottom: 1px solid #ffc107;
    }
    .amber .btn-motive {
    background: #ffc107;
    }
    .amber .btn-motive-o {
    background: #fff;
    color: #ffc107;
    border: 2px solid #ffc107;
    }
    .amber .btn-motive-o i,
    .amber .btn-motive-o span {
    color: #ffc107;
    }
    .amber .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #ffc107 !important;
    }
    .amber .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #ffc107;
    }
    .amber .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #ffc107;
    }
    .amber .ct-socials.ct-socials--type2 li a i {
    color: #ffc107;
    }
    .amber .ct-mediaObject:hover .ct-mediaObject-date,
    .amber .ct-mediaObject:hover .ct-mediaObject-date small,
    .amber .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #ffc107;
    }
    .amber .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #ffc107 transparent;
    }
    .amber .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #ffc107;
    }
    .amber .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #ffc107;
    color: #222;
    }
    .amber .ct-tabs .nav-tabs li.active a,
    .amber .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #ffc107;
    color: #222;
    }
    .amber .ct-tabs .nav-tabs li.active:before {
    background: #ffc107;
    }
    .amber .panel-motive .panel-heading a {
    background: #ffc107;
    }
    .amber .ct-callToAction {
    border-top: 7px solid #ffc107;
    }
    .amber .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #ffc107;
    }
    .amber .form-control:focus {
    border-color: #ffc107;
    }
    .amber .form-control.form-control--type2:focus {
    border-color: #ffc107;
    }
    .amber .selectize-dropdown-content [data-selectable]:hover {
    background: #ffc107;
    border-color: #ffc107;
    color: #fff;
    }
    .amber .ct-select .selectize-input.focus {
    border-color: #ffc107;
    }
    .amber #ct-counter .counter-block:before {
    color: #ffc107;
    }
    .amber #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #ffc107;
    }
    .amber .ct-newsletter {
    background: #ffc107;
    }
    .amber .ct-newsletter .form-control {
    border-right: 2px solid #ffc107;
    color: #fff;
    }
    .amber .ct-form-group.input-daterange input:focus,
    .amber .ct-form-group input:focus {
    border-color: #ffc107;
    background: #ffc107;
    color: #fff;
    }
    .amber .datepicker.dropdown-menu table tr td:before,
    .amber .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #ffc107;
    }
    .amber .datepicker.dropdown-menu table tbody tr td.selected.active,
    .amber .datepicker.datepicker-inline table tbody tr td.selected.active,
    .amber .datepicker.dropdown-menu table tbody tr td.day.active,
    .amber .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #ffc107 !important;
    }
    .amber .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .amber .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #ffc107;
    }
    .amber .ct-widget-header .ct-widget-price,
    .amber .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #ffc107;
    }
    .amber .ct-widget-categories p:before {
    color: #ffc107;
    }
    .amber .ct-widget-categories a:hover p {
    color: #ffc107;
    }
    .amber .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #ffc107;
    }
    .amber .ct-tags a:hover {
    background: #ffc107;
    }
    .amber .ct-product .ct-product-content .ct-product-price span,
    .amber .ct-product .ct-product-content .ct-product-price span * {
    color: #ffc107;
    }
    .amber .tabpanel .nav-tabs li.active a {
    background: #ffc107;
    color: #fff;
    }
    .amber .ct-gallery-filters li a.active span {
    color: #ffc107;
    }
    .amber .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #ffc107;
    }
    .amber .ct-latestPost:hover {
    background: #ffc107;
    color: #fff;
    }
    .amber .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .amber .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #ffc107;
    }
    .amber .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #ffc107;
    }
    .amber .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #ffc107;
    }

    .amber .table thead {
    color: #fff;
    background: #ffc107;
    }
    .amber .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #ffc107;
    }
    .amber .ct-blog-comments-header span.ct-iconButton,
    .amber .ct-blog-comments-header i {
    color: #ffc107;
    border-color: #ffc107;
    }
    .amber .ct-blog-comments-header .ct-blog-comments-title * {
    color: #ffc107;
    }
    .amber .ct-pagination ul a:hover {
    border-color: #ffc107;
    }
    .amber .ct-pagination ul span {
    color: #fff;
    background: #ffc107;
    border-color: #ffc107;
    }
    .amber .ct-pagination span a:hover {
    color: #ffc107;
    }
    .amber .ct-comment .ct-comment-header .ct-comment-name {
    color: #ffc107;
    }
    .amber .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #ffc107;
    }
    .amber .ct-404-header b {
    color: #ffc107;
    border: 2rem solid #ffc107;
    }
    .amber .ct-simpleList li i {
    color: #ffc107;
    }
    .amber .ct-twitter > div p a.tweet_user {
    color: #ffc107;
    }
    .amber .ct-twitter > div p .tweet_text a {
    color: #ffc107;
    }
    .amber .ct-twitter > div p span.tweet_time a:hover {
    color: #ffc107;
    }
    .amber ::-moz-selection {
    background: #ffc107;
    color: #fff;
    }
    .amber ::selection {
    background: #ffc107;
    color: #fff;
    }
    .amber .ct-socials .tooltip-inner{
    color: #ffc107;
    }
    .amber .ct-newsletter{
    background: #ffc107;
    }
    .amber .form-error{
      background:#ffc107;
      border-color: #ffc107;
    }

    /* Overwrite Fixes */
    .amber .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .amber .btn-motive:hover{  background: #333;}

    .amber .navbar-default .ct-login:hover,
    .amber #navbar-default .ct-login:hover,
    .amber .navbar-transparent .ct-login:hover,
    .amber #navbar-transparent .ct-login:hover,
    .amber .navbar-motive .ct-login:hover,
    .amber #navbar-motive .ct-login:hover {background: #333;}

    .amber .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-amber {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #ffc107;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-amber {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #ffc107;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .amber .ct-preloader,
    .amber .ct-preloader div {
    -webkit-animation: rotate-amber 4s infinite linear;
    animation: rotate-amber 4s infinite linear;
    }


    /*Demo style: .orange      Color:      #ff9800    */
    .orange .ct-t-hover{
    color: #ff9800;
    }
    .orange .ct-t-hover:hover {
    background: #ff9800;
    color: #fff;
    }
    .orange .panel-motive-o .panel-heading a,
    .orange .panel-motive-o .panel-heading a *{
    border: 1px solid #ff9800;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .orange .ct-topBar{
        background: #ff9800;
    }

    .orange .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #ff9800;
    }
    .orange .ct-numberBox-number {
    color: #ff9800;
    }
    .orange .ct-iconBox .ct-iconBox-icon i {
    color: #ff9800;
    }
    .orange .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #ff9800;
    }
    .orange .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #ff9800;
    }
    .orange .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #ff9800;
    }
    .orange .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #ff9800;
    }
    .orange .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .orange .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .orange .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .orange .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #ff9800;
    border-color: #ff9800;
    color: #fff;
    }
    .orange .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #ff9800;
    }
    .orange .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .orange .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #ff9800;
    }
    .orange .ct-personBox .ct-personBox-content {
    background: #ff9800;
    }
    .orange .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #ff9800;
    }
    .orange .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #ff9800;
    position: relative;
    top: -1px;
    }
    .orange .ct-figureBox:hover figcaption {
    background: #ff9800;
    }
    .orange .ct-archiveBox.ct-archiveBox--motive {
    background: #ff9800;
    border-color: #ff9800;
    }
    .orange .ct-u-sectionMotive {
    background-color: #ff9800;
    }
    .orange .ct-u-colorMotive {
    color: #ff9800 !important;
    }
    .orange .ct-u-textInverse {
    background-color: #ffffff;
    color: #ff9800;
    }
    .orange .navbar .navbar-nav .dropdown .dropdown-menu,
    .orange .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #ff9800 transparent transparent transparent;
    }
    .orange .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #ff9800;
    }
    .orange .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #ff9800;
    }
    @media (max-width:767px){
    .orange .navbar .ct-navbarBox {
    background: #ff9800;
    }
    .orange .navbar .ct-navbarBox .ct-login {
    color: #ff9800 !important;
    }
    .orange .navbar .ct-navbarBox button.navbar-toggle span,
    .orange .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .orange .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #ff9800 !important;
    }
    .orange .navbar .ct-navbarBox button.navbar-toggle:after,
    .orange .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .orange .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #ff9800;
    }
    }

    .orange .navbar-transparent .nav.navbar-nav > li.active > a,
    .orange #navbar-transparent .nav.navbar-nav > li.active > a,
    .orange .navbar-default .nav.navbar-nav > li.active > a,
    .orange #navbar-default .nav.navbar-nav > li.active > a,
    .orange .navbar-inverse .nav.navbar-nav > li.active > a,
    .orange #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #ff9800;
    color: #fff !important;
    }
    .orange .navbar-transparent .ct-textEffect span:before,
    .orange #navbar-transparent .ct-textEffect span:before,
    .orange .navbar-default .ct-textEffect span:before,
    .orange  #navbar-default .ct-textEffect span:before,
    .orange .navbar-inverse .ct-textEffect span:before,
    .orange #navbar-inverse .ct-textEffect span:before {
    color: #ff9800;
    }
    .orange .navbar-transparent .ct-navSearch:hover,
    .orange #navbar-transparent .ct-navSearch:hover,
    .orange .navbar-default .ct-navSearch:hover,
    .orange #navbar-default .ct-navSearch:hover,
    .orange .navbar-inverse .ct-navSearch:hover,
    .orange #navbar-inverse .ct-navSearch:hover {
    color: #ff9800;
    }
    .orange .navbar-transparent .ct-login,
    .orange #navbar-transparent .ct-login,
    .orange .navbar-default .ct-login,
    .orange #navbar-default .ct-login,
    .orange .navbar-inverse .ct-login,
    .orange #navbar-inverse .ct-login {
    background: #ff9800;
    }
    .orange .navbar-motive,
    .orange #navbar-motive {
    background: #ff9800;
    }
    .orange .navbar-motive .nav.navbar-nav > li.active > a,
    .orange #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #ff9800 !important;
    }
    .orange .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .orange #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #ff9800;
    }
    .orange .navbar-motive .nav.navbar-nav:after,
    .orange #navbar-motive .nav.navbar-nav:after {
    background-color: #ff9800;
    }
    .orange .ct-menuMobile-navbar li:hover > a {
    background: #ff9800;
    color: #fff;
    border-color: #ff9800;
    }
    .orange .ct-menuMobile-navbar li:hover + li > a {
    border-color: #ff9800;
    }
    .orange .ct-menuMobile-navbar li.dropdown.open > a,
    .orange .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #ff9800;
    border-bottom: 1px solid #ff9800;
    }
    .orange .btn-motive {
    background: #ff9800;
    }
    .orange .btn-motive-o {
    background: #fff;
    color: #ff9800;
    border: 2px solid #ff9800;
    }
    .orange .btn-motive-o i,
    .orange .btn-motive-o span {
    color: #ff9800;
    }
    .orange .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #ff9800 !important;
    }
    .orange .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #ff9800;
    }
    .orange .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #ff9800;
    }
    .orange .ct-socials.ct-socials--type2 li a i {
    color: #ff9800;
    }
    .orange .ct-mediaObject:hover .ct-mediaObject-date,
    .orange .ct-mediaObject:hover .ct-mediaObject-date small,
    .orange .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #ff9800;
    }
    .orange .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #ff9800 transparent;
    }
    .orange .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #ff9800;
    }
    .orange .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #ff9800;
    color: #222;
    }
    .orange .ct-tabs .nav-tabs li.active a,
    .orange .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #ff9800;
    color: #222;
    }
    .orange .ct-tabs .nav-tabs li.active:before {
    background: #ff9800;
    }
    .orange .panel-motive .panel-heading a {
    background: #ff9800;
    }
    .orange .ct-callToAction {
    border-top: 7px solid #ff9800;
    }
    .orange .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #ff9800;
    }
    .orange .form-control:focus {
    border-color: #ff9800;
    }
    .orange .form-control.form-control--type2:focus {
    border-color: #ff9800;
    }
    .orange .selectize-dropdown-content [data-selectable]:hover {
    background: #ff9800;
    border-color: #ff9800;
    color: #fff;
    }
    .orange .ct-select .selectize-input.focus {
    border-color: #ff9800;
    }
    .orange #ct-counter .counter-block:before {
    color: #ff9800;
    }
    .orange #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #ff9800;
    }
    .orange .ct-newsletter {
    background: #ff9800;
    }
    .orange .ct-newsletter .form-control {
    border-right: 2px solid #ff9800;
    color: #fff;
    }
    .orange .ct-form-group.input-daterange input:focus,
    .orange .ct-form-group input:focus {
    border-color: #ff9800;
    background: #ff9800;
    color: #fff;
    }
    .orange .datepicker.dropdown-menu table tr td:before,
    .orange .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #ff9800;
    }
    .orange .datepicker.dropdown-menu table tbody tr td.selected.active,
    .orange .datepicker.datepicker-inline table tbody tr td.selected.active,
    .orange .datepicker.dropdown-menu table tbody tr td.day.active,
    .orange .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #ff9800 !important;
    }
    .orange .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .orange .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #ff9800;
    }
    .orange .ct-widget-header .ct-widget-price,
    .orange .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #ff9800;
    }
    .orange .ct-widget-categories p:before {
    color: #ff9800;
    }
    .orange .ct-widget-categories a:hover p {
    color: #ff9800;
    }
    .orange .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #ff9800;
    }
    .orange .ct-tags a:hover {
    background: #ff9800;
    }
    .orange .ct-product .ct-product-content .ct-product-price span,
    .orange .ct-product .ct-product-content .ct-product-price span * {
    color: #ff9800;
    }
    .orange .tabpanel .nav-tabs li.active a {
    background: #ff9800;
    color: #fff;
    }
    .orange .ct-gallery-filters li a.active span {
    color: #ff9800;
    }
    .orange .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #ff9800;
    }
    .orange .ct-latestPost:hover {
    background: #ff9800;
    color: #fff;
    }
    .orange .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .orange .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #ff9800;
    }
    .orange .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #ff9800;
    }
    .orange .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #ff9800;
    }

    .orange .table thead {
    color: #fff;
    background: #ff9800;
    }
    .orange .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #ff9800;
    }
    .orange .ct-blog-comments-header span.ct-iconButton,
    .orange .ct-blog-comments-header i {
    color: #ff9800;
    border-color: #ff9800;
    }
    .orange .ct-blog-comments-header .ct-blog-comments-title * {
    color: #ff9800;
    }
    .orange .ct-pagination ul a:hover {
    border-color: #ff9800;
    }
    .orange .ct-pagination ul span {
    color: #fff;
    background: #ff9800;
    border-color: #ff9800;
    }
    .orange .ct-pagination span a:hover {
    color: #ff9800;
    }
    .orange .ct-comment .ct-comment-header .ct-comment-name {
    color: #ff9800;
    }
    .orange .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #ff9800;
    }
    .orange .ct-404-header b {
    color: #ff9800;
    border: 2rem solid #ff9800;
    }
    .orange .ct-simpleList li i {
    color: #ff9800;
    }
    .orange .ct-twitter > div p a.tweet_user {
    color: #ff9800;
    }
    .orange .ct-twitter > div p .tweet_text a {
    color: #ff9800;
    }
    .orange .ct-twitter > div p span.tweet_time a:hover {
    color: #ff9800;
    }
    .orange ::-moz-selection {
    background: #ff9800;
    color: #fff;
    }
    .orange ::selection {
    background: #ff9800;
    color: #fff;
    }
    .orange .ct-socials .tooltip-inner{
    color: #ff9800;
    }
    .orange .ct-newsletter{
    background: #ff9800;
    }
    .orange .form-error{
      background:#ff9800;
      border-color: #ff9800;
    }

    /* Overwrite Fixes */
    .orange .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .orange .btn-motive:hover{  background: #333;}

    .orange .navbar-default .ct-login:hover,
    .orange #navbar-default .ct-login:hover,
    .orange .navbar-transparent .ct-login:hover,
    .orange #navbar-transparent .ct-login:hover,
    .orange .navbar-motive .ct-login:hover,
    .orange #navbar-motive .ct-login:hover {background: #333;}

    .orange .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-orange {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #ff9800;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-orange {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #ff9800;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .orange .ct-preloader,
    .orange .ct-preloader div {
    -webkit-animation: rotate-orange 4s infinite linear;
    animation: rotate-orange 4s infinite linear;
    }


    /*Demo style: .deep-orange      Color:      #ff5722    */
    .deep-orange .ct-t-hover{
    color: #ff5722;
    }
    .deep-orange .ct-t-hover:hover {
    background: #ff5722;
    color: #fff;
    }
    .deep-orange .panel-motive-o .panel-heading a,
    .deep-orange .panel-motive-o .panel-heading a *{
    border: 1px solid #ff5722;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .deep-orange .ct-topBar{
        background: #ff5722;
    }

    .deep-orange .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #ff5722;
    }
    .deep-orange .ct-numberBox-number {
    color: #ff5722;
    }
    .deep-orange .ct-iconBox .ct-iconBox-icon i {
    color: #ff5722;
    }
    .deep-orange .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #ff5722;
    }
    .deep-orange .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #ff5722;
    }
    .deep-orange .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #ff5722;
    }
    .deep-orange .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #ff5722;
    }
    .deep-orange .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .deep-orange .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .deep-orange .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .deep-orange .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #ff5722;
    border-color: #ff5722;
    color: #fff;
    }
    .deep-orange .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #ff5722;
    }
    .deep-orange .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .deep-orange .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #ff5722;
    }
    .deep-orange .ct-personBox .ct-personBox-content {
    background: #ff5722;
    }
    .deep-orange .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #ff5722;
    }
    .deep-orange .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #ff5722;
    position: relative;
    top: -1px;
    }
    .deep-orange .ct-figureBox:hover figcaption {
    background: #ff5722;
    }
    .deep-orange .ct-archiveBox.ct-archiveBox--motive {
    background: #ff5722;
    border-color: #ff5722;
    }
    .deep-orange .ct-u-sectionMotive {
    background-color: #ff5722;
    }
    .deep-orange .ct-u-colorMotive {
    color: #ff5722 !important;
    }
    .deep-orange .ct-u-textInverse {
    background-color: #ffffff;
    color: #ff5722;
    }
    .deep-orange .navbar .navbar-nav .dropdown .dropdown-menu,
    .deep-orange .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #ff5722 transparent transparent transparent;
    }
    .deep-orange .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #ff5722;
    }
    .deep-orange .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #ff5722;
    }
    @media (max-width:767px){
    .deep-orange .navbar .ct-navbarBox {
    background: #ff5722;
    }
    .deep-orange .navbar .ct-navbarBox .ct-login {
    color: #ff5722 !important;
    }
    .deep-orange .navbar .ct-navbarBox button.navbar-toggle span,
    .deep-orange .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .deep-orange .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #ff5722 !important;
    }
    .deep-orange .navbar .ct-navbarBox button.navbar-toggle:after,
    .deep-orange .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .deep-orange .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #ff5722;
    }
    }

    .deep-orange .navbar-transparent .nav.navbar-nav > li.active > a,
    .deep-orange #navbar-transparent .nav.navbar-nav > li.active > a,
    .deep-orange .navbar-default .nav.navbar-nav > li.active > a,
    .deep-orange #navbar-default .nav.navbar-nav > li.active > a,
    .deep-orange .navbar-inverse .nav.navbar-nav > li.active > a,
    .deep-orange #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #ff5722;
    color: #fff !important;
    }
    .deep-orange .navbar-transparent .ct-textEffect span:before,
    .deep-orange #navbar-transparent .ct-textEffect span:before,
    .deep-orange .navbar-default .ct-textEffect span:before,
    .deep-orange  #navbar-default .ct-textEffect span:before,
    .deep-orange .navbar-inverse .ct-textEffect span:before,
    .deep-orange #navbar-inverse .ct-textEffect span:before {
    color: #ff5722;
    }
    .deep-orange .navbar-transparent .ct-navSearch:hover,
    .deep-orange #navbar-transparent .ct-navSearch:hover,
    .deep-orange .navbar-default .ct-navSearch:hover,
    .deep-orange #navbar-default .ct-navSearch:hover,
    .deep-orange .navbar-inverse .ct-navSearch:hover,
    .deep-orange #navbar-inverse .ct-navSearch:hover {
    color: #ff5722;
    }
    .deep-orange .navbar-transparent .ct-login,
    .deep-orange #navbar-transparent .ct-login,
    .deep-orange .navbar-default .ct-login,
    .deep-orange #navbar-default .ct-login,
    .deep-orange .navbar-inverse .ct-login,
    .deep-orange #navbar-inverse .ct-login {
    background: #ff5722;
    }
    .deep-orange .navbar-motive,
    .deep-orange #navbar-motive {
    background: #ff5722;
    }
    .deep-orange .navbar-motive .nav.navbar-nav > li.active > a,
    .deep-orange #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #ff5722 !important;
    }
    .deep-orange .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .deep-orange #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #ff5722;
    }
    .deep-orange .navbar-motive .nav.navbar-nav:after,
    .deep-orange #navbar-motive .nav.navbar-nav:after {
    background-color: #ff5722;
    }
    .deep-orange .ct-menuMobile-navbar li:hover > a {
    background: #ff5722;
    color: #fff;
    border-color: #ff5722;
    }
    .deep-orange .ct-menuMobile-navbar li:hover + li > a {
    border-color: #ff5722;
    }
    .deep-orange .ct-menuMobile-navbar li.dropdown.open > a,
    .deep-orange .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #ff5722;
    border-bottom: 1px solid #ff5722;
    }
    .deep-orange .btn-motive {
    background: #ff5722;
    }
    .deep-orange .btn-motive-o {
    background: #fff;
    color: #ff5722;
    border: 2px solid #ff5722;
    }
    .deep-orange .btn-motive-o i,
    .deep-orange .btn-motive-o span {
    color: #ff5722;
    }
    .deep-orange .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #ff5722 !important;
    }
    .deep-orange .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #ff5722;
    }
    .deep-orange .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #ff5722;
    }
    .deep-orange .ct-socials.ct-socials--type2 li a i {
    color: #ff5722;
    }
    .deep-orange .ct-mediaObject:hover .ct-mediaObject-date,
    .deep-orange .ct-mediaObject:hover .ct-mediaObject-date small,
    .deep-orange .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #ff5722;
    }
    .deep-orange .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #ff5722 transparent;
    }
    .deep-orange .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #ff5722;
    }
    .deep-orange .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #ff5722;
    color: #222;
    }
    .deep-orange .ct-tabs .nav-tabs li.active a,
    .deep-orange .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #ff5722;
    color: #222;
    }
    .deep-orange .ct-tabs .nav-tabs li.active:before {
    background: #ff5722;
    }
    .deep-orange .panel-motive .panel-heading a {
    background: #ff5722;
    }
    .deep-orange .ct-callToAction {
    border-top: 7px solid #ff5722;
    }
    .deep-orange .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #ff5722;
    }
    .deep-orange .form-control:focus {
    border-color: #ff5722;
    }
    .deep-orange .form-control.form-control--type2:focus {
    border-color: #ff5722;
    }
    .deep-orange .selectize-dropdown-content [data-selectable]:hover {
    background: #ff5722;
    border-color: #ff5722;
    color: #fff;
    }
    .deep-orange .ct-select .selectize-input.focus {
    border-color: #ff5722;
    }
    .deep-orange #ct-counter .counter-block:before {
    color: #ff5722;
    }
    .deep-orange #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #ff5722;
    }
    .deep-orange .ct-newsletter {
    background: #ff5722;
    }
    .deep-orange .ct-newsletter .form-control {
    border-right: 2px solid #ff5722;
    color: #fff;
    }
    .deep-orange .ct-form-group.input-daterange input:focus,
    .deep-orange .ct-form-group input:focus {
    border-color: #ff5722;
    background: #ff5722;
    color: #fff;
    }
    .deep-orange .datepicker.dropdown-menu table tr td:before,
    .deep-orange .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #ff5722;
    }
    .deep-orange .datepicker.dropdown-menu table tbody tr td.selected.active,
    .deep-orange .datepicker.datepicker-inline table tbody tr td.selected.active,
    .deep-orange .datepicker.dropdown-menu table tbody tr td.day.active,
    .deep-orange .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #ff5722 !important;
    }
    .deep-orange .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .deep-orange .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #ff5722;
    }
    .deep-orange .ct-widget-header .ct-widget-price,
    .deep-orange .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #ff5722;
    }
    .deep-orange .ct-widget-categories p:before {
    color: #ff5722;
    }
    .deep-orange .ct-widget-categories a:hover p {
    color: #ff5722;
    }
    .deep-orange .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #ff5722;
    }
    .deep-orange .ct-tags a:hover {
    background: #ff5722;
    }
    .deep-orange .ct-product .ct-product-content .ct-product-price span,
    .deep-orange .ct-product .ct-product-content .ct-product-price span * {
    color: #ff5722;
    }
    .deep-orange .tabpanel .nav-tabs li.active a {
    background: #ff5722;
    color: #fff;
    }
    .deep-orange .ct-gallery-filters li a.active span {
    color: #ff5722;
    }
    .deep-orange .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #ff5722;
    }
    .deep-orange .ct-latestPost:hover {
    background: #ff5722;
    color: #fff;
    }
    .deep-orange .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .deep-orange .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #ff5722;
    }
    .deep-orange .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #ff5722;
    }
    .deep-orange .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #ff5722;
    }

    .deep-orange .table thead {
    color: #fff;
    background: #ff5722;
    }
    .deep-orange .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #ff5722;
    }
    .deep-orange .ct-blog-comments-header span.ct-iconButton,
    .deep-orange .ct-blog-comments-header i {
    color: #ff5722;
    border-color: #ff5722;
    }
    .deep-orange .ct-blog-comments-header .ct-blog-comments-title * {
    color: #ff5722;
    }
    .deep-orange .ct-pagination ul a:hover {
    border-color: #ff5722;
    }
    .deep-orange .ct-pagination ul span {
    color: #fff;
    background: #ff5722;
    border-color: #ff5722;
    }
    .deep-orange .ct-pagination span a:hover {
    color: #ff5722;
    }
    .deep-orange .ct-comment .ct-comment-header .ct-comment-name {
    color: #ff5722;
    }
    .deep-orange .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #ff5722;
    }
    .deep-orange .ct-404-header b {
    color: #ff5722;
    border: 2rem solid #ff5722;
    }
    .deep-orange .ct-simpleList li i {
    color: #ff5722;
    }
    .deep-orange .ct-twitter > div p a.tweet_user {
    color: #ff5722;
    }
    .deep-orange .ct-twitter > div p .tweet_text a {
    color: #ff5722;
    }
    .deep-orange .ct-twitter > div p span.tweet_time a:hover {
    color: #ff5722;
    }
    .deep-orange ::-moz-selection {
    background: #ff5722;
    color: #fff;
    }
    .deep-orange ::selection {
    background: #ff5722;
    color: #fff;
    }
    .deep-orange .ct-socials .tooltip-inner{
    color: #ff5722;
    }
    .deep-orange .ct-newsletter{
    background: #ff5722;
    }
    .deep-orange .form-error{
      background:#ff5722;
      border-color: #ff5722;
    }

    /* Overwrite Fixes */
    .deep-orange .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .deep-orange .btn-motive:hover{  background: #333;}

    .deep-orange .navbar-default .ct-login:hover,
    .deep-orange #navbar-default .ct-login:hover,
    .deep-orange .navbar-transparent .ct-login:hover,
    .deep-orange #navbar-transparent .ct-login:hover,
    .deep-orange .navbar-motive .ct-login:hover,
    .deep-orange #navbar-motive .ct-login:hover {background: #333;}

    .deep-orange .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-deep-orange {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #ff5722;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-deep-orange {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #ff5722;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .deep-orange .ct-preloader,
    .deep-orange .ct-preloader div {
    -webkit-animation: rotate-deep-orange 4s infinite linear;
    animation: rotate-deep-orange 4s infinite linear;
    }


    /*Demo style: .brown      Color:      #795548    */
    .brown .ct-t-hover{
    color: #795548;
    }
    .brown .ct-t-hover:hover {
    background: #795548;
    color: #fff;
    }
    .brown .panel-motive-o .panel-heading a,
    .brown .panel-motive-o .panel-heading a *{
    border: 1px solid #795548;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .brown .ct-topBar{
        background: #795548;
    }

    .brown .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #795548;
    }
    .brown .ct-numberBox-number {
    color: #795548;
    }
    .brown .ct-iconBox .ct-iconBox-icon i {
    color: #795548;
    }
    .brown .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #795548;
    }
    .brown .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #795548;
    }
    .brown .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #795548;
    }
    .brown .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #795548;
    }
    .brown .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .brown .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .brown .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .brown .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #795548;
    border-color: #795548;
    color: #fff;
    }
    .brown .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #795548;
    }
    .brown .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .brown .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #795548;
    }
    .brown .ct-personBox .ct-personBox-content {
    background: #795548;
    }
    .brown .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #795548;
    }
    .brown .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #795548;
    position: relative;
    top: -1px;
    }
    .brown .ct-figureBox:hover figcaption {
    background: #795548;
    }
    .brown .ct-archiveBox.ct-archiveBox--motive {
    background: #795548;
    border-color: #795548;
    }
    .brown .ct-u-sectionMotive {
    background-color: #795548;
    }
    .brown .ct-u-colorMotive {
    color: #795548 !important;
    }
    .brown .ct-u-textInverse {
    background-color: #ffffff;
    color: #795548;
    }
    .brown .navbar .navbar-nav .dropdown .dropdown-menu,
    .brown .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #795548 transparent transparent transparent;
    }
    .brown .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #795548;
    }
    .brown .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #795548;
    }
    @media (max-width:767px){
    .brown .navbar .ct-navbarBox {
    background: #795548;
    }
    .brown .navbar .ct-navbarBox .ct-login {
    color: #795548 !important;
    }
    .brown .navbar .ct-navbarBox button.navbar-toggle span,
    .brown .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .brown .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #795548 !important;
    }
    .brown .navbar .ct-navbarBox button.navbar-toggle:after,
    .brown .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .brown .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #795548;
    }
    }

    .brown .navbar-transparent .nav.navbar-nav > li.active > a,
    .brown #navbar-transparent .nav.navbar-nav > li.active > a,
    .brown .navbar-default .nav.navbar-nav > li.active > a,
    .brown #navbar-default .nav.navbar-nav > li.active > a,
    .brown .navbar-inverse .nav.navbar-nav > li.active > a,
    .brown #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #795548;
    color: #fff !important;
    }
    .brown .navbar-transparent .ct-textEffect span:before,
    .brown #navbar-transparent .ct-textEffect span:before,
    .brown .navbar-default .ct-textEffect span:before,
    .brown  #navbar-default .ct-textEffect span:before,
    .brown .navbar-inverse .ct-textEffect span:before,
    .brown #navbar-inverse .ct-textEffect span:before {
    color: #795548;
    }
    .brown .navbar-transparent .ct-navSearch:hover,
    .brown #navbar-transparent .ct-navSearch:hover,
    .brown .navbar-default .ct-navSearch:hover,
    .brown #navbar-default .ct-navSearch:hover,
    .brown .navbar-inverse .ct-navSearch:hover,
    .brown #navbar-inverse .ct-navSearch:hover {
    color: #795548;
    }
    .brown .navbar-transparent .ct-login,
    .brown #navbar-transparent .ct-login,
    .brown .navbar-default .ct-login,
    .brown #navbar-default .ct-login,
    .brown .navbar-inverse .ct-login,
    .brown #navbar-inverse .ct-login {
    background: #795548;
    }
    .brown .navbar-motive,
    .brown #navbar-motive {
    background: #795548;
    }
    .brown .navbar-motive .nav.navbar-nav > li.active > a,
    .brown #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #795548 !important;
    }
    .brown .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .brown #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #795548;
    }
    .brown .navbar-motive .nav.navbar-nav:after,
    .brown #navbar-motive .nav.navbar-nav:after {
    background-color: #795548;
    }
    .brown .ct-menuMobile-navbar li:hover > a {
    background: #795548;
    color: #fff;
    border-color: #795548;
    }
    .brown .ct-menuMobile-navbar li:hover + li > a {
    border-color: #795548;
    }
    .brown .ct-menuMobile-navbar li.dropdown.open > a,
    .brown .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #795548;
    border-bottom: 1px solid #795548;
    }
    .brown .btn-motive {
    background: #795548;
    }
    .brown .btn-motive-o {
    background: #fff;
    color: #795548;
    border: 2px solid #795548;
    }
    .brown .btn-motive-o i,
    .brown .btn-motive-o span {
    color: #795548;
    }
    .brown .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #795548 !important;
    }
    .brown .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #795548;
    }
    .brown .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #795548;
    }
    .brown .ct-socials.ct-socials--type2 li a i {
    color: #795548;
    }
    .brown .ct-mediaObject:hover .ct-mediaObject-date,
    .brown .ct-mediaObject:hover .ct-mediaObject-date small,
    .brown .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #795548;
    }
    .brown .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #795548 transparent;
    }
    .brown .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #795548;
    }
    .brown .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #795548;
    color: #222;
    }
    .brown .ct-tabs .nav-tabs li.active a,
    .brown .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #795548;
    color: #222;
    }
    .brown .ct-tabs .nav-tabs li.active:before {
    background: #795548;
    }
    .brown .panel-motive .panel-heading a {
    background: #795548;
    }
    .brown .ct-callToAction {
    border-top: 7px solid #795548;
    }
    .brown .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #795548;
    }
    .brown .form-control:focus {
    border-color: #795548;
    }
    .brown .form-control.form-control--type2:focus {
    border-color: #795548;
    }
    .brown .selectize-dropdown-content [data-selectable]:hover {
    background: #795548;
    border-color: #795548;
    color: #fff;
    }
    .brown .ct-select .selectize-input.focus {
    border-color: #795548;
    }
    .brown #ct-counter .counter-block:before {
    color: #795548;
    }
    .brown #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #795548;
    }
    .brown .ct-newsletter {
    background: #795548;
    }
    .brown .ct-newsletter .form-control {
    border-right: 2px solid #795548;
    color: #fff;
    }
    .brown .ct-form-group.input-daterange input:focus,
    .brown .ct-form-group input:focus {
    border-color: #795548;
    background: #795548;
    color: #fff;
    }
    .brown .datepicker.dropdown-menu table tr td:before,
    .brown .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #795548;
    }
    .brown .datepicker.dropdown-menu table tbody tr td.selected.active,
    .brown .datepicker.datepicker-inline table tbody tr td.selected.active,
    .brown .datepicker.dropdown-menu table tbody tr td.day.active,
    .brown .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #795548 !important;
    }
    .brown .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .brown .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #795548;
    }
    .brown .ct-widget-header .ct-widget-price,
    .brown .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #795548;
    }
    .brown .ct-widget-categories p:before {
    color: #795548;
    }
    .brown .ct-widget-categories a:hover p {
    color: #795548;
    }
    .brown .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #795548;
    }
    .brown .ct-tags a:hover {
    background: #795548;
    }
    .brown .ct-product .ct-product-content .ct-product-price span,
    .brown .ct-product .ct-product-content .ct-product-price span * {
    color: #795548;
    }
    .brown .tabpanel .nav-tabs li.active a {
    background: #795548;
    color: #fff;
    }
    .brown .ct-gallery-filters li a.active span {
    color: #795548;
    }
    .brown .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #795548;
    }
    .brown .ct-latestPost:hover {
    background: #795548;
    color: #fff;
    }
    .brown .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .brown .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #795548;
    }
    .brown .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #795548;
    }
    .brown .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #795548;
    }

    .brown .table thead {
    color: #fff;
    background: #795548;
    }
    .brown .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #795548;
    }
    .brown .ct-blog-comments-header span.ct-iconButton,
    .brown .ct-blog-comments-header i {
    color: #795548;
    border-color: #795548;
    }
    .brown .ct-blog-comments-header .ct-blog-comments-title * {
    color: #795548;
    }
    .brown .ct-pagination ul a:hover {
    border-color: #795548;
    }
    .brown .ct-pagination ul span {
    color: #fff;
    background: #795548;
    border-color: #795548;
    }
    .brown .ct-pagination span a:hover {
    color: #795548;
    }
    .brown .ct-comment .ct-comment-header .ct-comment-name {
    color: #795548;
    }
    .brown .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #795548;
    }
    .brown .ct-404-header b {
    color: #795548;
    border: 2rem solid #795548;
    }
    .brown .ct-simpleList li i {
    color: #795548;
    }
    .brown .ct-twitter > div p a.tweet_user {
    color: #795548;
    }
    .brown .ct-twitter > div p .tweet_text a {
    color: #795548;
    }
    .brown .ct-twitter > div p span.tweet_time a:hover {
    color: #795548;
    }
    .brown ::-moz-selection {
    background: #795548;
    color: #fff;
    }
    .brown ::selection {
    background: #795548;
    color: #fff;
    }
    .brown .ct-socials .tooltip-inner{
    color: #795548;
    }
    .brown .ct-newsletter{
    background: #795548;
    }
    .brown .form-error{
      background:#795548;
      border-color: #795548;
    }

    /* Overwrite Fixes */
    .brown .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .brown .btn-motive:hover{  background: #333;}

    .brown .navbar-default .ct-login:hover,
    .brown #navbar-default .ct-login:hover,
    .brown .navbar-transparent .ct-login:hover,
    .brown #navbar-transparent .ct-login:hover,
    .brown .navbar-motive .ct-login:hover,
    .brown #navbar-motive .ct-login:hover {background: #333;}

    .brown .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-brown {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #795548;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-brown {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #795548;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .brown .ct-preloader,
    .brown .ct-preloader div {
    -webkit-animation: rotate-brown 4s infinite linear;
    animation: rotate-brown 4s infinite linear;
    }


    /*Demo style: .blue-grey      Color:      #607d8b    */
    .blue-grey .ct-t-hover{
    color: #607d8b;
    }
    .blue-grey .ct-t-hover:hover {
    background: #607d8b;
    color: #fff;
    }
    .blue-grey .panel-motive-o .panel-heading a,
    .blue-grey .panel-motive-o .panel-heading a *{
    border: 1px solid #607d8b;
    }
    .panel-motive-o .panel-heading a.collapsed,
    .panel-motive-o .panel-heading a.collapsed *{
    border-color: #eee
    color: #777;
    }

    .blue-grey .ct-topBar{
        background: #607d8b;
    }

    .blue-grey .ct-u-sectionMotive .ct-t-hover:hover {
    background: #fff;
    color: #607d8b;
    }
    .blue-grey .ct-numberBox-number {
    color: #607d8b;
    }
    .blue-grey .ct-iconBox .ct-iconBox-icon i {
    color: #607d8b;
    }
    .blue-grey .ct-iconBox.ct-iconBox--type2 .ct-iconBox-icon i {
    color: #fff;
    background: #607d8b;
    }
    .blue-grey .ct-iconBox.ct-iconBox--type3 .ct-iconBox-icon i {
    border: 2px solid #607d8b;
    }
    .blue-grey .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    border: 2px solid #607d8b;
    }
    .blue-grey .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon:after {
    background: #607d8b;
    }
    .blue-grey .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon:after {
    background: #fff;
    }
    .blue-grey .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-subtitle a {
    color: #222;
    }
    .blue-grey .ct-iconBox.ct-iconBox--type4:hover .ct-iconBox-icon i {
    color: #fff;
    }
    .blue-grey .ct-iconBox .ct-iconBox-icon.ct-iconBox-icon--inverse i {
    background: #607d8b;
    border-color: #607d8b;
    color: #fff;
    }
    .blue-grey .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4 .ct-iconBox-icon i {
    background: #607d8b;
    }
    .blue-grey .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover *,
    .blue-grey .ct-u-sectionMotive .ct-iconBox.ct-iconBox--type4:hover small {
    color: #607d8b;
    }
    .blue-grey .ct-personBox .ct-personBox-content {
    background: #607d8b;
    }
    .blue-grey .ct-pricingBox.ct-pricingBox--motive .ct-pricingBox-header {
    background: #607d8b;
    }
    .blue-grey .ct-pricingBox.ct-pricingBox--motive svg {
    display: block;
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
    width: 100%;
    height: 60px;
    fill: #607d8b;
    position: relative;
    top: -1px;
    }
    .blue-grey .ct-figureBox:hover figcaption {
    background: #607d8b;
    }
    .blue-grey .ct-archiveBox.ct-archiveBox--motive {
    background: #607d8b;
    border-color: #607d8b;
    }
    .blue-grey .ct-u-sectionMotive {
    background-color: #607d8b;
    }
    .blue-grey .ct-u-colorMotive {
    color: #607d8b !important;
    }
    .blue-grey .ct-u-textInverse {
    background-color: #ffffff;
    color: #607d8b;
    }
    .blue-grey .navbar .navbar-nav .dropdown .dropdown-menu,
    .blue-grey .navbar .navbar-nav .ct-subDropdown .dropdown-menu {
    border-color: #607d8b transparent transparent transparent;
    }
    .blue-grey .navbar .navbar-nav .ct-subDropdown:hover > a:after {
    color: #607d8b;
    }
    .blue-grey .navbar.ct-navbar .ct-navbarBox .ct-navSearch:hover {
    color: #607d8b;
    }
    @media (max-width:767px){
    .blue-grey .navbar .ct-navbarBox {
    background: #607d8b;
    }
    .blue-grey .navbar .ct-navbarBox .ct-login {
    color: #607d8b !important;
    }
    .blue-grey .navbar .ct-navbarBox button.navbar-toggle span,
    .blue-grey .navbar .ct-navbarBox button.navbar-toggle:focus span,
    .blue-grey .navbar .ct-navbarBox button.navbar-toggle:hover span {
    background-color: #607d8b !important;
    }
    .blue-grey .navbar .ct-navbarBox button.navbar-toggle:after,
    .blue-grey .navbar .ct-navbarBox button.navbar-toggle:focus:after,
    .blue-grey .navbar .ct-navbarBox button.navbar-toggle:hover:after {
    background: #fff;
    color: #607d8b;
    }
    }

    .blue-grey .navbar-transparent .nav.navbar-nav > li.active > a,
    .blue-grey #navbar-transparent .nav.navbar-nav > li.active > a,
    .blue-grey .navbar-default .nav.navbar-nav > li.active > a,
    .blue-grey #navbar-default .nav.navbar-nav > li.active > a,
    .blue-grey .navbar-inverse .nav.navbar-nav > li.active > a,
    .blue-grey #navbar-inverse .nav.navbar-nav > li.active > a {
    background: #607d8b;
    color: #fff !important;
    }
    .blue-grey .navbar-transparent .ct-textEffect span:before,
    .blue-grey #navbar-transparent .ct-textEffect span:before,
    .blue-grey .navbar-default .ct-textEffect span:before,
    .blue-grey  #navbar-default .ct-textEffect span:before,
    .blue-grey .navbar-inverse .ct-textEffect span:before,
    .blue-grey #navbar-inverse .ct-textEffect span:before {
    color: #607d8b;
    }
    .blue-grey .navbar-transparent .ct-navSearch:hover,
    .blue-grey #navbar-transparent .ct-navSearch:hover,
    .blue-grey .navbar-default .ct-navSearch:hover,
    .blue-grey #navbar-default .ct-navSearch:hover,
    .blue-grey .navbar-inverse .ct-navSearch:hover,
    .blue-grey #navbar-inverse .ct-navSearch:hover {
    color: #607d8b;
    }
    .blue-grey .navbar-transparent .ct-login,
    .blue-grey #navbar-transparent .ct-login,
    .blue-grey .navbar-default .ct-login,
    .blue-grey #navbar-default .ct-login,
    .blue-grey .navbar-inverse .ct-login,
    .blue-grey #navbar-inverse .ct-login {
    background: #607d8b;
    }
    .blue-grey .navbar-motive,
    .blue-grey #navbar-motive {
    background: #607d8b;
    }
    .blue-grey .navbar-motive .nav.navbar-nav > li.active > a,
    .blue-grey #navbar-motive .nav.navbar-nav > li.active > a {
    background: #fff;
    color: #607d8b !important;
    }
    .blue-grey .navbar-motive .nav.navbar-nav > li.active.dropdown > a:after,
    .blue-grey #navbar-motive .nav.navbar-nav > li.active.dropdown > a:after {
    color: #607d8b;
    }
    .blue-grey .navbar-motive .nav.navbar-nav:after,
    .blue-grey #navbar-motive .nav.navbar-nav:after {
    background-color: #607d8b;
    }
    .blue-grey .ct-menuMobile-navbar li:hover > a {
    background: #607d8b;
    color: #fff;
    border-color: #607d8b;
    }
    .blue-grey .ct-menuMobile-navbar li:hover + li > a {
    border-color: #607d8b;
    }
    .blue-grey .ct-menuMobile-navbar li.dropdown.open > a,
    .blue-grey .ct-menuMobile-navbar li.dropdown.open:hover > a {
    background: #607d8b;
    border-bottom: 1px solid #607d8b;
    }
    .blue-grey .btn-motive {
    background: #607d8b;
    }
    .blue-grey .btn-motive-o {
    background: #fff;
    color: #607d8b;
    border: 2px solid #607d8b;
    }
    .blue-grey .btn-motive-o i,
    .blue-grey .btn-motive-o span {
    color: #607d8b;
    }
    .blue-grey .ct-sectionOverflow.ct-sectionOverflow--withHover:hover {
    background-color: #607d8b !important;
    }
    .blue-grey .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover {
    background: #fff;
    border-color: #607d8b;
    }
    .blue-grey .ct-sectionOverflow.ct-sectionOverflow--withHover .ct-iconButton:hover i {
    color: #607d8b;
    }
    .blue-grey .ct-socials.ct-socials--type2 li a i {
    color: #607d8b;
    }
    .blue-grey .ct-mediaObject:hover .ct-mediaObject-date,
    .blue-grey .ct-mediaObject:hover .ct-mediaObject-date small,
    .blue-grey .ct-mediaObject:hover .ct-mediaObject-date span {
    color: #607d8b;
    }
    .blue-grey .ct-footer.ct-u-sectionMotive:after {
    border-color: transparent transparent #607d8b transparent;
    }
    .blue-grey .mfp-container .mfp-content .mfp-figure .mfp-close {
    background: #607d8b;
    }
    .blue-grey .ct-tabs .nav-tabs li.active {
    background: #fff;
    border-top-color: #607d8b;
    color: #222;
    }
    .blue-grey .ct-tabs .nav-tabs li.active a,
    .blue-grey .ct-tabs .nav-tabs li.active a:hover {
    background: #fff;
    border-top-color: #607d8b;
    color: #222;
    }
    .blue-grey .ct-tabs .nav-tabs li.active:before {
    background: #607d8b;
    }
    .blue-grey .panel-motive .panel-heading a {
    background: #607d8b;
    }
    .blue-grey .ct-callToAction {
    border-top: 7px solid #607d8b;
    }
    .blue-grey .ct-callToAction.ct-callToAction--type2 {
    border-top: 0;
    border-left: 7px solid #607d8b;
    }
    .blue-grey .form-control:focus {
    border-color: #607d8b;
    }
    .blue-grey .form-control.form-control--type2:focus {
    border-color: #607d8b;
    }
    .blue-grey .selectize-dropdown-content [data-selectable]:hover {
    background: #607d8b;
    border-color: #607d8b;
    color: #fff;
    }
    .blue-grey .ct-select .selectize-input.focus {
    border-color: #607d8b;
    }
    .blue-grey #ct-counter .counter-block:before {
    color: #607d8b;
    }
    .blue-grey #ct-counter .counter-block .counter .number {
    background: transparent;
    color: #607d8b;
    }
    .blue-grey .ct-newsletter {
    background: #607d8b;
    }
    .blue-grey .ct-newsletter .form-control {
    border-right: 2px solid #607d8b;
    color: #fff;
    }
    .blue-grey .ct-form-group.input-daterange input:focus,
    .blue-grey .ct-form-group input:focus {
    border-color: #607d8b;
    background: #607d8b;
    color: #fff;
    }
    .blue-grey .datepicker.dropdown-menu table tr td:before,
    .blue-grey .datepicker.datepicker-inline table tr td:before {
    border: 2px solid #607d8b;
    }
    .blue-grey .datepicker.dropdown-menu table tbody tr td.selected.active,
    .blue-grey .datepicker.datepicker-inline table tbody tr td.selected.active,
    .blue-grey .datepicker.dropdown-menu table tbody tr td.day.active,
    .blue-grey .datepicker.datepicker-inline table tbody tr td.day.active {
    background: #607d8b !important;
    }
    .blue-grey .datepicker.dropdown-menu table tbody td[colspan] span:hover,
    .blue-grey .datepicker.datepicker-inline table tbody td[colspan] span:hover {
    border: 2px solid #607d8b;
    }
    .blue-grey .ct-widget-header .ct-widget-price,
    .blue-grey .ct-widget-footer .ct-widget-price {
    font-weight: 900;
    color: #607d8b;
    }
    .blue-grey .ct-widget-categories p:before {
    color: #607d8b;
    }
    .blue-grey .ct-widget-categories a:hover p {
    color: #607d8b;
    }
    .blue-grey .ct-widget-filter-byPrice .slider .slider-handle:before {
    background: #607d8b;
    }
    .blue-grey .ct-tags a:hover {
    background: #607d8b;
    }
    .blue-grey .ct-product .ct-product-content .ct-product-price span,
    .blue-grey .ct-product .ct-product-content .ct-product-price span * {
    color: #607d8b;
    }
    .blue-grey .tabpanel .nav-tabs li.active a {
    background: #607d8b;
    color: #fff;
    }
    .blue-grey .ct-gallery-filters li a.active span {
    color: #607d8b;
    }
    .blue-grey .ct-latestPost .media-body .ct-latestPost-meta i {
    color: #607d8b;
    }
    .blue-grey .ct-latestPost:hover {
    background: #607d8b;
    color: #fff;
    }
    .blue-grey .ct-latestPost:hover .ct-latestPost-meta i {
    color: #fff;
    }
    .blue-grey .ct-blog .ct-blog-header .ct-blog-date {
    background: #fff;
    border: 1px solid #607d8b;
    }
    .blue-grey .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-number {
    color: #607d8b;
    }
    .blue-grey .ct-blog .ct-blog-header .ct-blog-date span.ct-blog-date-month {
    color: #fff;
    background: #607d8b;
    }

    .blue-grey .table thead {
    color: #fff;
    background: #607d8b;
    }
    .blue-grey .ct-blog .ct-blog-header .ct-blog-meta a:hover {
    color: #607d8b;
    }
    .blue-grey .ct-blog-comments-header span.ct-iconButton,
    .blue-grey .ct-blog-comments-header i {
    color: #607d8b;
    border-color: #607d8b;
    }
    .blue-grey .ct-blog-comments-header .ct-blog-comments-title * {
    color: #607d8b;
    }
    .blue-grey .ct-pagination ul a:hover {
    border-color: #607d8b;
    }
    .blue-grey .ct-pagination ul span {
    color: #fff;
    background: #607d8b;
    border-color: #607d8b;
    }
    .blue-grey .ct-pagination span a:hover {
    color: #607d8b;
    }
    .blue-grey .ct-comment .ct-comment-header .ct-comment-name {
    color: #607d8b;
    }
    .blue-grey .ct-comment .ct-comment-header .ct-comment-meta a:hover {
    color: #607d8b;
    }
    .blue-grey .ct-404-header b {
    color: #607d8b;
    border: 2rem solid #607d8b;
    }
    .blue-grey .ct-simpleList li i {
    color: #607d8b;
    }
    .blue-grey .ct-twitter > div p a.tweet_user {
    color: #607d8b;
    }
    .blue-grey .ct-twitter > div p .tweet_text a {
    color: #607d8b;
    }
    .blue-grey .ct-twitter > div p span.tweet_time a:hover {
    color: #607d8b;
    }
    .blue-grey ::-moz-selection {
    background: #607d8b;
    color: #fff;
    }
    .blue-grey ::selection {
    background: #607d8b;
    color: #fff;
    }
    .blue-grey .ct-socials .tooltip-inner{
    color: #607d8b;
    }
    .blue-grey .ct-newsletter{
    background: #607d8b;
    }
    .blue-grey .form-error{
      background:#607d8b;
      border-color: #607d8b;
    }

    /* Overwrite Fixes */
    .blue-grey .panel-motive .panel-heading a.collapsed {
    background: #eee;
    }
    .blue-grey .btn-motive:hover{  background: #333;}

    .blue-grey .navbar-default .ct-login:hover,
    .blue-grey #navbar-default .ct-login:hover,
    .blue-grey .navbar-transparent .ct-login:hover,
    .blue-grey #navbar-transparent .ct-login:hover,
    .blue-grey .navbar-motive .ct-login:hover,
    .blue-grey #navbar-motive .ct-login:hover {background: #333;}

    .blue-grey .ct-u-sectionMotive .ct-iconBox .ct-iconBox-icon i{
    color: #fff;
    border-color: #fff;
    }

    /* Preloader */

    @-webkit-keyframes rotate-blue-grey {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #607d8b;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }
    @keyframes rotate-blue-grey {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #607d8b;
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-top-color: rgba(0, 0, 0, 0.5);
    }
    }

    .blue-grey .ct-preloader,
    .blue-grey .ct-preloader div {
    -webkit-animation: rotate-blue-grey 4s infinite linear;
    animation: rotate-blue-grey 4s infinite linear;
    }