@import url('../css/flaticon.css');

body {
color: #999999!important;
font-family:Open Sans;
font-size: 14px;
font-weight: normal;
line-height: 26px;
}
/*top*/
.header-contact-info ul {padding: 5px 0px;}

.header-contact-info ul li .iocn-holder span::before {
border: 2px solid #f3f3f3;
border-radius: 50%;
color: #152545;
display: block;
font-size: 15px;
height: 48px;
line-height: 44px;
text-align: center;
transition: all 500ms ease 0s;
width: 48px;
}
.header-contact-info ul li .iocn-holder, .header-contact-info ul li .text-holder {
display: table-cell;
vertical-align: middle;
}
.header-contact-info ul li .text-holder {
padding-left: 15px;
}
.header-contact-info ul li .text-holder h5 {
color: #3d3d3d;
font-size: 16px;
font-weight: 700;
line-height: 20px;
margin: 10px 0 5px;
text-transform: capitalize;
}
.header-contact-info ul li .text-holder h6 {
color: #999999;
font-size: 14px;
font-weight: 400;
margin-top:-1px;
}
.header-contact-info ul li:hover .iocn-holder span::before {
border-color: #152545;
}

/**/

.menuinline ul li  {display: inline !important;}
.menuinline li a {display: inline !important;}

.menuinline ul > li > a{
color: #ffffff;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: 400;
padding-right:15px;
float: left;
}
.menuinline ul > li > a:hover{color: #ffffff;}

.menuinline.sp-module ul > li > a::before {content:" " !important;}
.menuinline.sp-module ul > li {border-bottom:1px solid transparent !important;}

#sp-top1 {
color: #ffffff;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: 700;
padding-top:5px;
padding-left:0px;
}

ul.social-icons > li {
line-height: 34px;
margin: 0 0 0 15px;
padding-top:5px;
}
ul.social-icons > li a {
color: #ffffff;
font-size: 14px;
transition: all 500ms ease 0s;
}
ul.social-icons > li a:hover {
color: #152545;
transition: all 500ms ease 0s;
}

.customer-care {
margin: 12px 0 0px 70px;
padding-left: 35px;
position: relative;
}
.customer-care .icon-holder {
left: 0;
position: absolute;
top: 16px;
}
.customer-care .icon-holder span::before {
color: #43c3ea;
font-size: 35px;
}
.customer-care .title-holder {
}
.customer-care .title-holder h5 {
color: #43c3ea;
font-size: 16px;
font-weight: 700;
margin: 0 0 5px;
text-transform: capitalize;
}
.customer-care .title-holder h4 {
color: #ffffff;
font-size: 18px;
font-weight: 700;
margin-top: 0!important;
}
.header-contact-info ul li a {
color: #999999!important;
font-size: 14px;
font-weight: 400;
}
@media (max-width: 500px) {
#sp-user1{margin-top:50px;}
#sp-top3 {text-align:left;}
}
@media (min-width: 501px) {
#sp-top3 {text-align:right;}
}


/**/

#offcanvas-toggler {float:left;}

#sp-header {height:70px;}
.sp-megamenu-parent > li > a {line-height:70px;}
.sp-megamenu-parent {float:left;}
.sp-megamenu-parent > li > a  {
color: #ffffff;
font-size: 14px;
font-weight: 700;
line-height: 30px;
padding:19px 28px;
text-transform: uppercase;
transition: all 500ms ease 0s;
}
.sp-megamenu-parent > li {border-right: 1px solid #1f3155;}
.sp-megamenu-parent > li:first-child {border-left: 1px solid #1f3155;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
background: transparent;
padding: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {background:#3eb9de;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
background: #43c3ea;
color: #ffffff;
font-size: 16px;
font-weight: 700;
line-height: 20px;
padding: 15px 15px 15px 20px;
text-transform: capitalize;
transition: all 500ms ease 0s;
}

.sp-megamenu-parent > li.sp-has-child > a::after {display:none;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {color:#fff;}
@media (max-width: 400px) {
.title-white-link .sppb-addon-content { margin-top:10px;text-align:left !important;}
}
@media (min-width: 401px) {
.title-white-link .sppb-addon-content { margin-top:-24px;}
}
/**/
@media (max-width: 880px) {#offcanvas-toggler{line-height: 72px;}
.feature02 .sppb-addon-content img{padding-bottom:20px;}
}
@media (max-width: 779px) {
#sp-header .col-xs-6 {width:10% !important;}
#sp-user4 .col-xs-8 {width:90% !important;}
#sp-user4 {text-align:left !important ;margin-left:-20px;}
}
@media (max-width: 500px) {#sp-user4 {text-align:left !important ;margin-left:15px;}.customer-care .title-holder h4 {font-size: 14px;}.customer-care .title-holder h5 {font-size: 14px;}.customer-care .title-holder h5 {margin: 5px 0;}}
@media (max-width: 1099px) {
#sp-search {display:none;}
}
@media (min-width: 1100px) {
#sp-search {display:block;}
}
#sp-search i {
color: #fff !important;
line-height: 70px!important;
text-align:center!important;
margin:auto!important;
display:block!important;

background: #3eb9de;
border: 2px solid #3eb9de;
font-size: 15px;
height: 70px;
padding: 0 25px;
}

#sp-search:hover i {background:transparent;border: 2px solid #3eb9de;transition: all 0.3s ease 0s;}

/**/

.feature01 {
border: 1px solid #f4f4f4;
margin-bottom: 40px;
padding: 20px 17px;
transition: all 500ms ease 0s;
}
.feature01 .sppb-addon-title{
color: #3d3d3d;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
transition: all 500ms ease 0s;
margin-top:0px;
transition: all 500ms ease 0s;
}
.feature01 img {padding:7px 0 15px 0;}


.feature01 .sppb-addon-text{
color: #999999;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.feature01:hover .sppb-addon-title{color: #43c3ea;transition: all 500ms ease 0s;}

/**/

.title-white .sppb-addon-title {
color: #ffffff;
font-size: 34px;
font-weight: 700;
line-height: 30px;
margin: 0;
text-transform: capitalize;
font-family: "Roboto",sans-serif;
}
/**/

.title-black .sppb-addon-title {
color: #3d3d3d;
font-size: 34px;
font-weight: 700;
line-height: 30px;
margin: 0;
text-transform: capitalize;
font-family: "Roboto",sans-serif;
}

/**/

.title-black-small .sppb-addon-title {
color: #3d3d3d;
font-size: 28px;
font-weight: 700;
line-height: 30px;
margin: 0 0 0 0;
padding-bottom:40px;
text-transform: capitalize;
font-family: "Roboto",sans-serif;
}

/**/

.title-white-link .sppb-addon-title {
color: #ffffff;
font-size: 34px;
font-weight: 700;
line-height: 30px;
margin: 0;
text-transform: capitalize;
font-family: "Roboto",sans-serif;
}

.title-white-link .sppb-addon-content {
font-size: 14px;
font-weight: 700;
text-decoration: underline;
text-transform: uppercase;
transition: all 500ms ease 0s;
text-align:right;
}
.title-white-link .sppb-addon-content a {color:#fff;transition: all 500ms ease 0s;}
.title-white-link .sppb-addon-content a:hover {color:#3eb9de;transition: all 500ms ease 0s;text-decoration: underline;}
/**/

.categories-area .single-item {
background: #ffffff none repeat scroll 0 0;
margin-bottom: 30px;
padding-left: 90px;
position: relative;
z-index: 1;
}
.categories-area .single-item::before {
background: #152545 none repeat scroll 0 0;
content: "";
height: 0;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.7s ease 0s;
width: 100%;
z-index: -1;
}
.categories-area .single-item:hover::before {
height: 100%;
opacity: 1;
}
.categories-area .single-item .icon-holder {
background: #43c3ea none repeat scroll 0 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 90px;
}
.categories-area .single-item .icon-holder::before {
color: #43c3ea;
content: "";
font-family: FontAwesome;
font-size: 20px;
font-style: normal;
font-weight: normal;
margin-top: -12px;
padding-right: 0;
position: absolute;
right: -6px;
top: 50%;
}
.categories-area .single-item .icon-holder .icon-box {
display: table;
height: 100%;
width: 100%;
}
.categories-area .single-item .icon-holder .icon-box .icon {
display: table-cell;
vertical-align: middle;
}
.categories-area .single-item .icon-holder span::before {
color: #fff;
display: block;
font-size: 30px;
text-align: center;
}
.categories-area .single-item .text-holder {padding: 27px 12px 13px 30px;}
.categories-area .single-item .text-holder h5 {
color: #3d3d3d;
font-size: 16px;
font-weight: 700;
margin: 0 0 8px;
text-transform: uppercase;
transition: all 500ms ease 0s;
}
.categories-area .single-item .text-holder p {transition: all 500ms ease 0s;font-weight: normal;}
.categories-area .single-item:hover .text-holder h5 {color: #ffffff;}
.categories-area .single-item:hover .text-holder p {color: #fff;}

/**/
.feature02 .sppb-addon-title {
color: #3d3d3d;
font-size: 32px;
font-weight: 700;
line-height: 32px;
margin: 0;
padding-bottom:40px;
text-transform: capitalize;
padding-top:30px;
}
.feature02 .sppb-addon-title:after {
background: #ececec;
display: block;
height: 1px;
margin: 20px 0 0;
width: 70px;
content: "";
}
.feature02 .sppb-addon-content img{
display:inline;
padding-right:10px;
}
.feature02 .sppb-addon-content h3 {
color: #3d3d3d;
font-size: 24px;
font-weight: 400;
line-height: 36px;
transition: all 0.7s ease 0s;
font-family: "Roboto",sans-serif!important;
}
.feature02 .sppb-addon-content a {color: #43c3ea;}
.feature02 .sppb-addon-content h3:hover {text-shadow: 2px 1px 1px #222;transition: all 0.7s ease 0s;}

/**/
.feature03 {padding-bottom:30px;}
.feature03 .sppb-addon-title {
color: #3d3d3d;
font-size: 18px;
font-weight: 700;
margin: 0 0 15px;
text-transform: capitalize;
font-family: "Roboto",sans-serif;
}
.feature03 .sppb-addon-text {
color: #999999;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 400;
}
.feature03 i {
color: #43c3ea;
margin-top:0;
}

.feature03 [class^="flaticon-"]::before, .feature03 [class*=" flaticon-"]::before, .feature03 [class^="flaticon-"]::after, .feature03 [class*=" flaticon-"]::after {font-size: 25px!important;}

/**/
.feature04 {
background: rgba(0, 0, 0, 0.1);
padding: 24px 0;
margin-bottom: 30px;
}
.sppb-animated-number {color:#fff; font-weight:700;}
.sppb-animated-number:after {
background: #43c3ea;
display: block;
height: 1px;
margin: 12px auto 6px auto;
width: 50px;
content: "";
}
.sppb-animated-number-title {
color: #ffffff;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
font-family: "Roboto",sans-serif;
}
.feature04::before {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
content: "";
height: 0;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.7s ease 0s;
width: 100%;
z-index: -1;
}
.feature04:hover::before {
height: 80%;
opacity: 1;
}

/**/


.appoinment-area .products .single-product {
display: block;
overflow: hidden;
}
.appoinment-area .products .single-product ul {
margin-left: -3px;
margin-right: -3px;
overflow: hidden;
display: inline;
}
.appoinment-area .products .single-product ul li {
display: inline-block;
float: left;
margin: 0 3px 15px;
}
.appoinment-area .products .single-product ul li .img-holder {
border: 1px solid #f0f0f0;
display: block;
overflow: hidden;
position: relative;
}
.appoinment-area .products .single-product ul li .img-holder .overlay-box {
background: rgba(67, 195, 234, 0.9) none repeat scroll 0 0;
height: 0;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.7s ease 0s;
width: 100%;
}
.appoinment-area .products .single-product ul li .img-holder .overlay-box .box {
display: table;
height: 100%;
width: 100%;
}
.appoinment-area .products .single-product ul li .img-holder .overlay-box .box .content {
bottom: 7px;
display: table-cell;
left: 15px;
position: absolute;
text-align: left;
vertical-align: bottom;
}
.appoinment-area .products .single-product ul li .img-holder .overlay-box .box .content a {
color: #ffffff;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.appoinment-area .products .single-product ul:hover li .img-holder .overlay-box {
height: 100%;
opacity: 1;
}
.appoinment-area .sppb-col-md-3 {padding:0 5px 5px 5px !important;}
/**/

.appoinment-form {
border: 3px solid #f7f7f7;
display: block;
padding: 27px 10px 10px 10px !important;
}


.appoinment-form .input-box .icon-box i {
color: #999999;
font-size: 14px;
}
.field-calendar input {width:107%!important;}
.appoinment-form input, .appoinment-form textarea, .appoinment-form select{
border: 1px solid #ececec;
color: #999999;
display: block;
font-size: 14px;
font-weight: 400;
height: 40px;
padding: 0 15px;
transition: all 500ms ease 0s;
width: 100%;
border-radius:0px;
margin-bottom:20px;
}
.appoinment-form textarea {
height: 90px;
margin-top: -7px;
padding: 10px 15px;
}

.appoinment-form .sppb-btn-success {
margin-top: 4px;
padding: 13px 20px 11px;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 14px;
text-transform: uppercase!important;
transition: all 500ms ease 0s;
background:#3eb9de;
border:1px solid #3eb9de;
border-radius:3px!important;
color:#fff;
}

.appoinment-form input:focus {
border-color: #43c3ea;
}
.appoinment-form textarea:focus {
border-color: #43c3ea;
}
.appoinment-form .sppb-btn-success:hover {
background: #152545!important;
border:1px solid #152545;
}
.appoinment-form .btn {background:#fff; margin-left:-30px;top:2px; position:relative; padding: 7px 5px;right:2px; }

/*blog*/

.home-blog .sppb-addon-article h3 a:hover{color:#43c3ea!important;}
.home-blog .sppb-addon-article:hover h3 a {color:#3d3d3d;}
.home-blog .sppb-addon-article h3 a {
font-size: 18px;
font-weight: 700;
line-height: 28px;
font-family: "Roboto",sans-serif;
color:#fff;
}
.sppb-addon-article::before {
background: #ffffff none repeat scroll 0 0;
bottom: 0;
content: "";
height: 0;
left: 0;
opacity: 0;
position: absolute;
transition: all 0.7s ease 0s;
width: 100%;
z-index: -1;
}

.sppb-addon-article:hover:before {
height: 100%;
opacity: 1;
}
.home-blog .sppb-addon-article h3 {padding:0 20px;}
.sppb-addon-articles .sppb-article-meta{
padding:0 20px;

}
 .sppb-meta-date, .sppb-meta-author {
font-family: "Open Sans",sans-serif!important;
font-size: 14px!important;
font-weight: 400;
transition: all 500ms ease 0s;
color:#3eb9de!important;
}
.sppb-addon-article  {
border-bottom: 2px solid #132241;
border-left: 2px solid #132241;
border-right: 2px solid #132241;
padding-bottom: 17px;
position: relative;
transition: all 500ms ease 0s;
z-index: 1;
}


article.item .pull-left {margin: 10px 30px 10px 0!important;}
.entry-header h2 {
color: #3d3d3d;
font-size: 20px;
font-weight: 700;
line-height: 28px;
margin: 0 0 6px;
text-transform: uppercase;
transition: all 500ms ease 0s;
font-family: Open Sans,sans-serif;
}
.article-info > dd {
color: #999999;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
transition: all 500ms ease 0s;
}
.article-info > dd a{
color: #999999;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
transition: all 500ms ease 0s;
}
article.item strong {
color: #3d3d3d;
font-size: 18px;
font-weight: 700;
font-family: "Roboto",sans-serif;
}




/*end*/

/*testimonial*/
.testimonial-carousel .single-item .img-holder {
background: #fff none repeat scroll 0 0;
border: 1px solid #f7f7f7;
border-radius: 50%;
display: block;
height: 95px;
margin: 0 auto;
overflow: hidden;
padding: 7px;
position: relative;
transition: all 0.7s ease 0s;
width: 95px;
z-index: 1;
}
.testimonial-carousel .single-item:hover .img-holder {
background: #152545 none repeat scroll 0 0;
border-color: #152545;
}
.testimonial-carousel .single-item .text-holder {
border: 1px solid #f7f7f7;
margin-top: -48px;
padding: 74px 25px 23px;
transition: all 0.7s ease 0s;
z-index: -1;
}
.testimonial-carousel .single-item:hover .text-holder {
border-color: #e7e3e3;
}
.testimonial-carousel .single-item .text-holder h5 {
color: #43c3ea;
font-size: 16px;
font-weight: 700;
margin: 0 0 9px;
text-transform: uppercase;
}
.testimonial-carousel .single-item .text-holder p {
}
.testimonial-carousel .single-item .client-info {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #f7f7f7;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
display: block;
overflow: hidden;
padding: 15px 25px 12px;
position: relative;
text-align: left;
transition: all 500ms ease 0s;
z-index: 1;
}
.testimonial-carousel .single-item .client-info::before {
background: #152545 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 0;
left: 0;
opacity: 0;
position: absolute;
transition: all 0.7s ease 0s;
width: 100%;
z-index: -1;
}
.testimonial-carousel .single-item:hover .client-info {
border-color: #152545;
}
.testimonial-carousel .single-item:hover .client-info::before {
height: 100%;
opacity: 1;
}
.testimonial-carousel .single-item .client-info .name h6 {
color: #3d3d3d;
font-size: 16px;
font-weight: 700;
margin: 0 0 3px;
text-transform: uppercase;
transition: all 700ms ease 0s;
}
.testimonial-carousel .single-item .client-info .name p {
color: #43c3ea;
margin: 0;
transition: all 500ms ease 0s;
}
.testimonial-carousel .single-item .client-info .rating-box p {
background: #43c3ea none repeat scroll 0 0;
color: #ffffff;
font-size: 14px;
height: 20px;
line-height: 20px;
margin: 0;
text-align: center;
width: 50px;
}
.testimonial-carousel .single-item .client-info .rating-box p i {
display: inline-block;
padding-left: 3px;
}
.testimonial-carousel .single-item:hover .client-info .name h6 {
color: #ffffff;
}
.testimonial-carousel .single-item:hover .client-info .name p {
color: #4d8cb2;
}
.testimonial-area .owl-theme .owl-dots {
display: none;
text-align: center;
}
.testimonial-area .owl-theme .owl-nav {
left: 0;
position: absolute;
top: 50%;
width: 100%;
}
.testimonial-area .owl-theme .owl-nav .owl-prev {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #fff none repeat scroll 0 0;
border-color: #f6f6f6 currentcolor #f6f6f6 #f6f6f6;
border-image: none;
border-style: solid none solid solid;
border-width: 1px medium 1px 1px;
display: block;
height: 40px;
left: -44px;
position: absolute;
top: -15px;
transition: all 700ms ease 0s;
width: 40px;
z-index: 10;
}
.testimonial-area .owl-theme .owl-nav .owl-next {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #fff none repeat scroll 0 0;
border-color: #f6f6f6 #f6f6f6 #f6f6f6 currentcolor;
border-image: none;
border-style: solid solid solid none;
border-width: 1px 1px 1px medium;
display: block;
height: 40px;
position: absolute;
right: -44px;
top: -15px;
transition: all 700ms ease 0s;
width: 40px;
z-index: 10;
}
.testimonial-area .owl-theme .owl-nav .owl-prev:hover {
background: #43c3ea none repeat scroll 0 0;
}
.testimonial-area .owl-theme .owl-nav .owl-next:hover {
background: #43c3ea none repeat scroll 0 0;
}
.testimonial-area .owl-theme .owl-nav div .fa:hover {
color: #fff;
}
.testimonial-area .owl-theme .owl-nav div .fa {
color: #ececec;
display: block;
font-size: 25px;
padding-top: 2px;
text-align: center;
}

/**/
.home-logos .owl-item img {
border: 1px solid #eaeaea;
text-align: center;
transition: all 300ms ease-in 0s;
}
.home-logos .owl-item img:hover {
border: 1px solid #43c3ea;
transition: all 300ms ease-in 0s;
}
.home-logos .owl-item {padding-right:20px !important; }


/**/
.single-footer-widget .footer-contact-info li {
margin-bottom: 12px;
padding-left: 35px;
position: relative;
}
.single-footer-widget .footer-contact-info li:last-child {
margin-bottom: 0;
}
.single-footer-widget .footer-contact-info li .icon-holder {
left: 0;
position: absolute;
top: 7px;
}
.single-footer-widget .footer-contact-info li .icon-holder span::before {
color: #43c3ea;
font-size: 15px;
}
.single-footer-widget .footer-contact-info li .text-holder {
}
.single-footer-widget .footer-contact-info li .text-holder h5 {
color: #c1c1c1;
font-size: 14px;
font-weight: 400;
line-height: 24px;
font-family: "Roboto",sans-serif!important;
}
.single-footer-widget .footer-contact-info li .text-holder h5 span {
color: #c1c1c1;
font-size: 14px;
font-weight: 500;
line-height: 24px;
font-family: "Roboto",sans-serif!important;

}

#sp-bottom .sp-module ul > li {
border-bottom: 0 solid #e8e8e8!important;
}
#sp-bottom .sp-module-title {
color: #ffffff;
font-size: 20px!important;
font-weight: 700!important;
text-transform: uppercase!important;
font-family: "Roboto",sans-serif!important;
margin-top: 20px;
padding-bottom: 0px;
}

/**/
.single-footer-widget .subscribe-form {
overflow: hidden;
}
.single-footer-widget .subscribe-form p {
color: #c1c1c1;
font-size: 14px;
font-weight: 400;
margin: 6px 0 12px;
}

.subscribe-form input[type="text"], .subscribe-form input[type="email"] {
background: #152545 none repeat scroll 0 0;
border: 1px solid #172849;
border-radius:0px !important;
color: #c1c1c1;
display: block;
font-size: 14px;
font-weight: 400;
height: 42px;
padding-left: 10px;
padding-right: 5px;
position: relative;
transition: all 500ms ease 0s;
width: 184px;
}
.subscribe-form .col-md-9{padding-left:0px !important;}
.subscribe-form input[type="submit"] {
background:#152545 url(../images/paper-plane.png) no-repeat;
border: 1px solid #172849;
height: 42px!important;
transition: all 500ms ease 0s;
width: 36px!important;
font-size:0px;
border-radius:0px !important;
}
.subscribe-form input[type="submit"]:hover {
background:#43c3ea url(../images/paper-plane-hover.png) no-repeat;
transition: all 500ms ease 0s;
border:1px solid #43c3ea;
}
.submit-newsletter input:focus {
background: #fff none repeat scroll 0 0;
border: 1px solid #43c3ea;
color: #1b1b1b;
}
.submit-newsletter input:hover {
background: #43c3ea none repeat scroll 0 0;
border-color: #43c3ea;
color: #1b1b1b;
}
.single-footer-widget .subscribe-form h4 {
border-bottom: 1px solid #172849;
color: #c1c1c1;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 26px;
margin: 25px 0 20px;
padding-bottom: 25px;
}
#sp-bottom1 a {
background: #43c3ea;
border-color: #43c3ea;
border-style: solid;
border-width: 2px;
padding: 13px 42px;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 14px;
transition: all 500ms ease 0s;
border-radius: 3px;
 text-transform: uppercase;
 color:#fff;
}
#sp-bottom1 a:hover {background: transparent;border-color: #43c3ea;}
/**/
#sp-bottom .sp-module ul > li > a {
color: #c1c1c1;
font-size: 14px;
font-weight: 400;
transition: all 700ms ease 0s;
}
#sp-bottom .sp-module ul > li > a::before {
content:"\f0da"
}

#sp-footer1 {text-align:left;line-height: 50px;}
#sp-footer2 img {float:right;}
#sp-footer2 img {text-align:right;}

/**/
 @media (min-width: 860px) {
#sp-bottom2 {margin-top:-21px;padding:20px 20px 20px 40px;}
#sp-bottom3 {margin-top:-21px;padding:20px 40px 20px 10px;}
#sp-bottom4  {margin-top:-21px;padding:20px 20px 20px 10px;}

 }
#sp-bottom2 {background: #13213e; min-height:360px; }
#sp-bottom3 {background: #13213e; min-height:360px;}
#sp-bottom4 {background: #13213e;padding:20px 20px 20px 10px; min-height:360px; }


#sp-top2 .sp-module{
  display: inline !important;
  margin: 0;
  float: right;
}
 @media (min-width: 861px) {
 #sp-top2 {text-align:right;}
 }

 @media (max-width: 860px) {

#sp-bottom1 {margin-bottom:40px;}
#sp-bottom2, #sp-bottom3, #sp-bottom4 {padding:20px;margin-top:-21px;}
.footer-social-links {margin-top:-42px;}
#sp-header-top .logo {margin-bottom:30px;}
#sp-top2 {float:left!important; padding-left:0!important;}
}
/**/
@media (min-width: 1024px) {
.footer-social-links {margin-top:-42px;}
}

.footer-social-links ul li {display: inline-block;float: left;margin-right: 20px;}
.footer-social-links ul li:last-child {margin-right: 0;}

.footer-social-links ul li a i {
color: #c1c1c1;
font-size: 16px;
transition: all 500ms ease 0s;
}
.footer-social-links ul li a:hover i {color: #43c3ea;}

#sp-bottom3 .sp-module ul > li > a::before { content: " ";}
/**/

.title-services .sppb-addon-title {
color: #3d3d3d;
font-size: 28px;
font-weight: 700;
line-height: 28px;
margin-top: 0px;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
padding-bottom:10px;
}

/* fix for sp width with sidebar*/
.withcode .sppb-row-container {width: 100% !important; }
.com-sppagebuilder #sp-main-body.withcode {margin: 0 auto;}

@media (min-width: 768px) {
.com-sppagebuilder #sp-main-body.withcode {max-width: 750px;}
}
@media (min-width: 992px) {
.com-sppagebuilder #sp-main-body.withcode {max-width: 970px;}
}
@media (min-width: 1200px) {
.com-sppagebuilder #sp-main-body.withcode {max-width: 1170px;}
}
/*end*/

.services-page{padding-top:50px;}
.services-page .nav > li > a {
border-bottom: 1px solid #f6f6f6;
color: #343434;
font-size: 14px;
font-weight: 700;
line-height: 52px;
padding: 1px 20px;
text-transform: uppercase;
transition: all 300ms ease 0s;
background:#f7f7f7;
}
.services-page .nav.menu {
border: 1px solid #f6f6f6;
}
.services-page .nav li.active a {
background: #152545 none repeat scroll 0 0;
color: #fff;
}
.services-page .nav li:hover a {
background: #152545 none repeat scroll 0 0;
color: #fff;
}
.services-page .nav li a::before {
background: #43c3ea;
content: "";
height: 30px;
left: 0;
position: absolute;
top: 14px;
transition: all 500ms ease 0.5s;
width: 0;
z-index: 1;
}
.services-page .nav li:hover a::before {width: 5px;transition: all 500ms ease 0.5s;}
.services-page .nav li.active a::before {width: 5px;transition: all 500ms ease 0.5s;}

#sp-left .sp-module ul > li > a::before {content:" ";}
#sp-right .sp-module ul > li > a::before {content:" ";}

/**/
.services-page-repair .repair-time {
background: rgba(0, 0, 0, 0) url("../../../images/repair-time-bg.jpg") no-repeat scroll 0 0 / cover ;
margin-top: 50px;
min-height: 170px;
padding-left: 30px;
padding-top: 23px;
position: relative;
z-index: 1;
}
.services-page-repair .repair-time::before {
background: #152545 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.9;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.services-page-repair .repair-time h3 {
color: #ffffff;
font-size: 20px;
font-weight: 700;
line-height: 28px;
margin: 0 0 18px;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
padding-bottom:5px;
}
.services-page-repair .repair-time a {
border-color: #43c3ea;
background: #43c3ea;
border-style: solid;
border-width: 2px;
padding: 14px 19px 13px;
color:#fff;
border-radius: 3px;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: 700;
transition: all 400ms ease 0.5s;
}
.services-page-repair .repair-time:hover a {
color: #fff;
background:transparent!important;
transition: all 400ms ease 0.5s;
}
/**/
.sp-page-title h2 {
color: #3d3d3d;
font-size: 40px;
font-weight: 700;
text-transform: capitalize;
text-align:center;
padding-top: 50px;
}
.sp-page-title h3 {
color: #3d3d3d;
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
text-align:center;
padding:5px 0;
}
.sp-page-title {padding:55px 0;}
.sp-page-title .breadcrumb {display:none;}


#sp-breadc{
border-bottom: 1px solid #f0f0f0;
padding: 13px 0 7px;
}
.breadcrumb {
background-color: #fff;
 /*padding-left:10%;*/
margin-bottom: 5px;
padding-left: 0px;
 /*padding-right:10%;*/
}
.breadcrumb > li a {
color: #3d3d3d;
transition: all 500ms ease 0s;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.breadcrumb > li a:hover {color:#43c3ea;transition: all 500ms ease 0s;}
.breadcrumb > li + li::before {content:" ";}
.breadcrumb > li + li a::after {
color: #43c3ea;
content: "\f0da";
font-family: FontAwesome;
padding-left:10px;
}
.breadcrumb > .active {
color: #43c3ea;
display: inline-block;
font-size: 14px;
font-weight: 700;
margin: 0 2px;
text-transform: uppercase;
}

/**/

.feature05 .sppb-addon-title {
color: #43c3ea;
font-size: 30px;
font-weight: 500;
font-family: "Roboto",sans-serif;
line-height: 40px;
margin-top:0px;
}
.feature05 .sppb-addon-content {

}

.feature06 {
cursor: pointer;
float: left;
height: 100%;
margin: 0;
max-height: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
.feature06 img {
display: block;
height: auto;
opacity: 1;
position: relative;
transform: scaleY(1);
transition: all 0.5s ease-in-out 0s;
width: 100%;
}
.feature06:hover img {
transform: scale(1.1);
}
.feature06 .sppb-modal-selector::before{
background-color: rgba(67, 195, 235, 0.7);
opacity:0;
transform: scale(1);
transition: all 0.5s ease 0s;
}

.feature06:hover  .sppb-modal-selector::before{
background-color: rgba(67, 195, 235, 0.7);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
width: 100%;
z-index: 1;
opacity:1;
}

/**/

.feature07 .sppb-addon-title {
color: #3d3d3d;
font-size: 32px;
font-weight: 700;
line-height: 32px;
margin: 0;
padding-bottom:40px;
text-transform: capitalize;
}
.feature07 .sppb-addon-title:after {
background: #ececec;
display: block;
height: 1px;
margin: 20px 0 0;
width: 70px;
content: "";
}

/**/

.feature08 .sppb-addon-title {
color: #252525;
font-size: 18px;
font-weight: 700;
margin: 0 0 14px;
text-transform: capitalize;
font-family: "Roboto",sans-serif;
}
.feature08 .sppb-addon-text {
color: #999999;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.feature08{padding-bottom: 40px;}

/**/

.text-center {text-align: center;}
.working-process-area .single-iten .img-box {
border: 2px dashed #3c3735;
border-radius: 50%;
height: 180px;
margin: 0 auto;
padding: 8px;
position: relative;
transition: all 500ms ease 0s;
width: 180px;
}
.working-process-area .single-iten .img-box .count {
background: #43c3ea none repeat scroll 0 0;
border-radius: 50%;
height: 45px;
left: -5px;
position: absolute;
top: 13px;
width: 45px;
}
.working-process-area .single-iten .img-box .count h3 {
color: #ffffff;
font-size: 18px;
font-weight: 400;
line-height: 45px;
margin: 0;
}
.working-process-area .single-iten .text-box {
margin: 22px 0 0;
}
.working-process-area .single-iten .text-box h3 {
color: #f3f3f3;
font-size: 18px;
font-weight: 700;
margin: 0 0 9px;
}
.working-process-area .single-iten .text-box p {
color: #ffffff;
}
.working-process-area .single-iten:hover .img-box {
border: 2px dashed #43c3ea;
}

/**/
.sppb-person-image {
overflow: hidden;
position: relative;
}
.sppb-person-image::after {
background: rgba(67, 195, 234, 0.9);
color: #ffffff;
content: " ";
height: 100%;
top: -100%;
position: absolute;
text-align: center;
left: 0;
transition: all 500ms ease 0s;
width: 100%;
}
.ab_persons:hover .sppb-person-image::after {
top: 0;
opacity: 1;
}

.ab_persons {
padding: 10px 0;
}
.sppb-addon-persion .sppb-person-information > span.sppb-person-name {
color: #3d3d3d;
font-size: 18px;
font-weight: 700;
font-family: "Roboto",sans-serif;
line-height: 1.4em;
padding-top: 10px;
text-transform: capitalize;
}
.sppb-addon-persion .sppb-person-information > span.sppb-person-designation {
color: #43c3ea;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
text-transform: capitalize;
}
.sppb-addon-persion .sppb-addon-content > div {
color: #9e9e9e;
font-family: Open Sans;
font-size: 14px;
font-weight: normal;
line-height: 26px;
}

.sppb-addon-persion .sppb-person-social > li {
margin: 0 5px;
}
.sppb-addon-persion .sppb-person-social > li > a {
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
display: inline-block;
height: 40px;
line-height: 24px;
padding: 7px 0;
text-align: center;
width: 40px;
}
.sppb-addon-persion .sppb-person-social > li > a:hover {
background:#152545;
color: #fff;
border:1px solid #152545;
}
.sppb-addon-persion .sppb-person-social {
visibility: hidden;
}
.ab_persons:hover .sppb-person-social {
visibility: visible;
}
.ab_persons:hover .sppb-person-social {
left: 22%;
position: absolute;
text-align: center;
top: 20%;
}
.ab_persons .sppb-addon-content hr {border-bottom: 3px solid #f7f7f7; margin-top:40px;}
/**/
#sp-position1 {line-height:40px;}
#sp-position1 a {
color: #43c3ea;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
transition: all 500ms ease 0s;
}
#sp-position1 a:before {content: "\f1e0"; font-family: FontAwesome; padding-right:10px;}

#sp-position1 a:hover {color: #152545;transition: all 500ms ease 0s;}


/**/

.faq-content .single-item {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 3px 8px -1px rgb(216, 214, 214);
display: block;
margin-bottom: 30px;
padding: 46px 28px 22px;
transition: all 500ms ease 0s;
}
.faq-content .single-item:hover {
box-shadow: 0 3px 8px -1px rgb(67, 195, 234);
}
.faq-content .single-item .title {
margin: 0 0 19px;
position: relative;
z-index: 1;
}
.faq-content .single-item .title::before {
background: rgba(0, 0, 0, 0) url("../../../images/q.png") repeat scroll 0 0;
content: "";
height: 62px;
left: 0;
opacity: 0.5;
position: absolute;
top: -16px;
width: 45px;
z-index: -1;
}
.faq-content .single-item .title h3 {
color: #272727;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
z-index: 5;
}
.faq-content .single-item .text {
}
.faq-content .single-item .text p {
margin: 0 0 14px;
}
.faq-content .single-item .text a {
color: #3d3d3d;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
transition: all 500ms ease 0s;
}
.faq-content .single-item .text a i {
display: inline-block;
padding-left: 5px;
}
.faq-content .single-item:hover .text a {
color: #43c3ea;
}

/**/
.qun-form .sppb-addon-title {
color: #3d3d3d;
font-size: 34px;
font-weight: 700;
line-height: 30px;
margin: 10px 0 40px 0;
text-transform: capitalize;
font-family: "Roboto",sans-serif;
}
.qun-form {background:#f7f7f7; padding:50px 10% 50px 50px}
.qun-form input{
background: #f7f7f7 none repeat scroll 0 0;
border: 1px solid #e2e2e2;
height: 50px;
margin-bottom: 5px;
transition: all 500ms ease 0s;
width: 100%;
border-radius:1px;
}
.qun-form textarea{
background: #f7f7f7;
border: 1px solid #e2e2e2;
margin-bottom: 5px;
transition: all 500ms ease 0s;
width: 100%;
height:130px;
border-radius:1px;
}
.sppb-btn-sent:hover {
background:#152545!important;
transition: all 500ms ease 0s;
border-top:1px solid #152545!important;
border-left:1px solid #152545!important;
border-right:1px solid #152545!important;
border-bottom: 2px solid #3cb4d8!important;
}
.sppb-btn-sent {
margin-top: 4px;
padding: 18px 40px 15px;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 14px;
text-transform: uppercase!important;
transition: all 500ms ease 0s;
background:#43c3ea!important;
border-top:1px solid #43c3ea!important;
border-left:1px solid #43c3ea!important;
border-right:1px solid #43c3ea!important;
border-bottom: 2px solid #3cb4d8!important;
border-radius:3px!important;
color:#fff;
width:200px!important;

}
/**/
.acc-class {padding:50px 15px 50px 12%}
.acc-class .sppb-panel-faq {
background: #ffffff;
line-height: 18px;
padding: 0px 0px 5px;
transition: all 500ms ease 0s;
border: 1px solid #ececec;
margin-top:12px;
}
.acc-class .sppb-panel-title {
color: #3d3d3d;
font-size: 18px;
font-weight: 700;
line-height: 32px;
text-transform: none;
transition: all 500ms ease 0s;
font-family: "Roboto",sans-serif;
}
.sppb-panel-faq > .sppb-panel-heading.active .sppb-toggle-direction{color:#fff}
.acc-class .sppb-panel-heading.active .sppb-panel-title {color:#fff}
.acc-class .sppb-panel-heading.active {
background: #43c3ea;
border-color: #43c3ea;
}
.acc-class .sppb-panel-heading {border-bottom:0px solid #fff!important;}
.acc-class .sppb-panel-body {
color: #9a9a9a;
line-height: 26px;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 400;
border-color: currentcolor currentcolor #fff;
padding:20px;
}

/**/

.testimonial-section .single-testimonial-item {
margin-bottom: 50px;
}
.testimonial-section .single-testimonial-item .text-holder {
border: 2px solid #f7f7f7;
display: block;
padding: 17px 18px 20px;
position: relative;
transition: all 500ms ease 0s;
}
.testimonial-section .single-testimonial-item .text-holder::before {
border-left: 20px solid #f7f7f7;
border-right: 16px solid transparent;
border-top: 16px solid transparent;
bottom: -27px;
content: "";
height: 15px;
left: 0;
position: absolute;
transform: rotate(88deg);
transition: all 500ms ease 0s;
width: 15px;
}
.testimonial-section .single-testimonial-item .text-holder p {
font-size: 16px;
font-style: italic;
line-height: 26px;
margin: 0;
}
.testimonial-section .single-testimonial-item .client-info {
margin-top: 30px;
}
.testimonial-section .single-testimonial-item .client-info .img-box {
border: 2px solid transparent;
transition: all 500ms ease 0s;
width: 60px;
}
.testimonial-section .single-testimonial-item .client-info .img-box, .testimonial-section .single-testimonial-item .client-info .title-box {
display: table-cell;
vertical-align: top;
}
.testimonial-section .single-testimonial-item .client-info .title-box {
padding-left: 20px;
}
.testimonial-section .single-testimonial-item .client-info .title-box h4 {
color: #3d3d3d;
font-size: 16px;
font-weight: 700;
margin: 0 0 4px;
text-transform: uppercase;
}
.testimonial-section .single-testimonial-item .client-info .title-box p {
color: #43c3ea;
margin: 0;
}
.testimonial-section .single-testimonial-item:hover .text-holder {
border-color: #43c3ea;
}
.testimonial-section .single-testimonial-item:hover .text-holder::before {
border-left-color: #43c3ea;
}
.testimonial-section .single-testimonial-item:hover .client-info .img-box {
border-color: #43c3ea;
}

.feature09 .sppb-addon-title {
color: #3d3d3d;
font-size: 32px;
font-weight: 700;
line-height: 32px;
margin: 0;
padding-bottom:40px;
text-transform: capitalize;
padding-top:30px;
}
.feature09 .sppb-addon-title:after {
background: #ececec;
display: block;
height: 1px;
margin: 20px auto;
width: 70px;
content: "";
}

/**/

.pricing-plan-one-area .single-pricing-box .pricing-plan .table-top {
background: #43c3ea none repeat scroll 0 0;
display: block;
padding: 19px 0;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-top h3 {
color: #ffffff;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan {
overflow-x: auto;
position: relative;
width: 100%;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan table {
min-width: 450px;
width: 100%;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading {
background: #f7f7f7 none repeat scroll 0 0;
width: 100%;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr {
}
.pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr th {
border: 1px solid #ffffff;
color: #3d3d3d;
font-size: 18px;
font-weight: 700;
padding: 13px 20px 14px;
text-transform: capitalize;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr:nth-of-type(2n+1) {
background: #fff none repeat scroll 0 0;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr:nth-of-type(2n) {
background: #fff none repeat scroll 0 0;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr {
}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr td {
border: 1px solid #f7f7f7;
min-width: 110px;
padding: 14px 20px 15px;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr td h5 {
color: #999999;
font-size: 16px;
font-weight: 700;
}
.pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr td h6 {
color: #999999;
font-size: 16px;
font-weight: 400;
padding-left: 12px;
}
/**/
.pricing-plan-two-area {
padding-bottom: 80px;
}
.pricing-plan-two-area .sec-title-two {
padding-bottom: 40px;
}
.pricing-plan-two-area .sec-title-two .border {
display: inline-block;
height: 1px;
margin: 20px 0 0;
}

.pricing-plan-two-area .pricing-plan-two .pricing-plan .title {
padding-bottom: 30px;
}
.pricing-plan-two-area .pricing-plan-two .pricing-plan .title h2 {
color: #3d3d3d;
font-size: 28px;
font-weight: 700;

}
.pricing-plan-two-area .pricing-plan-two .pricing-plan .single-pricing-plan table {
min-width: 220px;
overflow-x: auto;
position: relative;
width: 100%;
}
.pricing-plan-two-area .pricing-plan table .table-heading {
}
.pricing-plan-two-area .pricing-plan table .table-heading tr {
}
.pricing-plan-two-area .pricing-plan table .table-heading tr th {
border-bottom: 2px solid #f7f7f7;
color: #3d3d3d;
font-family: "Roboto",sans-serif;
font-size: 16px;
font-weight: 700;
padding: 0 0 12px;
text-transform: uppercase;
}
.pricing-plan-two-area .pricing-plan table tbody tr:nth-of-type(2n+1) {
background: #fff none repeat scroll 0 0;
}
.pricing-plan-two-area .pricing-plan table tbody tr:nth-of-type(2n) {
background: #fff none repeat scroll 0 0;
}
.pricing-plan-two-area .pricing-plan table tbody tr {
}
.pricing-plan-two-area .pricing-plan table tbody tr td {
border-bottom: 1px solid #f7f7f7;
min-width: 110px;
padding: 14px 0 15px;
}
.pricing-plan-two-area .pricing-plan table tbody tr td h5 {
color: #999999;
font-size: 16px;
font-weight: 400;
}
.pricing-plan-two-area .pricing-plan table tbody tr td h5 span {
float: right;
}
.border-betw {border-top: 1px solid #f7f7f7;}

/**/

.contactpage textarea {
border: 1px solid #ececec;
color: #999999;
display: block;
font-size: 14px;
height: 180px;
margin-bottom: 30px;
padding:20px;
transition: all 500ms ease 0s;
width: 100%;
}
.contactpage input {
border: 1px solid #ececec;
color: #999999;
display: block;
font-size: 14px;
height: 50px;
margin-bottom: 30px;
padding: 0 20px;
transition: all 500ms ease 0s;
width: 100%;
}

.sppb-btn-sent2:hover {
background:#152545!important;
transition: all 500ms ease 0s;
border-top:1px solid #152545!important;
border-left:1px solid #152545!important;
border-right:1px solid #152545!important;
border-bottom: 2px solid #3cb4d8!important;
}
.sppb-btn-sent2 {
margin-top: 4px;
padding: 18px 40px 15px;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 14px;
text-transform: uppercase!important;
transition: all 500ms ease 0s;
background:#43c3ea!important;
border-top:1px solid #43c3ea!important;
border-left:1px solid #43c3ea!important;
border-right:1px solid #43c3ea!important;
border-bottom: 2px solid #3cb4d8!important;
border-radius:3px!important;
color:#fff!important;
width:100%!important;
}

/**/

.contact-info-list li {
border-bottom: 1px solid #f7f7f7;
margin-bottom: 13px;
padding-bottom: 13px;
padding-left: 35px;
position: relative;
list-style:none;
}
.contact-info-list li:last-child {
border-bottom: 0 solid;
margin-bottom: 0;
padding-bottom: 0;
}
.contact-info-list li .icon-holder {
left: 0;
position: absolute;
top: 7px;
}
.contact-info-list li .icon-holder span::before {
color: #43c3ea;
font-size: 15px;
}
.contact-info-list li .text-holder {
}
.contact-info-list li .text-holder h5 {
color: #999999;
font-size: 14px;
font-weight: 400;
line-height: 24px;
font-family: "Roboto",sans-serif;
}
.contact-info-list li .text-holder h5 span {
color: #3d3d3d;
font-weight: 500;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
}

.accordion-box .sppb-panel-body {padding: 15px 0;border-top-color:#152545}
.accordion-box .sppb-panel-info > .sppb-panel-heading {background:#f5f5f5;}
.accordion-box .sppb-panel-title{
color: #252525;
font-size: 18px;
font-weight: 700;
line-height: 28px;
text-transform: capitalize;
transition: all 500ms ease 0s;
font-family: "Roboto",sans-serif;
}
.accordion-box .sppb-panel-info { border-color: #f5f5f5;}
.accordion-box .sppb-panel-body {border: 1px solid #152545!important;margin-bottom:5px;}
.accordion-box .sppb-panel-heading.active {background: #152545;}
.accordion-box .sppb-panel-heading.active .sppb-panel-title {color:#fff;}
.accordion-box .sppb-panel-heading.active .sppb-toggle-direction{color:#fff}

/**/
input.search-query {
background: #fff none repeat scroll 0 0;
border: 1px solid #f7f7f7;
color: #999999;
display: block;
font-size: 14px;
font-weight: 500;
height: 50px;
letter-spacing: 1px;
padding-left: 15px;
padding-right: 55px;
position: relative;
transition: all 500ms ease 0s;
width: 100%;
}
#sp-right {border-left: 1px solid #f7f7f7;padding-left:12px;line-height:100%;}
#sp-left {border-right: 1px solid #f7f7f7;padding-left:12px;line-height:100%;}

.folder.sp-module ul > li > a::after {
content: "\f105"!important;
font-family: "FontAwesome";
float:right;
}
.folder.sp-module ul > li > a::before {
content: "\f114"!important;
font-family: "FontAwesome";
font-size: 16px;
left: 0!important;
line-height: 24px;
top: 14px;
color: #999999;
}
.folder.sp-module ul > li > a:hover::before {color:#3eb9de!important;transition: all 500ms ease 0s;}
.folder.sp-module ul > li > a {
color: #999999!important;
font-size: 14px;
font-weight: 400;
position: relative;
transition: all 500ms ease 0s;
}
.folder.sp-module ul > li > a:hover {color:#3eb9de!important;transition: all 500ms ease 0s;}
.folder.sp-module ul > li {
border-bottom: 1px solid #f7f7f7;
padding:5px 0px;
}
#sp-right .sp-module .sp-module-title, #sp-left .sp-module .sp-module-title {
color: #3d3d3d;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
}
#sp-right, #sp-left {padding:0 20px;}
#sp-right .sp-module .latestnews > div > a, #sp-left .sp-module .latestnews > div > a {
color: #43c3ea;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
margin: 0 0 10px;
transition: all 500ms ease 0s;
}
#sp-right .sp-module .latestnews small, #sp-left .sp-module .latestnews small {
font-family: "Roboto",sans-serif;
color: #999999;
font-size: 14px;
font-weight: 400;
}

#sp-right .sp-module .latestnews small::before, #sp-left .sp-module .latestnews small::before {
content: "\f017"!important;
font-family: "FontAwesome";
color: #43c3ea;
font-size: 14px;
padding-right: 10px;
}
#sp-right .sp-module .latestnews > div, #sp-left .sp-module .latestnews > div{
border-bottom:1px solid #f7f7f7; padding:5px 0 18px 0;}

article .readmore .btn-default {
color: #3d3d3d;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
transition: all 500ms ease 0s;
padding:0px;
border:1px solid transparent;
}
article .readmore:hover .btn-default{background:transparent;color: #43c3ea;}
article .readmore .btn-default:after {
content: "\f0da"!important;
font-family: "FontAwesome";
color: #3d3d3d;
font-size: 14px;
padding-left: 10px;
}
article .readmore .btn-default:hover::after {color: #43c3ea!important;}

/*shop*/

.j2store-minicart-button {
font-size: 20px;
color: #43c3ea;
font-weight: 500;
line-height: 22px;
text-align: right;
}
.cart-item-info .link i {margin-top:20px!important;color:#111111!important}
.cart-item-count {
animation-delay: 5000ms;
animation-duration: 2000ms;
animation-iteration-count: 1;
animation-name: zoomInStable;
animation-timing-function: linear;
background: #fc7b2d !important;
border-radius: 50%;
color: #ffffff;
font-size: 12px;
height: 20px;
line-height: 20px;
position: absolute;
right: -10px;
text-align: center;
top: -12px;
width: 20px;
}


.j2store-product-images {
padding: 40px;
}
.j2store-thumbnail-image img {
width: 100%;
}
.j2store-product-images::before {
background: rgba(255, 255, 255, 0.65) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
visibility: hidden;
width: 100%;
z-index: 9;
}
.j2store-single-product2 .product-title a {
color: #3d3d3d;
font-family: "Roboto",sans-serif;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
transition: all 500ms ease 0s;
line-height: 1.4em;
margin: 20px auto 10px auto;
text-align: center;
display:block;
}
.j2store-single-product2 {
background: #f7f7f7 none repeat scroll 0 0;
border: 1px solid #f7f7f7;
}
.j2store-single-product2:hover .j2store-cart-button {
background: #43c3ea none repeat scroll 0 0;
transition: all 0.3s ease-in-out 0s;
}
.j2store-single-product2 .product-price-container .sale-price {
display: block;
font-size: 16px;
margin: 10px auto 20px;
text-align: center;
}
.product-title {
color: #272727;
font-family: "Roboto",serif;
font-size: 24px;
font-weight: 700;
line-height: 1.4em;
margin: 0 0 3px;
text-align: left;
}
.product-price-container .sale-price {
color: #43c3ea;
font-family: "Roboto",serif;
font-size: 24px;
font-weight: 500;
line-height: 24px;
text-align: left;
}
.price-sku-brand-container {
border-bottom: 1px solid #e9e9e9;
border-top: 0 solid #e9e9e9;
margin-bottom: 25px;
padding-bottom: 25px;
}
.product-ldesc h3 {
color: #272727;
font-family: "Roboto",serif;
font-size: 20px;
font-weight: 600;
}
.product-ldesc h4 {
color: #272727;
font-family: "Roboto",serif;
font-size: 18px;
font-weight: 600;
padding: 13px 0;
}
.product-ldesc {
border-bottom: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
color: #9e9e9e;
font-family: Open Sans;
font-size: 14px;
font-weight: normal;
line-height: 26px;
padding: 5px 25px 25px;
}
.product-title a {
color: #272727;
font-family: "Roboto",serif;
font-size: 24px;
font-weight: 700;
line-height: 1.4em;
margin: 0 0 3px;
text-align: left;
}
.nav-tabs {
padding-top: 100px;
}
.base-price, .sale-price {
color: #272727;
font-family: Roboto;
font-size: 24px;
}

.j2store_add_to_cart_button {
background-color: #43c3ea;
border: 1px solid transparent;
border-radius: 0;
color: #ffffff;
display: block;
font-family: "Roboto",sans-serif;
font-size: 14px;
line-height: 24px;
margin: 0 auto 25px;
padding: 12px 15px;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
width: 87%!important;
}

.j2store-cart-button {
background: #43c3ea none repeat scroll 0 0;
border-bottom: 2px solid #3cb4d8;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-radius: 3;
font-weight: 700;
color: #ffffff;
display: block;
font-family: "Roboto",sans-serif;
font-size: 14px;
line-height: 24px;
margin: auto;
padding:9px 25px;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
width: 100%;
text-align:center;
}
.j2store-cart-button:hover{
color: #ffffff;
background-color:#3cb4d8!important;
border-bottom: 2px solid #3cb4d8;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
transition: all 0.3s ease-in-out 0s;
}

#productFilters .btn-success {
font-size: 14px;
height: 41px;
padding: 7px 12px;
}
#productFilters .btn-inverse {
font-size: 14px;
height: 41px;
padding: 7px 12px;
}
#sp-breadc.largetop {
padding-top: 30px;
}

.j2store-cart-button22 {
background: #43c3ea;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-top: -5px;
padding: 10px 25px;
text-align: center;
text-transform: uppercase;
width: 50%;
border:2px solid #43c3ea;
font-family:"Roboto",sans-serif;
}
.j2store-cart-button22:hover {
background: #272727 none repeat scroll 0 0;
border-color: #272727;
color: #ffffff;
}
.j2store-single-product2:hover .j2store-thumbnail-image::before {
opacity: 1;
transform: scale(1);
transition: all 0.5s ease-in-out 0s;
visibility: visible;
}
.j2store-single-product2 .j2store-thumbnail-image img::before {
transition: all 0.5s ease-in-out 0s;
}
.j2store-product-images:hover .j2store-thumbnail-image img {
transform: scale(1.1);
transition: all 0.5s ease-in-out 0s;
}
.j2store-product-images .j2store-thumbnail-image img {
transition: all 0.5s ease-in-out 0s;
}
.j2store-product-main-image {
border: 1px solid #f4f4f4;
}
.ls-roundedflat .ls-bottom-slidebuttons a.ls-nav-active, .ls-roundedflat .ls-bottom-slidebuttons a:hover {
background: #43c3ea none repeat scroll 0 0;
}
.j2store-products-row {
border-bottom: 0 solid #f4f4f4;
margin-bottom: 30px;
}
.hideq .product-qty input[type="text"] {
display: none;
}
.hideq .product-qty input[type="number"] {
display: none;
}
.linesshop {
border-top: 1px solid #e9e9e9;
margin-bottom: 25px;
padding-bottom: 25px;
}
.product-qty input[type="text"], .product-qty input[type="number"] {
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
color: #555;
font-size: 14px;
font-weight: 400;
height: 47px;
line-height: 1;
padding: 6px 12px;
text-align: center;
width: 70px;
}
.j2store-product-images {
border-bottom: 1px solid #e4e3e3;

}
h4.product-filter-heading {
color: #272727;
font-family: Roboto;
font-size: 24px;
font-weight: normal;
line-height: 1.6em;
text-transform: capitalize;
}
#j2store_categories_mod li {
border-bottom: 1px solid #f0f0f0;
padding-bottom: 4px;
padding-top: 4px;
}
.j2store-category-list.nav > li > a::before {
color: #43c3ea;
content: "";
font-family: "FontAwesome";
font-size: 16px;
left: 0;
line-height: 24px;
padding-right: 15px;
top: 14px;
}
.j2store-category-list li a {
color: #9e9e9e;
font-family: Lato;
font-size: 15px;
font-weight: 400;
line-height: 24px;
}
.j2store-category-list.nav > li > a:hover {
background: transparent none repeat scroll 0 0;
color: #43c3ea;
transition: all 0.3s ease-in-out 0s;
}
#j2store-slider-range {
margin-top: 40px;
}
#j2store-slider-range .ui-slider-handle {
background: #211a0f none repeat scroll 0 0;
}
#j2store-slider-range.ui-slider {
background: #f7f7f7 none repeat scroll 0 0;
}
#j2store-slider-range .ui-slider-range {
background: #43c3ea none repeat scroll 0 0;
}
#j2store-slider-range.ui-slider .ui-slider-range {
height: 8px;
}
#j2store-slider-range.ui-slider {
height: 8px;
}
#filterProductsBtn {
background: #f4f4f4 none repeat scroll 0 0;
border: 1px solid transparent;
color: #9e9e9e;
font-family: Roboto;
font-size: 14px;
font-weight: 900;
line-height: 35px;
margin-right: 47px;
outline: medium none;
text-align: center;
text-transform: uppercase;
width: 90px;
}
#min_price, #max_price {
color: #272727;
font-family: Roboto;
font-size: 16px;
font-weight: 500;
}
#j2store-product-detail-tab.nav-tabs > li.active > a {
background: transparent none repeat scroll 0 0;
border-bottom: 2px solid #ffffff;
border-radius: 5px 5px 0 0;
}
#j2store-product-detail-tab.nav-tabs > li a {
background: #e9e9e9 none repeat scroll 0 0;
border-radius: 5px 5px 0 0;
color: #3d3d3d;
display: block;
float: left;
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: 600;
margin-right: 2px;
padding: 15px 30px;
text-transform: uppercase;
top: 1px;
}
.product-sdesc {
color: #9e9e9e;
font-family: Open Sans;
font-size: 14px;
font-weight: normal;
line-height: 26px;
margin-bottom: 30px;
}
#productFilters {
background: #f4f4f4 none repeat scroll 0 0;
color: #272727;
font-family: "Lato",sans-serif;
margin-bottom: 40px;
padding: 20px 30px;
}
@media (min-width: 992px) {
.j2store-product-search-input {
width: 40%;
}
.j2store-product-list select {
width: 40%;
}
}
@media (min-width: 481px) and (max-width: 980px) {
.j2store-product-search-input {
width: 100%;
}
.j2store-product-list select {
width: 100%;
}
}
@media (max-width: 480px) {
.j2store-product-search-input {
width: 90%;
}
.j2store-product-list select {
width: 90%;
}
}
.j2store-product-search-input {
-moz-appearance: none;
background: #ffffff;
border: 1px solid #dadada;
cursor: pointer;
display: inline-block!important;
height: 42px!important;
line-height: 24px;
margin-left: 10px;
padding: 8px 10px;
width: 40%!important;
}

.j2store-product-list select {
-moz-appearance: none;
background: #ffffff url("../images/icon-select.png") no-repeat scroll right center;
border: 1px solid #dadada;
cursor: pointer;
display: inline-block;
height: 42px!important;
line-height: 24px;
margin-left: 10px;
padding: 8px 10px;
width: 40%!important;
}
.btn-success {
background: #43c3ea none repeat scroll 0 0;
border: 1px solid #43c3ea;
}
.btn-success:hover {
background: #272727 none repeat scroll 0 0;
border: 1px solid #272727;
}
.sale-price {
color: #272727;
font-family: Roboto;
font-size: 24px;
}
.cross-sell-product-title {
font-family: Roboto;
font-size: 22px;
font-weight: 500;
margin-bottom: 9px;
text-align: center;
}
.cross-sell-product-title a {
color: #272727;
text-align: center;
}
.product-title a {
color: #43c3ea;
font-family: "Roboto",serif;
font-size: 18px;
font-weight: 700;
text-align: center;
transition: all 0.3s ease 0s;
}
.product-price-container .sale-price {
color: #999;
font-size: 18px;
height: 24px;
line-height: 24px;
text-align: left;
font-family: "Roboto",sans-serif;
}
.j2store_add_to_cart_button {
background: #211a0f none repeat scroll 0 0;
border: 1px solid transparent;
border-radius: 0;
color: #fff;
font-family: Roboto;
font-size: 14px;
font-weight: 900;
line-height: 40px;
margin-top: 17px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
width: 100%;
}
.j2store_add_to_cart_button:hover {
background: #43c3ea none repeat scroll 0 0;
transition: all 0.3s ease-in-out 0s;
}
.product-crosssells-container h3::after {
background: #43c3ea none repeat scroll 0 0;
content: "";
display: block;
height: 5px;
margin: 10px 0 0;
width: 70px;
}
.product-crosssells-container h3 {
color: #272727;
font-family: Roboto;
font-size: 30px;
font-weight: 600;
padding-bottom: 30px;
}

.shopj2 ul > li {
border-bottom: 1px solid #f0f0f0;
padding-bottom: 4px;
padding-top: 4px;
}
.shopj2 ul li a:hover {
color: #43c3ea;
}
.shopj2 ul li a {
color: #9e9e9e;
font-family: Lato;
font-size: 15px;
font-weight: 400;
line-height: 24px;
padding: 15px 0 15px 1px;
margin-left:0;
}
.shopj2 ul li a::before {
color: #43c3ea;
content: "";
font-family: "FontAwesome";
font-size: 18px;
line-height: 24px;
padding-right: 15px;
top: 14px;
}
.shopj2 .sp-module-title ul li a {
color: #272727;
font-family: Roboto;
font-size: 24px;
font-weight: normal;
line-height: 1.6em;
text-transform: capitalize;
}

.shopj2 input[type="text"] {
background: #f4f4f4 none repeat scroll 0 0;
border: 1px solid #e0e0e0;
border-radius: 3px;
color: #3a3a3a;
display: block;
height: 48px;
line-height: 26px;
padding: 10px 30px 10px 15px;
position: relative;
transition: all 500ms ease 0s;
width: 100%;
}
.shopj2 .btn-primary i {text-align:center; line-height:32px;}
.shopj2 .btn-primary {
background: #43c3ea none repeat scroll 0 0;
border-radius: 0 3px 3px 0;
color: #ffffff;
display: block;
font-size: 16px;
height: 48px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 50px;
border:1px solid transparent;
}
.shopj2 .btn-primary:hover {
color: #272727;
}

/*add to cart hover*/

.image-cart {
position: relative;
}
.image-cart .j2store-addtocart-form {
display: none;
}

.image-cart:hover .j2store-addtocart-form {
display: block;
position: absolute;
top:80px;
left:60px;
}

.j2store-product-images:after {
background:rgba(21, 37, 69, 0.9) none repeat scroll 0 0;
height: 0;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.7s ease 0s;
width: 100%;
content:" ";
}

.j2store-single-product2:hover .j2store-product-images:after {
height: 100%;
opacity: 1;
}


.folder a::after {
content: "\f105"!important;
font-family: "FontAwesome";
float:right;
}
.folder a::before {
content: "\f114"!important;
font-family: "FontAwesome";
font-size: 16px;
left: 0!important;
line-height: 24px;
top: 14px;
color: #999999;
}
.folder a:hover::before {color:#3eb9de!important;transition: all 500ms ease 0s;}
.folder a {
color: #999999!important;
font-size: 14px;
font-weight: 400;
position: relative;
transition: all 500ms ease 0s;
}
.folder a:hover {color:#3eb9de!important;transition: all 500ms ease 0s;}

.j2store-search-product .btn-primary i {line-height:30px;}
.j2store-search-product .btn-primary {
background: #43c3ea none repeat scroll 0 0;
border: medium none;
color: #fff;
display: block;
height: 50px;
padding: 11px 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
transition: all 500ms ease 0s;
width: 50px;
border-radius:0;
}
.j2store-search-product  input {
 background: #fff none repeat scroll 0 0;
border: 1px solid #f7f7f7;
color: #999999;
display: block;
font-size: 14px;
font-weight: 500;
height: 50px;
letter-spacing: 1px;
padding-left: 15px;
padding-right: 55px;
position: relative;
transition: all 500ms ease 0s;
width: 100%;
border-radius:0;
}
/*end shop*/