.has-slideshow #sp-header, .has-sub-image #sp-header {
    background-color: rgba(255, 255, 255, 0.9);
    height: 75px;
}
.sp-page-title {
    background-position: bottom center;
}
p {
    font-size: 14px;
    line-height: 25px;
    color: #333;
}
div#sp-top1 p{color:white;line-height: 14px;font-size:13px;}
h1,h2,h3,h4,h5{color:#333; font-weight:700 !important;}
.cls-center {
    margin: auto;
    display: table;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper{background:transparent;}
.sp-simpleportfolio .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item {
    border: 1px solid #e8e8e8;
}
.sp-simpleportfolio .sp-simpleportfolio-items {
    border: 1px solid #dedede;
}
#sp-header {
    background: transparent;
}
a {color: #6f6f6f;}
.fa-angle-right:before {
    content: ">";
    font-family: Crimson Text;
}
.fa-angle-left:before {
    content: "<";
    font-family: Crimson Text;
}
#sp-menu{background-color:transparent;}
.sp-megamenu-parent >li >a {
    color: #000;
}

/*article-title*/
.page-header h1 {
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000 !important;
}
.view-article .entry-header h2{font-size:25px;text-align: center;}
.sppb-addon-articles .title {
    font-weight: 600;    font-size: 22px;
}

/*top*/
.sp-contact-info li a{position:relative;top:2px;}

li.sp-contact-phone a, li.sp-contact-email a {
    font-size: 12px;
    letter-spacing: 1px;
}
li.sp-contact-phone i.fa, li.sp-contact-email i.fa{color:white;}
section#sp-section-1 {
  padding: 5px 0 0 0;
  font-size: 12px;
  background: #3374bb;
  color: white;
}
.tt1 {
    position: relative;
    top: 3px;
}
@media(max-width:767px){section#sp-section-1{display:none;}}
/*menu*/
a#offcanvas-toggler i {
    color: black;
}
.has-sub-image #sp-header.menu-fixed, .has-slideshow #sp-header.menu-fixed, #sp-header.menu-fixed {
    background-color: rgba(255, 255, 255, 0.8) !important;
}
@media(max-width:767px){header#sp-header.cls-mo-logo.menu-fixed {background-image: url(/images/1_Passionspine/logo-passion.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px;}
}}
/*title*/
h2.sppb-title-heading {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 30px !important;
}
.sp-page-title h3 {
    text-transform: uppercase;
    text-align: center;
    font-size: 2pc;
    letter-spacing:2.5px;
    font-weight:600;
}
.has-sub-image #sp-page-title .sp-page-title h2{
    text-transform: uppercase;
    text-align: center;
    font-size: 1.5pc;
    letter-spacing:2px;
    font-weight:normal;
}
.sppb-title-heading span {
    font-family: Crimson Text, sans-serif !important;
    color: #ababab !important;
}
.has-sub-image #sp-page-title .sp-page-title:after {
    background: linear-gradient(rgba(255, 255, 255, 0.62) 1%, rgba(0, 71, 158, 0.18)80%);
} 
.sp-page-title h2, .sp-page-title h3{color:black;/*text-shadow:0px 0px 8px rgba(64, 64, 64, 0.1), 0px 0px 25px rgba(64, 64, 64, 0.29);*/}
.has-sub-image #sp-page-title .sp-page-title h2 {
    color: #065bb7;
}
.has-sub-image #sp-page-title .sp-page-title {
    padding: 200px 0;
}

/*Home*/
div#cls-movetop {
    position: relative;
    top: -6em;padding:0 !Important;
}
@media(max-width:767px){div#cls-movetop {
    top: -1.8em;
}}
div#cover-slide img {
    position: relative;
    top: -6em;
}
@media(max-width:767px){div#cover-slide img {
    top: -2em;
  }}
section#cls-movetop {
    margin-top: -8em !important;
}
.cls-c span, .cls-c2 span {    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 1px;color:#000 !important;
}
.cls-c h2 {
    font-size: 18px !important;
    color: #8c8c8c !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.cls-c2 h2 {letter-spacing: 1px;
    font-size: 18px !important;
    color: #33649a !important;
    text-transform: uppercase;
}
.cls-line{line-height:30px;}
.sppb-addon.sppb-addon-feature p {
    color: black;
    letter-spacing: 0.5px;
}
h3.sppb-feature-box-title {
    text-transform: uppercase;
    letter-spacing: 1px;
}
.macro-counter-wrapper:before {
    background: rgba(0, 0, 0, 0.3);
}

/*about*/
@media(min-width:1024px){.cls-center-clients .sppb-col-sm-2 { width: 20%;}}
.sppb-addon-blocknumber {
    font-size: 20px;line-height:40px;
}

/*service*/
.cls-line1 p {
    line-height: 30px;
}

/*articles*/
.cls-button-group a.sppb-btn {background:white;border:1px solid lightgrey;border-radius:0;padding:5px 20px;line-height:25px;}
.cls-button-group a.sppb-btn:hover {background:white;border:1px solid grey;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .sppb-btn-default:hover, .sppb-btn-default:focus, .sppb-btn-default:active
{background:white;border:1px solid grey;border-radius:0;padding:5px 20px;line-height:25px;}
/*.btn-default, .sppb-btn-default {background:white;border:1px solid lightgrey;border-radius:0;padding:5px 25px;line-height:25px;}*/
.btn-default, .sppb-btn-default, button#bfSubmitButton, a.sppb-readmore {border: none;border-radius:0;
  padding:5px 20px;color: white;line-height:25px;text-transform: uppercase;font-size:13px;
  background: linear-gradient(to right, #33649a, #5e94d0);letter-spacing: 1px;}
.btn-default, .sppb-btn-default:hover, button#bfSubmitButton:hover, a.sppb-readmore:hover{background: linear-gradient(to left, #39699e, #6c9bce);color:#fff;border:none;}
button#bfSubmitButton {
    height: 35px;
}
.gm-style-iw input.button {
    background: linear-gradient(to right, #39699e, #6c9bce);
    color: #fff;
    border: none;
    padding: 10px 25px;
    font-size: 14px;
    font-family: crimson text;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.gm-style-iw input.button:hover{ background: linear-gradient(to left, #39699e, #6c9bce);}

/*Rotate*/
.circle { border-radius: 50%;
  width: 600px;
  height: 600px;padding:10px;
  position: relative;
}
@media(max-width:767px){.circle {top:-8em;
  width: 100%;margin-bottom:-10em;
  height: 100%;
}}
@media(max-width:767px){.circle2 {
  width: 100% !important;
  height: 100% !important;
}}
.circle2 { border-radius: 50%;
  width: 350px;
  height: 350px;padding:10px;
  position: relative;
 
}
.circle .border, .circle2 .border {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  border-radius: 50%;
  -webkit-animation-name: Rotate;
  -webkit-animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: Rotate;
  -moz-animation-duration: 8s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: Rotate;
  -ms-animation-duration: 8s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  }
  .border{  border-top: 2px solid #407dc0;border-left: 2px solid #c7d7d8;
  border-bottom: 2px solid #000307;border-right: 2px solid #c7d7d8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  -webkit-background-size: 20px 100%;
  -moz-background-size: 20px 100%;
  background-size: 20px 100%;
  background-image: -webkit-linear-gradient(top, #c7d7d8 0%, #407dc0 50%), -webkit-linear-gradient(top, #c7d7d8 0%, #407dc0 100%);
  background-image: -moz-linear-gradient(top, #c7d7d8 0%, #407dc0 50%), -webkit-linear-gradient(top, #c7d7d8 0%, #407dc0 100%);
  background-image: -o-linear-gradient(top, #c7d7d8 0%, #407dc0 50%), -webkit-linear-gradient(top, #c7d7d8 0%, #407dc0 100%);
  background-image: linear-gradient(top, #c7d7d8 0%, #407dc0 50%), -webkit-linear-gradient(top, #c7d7d8 0%, #407dc0 100%);}

@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes Rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes Rotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}

/*****************end-of-rotate*****************/

/*contact*/
.form-actions {
    background-color: transparent !important;
    border-top: none !important;
}
/*product*/
a.cls-button-product{position:relative;right:-10em;}
@media(max-width:1024px){a.cls-button-product{right:-8em;}}
@media(max-width:768px){a.cls-button-product{right:0em;margin:auto;display:table;top:5em;}}
.sp-social-share.clearfix{display:none;}

/*footer*/
#sp-footer {
    background-color:#2868ad !important;
    color: #ffffff !important;font-size: small;
}
#sp-footer a{color:white;}
section#sp-bottom a,section#sp-bottom p {color: #fff !important;}
section#sp-bottom h3 {color:white;
    font-size: 14px;text-transform:uppercase;letter-spacing:1px;
}
section#sp-bottom span {
    font-size: 20px;
    text-transform: uppercase;
    color: #efefef;
    letter-spacing: 1px;
    font-family: crimson text,sans-serif;
    font-weight: 700;
}

/*tab*/
.sppb-nav-tabs > li {
    margin: 0 5px 0 0 !Important;
}
.sppb-addon-tab .sppb-nav-tabs li > a {
    padding: 5px 10px;color:black;
}
.sppb-addon-tab .sppb-nav-tabs li > a:hover{color:white;}

/*pro-slide*/
.sppb-item.sppb-item-has-bg:before{background:transparent;}
.sppb-carousel-pro-text p {font-size: 25px;margin-top: 30px;color: #3374bc;letter-spacing: 1px;}
.sppb-carousel-caption { width: 100%;}
.sppb-carousel-pro-text h2 { color: #000;}
@media(max-width:767px){.sppb-carousel-pro-text p, .sppb-carousel-pro-text h2{font-size:15px !Important;}.sppb-carousel-pro-text h2{margin-top:30px;}
  .sppb-carousel-pro-text p{margin-top:0px;}}

.sp-simpleportfolio-view-item .sp-simpleportfolio-details .sp-simpleportfolio-description {text-align: left;}
.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg {background-position: 50% 0%;    height: 500px !important;}
/*table*/
table {border: 1px solid;}
tr { border: 1px solid;}
table p{padding:0 20px;}
td{border:1px solid lightgrey;}
.sppb-addon.sppb-addon-accordion.cls-acc {
    background: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    border: 2px solid lightgrey;
}
.sppb-panel-heading.active, .sppb-panel-heading.active i{
    color: #427ec0;
}
.sppb-blockquote{  border-left: 3px solid #3374bb;}

.sppb-blockquote:hover {  border-left: 3px solid #000000;}
.sppb-blockquote {transition: all 400ms ease-in;-webkit-transition: all 400ms ease-in;}

/*May*/
.has-slideshow #sp-header .logo, .has-sub-image #sp-header .logo {
  height:75px;}

.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .customNavigation a{font-size:30px;color:black;}

/*tab*/
.sppb-nav-tabs-content {
    border: 2px solid #3374bb;
}
.sppb-addon-tab .sppb-nav-tabs li > a:hover, .sppb-addon-tab .sppb-nav-tabs li > a:focus {
    background-color: rgb(0, 0, 0);
}
.sppb-addon-tab .sppb-nav-tabs li.active > a {
    color: #ffffff;
    background: #3374bb;
}
.sppb-addon-tab .sppb-nav-tabs {
    border-bottom: none;
}
div#column-id-1488500523963
.sppb-tab-content.sppb-nav-tabs-content {min-height:295px;}

/*btm*/
#sp-bottom .custom img {
    -webkit-filter: brightness(2);filter: brightness(2);
}
.scrollup:hover {
    background-color: #ffffff;
}
.sppb-addon-content a {
    color: #333;
    letter-spacing: 0.5px;
}

/*abt*/
section#section-id-1488434731364,
section#section-id-1488434731364 h2,
section#section-id-1488434731364 span,
section#section-id-1488434731364 p,
section#section-id-1488434731428,
section#section-id-1488434731428 span,
section#section-id-1488434731428 h2{
    color: white !important;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li >a {
    color: #333;
}