/*

Colors

Replace colors to set your color scheme



Default Color #1818cf 

Default Color Darker #b3161c

*/



/* Title font */



/*@import url(http://fonts.googleapis.com/css?family=Arbutus+Slab&subset=latin,latin-ext);*/



/*

Body

Set your default "font-family", color and background.

*/



@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);



body {

    font-family: 'Open Sans', sans-serif;

    color: #333;

/*    background: url(../images/noise_x.png) left top repeat;*/

    background: #f2f2f2 url(../images/background.jpg) center top; background-repeat:no-repeat; background-attachment:fixed;

/*    background: url(../images/surface_grey_bg.png) center top no-repeat fixed;*/

}

.boxed-yes, .boxed-no {

    border-top-color: #333;

}

.boxed-no {

    background: #fff;

}



h1, h2, h3, h4, h5, h6, .lead, .divider, .title-color {

    text-transform: uppercase;

    font-weight: 900;

}

 img{ width:100%;}

/*

Title Font

To change title font replace "@import" font with your Google font. 

You'll also need to replace "font-family" for "H" tags. 

Additionally you can add other title like H4, H5 and H6.

*/



h1, h2, h3, h4, h5, h6, .divider-title, .price-table-title, .jumbotron p, .royalSlider .royalCaptionItem, a.thumbnail span, .mega-blockquote .btn, .first-level-li-text-link, .mega-blockquote-title, span.pg-title-sub, .purchase-now p, .rs-title-1, .rs-title-2, .ca-box-title, .ca-box-subtitle, .slabtext-wrapper, .nav .nav-header {

/*    font-family: 'Arbutus Slab', serif;*/

}

/*.caption.big_white, .caption.big_color, .caption.small_text*//* can be added*/

/* Other Theme Settings */



.sf-menu a.first-level-link, .sf-menu a.first-level-link:visited {

    font-weight: 600;

}

a, .base-color {

    color: #1818cf ;

}

a:hover {

    color: #1818cf ;

    text-decoration: none;

}

a.thumbnail:hover {

    border-color: #1818cf ;

}

.label-over-thumb {

    border-top: 50px solid #1818cf ;

}

.base-color-bg {

    background: #1818cf ;;

}

.focused, input:focus, textarea:focus {

    border-color: #1818cf ;

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

}

.main-search input:hover {

    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7);

    -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7);

    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7);

}

.main-search input:focus {

    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 5px 1px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 5px 1px rgba(0, 0, 0, 0.1);

    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 5px 1px rgba(0, 0, 0, 0.1);

    border: none;   

    color: #333;

}

.btn-inverse-to-primary {

    background: #1818cf ;

    color: #fff;

}

.btn-inverse-to-primary:hover {

    background: #333333;

    color: #fff;

}

.btn-primary, #banner-rotator .tintButton {    

    background: #1818cf ;

}

.btn-primary:hover,

.btn-primary:active,

.btn-primary.active,

.btn-primary.disabled,

.btn-primary[disabled], 

#banner-rotator .tintButton:hover {

    background: #455d8d;

}

#banner-rotator .papertext {

    color: #1818cf ;

}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {

    background-color: #1818cf ;

}

.nav-list > .active > a,

.nav-list > .active > a:hover {

    background-color: #1818cf ;

    text-shadow: none;

}

.nav-pills > .active > a, .nav-list > .active a {

    background-color: #333;

    color: #fff;

}

.nav > li > a:hover, .nav-pills > .active > a:hover, .nav > li > a.selected {

    background: #1818cf ;

    color: #fff;

}

.nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret {

    border-bottom-color: #1818cf ;

    border-top-color: #1818cf ;

}

.accordion-heading.active .accordion-toggle, .accordion-heading .accordion-toggle:hover {

    background: #1818cf ;

    color: #fff;

}

.btn-group.open .btn-primary.dropdown-toggle {

  background-color: #1818cf ;

}

.dropdown-menu li > a:hover,

.dropdown-menu .active > a,

.dropdown-menu .active > a:hover {

  background-color: #1818cf ;

}

.mini-layout.fluid .mini-layout-sidebar {

    background-color: #b3161c

}

.mini-layout .mini-layout-body {

    background-color: #1818cf ;

}

.top-menu li a:hover, .header-address address a:hover {

    color: #1818cf ;

}

span.pg-title-sub {

    border-left: 1px solid #1818cf ;

}

.topbar-wrapper {

    /*background-color: #b3161c;

    color: #fff;

    text-shadow: none;

    border-bottom: 4px solid #b3161c;*/

/*    background-color: #b3161c;*/

/*    box-shadow: inset 0 40px 0 rgba(0, 0, 0, 0.2);*/

}

.page-header-wrapper {

/*    background-color: #1818cf ;*/

}

.page-header-breadcrumbs .breadcrumb a:hover, .page-header-breadcrumbs .breadcrumb li:last-child a {

    color: #1818cf ;

}

.alert .close-topbar {

    background: #1818cf ;

    color: #b3161c;

}

.alert .close-topbar:hover {

    background: #b3161c;

    color: #1818cf ;

}

.topbar-title {

    font-weight: bold;

    text-transform: uppercase;

}

.topbar-content {

    font-style: italic;

}

.social-media-icons a:hover {

    background: #1818cf ;

}

.sf-menu a, .sf-menu a:visited  {

    /* text color */

    color:                      #fff;

}

.sf-menu li {

    /* box color for top-level menu items */

}

.sf-menu li li {

    /* box color for second-level menu items */

    color: #fff;

}

.sf-menu li li li {

    /* box color for third-level menu items */

    color: #fff;

}

.sf-shadow ul {

/*    border-top: 4px solid #1818cf ;*/

}

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, 

.sf-menu li:hover .menu-subtitle {

    /* box color for menu items when the mouse hovers over them */

    color:              #fff;

    outline:            0;

    background: #1818cf ;

}

.sf-menu li.sfHover a.sf-with-ul, .sf-menu a.active, .sf-menu a.active:visited, 

.sf-menu li.sfHover .menu-icon, .sf-menu li.selected .menu-icon, .sf-menu li.selected a.first-level-link, .sf-menu li.active .menu-icon, .sf-menu li.active a.first-level-link {

    color: #fff;

}

.sf-menu a.first-level-link:hover, .sf-menu a.active {

    background: #1818cf ;

}

.sf-menu li {

    background: #333;

    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);

    -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);

    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);

    height: 50px;

    line-height: 50px;

}

.sf-menu li:last-child {

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

}

.sf-menu li.first-level-li {

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

}

.sf-menu li.sfHover li a.sf-with-ul, .sf-menu li.sfHover li li a.sf-with-ul {

    color: #fff;

}

.sf-menu li.sfHover li a.sf-with-ul:hover {

    color: #fff;

}

/*.sf-menu li.sfHover li li a.sf-with-ul {

    color: #fff;

}*/

/*.sf-menu li.sfHover li a.sf-with-ul {

    color: #333;

}*/

.sf-menu li li:hover, .sf-menu li li.sfHover,

.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {

    /* box color for menu items when the mouse hovers over them */

    background:         #1818cf ;

    color:              #fff;

    outline:            0;

}

.sf-menu li li a:active {

/*    background: #f2f2f2;*/

}

.sidebar-menu li {

/*    border-bottom: 1px solid #ccc;*/

}

.sidebar-menu li a:hover, .sidebar-menu li a.active {

    color: #1818cf ;

}

.sidebar-categories li a:hover, .sidebar-categories li a.selected {

    background: #1818cf ;

    color: #fff;

}

.sidebar-widget a.latest-comments:hover {

    color: #1818cf ;

}

.pager a:hover, .pagination a:hover, .pagination .active a {

    background: #1818cf ;

    color: #fff;

}

.bold-title span a:hover {

    color: #1818cf ;

}

ul.blog-data a:hover {

    color: #1818cf ;

}

.divider-with-title-small a:hover {

    color: #1818cf ;

}

.footer-cab-container {

    background: #1818cf ;

}

footer.boxed-no {

    box-shadow: 0 -5px 0 #1818cf ;

    -moz-box-shadow: 0 -5px 0 #1818cf ;

    -webkit-box-shadow: 0 -5px 0 #1818cf ;

}

footer.boxed-yes {

    box-shadow: 0 -5px 0 #1818cf , 0 0 8px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 -5px 0 #1818cf , 0 0 8px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0 -5px 0 #1818cf , 0 0 8px rgba(0, 0, 0, 0.3);

}

footer, footer h3 {

    color: #c2c2c2;

}

footer a {

    color: #fff;

}

footer .top-menu li a:hover {

    color: #333;   

}

footer .popular-posts {

    margin-bottom: 11px;

    padding: 4px 0 0;

    background: none;

}

footer .popular-posts:last-child {

    margin-bottom: 0;

}

footer h3 {

    font-size: 140%;

    color: #fff;

    font-weight: bold;

}

footer h4, footer p, footer li, footer small, footer .copy {

/*    font-size: 90%;*/

}

.copy {

	 background: #1818cf ;  

   /* background: #1818cf  url(../images/copy_logo.png) center center no-repeat;  */ 

    color: #fff;

}

#toTop {

    background-color: #1818cf ;

}

#toTopHover {

    background-color: #b3161c;

}

.title-color:hover {

    color: #1818cf ;

}

.view:hover .item-desc-wrapper {

    box-shadow: inset 0 0 0 1px #f2f2f2, inset 0 -2px 0 1px #1818cf ;

    -moz-box-shadow: inset 0 0 0 1px #f2f2f2, inset 0 -2px 0 1px #1818cf ;

    -webkit-box-shadow: inset 0 0 0 1px #f2f2f2, inset 0 -2px 0 1px #1818cf ;

}

.view:hover .item-desc-wrapper a {

/*    color: #1818cf ;*/

}

ul.caption-tags li a:hover {

    color: #1818cf ;

}

.hover-arrow:hover {

    border-bottom: 1px solid #1818cf ;

}

.arrowPrev1,.arrowNext1, .arrowPrev2,.arrowNext2, .arrowPrev3,.arrowNext3 {

    

}

.arrowPrev1:hover,.arrowNext1:hover, .arrowPrev2:hover,.arrowNext2:hover, .arrowPrev3:hover,.arrowNext3:hover {

    

}

.royalSlider.default .arrow.left {

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    height: 39px;

    left: 20px;

    width: 40px;

}

.royalSlider.default .arrow.right {

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    height: 39px;

    right: 20px;

    width: 40px;

}

.well-color-top {

    border-top: 1px solid #1818cf ;

}

.well-color-right {

    border-right: 1px solid #1818cf ;

}

.well-color-bottom {

    border-bottom: 1px solid #1818cf ;

}

.well-color-left {

    border-left: 1px solid #1818cf ;

}

.blog-tags li a:hover {

    background: #1818cf ;

    border-color: #1818cf ;

    color: #fff;

}

.purchase-now-wrapper:hover p {

    color: #b3161c;

}



/* icon set 1 */

.mega-icon-block-1 .iconcontainer:hover {

    /*box-shadow: 0 0 0 1px #1818cf ;

    moz-box-shadow: 0 0 0 1px 1px #1818cf ;

    -webkit-box-shadow: 0 0 0 1px 1px #1818cf ;*/

}

.mega-icon-block-1 .iconcontainer:hover i, .mega-icon-block-1 .iconcontainer:hover h3 {

    color: #1818cf ;

}



/* icon set 2 */

.mega-icon-block-2 .iconcontainer:hover {

    /*box-shadow: 0 0 0 1px #1818cf ;

    moz-box-shadow: 0 0 0 1px 1px #1818cf ;

    -webkit-box-shadow: 0 0 0 1px 1px #1818cf ;*/

}

.mega-icon-block-2 .iconcontainer:hover i, .mega-icon-block-2 .iconcontainer:hover h3 {

    color: #1818cf ;

}



/* icon set 3 */

.mega-icon-block-3 .iconcontainer:hover {

    /*box-shadow: 0 0 0 1px #1818cf ;

    moz-box-shadow: 0 0 0 1px 1px #1818cf ;

    -webkit-box-shadow: 0 0 0 1px 1px #1818cf ;*/

}

.mega-icon-block-3 .iconcontainer:hover i, .mega-icon-block-3 .iconcontainer:hover h3 {

    color: #1818cf ;

}



/* icon set 4 */

.mega-icon-block-4 .iconcontainer-wrapper:hover {

    

}

.mega-icon-block-4 .iconcontainer:hover {

/*    background: #f2f2f2;*/

}

.mega-icon-block-4 .iconcontainer:hover i, .mega-icon-block-4 .iconcontainer:hover h3 {

    color: #1818cf ;

}



.progress-primary .bar {

    background: #1818cf ;   

}



/* Graphics */



.sf-menu a.first-level-link:hover, .sf-menu a.active {

/*    background-image: url(../images/menu_active_dark_blue.png);*/

}

span.pg-title-sub, .sidebar-menu-arrow li a {

/*    background: url(../images/arrow_right_dark_blue.png) left center no-repeat;*/

}

.royalSlider.default .arrow.left {

    background: url(../images/slider_left.png) left top no-repeat;

}

.royalSlider.default .arrow.right {

    background: url(../images/slider_right.png) right top no-repeat;

}



/* CSS Paralax Slider */



input.sp-selector-4:checked ~ .sp-content {

    background-color: #1818cf ;

}



/* Revolution Slider */



.rev-slider {

    background: #1818cf ;

}

.caption.big_color {

    

}

.caption.small_text {

    color: #333;

}

.text_color {

    color: #1818cf ;

}

.caption a, .caption a:hover {

/*    color: #fff;*/

}

.rs-title-1 {

    font-size: 2em;

}

.rs-title-2 {

    font-size: 1.4em;

}