Messages

Informational message box

Nulla quis turpis laoreet, consequat leo eu, rutrum dui. Quisque dapibus, diam et tincidunt laoreet, ante odio placerat massa, ut consectetur enim orci ac arcu.

Warning message box

Nulla quis turpis laoreet, consequat leo eu, rutrum dui. Quisque dapibus, diam et tincidunt laoreet, ante odio placerat massa, ut consectetur enim orci ac arcu.

Success message box

Nulla quis turpis laoreet, consequat leo eu, rutrum dui. Quisque dapibus, diam et tincidunt laoreet, ante odio placerat massa, ut consectetur enim orci ac arcu.

Error message box

Nulla quis turpis laoreet, consequat leo eu, rutrum dui. Quisque dapibus, diam et tincidunt laoreet, ante odio placerat massa, ut consectetur enim orci ac arcu.

Template Color

Layout Styles

Boxed
Widescreen

a { color: #037cff; } .button { background: #037cff; } .button:hover { box-shadow: inset 0 0 0 1px #037cff; color: #037cff; } .button-alt { background: none; box-shadow: inset 0 0 0 1px #037cff; color: #037cff; } .button-alt:hover { background: #037cff; color: #fff; } .button-white { background: #fff; box-shadow: inset 0 0 0 1px #fff; } .button-white:hover { box-shadow: inset 0 0 0 1px #fff; color: #fff; } .owl-buttons div:hover { border-color: #037cff; background: #037cff; } .owl-pagination .active { box-shadow: 0 0 0 1px #037cff; } .language-selector div ul a:hover { background: #037cff; } .cart-summary div li a:hover { color: #037cff; } .cart-summary div .subtotal { color: #037cff; } .cart-summary div .total a { border: 1px solid #037cff; background: #037cff; } .cart-summary div .total a:hover { color: #037cff; } .main-nav li li a:hover, .main-nav li li a.active { background: #037cff; } .mobile-nav ul a:hover { color: #037cff; } .page-title h1 { color: #037cff; } .page-title h1 i { border: 2px solid #037cff; } .page-title nav span { color: #037cff; } .paralaxed .composer .testimonial .author { color: #037cff; } .filter .active { background: #037cff; } .portfolio .item .pic span { background: #037cff; } .blog .item .date { background: #037cff; } .comments .author .reply { background: #037cff; } .comments .fa-user { border: 1px solid #037cff; color: #037cff; } .products-grid h3 a:hover { color: #037cff; } .products-grid .pic span { background: #037cff; } .products-grid .price { color: #037cff; } .product .price { color: #037cff; } .product .quantity a:after, .product .quantity a:before { background: #037cff; } .product .pic span { background: #037cff; } .product .thumbnails span { background: #037cff; } .product-tabs > label:hover { color: #037cff; } .product-tabs > input:checked + label { background: #037cff; } .cart-products .quantity a:after, .cart-products .quantity a:before { background: #037cff; } .cart-products .remove a { background: #037cff; } .pager a { border: 1px solid #037cff; } .pager a:hover { color: #037cff; } .pager .active { background: #037cff; } .countdown li { background: #037cff; } .subscription h3 { color: #037cff; } .timeline .year { background: #037cff; } .timeline .item:before { border: 1px solid #037cff; color: #037cff; } .timeline .date { color: #037cff; } .contacts .links a { border: 1px solid #037cff; color: #037cff; } .contacts .links a:hover { background: #037cff; } .composer h3 { color: #037cff; } .composer h4 { color: #037cff; } .composer hr.alt { background: #037cff; } .composer hr.alt-2 { border: 1px solid #037cff; } .composer .accordion dt:hover { color: #037cff; } .composer .accordion dt i { border: 1px solid #037cff; } .composer .accordion dt i:after, .composer .accordion dt i:before { background: #037cff; } .composer .accordion dd { background: #037cff; } .composer .accordion dd:before { border-bottom: 4px solid #037cff; } .composer .accordion .active { color: #037cff; } .composer .accordion-alt .active, .composer .accordion-alt .active:hover { background: #037cff; color: #fff; } .composer .callout-alt { border-color: #037cff; background: #037cff; } .composer .callout-alt2 { border-color: #037cff; } .composer .chart-pie > span { color: #037cff; } .composer .soc-icon { border: 1px solid #037cff; } .composer .soc-icon:hover { background: #037cff; } .composer .soc-icon-alt { background: #037cff; } .composer .soc-icon-alt:hover { background: none; color: #037cff; } .composer .soc-icon-grey { border-color: transparent; } .composer .list .active { border-color: #037cff; color: #037cff; } .composer .list .active i { border-color: #037cff; color: #037cff; } .composer .list-alt .active { background: #037cff; color: #fff; } .composer .list-alt .active i { color: #fff; } .composer .message { border: 1px solid #037cff; color: #037cff; } .composer .message:before { border-right: 1px solid #037cff; } .composer .message i { border: 1px solid #037cff; } .composer .milestone { border: 1px solid #037cff; color: #037cff; } .composer .milestone-alt { background: #037cff; color: #fff; } .composer .pricing-table .col { border: 1px solid #037cff; } .composer .pricing-table .head { background: #037cff; } .composer .pricing-table .featured .price { color: #037cff; } .composer .progress-bar .bar span { background: #037cff; } .composer .progress-bar-alt .bar { border-color: #037cff; } .composer .progress-bar-alt .bar em { background: #037cff; } .composer .progress-bar-alt .bar em:after { border-top: 4px solid #037cff; } .composer .progress-bar-alt .bar span { border-right: 1px solid #037cff; } .composer .process:after { border-color: #037cff; } .composer .process .done:after { border-color: #037cff; color: #037cff; } .composer .process .done:before { border-color: #037cff; } .composer .process .done i { border-color: #037cff; color: #037cff; } .composer .services .icon { background: #037cff; } .composer .services-alt .icon { background: none; } .composer .tabs > label { background: #037cff; } .composer .tabs > label:nth-child(2) { border-left-color: #037cff; } .composer .tabs > div { border-color: #037cff; } .composer .tabs > input:checked + label { border-top: 1px solid #037cff; border-right-color: #037cff; border-left-color: #037cff; color: #037cff; } .composer .team-alt li > div { border-color: #037cff; } .composer .team-alt .social { background: #037cff; } .composer .testimonial-alt .text { background: #037cff; } .composer .testimonial-alt .text:after { border-right-color: #037cff; } .composer .testimonial-group .author div { background: #037cff; } .composer .testimonial-group .author.active:before { border-top: 6px solid #037cff; } .composer .toggle dt:hover { color: #037cff; } .composer .toggle dt i { background: #037cff; } .composer .toggle-alt dt { box-shadow: inset 0 0 0 1px #037cff; color: #037cff; } .composer .twitter-feed li { background: #037cff; } .composer .twitter-feed-alt p { border: 1px solid #037cff; } .composer .twitter-feed-alt a { color: #037cff; } .composer .twitter-carousel .fa-twitter { background: #037cff; } .composer .twitter-carousel .owl-buttons div { border-color: #037cff; color: #037cff; } .widget-categories a:hover { color: #037cff; } .widget-categories .active { color: #037cff; } .widget-recent-posts div a:hover { color: #037cff; } .widget-recent-photos li a { background: #037cff; } .widget-tags a { border: 1px solid #037cff; } .widget-tags a:hover { background: #037cff; } .widget-filter .slider div { background: #037cff; } .widget-cart a:hover { color: #037cff; } .widget-cart .total { color: #037cff; } .widget-sellers a:hover { color: #037cff; } .widget-sellers .price { color: #037cff; } .widget-alt-contacts ol a:hover { background: #037cff; } .widget-alt-feedback button:hover { color: #037cff; } .scroll-top:hover { background: #037cff; }