/*header menu*/

#sp-header.menu-fixed-out .logo { margin-left: 20px; margin-top:0; padding: 0; }

#sp-header .logo { margin-left: 20px; }

#sp-header.menu-fixed-out  .sp-megamenu-parent >li >a, 
#sp-header.menu-fixed-out  .sp-megamenu-parent >li >span { line-height: 70px; }

#sp-header.menu-fixed .logo img{margin: 0px;transition: all 400ms ease;}

#sp-header.menu-fixed-out .logo img { transition: all 400ms ease; }

#sp-header.menu-fixed-out .sp-megamenu-parent >li >a, #sp-header.menu-fixed-out .sp-megamenu-parent >li >span, .sp-megamenu-parent >li>a { color: #000; font-weight: 500; }

#sp-header.menu-fixed-out .sp-megamenu-parent >li.active >a, #sp-header.menu-fixed-out .sp-megamenu-parent >li:hover >a, .sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a { color: #000d32; font-weight: 500; }

#sp-header.menu-fixed, .sp-megamenu-parent >li >a:before{ background: #fff; }

.btn.btn-default, .sppb-btn.btn-default, .btn.sppb-btn-default, .sppb-btn.sppb-btn-default, .sp-megamenu-parent >li >a:before, .j2store-cart-module .j2store-cart-item-box .j2store-cart-header-block .pull-right > a:hover, .j2store-cart-module .j2store-cart-item-box .j2store-cart-header-block .pull-right > a:focus, .helix-social-share .helix-social-share-icon ul li div a:hover, .helix-social-share .helix-social-share-icon ul li div a:focus, .sppb-slider-products-wrapper .customNavigation span, .sppb-slider-products-wrapper .customDots .owl-dot.active span, .great-shoping-section .sppb-addon-feature:hover .sppb-addon-content, .sppb-addon-ajax-contact .sppb-ajaxt-contact-form .sppb-btn-success, div.pagination ul li a:hover, div.pagination ul li a:focus, .cart-action-complete, .j2store-product-filters #j2store-slider-range.ui-slider .ui-slider-range, .j2store-product-filters #j2store-slider-range .ui-slider-handle, .shop-details-add-to-cart-btn .j2store-add-to-cart .j2store-details-btn input, .shop-details-add-to-cart-btn .j2store-add-to-cart .product-wishlist a, .cart-action-complete, body .pagination>li>a:hover, body .pagination>li>a:focus, body .pagination>li>span:hover, body .pagination>li>span:focus, .view-products .wishlist#j2store-wishlist-main-block table .j2store-wishlist-items form.j2store-wishlist-form input[type="submit"] { background-color: #000d32; }

.sp-megamenu-parent >li.sp-has-child>a:after, .sp-megamenu-parent >li.sp-has-child>span:after { color: #5a5a5a;}

.sp-megamenu-parent >li.sp-has-child:hover>a:after, .sp-megamenu-parent >li.sp-has-child:hover>span:after {color:#000d32;}

/*end of header menu*/

/*off canvas*/

.offcanvas-menu { background-color: #fff;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a{color:#5a5a5a;}

.close-offcanvas {color:#5a5a5a}

.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a { background: rgba(0, 13, 50, 1);color:#fff;}

/*end of off canvas*/

/* image style */

.image-style-001:before { content:' '; position:absolute; width:40px; height:80px; background-color:transparent; border-left:5px solid #000d32; border-top:5px solid #000d32; border-radius:0px; top:-10px; left:-10px;}

.image-style-001:after { content:' '; position:absolute; width:40px; height:80px; background-color:transparent;  border-right:5px solid #000d32; border-bottom:5px solid #000d32; border-radius:0px; bottom:-10px; right:-10px;}

.image-style-002:before { content:' '; position:absolute;  width:40px;  height:80px; background-color:transparent; border-left:5px solid #fff; border-top:5px solid #fff; border-radius:0px; top:-10px; left:-10px;}

.image-style-002:after {content:' '; position:absolute; width:40px; height:80px; background-color:transparent; border-right:5px solid #fff; border-bottom:5px solid #fff; border-radius:0px; bottom:-10px; right:-10px;}

/*end of image style */

/*body*/

/*h3.sppb-addon-title {text-transform: uppercase;}*/

.title-style-001 h3:after { content: "\f101"; top: 0px; position: absolute; animation-name: bounce; animation-duration: 1s; animation-iteration-count: infinite; font: normal normal normal 24px/1 FontAwesome;}

@media(max-width: 767px){.title-style-001 h3:after {right:0;}}

.title-style-001-new h3:after  { content: "\f101"; top: 20px; position: absolute; animation-name: bounce; animation-duration: 1s; animation-iteration-count: infinite; font: normal normal normal 24px/1 FontAwesome;}

.title-style-001-new-new h3:after  { content: "\f101"; top: -20px; position: absolute; animation-name: bounce; animation-duration: 1s; animation-iteration-count: infinite; font: normal normal normal 24px/1 FontAwesome;}

@media(max-width: 767px){.title-style-001-new-new h3:after {right:35px}}

.title-style-001-career-contact h3:after  { content: "\f101"; top: -20px; position: absolute; animation-name: bounce; animation-duration: 1s; animation-iteration-count: infinite; font: normal normal normal 24px/1 FontAwesome;}

@media(max-width: 767px){.title-style-001-career-contact h3:after {right:0}}

.title-style-001-service-title h3:after {content: "\f101";top: 120px;position: absolute;animation-name: bounce;animation-duration: 1s;animation-iteration-count: infinite;font: normal normal normal 24px/1 FontAwesome;}

.title-style-002 h3:after  { content: "\f101"; top: 0px; position: absolute; animation-name: bounce; animation-duration: 1s; animation-iteration-count: infinite; font: normal normal normal 24px/1 FontAwesome;color:#fff;}

.title-style-002-new h3:after  { content: "\f101"; top: -20px; position: absolute; animation-name: bounce; animation-duration: 1s; animation-iteration-count: infinite; font: normal normal normal 24px/1 FontAwesome;color:#fff;}
/*end of body*/


/*bottom*/

.sp-module .sp-module-title {font-size: 16px;}

/*end of bottom*/


/*header title*/

.sp-page-title { background-attachment: scroll; color: #000d32; }

.sp-page-title h3 { color: #000; }

@media only screen and (max-width: 991px) { .sp-page-title { padding: 80px 0 0; background-position: 70% 0%; } }

/*end of header title*/


/*offcanvas*/

#offcanvas-toggler >i { color: #000; }

#offcanvas-toggler >i:hover { color: #000d32; }

/*end of offcanvas*/


/*footer*/

section#sp-bottom { background-color: #dcdcdc; background: linear-gradient( 136deg, #e4e4e4 0%, #e0e0e0 90%, rgba(0, 15, 69, 0.5) 90%, rgba(13, 23, 82, 0.5) 100% ); }

section#sp-bottom:after {content:  " ";width: 30px;height: 30px;position:  absolute;border-left: 30px solid transparent;right:  0;border-bottom: 30px solid #ffffff;border-top: 30px solid transparent;margin-top: -10px;}

footer#sp-footer { background-color: #000d32; }

/*end of footer*/
