| Server IP : 87.98.154.146 / Your IP : 216.73.216.101 Web Server : Apache System : Linux webm005.cluster126.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : bsiadvisil ( 110003) PHP Version : 7.3.33 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/bsiadvisil/old/templates/shaper_wayne_corp/scss/ |
Upload File : |
body {
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
&.helix-ultimate-preloader {
overflow: hidden;
&:before {
content: " ";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99998;
background: rgba(255, 255, 255, .9);
}
&:after {
content: "\f110";
font-family: "FontAwesome";
font-size: 36px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -24px;
margin-left: -24px;
width: 48px;
height: 48px;
line-break: 48px;
text-align: center;
color: #007bff;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
z-index: 99999;
}
}
}
a {
transition: color 400ms, background-color 400ms;
}
a,
a:hover,
a:focus,
a:active {
text-decoration: none;
}
label {
font-weight: normal;
}
legend {
padding-bottom: 10px;
}
img {
display: block;
max-width: 100%;
height: auto;
}
//Topbar
#sp-top-bar {
padding: 8px 0;
position: relative;
z-index: 100;
.sp-module {
display: inline-block;
margin: 0 0 0 1.25rem;
}
font-size: 0.875rem;
}
ul.social-icons {
list-style: none;
padding: 0;
margin: -5px;
display: inline-block;
>li {
display: inline-block;
margin: 5px 7px;
}
}
// language switcher
.sp-module-content {
.mod-languages {
ul.lang-inline {
margin: 0;
padding: 0;
li {
border: none;
display: inline-block;
margin: 0 5px 0 0;
a {
padding: 0 !important;
}
>a:before {
display: none;
}
}
}
}
// Latest Articles
.latestnews {
> li {
> a {
>span {
display: block;
margin-top: 5px;
font-size: 85%;
}
}
}
}
}
.sp-contact-info {
list-style: none;
padding: 0;
margin: 0 -10px;
li {
display: inline-block;
margin: 0 10px;
font-size: 90%;
white-space: nowrap;
i {
margin: 0 3px;
}
}
}
// Header
#sp-header {
height: $header_height;
left: 0;
position: relative;
top: 0;
width: 100%;
z-index: 99;
box-shadow: 0 0 4px 0 rgba(0,0,0,0.10);
transition: .3s;
.logo {
height: $header_height;
display: inline-flex;
margin: 0;
align-items: center;
a {
font-size: 24px;
line-height: 1;
margin: 0;
padding: 0;
}
p {
margin: 5px 0 0;
}
}
&.header-sticky {
position: fixed;
z-index: 9999;
}
}
body.no-page-title{
.header-wrapper{
background-color: $secondary_color;
position: inherit;
}
}
// Page Title
#sp-title {
min-height: 0;
}
.sp-page-title {
padding: 30px 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
.sp-page-title-heading, .sp-page-title-sub-heading {
margin: 0;
padding: 0;
color: #fff;
}
.sp-page-title-heading {
font-size: 24px;
line-height: 1;
}
.sp-page-title-sub-heading {
font-size: 14px;
font-weight: normal;
line-height: 1;
margin-top: 10px;
}
.breadcrumb {
background: none;
padding: 0;
margin: 10px 0 0 0;
>.active {
color: rgba(255, 255, 255, 0.8);
}
>span, >li, >li+li:before, >li>a {
color: #fff;
}
}
}
// Body
.body-innerwrapper{
overflow-x: hidden;
}
.layout-boxed .body-innerwrapper {
max-width: 1240px;
margin: 0 auto;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#sp-main-body {
padding: 100px 0;
}
.com-sppagebuilder #sp-main-body {
padding: 0;
}
// Login Form
.login {
img {
display: inline-block;
margin: 20px 0;
}
.checkbox {
input[type="checkbox"] {
margin-top: 6px;
}
}
}
.form-links {
ul {
list-style: none;
padding: 0;
margin: 0;
}
}
//Popup Login
.modal-backdrop {
z-index: 10;
background-color: transparent;
position: inherit;
}
.modal {
text-align: center;
background: rgba(0, 0, 0, 0.8);
}
@media screen and (min-width: 768px) {
.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
#login {
.modal-dialog {
width: calc(100% - 30px);
max-width: 550px;
}
.modal-content {
background: #ffffff;
-webkit-box-shadow: 0 28px 57px 0 rgba(0, 0, 0, 0.72);
box-shadow: 0 28px 57px 0 rgba(0, 0, 0, 0.72);
border-radius: 0;
text-align: left;
padding: 30px 40px;
.modal-header {
border: none;
padding: 0 0 20px;
justify-content: center;
h4 {
font-weight: 700;
font-size: 24px;
}
}
.modal-body {
padding: 0;
.sppb-btn{
padding: 10px 31px;
}
.sp-input-wrap span{
top: 12px;
left: 16px;
}
.sp-input-wrap.active span{
top: -20px;
}
input {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #dcdcdc;
color: #000;
padding: 11px 15px;
font-size: 13px;
border-radius: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
input[type="text"] {
margin-bottom: 10px;
}
input[type="password"],
input[type="email"] {
margin-bottom: 24px;
}
input[type="submit"] {
border: transparent;
font-size: 16px;
color: #fff;
line-height: 50px;
padding: 0 20px;
width: 100%;
display: block;
margin-bottom: 30px;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
&:hover,
&:focus {
background: #000;
}
}
.reg-link a {
opacity: 0.5;
font-weight: 500;
&:hover,
&:focus {
opacity: 1;
}
}
#form-login-password {
margin-bottom: 0;
}
.remeber-forget-wrap {
margin-bottom: 5px;
font-size: 14px;
#modlgn-remember {
position: relative;
margin-right: 10px;
}
}
#form-login-submit {
margin-bottom: 10px;
}
.forgot-password {
a {
font-weight: 300;
font-size: 14px;
color: #a8acb9;
text-decoration: underline;
letter-spacing: 0;
}
}
.create-account {
margin-top: 24px;
a {
font-weight: 300;
font-size: 14px;
color: #4f5362;
}
}
p {
font-size: 12px;
color: #a8acb9;
letter-spacing: 1.2px;
text-transform: uppercase;
line-height: 28px;
margin-bottom: 2px;
a {
color: #b5b5b5;
}
}
}
}
.modal-header .close {
position: absolute;
right: 0;
top: 0;
font-size: 20px;
padding: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 1;
border: 0;
height: 47px;
width: 47px;
margin: 0;
&:hover,
&:focus {
opacity: 0.6;
}
i {
margin-right: 0;
}
}
}
.modal-backdrop.fade.in {
display: none;
}
.sp-custom-login-on {
position: relative;
.icons-wrap {
.user-icon {
font-size: 18px;
margin-right: 15px;
}
}
.arrow-icon {
font-size: 14px;
}
.form-login-wrap {
position: absolute;
right: -5px;
top: 100%;
padding-top: 10px;
display: none;
-webkit-animation: fadeInDown 0.5s;
animation: fadeInDown 0.5s;
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 10;
.login-greeting {
margin-bottom: 10px;
}
.form-users-wrapper {
font-size: 14px;
min-width: 150px;
background-color: #fff;
ul.menu{
list-style: none;
font-weight: 600;
padding: 30px 30px 10px 30px;
>li{
margin-bottom: 15px;
}
}
.logout-button {
font-weight: 600;
-webkit-transition: .3s;
transition: .3s;
text-align: center;
padding: 10px;
&:hover, &:focus{
color: #000;
}
i.fa{
font-size: 18px;
margin-right: 10px;
}
input[type="submit"]{
font-size: 14px;
font-weight: 600;
cursor: pointer;
color: $text_color !important;
}
}
}
}
&:hover {
.form-login-wrap {
display: block;
}
}
}
// Search
.search {
.btn-toolbar {
margin-bottom: 20px;
span.icon-search {
margin: 0;
}
button {
color: #fff;
}
}
.phrases {
.phrases-box {
.controls {
label {
display: inline-block;
margin: 0 20px 20px;
}
}
}
.ordering-box {
margin-bottom: 15px;
}
}
.only {
label {
display: inline-block;
margin: 0 20px 20px;
}
}
.search-results {
dt.result-title {
margin-top: 40px;
}
dt, dd {
margin: 5px 0;
}
}
}
.filter-search {
.chzn-container-single {
.chzn-single {
height: 34px;
line-height: 34px;
}
}
}
.form-search {
.finder {
label {
display: block;
}
.input-medium {
width: 60%;
border-radius: 4px;
}
}
}
.finder {
.word {
input {
display: inline-block;
}
}
.search-results.list-striped {
li {
padding: 20px 0;
}
}
}
// contentpane
.contentpane {
&:not(.com-sppagebuilder) {
padding: 20px;
}
}
// Bottom
#sp-bottom {
padding: 60px 0 30px;
font-size: 14px;
line-height: 1.6;
.sp-module {
margin-bottom: 30px;
.sp-module-title {
font-weight: 700;
font-size: 18px;
margin: 0 0 30px;
}
ul {
list-style: none;
padding: 0;
margin: 0;
> li {
display: block;
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
>a {
display: block;
}
}
}
}
}
// Footer
#sp-footer {
font-size: 14px;
padding: 0;
.container-inner {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, .1);
}
ul {
&.menu {
display: inline-block;
list-style: none;
padding: 0;
margin: 0 -10px;
li {
display: inline-block;
margin: 0 10px;
a {
display: block;
&:hover {
background: none;
}
}
}
}
}
#sp-footer2 {
text-align: right;
}
}
// Coming soon
html.coming-soon {
width: 100%;
height: 100%;
min-height: 100%;
body {
width: 100%;
height: 100%;
min-height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
background-repeat: no-repeat;
background-position: 50% 40%;
}
.coming-soon-logo {
display: inline-block;
margin-bottom: 2rem;
}
#coming-soon-countdown{
margin-top: 4rem;
.coming-soon-days,
.coming-soon-hours,
.coming-soon-minutes,
.coming-soon-seconds{
margin: 0;
float: left;
width: 25%;
.coming-soon-number{
width: 100%;
font-size: 4.5rem;
letter-spacing: -1px;
line-height: 1;
}
.coming-soon-string{
font-size: 1.5rem;
letter-spacing: -1px;
display: block;
text-transform: uppercase;
}
}
}
.coming-soon-position{
margin-top: 2rem;
}
.social-icons {
margin-top: 4rem;
}
.coming-soon-login form{
display: inline-block;
}
}
// error
html.error-page {
width: 100%;
height: 100%;
body {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
background-repeat: no-repeat;
background-position: 50% 40%;
}
.error-logo {
display: inline-block;
margin-bottom: 2rem;
}
.error-code {
margin: 0 0 1rem;
font-size: 6rem;
line-break: 1;
}
.error-message {
font-size: 1.5rem;
margin-bottom: 3rem;
}
}
.sp-social-share {
ul {
display: block;
padding: 0;
margin: 20px -5px 0;
li {
display: inline-block;
font-size: 24px;
margin: 0 5px;
}
}
}
// profile
.profile {
>div:not(:last-child) {
margin-bottom: 30px;
}
}
.dl-horizontal {
dt {
margin: 8px 0;
text-align: left;
}
}
// page-header
.page-header {
padding-bottom: 15px;
}
// featured contact
table.category {
width: 100%;
thead, tbody {
>tr {
border: 1px solid #f2f2f2;
th, td {
padding: 10px;
}
}
}
}
//contact from
.contact-form {
.form-actions {
background: none;
border: none;
}
}
@media print {
.visible-print {
display: inherit !important;
}
.hidden-print {
display: none !important;
}
}
// Preloader
.sp-preloader {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
>div {
border-radius: 50%;
height: 50px;
width: 50px;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
position: absolute;
animation: spSpin 0.75s linear infinite;
&:after {
content: '';
position: absolute;
width: 49px;
height: 49px;
top: 1px;
right: 0;
left: 0;
margin: auto;
border-radius: 50%;
}
}
}
.sp-scroll-up {
display: none;
position: fixed;
bottom: 30px;
right: 30px;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
font-size: 16px;
color: #fff;
background: #333;
border-radius: 3px;
z-index: 1000;
&:hover,
&:active,
&:focus {
color: #fff;
background: #444;
}
}
// Forms
.control-group {
margin-bottom: 1rem;
}
select.form-control:not([multiple]),
select.inputbox:not([multiple]),
select:not([multiple]) {
height: calc(2.25rem + 2px);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
select {
transition: .3s;
&:not(.form-control) {
display: block;
width: 100%;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.25;
color: #495057;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: 0.25rem;
transition: border-color ease-in-out .15s,box-shadow ease-in-out 0.15s;
&:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
}
}
}
.chzn-select,
.chzn-select-deselect {
width: 100%;
}
.chzn-container {
&.chzn-container-single {
.chzn-single {
display: block;
width: 100%;
padding: .5rem 0.75rem;
font-size: 1rem;
line-height: 1.25;
height: calc(2.25rem + 2px);
color: #495057;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: 0.25rem;
transition: border-color ease-in-out .15s,box-shadow ease-in-out 0.15s;
box-shadow: none;
div {
width: 30px;
background: none;
>b {
background: none;
position: relative;
&:after {
content: "\f0dc";
font-family: FontAwesome;
font-size: 0.875rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
}
}
}
&.chzn-container-active {
&.chzn-with-drop {
.chzn-single {
border-radius: .25rem .25rem 0 0;
}
}
}
.chzn-search {
padding: 0.625rem;
input[type="text"] {
display: block;
width: 100%;
padding: .5rem 1.429rem .5rem 0.75rem;
font-size: 0.875rem;
line-height: 1.25;
height: calc(2rem + 2px);
color: #495057;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: 0.25rem;
transition: border-color ease-in-out .15s,box-shadow ease-in-out 0.15s;
box-shadow: none;
-webkit-box-shadow: none;
&:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
-webkit-box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
}
&:after {
content: "\f002";
font-family: FontAwesome;
font-size: 0.875rem;
color: rgba(0, 0, 0, .2);
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
}
.chzn-drop {
border-color: rgba(0,0,0,.15);
border-radius: 0 0 .25rem 0.25rem;
box-shadow: none;
-webkit-box-shadow: none;
}
.chzn-results {
li {
&.highlighted {
background-image: none !important;
}
}
}
}
&.chzn-container-multi {
.chzn-choices {
display: block;
width: 100%;
padding: 0 0.75rem;
min-height: calc(2.25rem + 2px);
line-height: 1.25;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: 0.25rem;
transition: border-color ease-in-out .15s,box-shadow ease-in-out 0.15s;
box-shadow: none;
-webkit-box-shadow: none;
li {
&.search-field {
input[type="text"] {
font-size: 0.875rem;
font-weight: normal;
line-height: 1.25;
height: calc(2rem + 2px);
background-color: #fff;
}
}
&.search-choice {
margin: 5.5px 5px 0 0;
padding: 5px 20px 5px 5px;
background-image: none;
background-color: #f5f5f5;
border-color: rgba(0,0,0,.1);
box-shadow: none;
-webkit-box-shadow: none;
.search-choice-close {
background: none;
top: 5px;
color: rgba(0, 0, 0, .2);
&:hover {
color: rgba(0, 0, 0, .5);
}
&:after {
content: "\f00d";
font-family: FontAwesome;
font-size: 0.875rem;
position: absolute;
top: 0;
right: 0;
}
}
}
}
}
&.chzn-with-drop {
&.chzn-container-active {
.chzn-choices {
border-radius: 0.25rem;
}
}
.chzn-drop {
margin-top: -4px;
border: none;
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
.chzn-results {
&:not(:empty) {
padding: 0.75rem;
background: #fff;
border: 1px solid rgba(0,0,0,.15);
border-top: 0;
border-radius: 0 0 0.25rem 0.25rem;
}
li {
&.no-results {
background: none;
}
}
}
}
}
}
}
// Form control
.form-horizontal {
.control-label {
float: left;
width: auto;
padding-top: 5px;
padding-right: 5px;
text-align: left;
}
.controls {
margin-left: 220px;
}
}
.card-block {
padding: 20px;
ul {
list-style: none;
padding: 0;
margin: 0;
display: block;
li {
display: block;
}
}
}
// Alerts
.alert {
&.alert-error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
}
// Cookie
#sp-cookie-consent {
position: fixed;
font-size: 16px;
font-weight: 500;
bottom: 0;
left: 0;
width: 100%;
z-index: 10001;
>div {
padding: 20px;
position: relative;
}
}
//Template related css
.link-color{
color: $link_color;
}
.secondary-color{
background-color: $secondary_color;
}
.sppb-addon-divider-wrap {
.link-color {
border-bottom-color: $link_color!important;
}
}
.sppb-addon-divider-wrap {
.link-color-opt3{
border-bottom-color: rgba($link_color, .3)!important;
}
}
.text-color-op6{
color: rgba($text_color, .6);
}
.text-color-dark6{
color: darken($text_color, 60%);
}
.link-color-icon{
&.sppb-addon-feature{
.sppb-icon .sppb-icon-container {
color: rgba($link_color, .6) !important;
}
}
}
//hero-section
.hero-section{
>.sppb-row-container{
margin-top: -115px;
}
min-height: 860px;
display: flex;
align-items: center;
&:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left:0;
right:0;
opacity: 0.8;
background: $secondary_color;
}
&:after{
content: "";
position: absolute;
bottom: 0;
left:0;
right:0;
height: 230px;
background-image: linear-gradient(0deg, rgba(0,0,0,0.60) 0%, rgba(18,19,48,0.00) 99%);
}
.sppb-addon-animated-heading{
max-width: 638px;
.animated-text-words-wrapper{
color: $link_color;
}
}
.sppb-btn.sppb-btn-link{
&:hover, &:focus{
color: #fff;
}
}
}
.hero-section2 {
&:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left:0;
right:0;
opacity: 0.8;
background: $secondary_color;
}
.sppb-addon-animated-heading{
max-width: 660px;
margin: 0 auto;
.animated-text-words-wrapper{
color: $link_color;
}
}
.sppb-btn.sppb-btn-link{
&:hover, &:focus{
color: #fff;
}
}
}
.hero-feature-list-wrap{
border-top: 1px solid rgba($link_color, .3);
&:before,
&:after{
content: "";
position: absolute;
top: -1px;
width: 20000px;
background-color: rgba($link_color, .3);
height: 1px;
}
&:before{
left:-20000px;
}
&:after{
right:-20000px;
}
}
.hero-feature-list{
>.sp-pagebuilder-addons,
>.sppb-column-addons{
display: flex;
justify-content: space-between;
max-width: 600px;
margin: 0 auto;
}
}
//wayne-corp-service-box
.wayne-corp-service-box{
border: 1px solid rgba($link_color, .3);
border-radius: 3px;
transition: .3s;
.sppb-media{
display: flex;
>div.pull-left{
padding: 30px;
border-right: 1px solid rgba($link_color, .3);
flex: 0 0 auto;
margin: 0;
transition: .3s;
}
.sppb-media-body{
padding: 25px 30px;
}
.sppb-addon-title{
transition: .3s;
letter-spacing: 1.5px;
a{
color: $text_color;
&:hover, &:focus{
color: $link_color;
}
}
}
.sppb-addon-text{
color: rgba($text_color, .6);
}
.sppb-img-container{
opacity: 0.6;
transition: .3s;
}
}
&:hover{
border-color: $link_color;
.sppb-media >div.pull-left{
border-right-color: $link_color;
}
.sppb-addon-title{
color: $link_color;
}
.sppb-img-container{
opacity: 1;
}
}
}
.video-bg-overlay{
position: relative;
&:before{
content: "";
position: absolute;
top: -1000px;
bottom: -1000px;
left:0;
right:0;
opacity: 0.5;
background: $secondary_color;
}
.sppb-modal-selector{
position: relative;
}
}
//sppb-addon-animated-number
.sppb-addon-animated-number{
>.sppb-addon-content{
.sppb-animated-number{
color: $link_color;
}
.sppb-animated-number-title{
max-width: 93px;
margin-left: 16px;
}
}
}
//sppb-testimonial-pro
.sppb-testimonial-pro{
.sppb-carousel-inner {
.sppb-item {
transition-property: opacity;
}
.sppb-item,
.active.left,
.active.right {
opacity: 0;
}
.active,
.next.left,
.prev.right {
opacity: 1;
}
.next,
.prev,
.active.left,
.active.right {
left: 0;
transform: translate3d(0, 0, 0);
}
}
.sppb-carousel-inner>.active{
display: flex;
.sp-testimonial-wrap-content{
display: flex;
}
}
.sppb-item{
align-items: flex-start;
img{
height: auto !important;
border-radius: 3px;
margin-bottom: 0;
}
}
.sp-testimonial-wrap-content{
padding-left: 40px;
display: none;
animation: fadeInRight .5s;
flex-direction: column-reverse;
.sppb-addon-testimonial-pro-footer{
margin-top: 35px;
margin-bottom: 25px;
}
}
.sppb-carousel-control{
border-color: rgba($link_color, .3);
color: rgba($link_color, .3);
border-radius: 0px;
position: absolute;
bottom: 80px;
left: 300px;
&.right{
left: 350px;
}
&:hover, &:focus{
border-color: $link_color;
background-color: $link_color;
color: #fff;
}
}
}
//sppb-addon-articles-slider
.sppb-addon-articles-slider{
.slider-intro{
margin-bottom: 40px;
padding-bottom: 15px;
border-bottom: 1px solid rgba($link_color, .3);
.sppb-addon-title{
color: rgba($text_color, .6);
letter-spacing: 1.5px;
}
.sppb-addon-articles-slider-subtitle{
color: rgba($text_color, .8);
}
}
.customNavigation>a {
width: 59px;
height: 23px;
display: inline-block;
border: 1px solid #9B9B9B;
color: #9b9b9b;
font-size: 16px;
text-align: center;
margin-left: 10px;
&:hover, &:focus{
border-color: $link_color;
background-color: $link_color;
color: #fff;
cursor: pointer;
}
}
.sppb-addon-article{
background: #fff;
border-radius: 3px;
a{
&:hover, &:focus{
color: darken($link_color, 10%);
}
}
.sppb-img-wrapper{
display: block;
position: relative;
overflow: hidden;
&:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left:0;
right:0;
opacity: 0.3;
background-color: $secondary_color;
z-index: 1;
}
img{
border-radius: 3px 3px 0 0;
transition: .3s;
}
}
.sppb-article-details{
border: 1px solid rgba($link_color, .3);
padding: 25px;
transition: .3s;
.sppb-meta-category{
font-size: 12px;
line-height: 20px;
}
.article-title{
line-height: 26px;
border-bottom: 1px solid rgba($link_color, .3);
transition: .3s;
padding-bottom: 20px;
margin-top: 10px;
margin-bottom: 15px;
a{
color: $text_color;
&:hover, &:focus{
color: $link_color;
}
}
}
.sppb-readmore{
font-size: 12px;
margin-bottom: 5px;
display: block;
margin-top: 20px;
}
.sppb-article-meta{
font-size: 12px;
}
}
&:hover{
.sppb-img-wrapper{
img{
transform: scale(1.2);
}
}
.sppb-article-details,
.article-title{
border-color: $link_color;
a{
color: $link_color;
}
}
}
}
}
//opus image addon
.sppb-addon.sppb-addon-wayne-corp-image{
position: relative;
.sppb-addon-title{
position: absolute;
top: 50%;
left: 40px;
right: 40px;
transform: translateY(-50%);
z-index: 10;
pointer-events: none;
opacity: 0;
transition: 0.3s;
color: #fff;
margin-top: 50px;
small{
font-size: 16px;
opacity: .6;
display: block;
margin-top: 5px;
}
}
&:hover{
.sppb-addon-title{
opacity: 1;
margin-top: 20px;
}
.sppb-addon-single-image-container{
&:before{
opacity: 0.8;
}
&:after{
opacity: 1;
}
}
}
.sppb-addon-single-image-container{
background: #252A35;
border-radius: 3px;
overflow: hidden;
>img{
border-radius: 3px;
opacity: 0.7;
}
&:before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: $secondary_color;
z-index: 1;
transition: .3s;
opacity: 0;
}
&:after{
content: "";
position: absolute;
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
border-radius: 3px;
border: 1px solid rgba($link_color, .6);
z-index: 3;
background: transparent;
opacity: 0;
transition: opacity .3s;
z-index: 5;
}
.sppb-addon-image-overlay-icon{
background-color: transparent;
color: $link_color;
font-size: 50px;
font-weight: 200;
opacity: 1;
margin-top: -45px;
z-index: 11;
transition-delay: 1s;
}
}
}
//column-link-border
.column-link-border{
border-color: rgba($link_color, .3);
}
//sppb-addon-optin-forms
.sppb-addon-optin-forms{
padding: 0;
input{
font-size: 14px !important;
}
form.sppb-optin-form.submit-button-inside .button-wrap {
top: 5px;
right: 5px;
}
}
//sppb-addon-wayne-corp-pricing-table
.sppb-addon-wayne-corp-pricing-table{
border-radius: 3px;
border: 1px solid rgba($link_color, .15);
.sppb-pricing-header{
border-bottom: 1px solid rgba($link_color, .3);
padding: 30px;
color: #252A35;
.sppb-pricing-price-right{
margin-bottom: 10px;
.sppb-pricing-price-title-wrap{
max-width: 180px;
}
}
.sppb-pricing-price{
color: $link_color;
font-weight: 600;
}
.sppb-pricing-price-symbol{
font-weight: 300;
color: rgba(18, 19, 48, 0.6);
}
.sppb-pricing-duration{
color: rgba(18, 19, 48, 0.6);
}
}
.sppb-pricing-features{
padding: 30px;
color: rgba($text_color, .6);
ul>li{
display: flex;
>i.fa{
color: rgba($text_color, .3);
margin-right: 10px;
padding-top: 5px;
}
}
}
.sppb-pricing-featured-text{
position: absolute;
background: $link_color;
left: 0;
right: 0;
top: -27px;
color: #fff;
text-align: center;
font-size: 12px;
padding: 6px;
border-radius: 3px 3px 0 0;
}
.sppb-pricing-features+.sppb-pricing-footer{
padding: 20px 15px 30px 15px;
}
&.featured{
border-color: $link_color;
}
}
//Thumb Gallery
.sppb-addon-thumb-gallery{
overflow: hidden;
//default layout
&.default{
.flexslider.sppb-tg-slider:before,
.flexslider.sppb-tg-slider:after{
display: none;
}
}
.sppb-addon-title{
margin-bottom: 30px;
margin-top: 0;
font-weight: 400;
}
.flexslider{
background: transparent;
border: 0;
margin: 0 0 15px;
&:hover{
.flex-direction-nav{
a.flex-prev{
left: 0 !important;
}
a.flex-next{
right: 0 !important;
}
}
.slides&:after{
top: 50%;
transform: translate(-50%, -50%);
opacity: 1;
}
.slides&:before{
// opacity: .7;
}
}
&.sppb-tg-slider{
&:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 10;
transition: .3s;
}
.slides{
position: relative;
overflow: hidden;
}
&:hover{
&:after{
top: 50%;
transform: translate(-50%, -50%);
opacity: 1;
}
&:before{
opacity: .7;
}
}
.flex-direction-nav{
.flex-prev {
top: 50%;
transform: translate(0, -50%);
left: -50px !important;
}
.flex-next {
right: -50px !important;
top: 50%;
transform: translate(0, -50%);
}
}
}
}
#carousel.flexslider{
margin-bottom: 0;
}
.flex-direction-nav{
.flex-prev {
left: auto !important;
}
.flex-next {
right: 0 !important;
}
li.flex-nav-prev{
a{
left: 0;
text-shadow: none;
width: 25px;
height: 60px;
line-height: 60px;
margin: 0;
text-align: center;
&:before{
content: "";
font-family: Fontawesome;
display: block;
content: '\f104';
color: #fff;
font-size: 28px;
text-shadow: none;
}
&:hover{
color: transparent;
text-shadow: none;
}
}
}
li.flex-nav-next{
a{
right: 0;
text-shadow: none;
width: 25px;
height: 60px;
line-height: 60px;
margin: 0;
text-align: center;
&:before{
content: "";
font-family: Fontawesome;
display: block;
content: '\f105';
font-size: 28px;
color: #fff;
text-shadow: none;
}
&:hover{
color: transparent;
text-shadow: none;
}
}
}
}
#carousel{
ul{
li{
opacity: .6;
transition: .3s;
&.flex-active-slide {
&:after{
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 400ms;
background-color: rgba(0,0,0,0);
}
}
margin-right: 15px;
position: relative;
&:after{
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.6);
transition: 400ms;
}
&:hover{
cursor: pointer;
&:after{
opacity: 1;
}
}
}
}
li.flex-active-slide{
position: relative;
opacity: 1;
&:after{
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 400ms;
}
}
.flex-direction-nav{
li.flex-nav-prev{
.flex-prev {
left: 25px !important;
}
a{
top: inherit;
bottom: 20px;
left: 22px;
width: 30px;
height: 30px;
line-height: 30px;
}
}
li.flex-nav-next{
a{
top: inherit;
bottom: 20px;
width: 30px;
height: 30px;
line-height: 30px;
}
}
}
}
}
//sppb-addon-case-study
.sppb-addon-case-study{
.sppb-addon-title{
max-width: 720px;
a{
color: $text_color;
&:hover, &:focus{
color: $link_color;
}
}
}
.sppb-img-container{
img{
border-radius: 3px;
}
}
.sppb-addon-case-study-features-list{
flex-wrap: wrap;
max-width: 515px;
font-size: 16px;
margin: -10px;
padding-bottom: 20px;
.item{
flex: 0 0 50%;
max-width: 50%;
padding: 10px;
span.title {
min-width: 90px;
font-weight: 400;
&:after {
content: ":";
float: right;
}
}
span.text {
opacity: .6;
margin-left: 20px;
}
}
}
.case-study-content{
flex: 0 0 69%;
max-width: 69%;
padding-right: 60px;
}
.case-study-text-content{
margin-bottom: 30px;
&:empty{
display: none;
}
}
.main-btn{
margin-top: 10px;
}
.case-study-img{
position: relative;
&:after{
content: "";
opacity: 0.2;
background: #121330;
border-radius: 3px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
img{
border-radius: 3px;
}
}
&.lead-item{
.case-study-content{
flex: 0 0 52%;
max-width: 52%;
padding-right: 60px;
}
}
}
//sppb-wayne-corp-articles
.sppb-wayne-corp-articles{
.sppb-addon-article{
display: flex;
align-items: center;
.sppb-article-img-wrap{
flex: 0 0 auto;
margin-right: 30px;
position: relative;
img{
border-radius: 3px;
}
&:after{
content: "";
position: absolute;
top: 0;
bottom: 0;
left:0;
right:0;
background-color: rgba($secondary_color, .3);
border-radius: 3px;
}
}
.sppb-article-info-wrap{
.sppb-meta-category{
font-size: 12px;
}
h2{
font-weight: 400;
line-height: 1.7;
margin-top: 10px;
margin-bottom: 12px;
a{
color: $text_color;
&:hover, &:focus{
color: $link_color;
}
}
}
.sppb-article-meta{
border-bottom: 1px solid rgba($link_color, .3);
margin: 0 0 15px 0;
padding-bottom: 10px;
>span{
margin: 0;
}
}
.sppb-article-introtext{
opacity: 0.6;
}
}
}
&.stair-layout{
.sppb-row>div:nth-child(2n+1){
margin-top: -60px;
}
.sppb-addon-article{
flex-direction: column;
align-items: flex-start;
.sppb-article-img-wrap{
margin-right: 0;
img,
&:after{
border-radius: 3px 3px 0 0;
}
.sppb-meta-category{
position: absolute;
background: $link_color;
z-index: 10;
border-radius: 3px;
top: 20px;
left: 20px;
font-size: 12px;
display: inline-block;
padding: 2px 6px;
transition: .3s;
&:hover, &:focus{
background: darken($link_color, 10%);
}
a{
color: #fff;
}
}
}
.sppb-article-meta{
&:empty{
display: none !important;
}
}
.sppb-article-info-wrap{
border: 1px solid rgba($link_color, .3);
padding: 30px;
border-radius: 0 0 3px 3px;
padding: 30px 20px;
h2{
margin-bottom: 0;
}
.sppb-article-meta{
border: none;
}
}
}
}
}
.sppb-optin-form.submit-button-inside .name-wrap, form.sppb-optin-form.submit-button-inside .email-wrap{
margin-bottom: 0;
.sp-input-wrap{
span{
top: 25px;
left: 30px;
color: #8c8c8c;
}
&.active{
span{
top: 5px;
}
}
}
}
.row-bg-secondary{
.sppb-row-container>div{
background-color: rgba($secondary_color, .8);
padding: 15px;
}
}
.fluid-features-content-col{
max-width: 538px;
margin-left: auto;
&.r-auto{
margin-right: auto;
margin-left: inherit;
}
}
.fluid-features-img-col{
.sp-pagebuilder-addons>div,
.sppb-column-addons{
display: flex;
>div:not(:first-child){
padding-left: 30px;
}
}
}
//blog
.article-details {
.article-header {
position: relative;
h1,
h2 {
font-size: 2.25rem;
}
}
.link-edit-article {
position: absolute;
right: 0;
top: 10px;
}
.article-info {
margin-bottom: 1rem;
}
.article-full-image {
text-align: center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
background-position: center center;
img {
display: inline-block;
border-radius: 4px;
}
}
.article-featured-video,
.article-featured-audio,
.article-feature-gallery {
margin-bottom: 2rem;
}
.article-ratings-social-share {
padding: 1rem 0;
border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
margin-bottom: 1rem;
}
.article-author-information {
padding-top: 2rem;
margin-top: 2rem;
border-top: 1px solid #f5f5f5;
}
}
.view-article {
#sp-title,
#sp-right {
display: none;
}
#sp-main-body {
padding-top: 0;
.container {
max-width: 100%;
padding-right: 0;
padding-left: 0;
.col-lg-8 {
flex: 0 0 100%;
max-width: 100%;
.article-details {
.article-header-wrap {
position: relative;
padding: 240px 0 140px 0;
margin-bottom: 85px;
.article-header {
max-width: 1140px;
padding: 0 15px;
margin: auto;
color: #fff;
z-index: 2;
h1 {
font-size: 64px;
line-height: 76px;
}
}
&:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: $secondary-color;
opacity: 0.55;
z-index: 1;
}
}
.article-body-wrap {
width: 1140px;
margin: 0 auto;
.article-body-content {
.article-info {
border-top: solid 1px rgba($link-color, .30);
border-bottom: solid 1px rgba($link-color, .30);
padding: 15px 0;
margin-top: 0;
span.published {
position: inherit;
}
span {
font-size: 16px;
margin: 0 10px;
padding-right: 35px;
border-right: solid 1px rgba($link-color, .30);
&:first-child {
margin-left: 0;
}
&:last-child {
padding-right: 0;
border-right: 0;
}
}
}
blockquote {
font-size: 16px;
color: $text-color;
line-height: 26px;
border-left: solid 1px $link-color;
padding: 0 0 0 20px;
background-color: transparent;
margin-left: 20px;
}
ul.tags {
li {
a {
background-color: transparent;
font-size: 16px;
font-weight: 400;
padding: 0;
text-decoration: underline;
&:hover {
color: $text-color;
}
}
}
}
}
}
}
}
}
}
}
.img-overlay-color{
.sppb-addon-single-image-container{
position: relative;
&:after{
content: "";
position: absolute;
top: 0;
bottom: 0;
left:0;
right:0;
border-radius: 3px;
background-color: rgba($secondary_color, .3);
}
}
}
/***************** Arifa Start *******************/
/* **************************************************** */
/* ************** END:: Header ***************** */
/* **************************************************** */
#sp-top-bar {
padding: 10px 0;
#sp-top1 {
.sp-contact-info a {
font-size: 12px;
color: rgba(255, 255, 255, .6);
}
}
#sp-top2 {
text-align: right;
.mod-languages {
a {
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
color: rgba(255, 255, 255, .6);
}
.lang-active a {
color: $footer-text-color;
}
}
.sp-custom-login {
.sppb-btn.sppb-btn-link {
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
color: rgba(255, 255, 255, .6);
display: inline-block;
text-decoration: none;
&:hover {
color: $link-color;
}
}
}
.sp-custom-login-on {
.form-login-wrap,
.icons-wrap {
i {
display: none;
}
}
.icons-wrap,
.sppb-btn.sppb-btn-link {
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
color: rgba(255, 255, 255, .6);
display: inline-block;
text-decoration: none;
}
.sppb-btn.sppb-btn-link {
cursor: pointer;
}
}
}
}
// Header
.header-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
#sp-header {
height: 80px;
background-color: transparent;
border-bottom: 1px solid rgba($link-color, .3);
#sp-menu2 {
.sp-megamenu-parent {
float: left;
}
}
#sp-logo {
text-align: center;
}
&.header-sticky {
position: fixed;
z-index: 9999;
background-color: rgba($secondary-color, .95);
}
}
.sp-megamenu-parent {
> li {
> a,
> span {
font-size: 14px;
font-weight: 400;
padding: 19px 5px;
line-height: 3;
letter-spacing: 1.4px;
color: rgba(255, 255, 255, .6)!important;
margin: 0 18px;
&:hover {
color: $link-color!important;
}
}
&.active {
&:hover > a,
> a {
color: $link-color!important;
position: relative;
&:before {
content: "";
position: absolute;
width: 100%;
height: 3px;
bottom: 0;
left: 0;
right: 0;
background-color: $link-color;
}
}
}
}
.sp-dropdown {
.sp-dropdown-inner {
padding: 0;
}
li {
&.sp-menu-item > a {
width: 100%;
padding: 15px;
&:before {
width: 0;
}
}
&.active a,
&.sp-menu-item > a {
position: relative;
&:before {
content: "";
position: absolute;
height: 100%;
top: 0;
left: 0;
background-color: $link-color;
transition: all 0.3s ease-in-out;
}
}
}
}
}
/* **************************************************** */
/* ************** START:: Header ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** START:: Page Title *************** */
/* **************************************************** */
.sp-page-title {
position: relative;
padding: 230px 0 140px;
z-index: 1;
background-color: $secondary-color;
background-position: center center!important;
&:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: $secondary-color;
opacity: 0.8;
z-index: -1;
}
.sp-page-title-heading {
font-size: 32px;
font-weight: 300;
font-family: 'Work Sans', sans-serif;
line-height: 1.63;
color: rgba(255, 255, 255, .6);
margin-top: 5px;
}
.sp-page-title-sub-heading {
font-size: 64px;
font-weight: 300;
line-height: 1.5;
margin-top: 0;
width: 68%;
}
}
/* **************************************************** */
/* ************** START:: Page Title ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** START:: Button *************** */
/* **************************************************** */
.sppb-btn {
font-size: 14px;
padding: 17px 35px;
border: none;
border-radius: 3px;
position: relative;
z-index: 3;
overflow: hidden;
&.sppb-btn-xlg {
font-size: 18px;
padding: 20px 60px;
}
&.sppb-btn-lg {
font-size: 16px;
padding: 12px 55px;
}
&.sppb-btn-sm {
padding: 10px 35px;
}
&.sppb-btn-xs {
padding: 6px 30px;
font-size: 11px;
}
&.sppb-btn-default {
color: $footer-text-color;
background-color: $link-color;
&:hover {
background-color: rgba($link-color, .8);
}
}
&.sppb-btn-primary {
color: $link-color;
border: 1px solid $link-color;
background-color: transparent;
&:hover {
color: $footer-text-color;
border-color: $link-color;
background-color: $link-color;
}
}
&.sppb-btn-link {
font-weight: 500;
letter-spacing: 1.4px;
color: $link-color;
background-color: transparent;
padding: 0;
&:focus,
&:hover {
color: darken($text-color, 10%);
}
}
}
/* **************************************************** */
/* ************** END:: Button ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** START:: Hero ***************** */
/* **************************************************** */
.hero-section3 {
&:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left:0;
right:0;
opacity: 0.8;
background: $secondary_color;
}
.sp-input-wrap span{
color: $secondary_color;
}
.sppb-addon-animated-heading{
max-width: 502px;
.animated-text-words-wrapper{
color: $link_color;
}
}
.sppb-btn.sppb-btn-link{
&:hover, &:focus{
color: #fff;
}
}
.sppb-addon-ajax-contact {
.sppb-form-check {
padding: 0;
input {
-webkit-appearance: none;
}
label {
color: rgba($text-color, .6);
a {
text-decoration: underline;
color: rgba($text-color, .6);
&:hover {
color: $link-color;
}
}
}
}
.sppb-btn {
margin-top: 15px;
}
}
}
/* **************************************************** */
/* ************** END:: Hero ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** START:: Service Box ***************** */
/* **************************************************** */
.service-item {
border-right: 1px solid rgba($link-color, .3);
border-bottom: 1px solid rgba($link-color, .3);
&.item2 {
border-right: 0;
}
&.item3,
&.item4 {
border-bottom: 0;
}
&.item4 {
border-right: 0;
}
padding: 30px;
overflow: visible;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
.sppb-img-responsive {
width: 50px;
height: 50px;
}
.sppb-feature-box-title a {
letter-spacing: 1.5px;
color: rgba($text-color, .95);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sppb-addon-text {
color: rgba(19, 19, 19, .6);
}
&:hover {
border-radius: 3px;
box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
.sppb-feature-box-title a {
color: $link-color;
}
}
}
/* **************************************************** */
/* ************** END:: Service Box ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** START:: Animated number ***************** */
/* **************************************************** */
.secondary-color-bg {
.sppb-row-overlay {
background-color: $secondary-color;
opacity: 0.8;
}
}
.fact-item {
.sppb-row-overlay {
background-color: unset;
}
.item1,
.item2,
.item3,
.item4 {
padding: 20px 10px 50px;
border-right: 1px solid rgba($link-color, .3);
border-bottom: 1px solid rgba($link-color, .3);
}
.item2 {
border-right: 0;
}
.item3,
.item4 {
border-bottom: 0;
}
.item4 {
border-right: 0;
}
}
/* **************************************************** */
/* ************** END:: Animated number ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** START:: TAB ***************** */
/* **************************************************** */
.sppb-nav-tabs {
border-bottom: 1px solid rgba($link-color, .3);
> li {
> a {
font-size: 14px;
font-weight: 400;
color: rgba($text-color,.6);
text-indent: -4px;
border: 0;
padding: 5px 10px 5px 0;
margin-right: 40px;
background-color: transparent;
&:hover {
background-color: transparent;
}
}
&.active {
> a,
> a:hover,
> a:focus {
color: $text-color;
font-weight: 600;
background-color: transparent;
border-bottom: 3px solid $link-color;
}
}
}
}
.sppb-tab-tabs-content {
margin-top: 20px;
}
.process-tab {
.sppb-tab-content {
.sppb-addon-title {
color: $link-color;
line-height: 1.4px;
}
}
}
/* tab style for Career */
.career-info-tab-title {
color: $text-color;
background-color: $secondary-color;
display: inline-block;
.sppb-addon-content {
width: 100%;
display: -webkit-flex;
display: flex;
}
}
.career-info-tab {
.sppb-tab-modern-content {
margin: 0;
}
.sppb-nav {
li {
width: 100%;
margin: 0;
a {
font-size: 16px;
line-height: 25px;
font-weight: 300;
color: rgba($text-color, .6);
border: 0;
border-radius: 0;
padding: 12px 25px;
background-color: rgba($text-color, .05);
border-right: 1px solid $link-color;
border-left: 3px solid transparent;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
&:hover {
color: rgba($text-color, .8);
}
}
&.active a {
font-weight: 600;
color: rgba($text-color, .8);
padding: 20px 25px;
background-color: transparent;
border-right: 1px solid transparent;
border-left: 3px solid $link-color;
}
}
}
.career-info-tab-text {
color: rgba($text-color, .5);
}
}
.career-info-tab,
.career-info-tab-title {
width: 100%;
ul {
list-style: none;
margin: 0;
padding: 0;
}
.dept-title .department {
display: -webkit-flex;
display: flex;
padding: 15px 0 15px 30px;
}
.info-title {
strong {
display: none;
}
.deadline,
.department,
.location,
.positions,
.status {
padding: 15px;
}
}
.dept-title,
.info-title {
.deadline,
.department,
.location,
.positions,
.status {
font-size: 14px;
font-weight: 500;
color: $link-color;
}
}
.dept-title,
.sppb-nav {
width: 24.40%;
float: left;
padding-right: 15px;
}
.career-info-tab-text,
.info-title {
width: 75.602%;
float: left;
padding-left: 15px;
margin-top: 0;
.positions {
float: left;
width: 34.5%;
padding-left: 15px;
padding-right: 15px;
margin-left: -15px;
a {
color: $text-color;
&:hover {
color: $link-color;
text-decoration: underline;
}
}
}
.deadline,
.department,
.location,
.status {
float: left;
width: 22.4410848%;
padding-left: 15px;
padding-right: 15px;
}
}
}
.career-info-tab-text {
ul {
li {
border-top: 1px solid rgba($text-color, .2);
width: 100%;
display: inline-table;
padding: 11px 0;
}
}
}
/* **************************************************** */
/* ************** END:: Tab ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** START:: Career & Case ***************** */
/* **************************************************** */
// Career
.career-details {
ul {
padding-left: 0;
list-style: none;
margin: 0;
li {
position: relative;
padding-left: 10px;
margin-bottom: 25px;
&:after {
content: "•";
position: absolute;
width: 5px;
height: 5px;
top: 10px;
font-size: 16px;
left: 0;
line-height: 7px;
color: $text-color;
}
}
}
.info-list {
ul {
li {
position: relative;
padding-left: 13px;
&:after {
content: ">";
position: absolute;
width: 5px;
height: 5px;
top: 10px;
font-size: 16px;
left: 0;
line-height: 7px;
color: $text-color;
}
}
}
}
}
// Case
.project-list {
padding: 5px 25px;
border-radius: 3px;
border: 1px solid rgba($link-color, .3);
ul {
margin: 0;
padding: 0;
list-style: none;
li {
width: 100%;
display: table;
font-size: 16px;
font-weight: 400;
line-height: 26px;
padding: 18px 0;
border-bottom: 1px solid rgba($link-color, .3);
&:last-child {
border-bottom: none;
}
span {
float: left;
&.title {
width: 35%;
}
&.info {
width: 50%;
font-weight: 300;
color: rgba($text-color, .6);
}
&.colon {
width: 15%;
text-align: center;
color: rgba($text-color, .4);
}
}
}
}
}
.case-details {
ul {
padding-left: 0;
list-style: none;
margin: 0;
li {
position: relative;
padding-left: 10px;
margin-bottom: 20px;
color: rgba($text-color, .6);
&:after {
content: "•";
position: absolute;
width: 5px;
height: 5px;
top: 10px;
font-size: 16px;
left: 0;
line-height: 7px;
color: rgba($text-color, .6);
}
}
}
.info-list {
ul {
li {
position: relative;
padding-left: 22px;
&:after {
content: "\f00c";
font-family: FontAwesome;
position: absolute;
width: 5px;
height: 5px;
top: 10px;
font-size: 14px;
left: 0;
line-height: 7px;
color: rgba($link-color, .6);
}
}
}
}
}
/* **************************************************** */
/* ************** END:: Career & Case ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** START:: persion ***************** */
/* **************************************************** */
.sppb-addon-person {
border-radius: 3px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
background-color: $footer-text-color;
transition: 0.3s;
-webkit-transition: 0.3s;
&.non-box-shadow {
box-shadow: none;
}
.sppb-person-image img {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.sppb-person-information {
padding-top: 10px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
> span {
&.sppb-person-name {
color: #252a35;
letter-spacing: 1.5px!important;
}
&.sppb-person-designation {
color: $text-color;
}
}
}
.sppb-person-social-icons {
margin-left: 20px;
margin-right: 20px;
margin-top: 25px;
padding: 12px 0;
border-top: 1px solid rgba($link-color, 0.38);
}
.sppb-person-social > li > a {
color: rgba($link-color, 0.3);
&:hover {
color: $link-color;
}
}
.sppb-addon-content {
position: relative;
}
&.sppb-text-left {
box-shadow: none;
.sppb-person-image img {
border-radius: 5px;
}
.sppb-person-information > span {
&.sppb-person-email {
float: right;
position: relative;
width: 50%;
bottom: -33px;
right: 0;
text-align: center;
font-size: 12px;
font-weight: 300;
color: $text-color;
}
}
.sppb-person-social {
width: 50%;
margin: 0;
position: relative;
padding: 18px 0 15px;
&:after {
content: "";
position: absolute;
width: 1px;
height: 80%;
top: 50%;
right: 0;
background-color: rgba($link-color, .3);
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
}
.sppb-person-social-icons {
margin-left: 0;
margin-right: 0;
margin-top: 18px;
padding: 0;
border-bottom: 1px solid rgba($link-color, 0.38);
}
}
}
.team-single {
.sppb-row {
> [class^='sppb-col'] {
border-right: 1px solid rgba($link-color, .3);
&:last-child {
border-right: 0;
}
}
}
.sppb-addon-persion,
.sppb-addon-person {
padding: 0 20px;
&.sppb-text-left {
.sppb-person-information {
padding-top: 0;
> span {
&.sppb-person-name {
margin-bottom: 8px;
}
&.sppb-person-email {
width: 70%;
bottom: -35px;
float: right;
}
}
}
.sppb-person-social {
width: 30%;
margin: 0;
}
}
.sppb-person-introtext {
margin-top: 28px;
}
.sppb-person-social-icons {
margin-top: 18px;
}
}
}
/* **************************************************** */
/* ************** END:: persion ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** START:: Accordion ***************** */
/* **************************************************** */
.sppb-addon-accordion {
.sppb-panel {
background-color: transparent;
&:last-child .sppb-panel-heading {
border-bottom: none;
}
}
.sppb-panel-heading {
padding: 12px 30px 12px 0;
color: rgba($text-color, .6);
background-color: transparent;
border-bottom: 1px solid rgba($link-color, .5);
.sppb-panel-title {
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
&.active {
color: $text-color;
border-bottom-color: $link-color;
.sppb-toggle-direction {
color: $link-color;
}
}
.sppb-toggle-direction {
color: rgba($link-color, .5);
right: 12px;
}
}
.sppb-panel-body {
padding: 23px 0;
border-top: 0;
border-bottom: 1px solid rgba($link-color, .5);
}
}
/* **************************************************** */
/* ************** END:: Accordion ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** START:: Simpleportfolio ***************** */
/* **************************************************** */
.com-spsimpleportfolio {
#sp-main-body {
background-color: #e3e6ec;
}
}
.sp-simpleportfolio {
.sp-simpleportfolio-filter {
text-align: left;
ul {
width: 100%;
border-bottom: 1px solid rgba($link-color, .6);
li {
margin: 0;
a {
font-size: 16px;
line-height: 26px;
font-weight: 300;
padding: 12px 5px 12px 0;
margin-right: 50px;
background: transparent;
color: rgba($text-color, .6);
text-decoration: none;
border-radius: 0;
border-bottom: 3px solid transparent;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
&.active > a {
font-weight: 600;
background: transparent;
color: rgba($text-color, .8);
border-bottom: 3px solid $link-color;
}
}
}
}
.sp-simpleportfolio-item {
position: relative;
.sp-simpleportfolio-btns a {
&:hover {
background-color: $link-color;
border-color: $link-color;
}
}
.sp-simpleportfolio-overlay-wrapper {
border-radius: 3px;
}
.sp-simpleportfolio-img {
border-radius: 3px;
}
.sp-simpleportfolio-info {
position: absolute;
bottom: 15px;
left: 0;
width: 92%;
margin-left: 15px;
margin-right: 15px;
background-color: rgba($text-color, .8);
z-index: 100;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
.sp-simpleportfolio-title {
margin: 0;
a:hover {
color: $link-color;
}
}
.sp-simpleportfolio-tags,
.sp-simpleportfolio-title a {
font-size: 16px;
line-height: 26px;
color: $footer-text-color;
}
}
&:hover {
.sp-simpleportfolio-info {
opacity: 1;
visibility: visible;
}
}
}
&.sp-simpleportfolio-view-item {
font-size: 16px;
width: 70%;
margin-left: auto;
margin-right: auto;
.sp-simpleportfolio-image img {
border-radius: 2px;
}
.sp-simpleportfolio-description {
width: 100%;
.sp-simpleportfolio-title-wrap h2 {
font-size: 32px;
color: rgba($text-color, .95);
}
}
.sp-simpleportfolio-info {
.title {
font-size: 22px;
margin-top: 50px;
color: rgba($text-color, .8);
}
}
}
.sp-simpleportfolio-details #system-readmore,
.sp-simpleportfolio-meta > div {
margin: 30px 0;
border-top: 1px solid rgba($link-color, .3);
}
}
blockquote {
font-size: 24px;
font-weight: 400;
color: rgba($text-color, .4);
font-style: oblique;
padding: 30px;
background-color: rgba($secondary-color, .02);
line-height: 1.8;
margin: 30px 0;
a {
float: right;
font-size: 14px;
line-height: 3;
color: rgba($link-color, .8);
position: relative;
padding-left: 30px;
&:after {
content: "";
position: absolute;
width: 20px;
height: 1px;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: rgba($link-color, .8);
}
&:hover {
color: $link-color;
&:after {
background-color: $link-color;
}
}
}
}
// Career slider
.flex-direction-nav .flex-disabled,
.flex-direction-nav a {
opacity: 1!important;
filter: alpha(opacity=1);
}
.sppb-addon-thumb-gallery {
.flexslider {
margin-bottom: 30px;
&.sppb-tg-slider .flex-direction-nav {
.flex-prev {
left: -90px !important;
}
.flex-next {
right: -90px !important;
}
}
}
.flex-direction-nav {
li {
&.flex-nav-next,
&.flex-nav-prev {
a {
width: 60px;
height: 25px;
background-color: transparent;
border: 1px solid rgba($link-color, 0.6);
text-shadow: none;
transition: all 0.3s ease-in-out;
&:before {
font-family: Fontawesome;
font-size: 20px;
line-height: 1.14;
color: rgba($link-color, 0.6);
transition: all 0.3s ease-in-out;
}
&:hover {
background-color: $link-color;
&:before {
color: $footer-text-color;
}
}
}
}
&.flex-nav-prev a:before {
content: "\f177";
}
&.flex-nav-next a:before {
content: "\f178";
}
}
}
.flexslider {
&:hover .flex-direction-nav a.flex-prev {
left: -90px !important;
}
&:hover .flex-direction-nav a.flex-next {
right: -90px !important;
}
}
#carousel {
ul {
li {
opacity: 1;
margin-right: 30px;
&:after {
border: 1px solid transparent;
background-color: transparent;
border-radius: 1px;
}
&.flex-active-slide {
position: relative;
z-index: 1;
&:after {
content: "";
position: absolute;
width: 90%;
height: 82%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-color: $link-color;
background-color: rgba($link-color, .17);
z-index: 1;
}
}
}
}
.flex-direction-nav {
display: none;
}
}
}
/* **************************************************** */
/* ************** END:: Simpleportfolio ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** START:: clients ***************** */
/* **************************************************** */
.clients-list {
[class^='sppb-col'] {
padding: 0;
border-right: 1px solid rgba($link-color, .3);
&:nth-child(4),
&:nth-child(8) {
border-right: 1px solid rgba($link-color, 0);
}
&:nth-child(1),
&:nth-child(2),
&:nth-child(3),
&:nth-child(4) {
border-bottom: 1px solid rgba($link-color, .3);
}
a {
width: 100%;
display: inline-block;
opacity: 0.6;
padding: 70px 40px;
transition: all 0.5s;
&:hover {
opacity: 1;
transform: scale(1.02);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
background-color: $footer-text-color;
}
}
}
.sppb-addon-content {
padding: 0 15px;
}
}
.atc-div {
.clients-list {
[class^='sppb-col'] {
border-right: 1px solid rgba(166, 124, 0, .3);
border-bottom: 0;
a {
padding: 25px 0;
img {
width: 50px;
}
}
}
}
}
.clients-list2 {
.sppb-row{
align-items: center;
}
.sppb-addon-clients {
a {
display: inline-block;
padding: 20px 35px;
img {
opacity: 0.3;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
&:hover {
img {
opacity: 1;
}
}
}
[class^='sppb-col'] {
padding: 0;
border-right: 1px solid rgba($link-color, .3);
&:last-child {
border-right: 0;
}
}
}
}
.awards-list {
.sppb-addon-feature {
.sppb-media-content {
display: -webkit-flex;
display: -ms-flex;
display: flex;
border-top: 1px solid #e3e6ec;
.sppb-addon-text,
.sppb-addon-title {
float: left;
text-align: center;
padding: 18px 0;
}
.sppb-addon-title {
width: 80%;
color: $text-color;
}
.sppb-addon-text {
width: 20%;
position: relative;
&:after {
content: "";
position: absolute;
width: 1px;
height: 80%;
top: 50%;
left: 0;
background-color: #e3e6ec;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
}
}
}
}
.awards-list2 {
.sppb-addon-feature {
border-radius: 3px;
border: 1px solid rgba($link-color, .3);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
.sppb-img-container {
img {
-webkit-filter: brightness(0%);
filter: brightness(0%);
opacity: 0.3;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
}
.sppb-media-content {
border-top: 1px solid rgba($link-color, .3);
.sppb-addon-text {
&:after {
background-color: rgba($link-color, .3);
}
}
}
&:hover {
border-color: $link-color;
.sppb-img-container {
img {
-webkit-filter: brightness(100%);
filter: brightness(100%);
opacity: 1;
}
}
}
}
}
.happy-client {
border: 1px solid rgba($link-color, .3);
border-radius: 3px;
&.sppb-testimonial-pro {
padding-bottom: 0;
.sppb-item img {
border-radius: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
transform: scale(1.005);
}
.sppb-testimonial-message {
color: rgba($text-color, .6);
}
.testimonial-pro-client-name-wrap {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid rgba($link-color, .3);
}
.sp-testimonial-wrap-content {
padding: 0 30px;
.sppb-addon-testimonial-pro-footer {
margin-top: 20px;
}
}
.sppb-addon-testimonial-pro-client-name {
color: #252a35;
}
.sppb-addon-testimonial-pro-client-designation {
color: rgba($text-color, .6);
}
}
}
.happy-client,
.happy-client2 {
&.sppb-testimonial-pro {
.testimonial-pro-client-name-wrap {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid rgba($link-color, .3);
}
.sppb-carousel-indicators {
bottom: 30px;
left: 285px;
margin-left: -3px;
text-align: left;
li {
width: 30px;
height: 4px;
margin: 0 3px;
border-radius: 0;
border: 1px solid $link-color;
background-color: transparent;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
&.active {
width: 50px;
background-color: $link-color;
}
}
}
}
}
.happy-client2 {
&.sppb-testimonial-pro {
.sp-testimonial-wrap-content .sppb-addon-testimonial-pro-footer {
margin-bottom: 15px;
}
.sppb-carousel-indicators {
bottom: 75px;
margin-left: 8px;
}
}
}
/* **************************************************** */
/* ************** END:: clients ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** END:: Full Content img ***************** */
/* **************************************************** */
.img-contant {
.sppb-addon-single-image img {
height: 500px;
}
}
.img-contant2 {
.sppb-addon-single-image {
&.img1 img {
height: 500px;
}
&.img2,
&.img3 {
img {
height: 235px;
}
}
}
}
.img-contant3 {
.sppb-addon-single-image {
&.img1 img {
height: 510px;
}
&.img2,
&.img3 {
img {
height: 240px;
}
}
}
}
/* **************************************************** */
/* ************** END:: Full Content img ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** END:: Progress Bar ***************** */
/* **************************************************** */
.sppb-progress-label {
font-size: 14px;
font-weight: 400;
line-height: 23px;
color: $text-color;
margin-bottom: 22px;
span {
font-weight: 300;
color: rgba($text-color, .6);
}
}
.sppb-progress {
margin-bottom: 0;
background-color: rgba($secondary-color, .2);
.sppb-progress-bar {
background-color: $link-color;
}
}
.custom-progress-bar {
.sppb-progress-bar {
background-color: #252a35;
}
}
/* **************************************************** */
/* ************** END:: Progress Bar ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** END:: Contact ***************** */
/* **************************************************** */
.address-info,
.contact-info {
ul {
padding-left: 15px;
margin-bottom: 0;
li {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
}
.sppb-ajaxt-contact-form {
.sppb-btn {
margin-top: 30px;
}
}
.col-divider {
border: 0;
width: 1px;
height: 313px;
border-bottom-color: transparent;
background-color: rgba($text-color , .3);
&.link-divider {
background-color: rgba($link-color , .3);
}
}
.address-info {
color: rgba($text-color , .6);
ul {
list-style: none;
padding: 0;
}
.sppb-media {
.sppb-icon .sppb-icon-container {
color: rgba($text-color , .3);
}
.sppb-media-body {
.sppb-addon-text,
.sppb-addon-title {
display: inline-block;
float: left;
}
.sppb-addon-title {
width: 24%;
color: $text-color;
}
.sppb-addon-text {
width: 76%;
}
}
}
}
/* **************************************************** */
/* ************** END:: Contact ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** END:: Error & Coming Pages ***************** */
/* **************************************************** */
html {
&.error-page body {
background-size: cover;
background-position: center center;
}
&.error-page {
.error-code {
font-size: 256px;
font-family: 'Poppins', sans-serif;
font-weight: 700;
line-height: 0.9;
color: $footer-text-color;
margin-bottom: 0;
}
.error-message {
font-size: 32px;
font-weight: 300;
font-family: 'Work Sans', sans-serif;
color: $footer-text-color;
margin-bottom: 22px;
}
.btn-secondary {
font-size: 14px;
font-weight: 300;
letter-spacing: 1.4px;
color: $link-color;
background-color: transparent;
border: 0;
&:hover {
color: rgba($link-color, .6);
}
.fa:before {
content: "\f177";
}
}
}
}
// Coming Soon
html.coming-soon {
body {
position: relative;
z-index: 1;
padding: 30px 0;
&:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: $secondary-color;
opacity: 0.8;
z-index: -1;
}
.container {
position: relative;
}
}
.coming-soon-logo {
text-align: left;
display: block;
margin-bottom: 2.3rem;
}
.coming-soon-title {
font-size: 32px;
font-family: 'Work Sans', sans-serif;
font-weight: 300;
color: $footer-text-color;
margin-bottom: 15px;
text-align: left;
}
.coming-soon-content {
font-size: 64px;
font-weight: 300;
font-family: 'Work Sans', sans-serif;
color: $footer-text-color;
line-height: 1.25;
text-align: left;
}
#coming-soon-countdown {
width: 100%;
padding-left: 120px;
padding-right: 50px;
.coming-soon-days,
.coming-soon-hours,
.coming-soon-minutes,
.coming-soon-seconds {
width: 50%;
float: left;
padding: 30px;
border: 1px solid transparent;
.coming-soon-number {
width: auto;
font-size: 64px;
font-weight: 600;
line-height: 1;
font-family: 'Poppins', sans-serif;
color: $footer-text-color;
padding: 15px 5px 5px;
border-radius: 1px;
display: inline-block;
background-color: rgba($link-color, .38);
border: 1px solid $link-color;
}
.coming-soon-string {
font-size: 16px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
color: $footer-text-color;
line-height: 26px;
margin-top: 5px;
text-transform: capitalize;
}
}
.coming-soon-days,
.coming-soon-minutes {
border-right-color: rgba($link-color, .3);
}
.coming-soon-minutes,
.coming-soon-seconds {
border-top-color: rgba($link-color, .3);
}
}
.social-icons {
margin: 0;
position: fixed;
display: unset;
bottom: 30px;
margin-left: 6%;
li {
margin: 0 12px;
a {
font-size: 18px;
color: rgba($footer-text-color, .5);
&:hover {
color: $link-color;
}
}
}
}
}
/* **************************************************** */
/* ************** END:: Error & Coming Pages ***************** */
/* **************************************************** */
/* **************************************************** */
/* ************** END:: Footer ***************** */
/* **************************************************** */
#sp-bottom-top {
.container-inner {
border-bottom: 1px solid rgba($link-color, .3);
}
}
#sp-bottom-top {
padding-top: 80px;
.container-inner {
padding-bottom: 20px;
}
#sp-bottom-top1 {}
#sp-bottom-top2 {
.sp-module {
ul {
padding: 0;
margin: 0;
li {
display: inline-block;
padding: 10px 18px;
a {
font-size: 14px;
font-weight: 300;
color: rgba(255, 255, 255, .4);
&:hover {
color: $link-color;
}
}
}
}
}
}
#sp-bottom-top3 {
text-align: right;
.social-icons {
li {
margin: 12px 10px;
a {
font-size: 18px;
color: rgba(255, 255, 255, .3);
&:hover {
color: $link-color;
}
}
}
}
}
}
#sp-bottom a {
color: #545561;
&:hover {
color: $link-color;
text-decoration: underline;
}
}
#sp-bottom {
padding: 62px 0 5px;
.sp-module {
.sp-module-title {
font-size: 16px;
font-weight: 600;
line-height: 26px;
margin-bottom: 15px;
color: rgba(255, 255, 255, .6);
}
ul > li {
margin-bottom: 0;
}
a {
color: #545561;
&:hover {
color: $link-color;
text-decoration: underline;
}
}
}
}
#sp-footer {
border-top: 1px solid rgba($link-color, .3);
.container-inner {
padding: 20px 0;
border-top: none;
}
}
.sp-copyright {
font-size: 12px;
font-weight: 300;
color: rgba(255, 255, 255, .3);
a {
color: rgba(255, 255, 255, .3)!important;
&:hover {
color: $link-color!important;
}
}
}
/* **************************************************** */
/* ************** END:: Footer ***************** */
/* **************************************************** */
/* ******* Responsive ******* */
@media (max-width: 991px) {
.sp-page-title {
.sp-page-title-sub-heading {
width: 100%;
}
}
.col-divider {
width: 100%;
height: 1px;
}
.sp-simpleportfolio {
.sp-simpleportfolio-item .sp-simpleportfolio-info {
width: 91.527%;
}
&.sp-simpleportfolio-view-item {
width: 100%;
}
}
.service-item {
border-left: 1px solid rgba($link-color, .3);
border-right: 1px solid rgba($link-color, .3);
border-bottom: 1px solid rgba($link-color, .3);
padding: 30px 15px;
&.item1 {
border-top: 1px solid rgba($link-color, .3);
}
&.item2,
&.item4 {
border-right: 1px solid rgba($link-color, .3);
}
&.item3,
&.item4 {
border-bottom: 1px solid rgba($link-color, .3);
}
}
html.coming-soon {
#coming-soon-countdown {
width: 100%;
padding-left: 0;
padding-right: 0;
.coming-soon-days,
.coming-soon-hours,
.coming-soon-minutes,
.coming-soon-seconds {
width: 100%;
padding: 15px;
border-color: rgba($link-color, .3);
.coming-soon-number {
font-size: 48px;
}
}
}
}
#sp-bottom-top {
#sp-bottom-top2,
#sp-bottom-top3 {
text-align: center;
}
}
#sp-footer {
#sp-footer1,
#sp-footer2 {
text-align: center;
}
.sppb-text-right {
text-align: center;
}
}
}
@media (max-width: 768px) {
.team-single {
.sppb-row {
> [class^='sppb-col'] {
border-right: 0;
}
}
}
.happy-client,
.happy-client2 {
&.sppb-testimonial-pro {
.sppb-item img {
width: 100%!important;
border-bottom-left-radius: 0;
border-top-right-radius: 3px;
}
.sppb-item .sp-testimonial-wrap-content {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 60px;
}
.sppb-carousel-indicators {
width: 100%;
left: 0;
margin-left: 0;
text-align: center;
li {
width: 25px;
&.active {
width: 40px;
}
}
}
}
}
}
// .happy-client2 {
// &.sppb-testimonial-pro {
// .sppb-carousel-indicators {
// bottom: 0;
// }
// }
// }
@media (max-width: 480px) {
.team-single {
.sppb-addon-persion,
.sppb-addon-person {
padding: 0;
}
}
.fact-item {
.item1,
.item2,
.item3,
.item4 {
border-right: 0;
border-bottom: 0;
}
}
.sp-page-title {
.sp-page-title-heading {
font-size: 28px;
}
.sp-page-title-sub-heading {
font-size: 48px;
}
}
.career-info-tab .sppb-nav li {
a {
padding: 10px 5px;
}
&.active a {
padding: 10px 5px;
}
}
.career-info-tab,
.career-info-tab-title {
width: 100%;
.dept-title,
.sppb-nav {
width: 45%;
}
.career-info-tab-text,
.info-title {
width: 55%;
.deadline,
.department,
.location,
.positions,
.status {
width: 100%;
margin: 0;
padding: 0;
}
}
.info-title {
strong {
display: inline-block;
margin-left: 5px;
}
.positions {
padding: 15px;
}
.deadline,
.department,
.location,
.status {
display: none;
}
}
}
html {
&.error-page {
.error-code {
font-size: 100px;
}
.error-message {
font-size: 28px;
}
}
}
html.coming-soon {
body {
height: auto;
}
.coming-soon-title {
font-size: 28px;
}
.coming-soon-content {
font-size: 48px;
}
.sppb-form-group {
width: 100%;
}
#coming-soon-countdown {
.coming-soon-days,
.coming-soon-hours,
.coming-soon-minutes,
.coming-soon-seconds {
width: 50%;
.coming-soon-number {
font-size: 35px;
}
}
}
.social-icons {
position: relative;
display: block;
margin-top: 50px;
bottom: 0;
text-align: right;
}
}
}
/***************** Arifa End *******************/
/***************** Sohan Start *******************/
/*************************** Statr Blog Listing & Details ***************************/
/*************************************************************************************/
.view-category {
#sp-main-body {
background-color: #E3E6ED;
}
}
#sp-left,
#sp-right,
.article-body-right {
border-bottom: 0;
h3.sp-module-title {
background-color: #fff;
margin-bottom: 0;
font-size: 14px;
color: #131313;
font-weight: 500;
letter-spacing: 1.5px;
}
.search {
background-color: #fff;
padding: 30px;
border-top: solid 1px rgba($link-color, .30);
border-right: solid 1px rgba($link-color, .30);
border-left: solid 1px rgba($link-color, .30);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
form {
position: relative;
input {
height: 48px;
border-radius: 0;
border: solid 1px $link_color;
font-size: 14px;
font-weight: 300;
}
&:after {
position: absolute;
content: "\f002";
font-family: FontAwesome;
color: $link_color;
font-size: 15px;
right: 15px;
bottom: 14px;
}
}
}
.wayne-categories {
padding: 10px 30px 30px 30px;
background-color: #fff;
border-right: solid 1px rgba($link-color, .30);
border-left: solid 1px rgba($link-color, .30);
h3 {
margin-bottom: 20px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
border-bottom: solid 1px rgba($link-color, .30);
li {
h4 {
font-size: 14px;
font-weight: 300;
font-family: Poppins;
a {
color: #131313;
&:hover {
color: $link_color;
}
}
}
&:last-child {
margin-bottom: 30px;
}
}
}
}
.must-read {
padding: 0 30px 30px;
background-color: #fff;
border-right: solid 1px rgba($link-color, .30);
border-left: solid 1px rgba($link-color, .30);
h3.sp-module-title {
margin-bottom: 30px;
}
.latestnewsmust-read {
border-bottom: solid 1px rgba($link-color, .30);
> div {
display: table;
width: 100%;
margin-bottom: 20px;
&:last-child {
margin-bottom: 30px;
}
.article-list-img {
float: left;
margin-right: 10px;
}
.latest-post-content-wrap {
.latest-post-title {
font-size: 12px;
font-weight: 300;
a {
color: $text_color;
&:hover {
color: $link_color;
}
}
}
}
.latest-post-info {
span.category-tag {
a {
font-size: 12px;
color: #8d8d8d;
font-weight: 300;
&:hover {
color: $link_color;
}
}
}
}
}
}
}
.wayne-tags-popular {
padding: 0 30px 30px;
background-color: #fff;
border-right: solid 1px rgba($link-color, .30);
border-left: solid 1px rgba($link-color, .30);
h3.sp-module-title {
margin-bottom: 15px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
border-bottom: solid 1px rgba($link-color, .30);
li {
margin-bottom: 5px;
font-size: 14px;
font-weight: 300;
&:last-child {
margin-bottom: 25px;
}
}
}
}
.wayne-connect {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
h3.sp-module-title {
padding-left: 30px;
padding-bottom: 20px;
border-right: solid 1px rgba($link-color, .30);
border-left: solid 1px rgba($link-color, .30);
}
.sp-page-builder {
border-right: solid 1px rgba($link-color, .30);
border-left: solid 1px rgba($link-color, .30);
border-bottom: solid 1px rgba($link-color, .30);
padding: 0 30px 30px;
background-color: #fff;
.sppb-addon-icons-group {
ul {
li {
margin-left: 5px;
line-height: 20px;
a {
margin: 0;
i {
font-size: 14px;
color: rgba($link-color, .60);
margin-right: 10px;
}
span {
font-size: 14px;
color: $text_color;
font-weight: 300;
}
}
}
}
}
}
}
.stay-with-us {
background-color: $secondary_color;
border-radius: 3px;
margin-top: 30px;
.sppb-addon-text-block {
padding-top: 35px;
h4 {
letter-spacing: 1.5px;
}
}
.sppb-addon-optin-forms {
padding: 30px !important;
.email-wrap {
input {
background-color: transparent;
border-radius: 0;
border-bottom: solid 1px rgba($link-color, .60);
padding-left: 0;
font-size: 12px !important;
&:focus {
border-color: transparent;
border-bottom: solid 1px rgba($link-color, .60);
}
}
}
.button-wrap {
.sppb-btn {
background-color: transparent;
border: solid 1px $link-color;
border-radius: 2px;
width: 100%;
color: $link-color;
font-size: 14px;
letter-spacing: 1.4px;
height: 50px;
margin-top: 10px;
&:hover {
background-color: $link_color;
color: #fff;
}
}
}
}
}
}
.article-list {
.article {
margin-bottom: 60px;
padding: 20px;
border: solid 1px rgba($link-color, .30);
border-radius: 3px;
background-color: #fff;
transition: .3s;
&:hover {
border: solid 1px $link-color;
}
.article-intro-image,
.article-featured-video,
.article-featured-audio,
.article-feature-gallery {
margin: -20px -20px 20px -20px;
border-radius: 3px 3px 0 0;
border-bottom: 1px solid #f5f5f5;
overflow: hidden;
position: relative;
&:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: $secondary-color;
opacity: 0.6;
}
img {
border-radius: 3px 3px 0 0;
}
}
.article-header {
border-bottom: solid 1px rgba($link-color, .30);
h1,
h2 {
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin: 10px 0 1.250rem 0;
a {
color: $text_color;
&:hover,
&:active,
&:focus {
color: $link_color;
}
}
}
}
.readmore {
font-size: 0.875rem;
a {
color: $text_color;
font-weight: 500;
&:hover,
&:active,
&:focus {
color: $link_hover_color;
}
}
}
}
.article-introtext {
display: none;
}
}
.article-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 15px;
margin-bottom: 0;
>span {
font-size: 12px;
+ span::before {
display: inline-block;
padding-right: .5rem;
padding-left: .5rem;
}
a {
color: $text_color;
&:hover {
color: $link_color;
}
}
}
span.published {
position: relative;
left: 40%;
color: #252A35;
}
.createdby {
span{
color: $link-color;
font-size: 12px;
font-weight: 300;
margin-bottom: 20px;
}
}
}
.tags {
list-style: none;
padding: 0;
margin: 2rem 0 0 0;
display: block;
>li {
display: inline-block;
a {
display: block;
font-size: 0.875rem;
padding: 0.5rem 1rem;
border-radius: 6.25rem;
&:hover {
color: #fff;
}
}
}
}
.pager {
list-style: none;
padding: 2rem 0 2rem 0;
margin: 70px 0 0 0;
border-top: 1px solid rgba($link-color, .60);
border-bottom: 1px solid rgba($link-color, .60);
&::after {
display: block;
clear: both;
content: "";
}
>li {
display: inline-block;
&.previous {
float: left;
}
&.next {
float: right;
}
a {
display: inline-block;
font-size: 0.785rem;
}
}
}
#article-comments {
padding-top: 2rem;
margin-top: 2rem;
border-top: 1px solid #f5f5f5;
}
//Article Voting
.article-ratings {
display: flex;
align-items: center;
.rating-symbol {
unicode-bidi: bidi-override;
direction: rtl;
font-size: 1rem;
display: inline-block;
margin-left: 5px;
span.rating-star {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
display: inline-block;
&.active:before {
content: "\f005";
color: #F6BC00;
}
&:before {
content: "\f006";
padding-right: 5px;
}
}
span.rating-star:hover:before,
span.rating-star:hover ~ span.rating-star:before {
content: "\f005";
color: #E7B000;
cursor: pointer;
}
}
.ratings-count {
font-size: 0.785rem;
color: #999;
}
.fa-spinner {
margin-right: 5px;
}
}
//Social Share
.article-social-share {
float: right;
.social-share-icon {
ul {
padding: 0;
list-style: none;
margin: 0;
li {
&:not(:last-child) {
margin-right: 10px;
}
display: inline-block;
a {
border: 1px solid #EDEDED;
font-size: 1rem;
border-radius: 50%;
height: 34px;
line-height: 34px;
text-align: center;
width: 34px;
display: inline-block;
&:hover,
&:focus {
color: #fff;
}
}
}
}
}
}
.newsfeed-category {
.category {
list-style: none;
padding: 0;
margin: 0;
li {
padding: 5px 0;
}
}
#filter-search {
margin: 10px 0;
}
}
.category-module, .categories-module, .archive-module, .latestnews, .newsflash-horiz, .mostread, .form-links, .list-striped {
list-style: none;
padding: 0;
margin: 0;
li {
padding: 2px 0;
h4 {
margin: 5px 0;
}
}
}
//Social and rating
.article-footer-top{
display: table;
clear: both;
width: 100%;
.post_rating{
float: left;
}
}
/*************************** End:: Blog Listing & Details ***************************/
/*************************************************************************************/
/********************************* Start Pagination *********************************/
/*************************************************************************************/
.pagination-wrapper {
padding-top: 60px;
border-top: solid 1px rgba($link-color, .30);
.mr-auto {
margin-left: auto;
}
.pagination {
li {
margin: 0 2px;
&.active .page-link {
background-color: transparent;
border: solid 1px $link_color;
color: $link_color;
border-radius: 0;
padding: 0;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
a.next,
a.previous {
position: relative;
text-indent: -9999px;
&:hover {
&:after {
color: $link-color;
}
}
&:after{
position: absolute;
content: "\f178";
font-family: FontAwesome;
font-size: 20px;
color: #9B9B9B;
text-indent: 1px;
top: 5px;
left: 15px;
}
}
a.previous {
&:after{
content: "\f177";
right: 15px;
}
}
a{
&[title="Start"],
&[title="End"]{
display: none;
}
background-color: transparent;
border: none;
font-size: 16px;
font-weight: 400;
&:hover{
color: $link_color;
}
}
}
}
}
.pagenav {
li.previous {
border-right: solid 1px rgba($link-color, .60);
}
li {
width: 50%;
text-align: center;
a {
color: rgba($link_color, .60);
font-size: 16px;
font-weight: 500;
letter-spacing: 1.5px;
&:hover {
color: $link_color;
}
}
}
}
/********************************* End:: Pagination *********************************/
/*************************************************************************************/
/******* Bottom 4 *******/
#sp-bottom4 {
.sppb-addon-text-block {
.sppb-addon-content {
a {
&:last-child {
color: $link-color;
text-decoration: underline;
}
}
}
}
}
.sppb-addon-person:not(.sppb-text-left):hover {
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
.sppb-person-social-icons{
& li > a {
color: #a67c00;
}
}
}
.speasyimagegallery-gallery{
.speasyimagegallery-gallery-item{
cursor: cell;
>div{
position: relative;
border-radius: 3px;
overflow: hidden;
&:before{
content: "";
position: absolute;
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
border-radius: 3px;
border: 1px solid rgba($link_color, .6);
z-index: 3;
background: transparent;
opacity: 0;
transition: opacity 0.3s;
z-index: 5;
}
.speasyimagegallery-gallery-item-content{
top: 50%;
bottom: inherit;
left: 30px;
right: 30px;
transform: translateY(-50%);
text-align: center;
.speasyimagegallery-gallery-item-title{
font-size: 18px;
font-weight: 400;
letter-spacing: 0px;
}
}
&:after{
transition: .3s;
}
&:hover{
&:after{
background-color: rgba($secondary_color, 0.8);
}
&:before{
opacity: 1;
}
}
}
}
}
.sp-simpleportfolio .sp-simpleportfolio-item{
.sp-simpleportfolio-info{
top: 50%;
left: 50%;
bottom: inherit;
padding: 0;
background: transparent !important;
text-align: center;
transform: translate(-50%, -50%);
z-index: 18;
margin: 0;
margin-top: 30px;
}
.sp-simpleportfolio-overlay-wrapper{
&:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left:0;
right:0;
background-color: rgba($secondary_color, 0.3);
display: block;
z-index: 1;
transition: .3s;
}
.sp-simpleportfolio-overlay{
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
border-radius: 3px;
border: 1px solid rgba($link_color, .6);
z-index: 10;
background: transparent !important;
.sp-simpleportfolio-btns{
margin-top: -40px;
.btn-zoom{
border: none;
margin: 0;
width: 30px;
height: 30px;
text-indent: -999999px;
position: relative;
&:hover, &:focus{
background-color: transparent;
}
&:after {
content: "+";
position: absolute;
left: 0;
text-indent: 1px;
z-index: 10;
color: $link_color;
font-size: 50px;
font-weight: 200;
top: 0;
width: 30px;
height: 30px;
line-height: 30px;
}
}
.btn-view{
display: none;
}
}
}
}
&:hover{
.sp-simpleportfolio-overlay-wrapper:before{
background-color: rgba($secondary_color, 0.8);
}
}
}
.featherlight{
z-index: 30;
}
//input animation
.sp-input-wrap{
display: block;
width: 100%;
position: relative;
span{
position: absolute;
top: 5px;
opacity: 0;
transition: .3s;
pointer-events: none;
font-size: 11px;
}
&.active{
span{
opacity: 1;
top: -11px;
}
}
}