Your IP : 216.73.216.201
/**
* @package Helix Framework
* @template Shaper Doctor
* @author JoomShaper http://www.joomshaper.com
* @copyright Copyright (c) 2010 - 2016 JoomShaper
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
/* ************** Start Base Style *************** */
/* ****************************************************** */
a {
-webkit-transition: color 400ms, background-color 400ms;
transition: color 400ms, background-color 400ms;
}
body {
line-height: 24px;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
-webkit-font-smoothing: antialiased !important;
}
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;
}
body.view-article article .article-info >dd{
text-transform: capitalize;
margin-right: 30px;
}
.tags a{
font-size: 16px;
}
.pager .next>a, .pager .previous>a{
border: none;
color: #fff;
border-radius: 3px;
font-weight: 600;
padding: 0 22px;
line-height: 45px;
}
/* ************** End:: Base Style *************** */
/* ****************************************************** */
/* ************** Start Global Style *************** */
/* ****************************************************** */
.sp-select {
position: relative;
cursor: pointer;
width: 100%;
border: 1px solid #d9d9d9 !important;
height: 53px;
padding: 5px 15px;
line-height: 43px;
color: #707070;
border-radius: 3px;
.sp-select-result {
padding: 0 10px;
text-align: left;
i.fa{
float: right;
line-height: 1.5;
font-size: 23px;
color: #858585;
}
}
ul {
display: none;
list-style: none;
padding: 0;
margin: 0;
position: absolute;
top: 100%;
left: 0;
min-width: 80px;
background: #fff;
z-index: 100;
>li {
display: block;
height: auto;
line-height: normal;
padding: 12px 25px;
margin: 0;
margin-bottom: 2px;
cursor: pointer;
.transition(.3s);
&:last-child{
margin-bottom: 0;
}
&:hover,
&.active {
background-color: #dddddd;
}
}
}
.sp-select-dropdown{
max-height: 320px;
overflow-y: auto;
overflow-x: hidden;
width: 100%;
border-radius: 0 0 3px 3px;
border: 1px solid #d9d9d9 !important;
}
}
#sp-page-builder .sppb-section-title{
margin-bottom: 60px;
}
.sppb-section-title{
.sppb-title-heading{
text-transform: uppercase;
}
.sppb-title-subheading{
text-transform: uppercase;
span{
font-weight: 700;
}
}
}
.mednet-text-block{
.sppb-addon-title{
small{
color: #fff;
font-size: 18px;
font-weight: 600;
display: block;
margin-bottom: 10px;
}
}
.sppb-addon-content{
color: #afafaf;
}
}
.mednet-text-block-v2{
padding-right: 75px;
.sppb-addon-title{
text-transform: uppercase;
small{
font-size: 18px;
font-weight: 600;
display: block;
margin-bottom: 10px;
}
}
}
.mednet-text-block-title{
.sppb-addon-title{
small{
font-size: 18px;
font-weight: 600;
}
}
}
//Top Menu social
#sp-menusocial{
ul.social-icons{
line-height: 70px;
}
}
//Accordion
.sppb-addon-accordion{
.sppb-panel{
background-color: transparent;
}
}
/* ************** End:: Global Style *************** */
/* ****************************************************** */
/* ************** Start Button *************** */
/* ****************************************************** */
.btn,
.sppb-btn {
.transition(~'color 400ms, background-color 400ms, border-color 400ms');
}
//Offline
.offline-inner {
margin-top: 100px;
}
//input
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
.form-control();
}
.group-control {
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
width: 100%;
}
}
/* ************** End:: Button *************** */
/* ****************************************************** */
/* ************* Start Top Bar ***************** */
/* ****************************************************** */
#sp-top-bar {
padding: 9px 0;
font-weight: 600;
font-size: 14px;
border-bottom: 1px solid #f4f4f4;
.sp-module {
display: inline-block;
margin: 0 0 0 20px;
}
}
ul.social-icons {
list-style: none;
padding: 0;
margin: -5px;
display: inline-block;
>li {
display: inline-block;
margin: 5px 7px;
a {
color: #999999;
}
}
}
// 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;
}
}
}
}
}
.sp-contact-info {
list-style: none;
padding: 0;
margin: 0;
li {
display: inline-block;
margin: 0;
margin-right: 5px;
i{
margin: 0 3px;
}
}
li.sp-contact-phone{
p.tel{
margin: 0;
}
}
}
#sp-top2{
text-align: right;
}
.working-time{
p{
margin-bottom: 0;
.time{
font-weight: 400;
}
}
}
/* ************* End:: Top Bar ***************** */
/* ****************************************************** */
/* ************* Start Header **************** */
/* ****************************************************** */
#sp-header{
background: #ffffff;
height: 70px;
box-shadow: 0 3px 3px rgba(0,0,0,0.05);
position: relative;
width: 100% !important;
z-index: 10;
.logo {
display: inline-block;
height: 70px;
display: table;
h1 {
font-size: 24px;
line-height: 1;
margin: 0;
padding: 0;
display: table-cell;
vertical-align: middle;
}
p {
margin: 5px 0 0;
}
}
.sp-retina-logo {
display: none;
}
}
.sticky-wrapper.is-sticky {
position: relative;
z-index: 999;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
#sp-header {
.sp-default-logo {
display: none;
}
.sp-retina-logo {
display: block;
}
}
}
/* ************* End:: Header **************** */
/* ****************************************************** */
/* ************* Start Page Title ***************** */
/* ****************************************************** */
#sp-title {
min-height: 0;
}
.sp-page-title {
padding: 30px 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-attachment: fixed;
h2,h3 {
margin: 0;
padding: 0;
color: #fff;
}
h2 {
font-size: 24px;
line-height: 1;
}
h3 {
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;
}
}
}
//Breadcrumbs
#sp-page-title{
.sp-page-title{
position: relative;
padding: 115px 0;
&:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(29,29,29,.85);
}
.container{
position: relative;
z-index: 1;
}
h2{
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: .9px;
}
h3{
font-size: 46px;
font-weight: 400;
margin-top: 9px;
text-transform: uppercase;
}
.breadcrumb{
background: transparent;
bottom: 0;
height: 25px;
left: auto;
margin: auto 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
li{
&:first-child{
display: none;
}
&:nth-child(2){
&:before{
display: none;
}
}
color: #fff;
font-weight: 400;
}
}
}
}
/* ************* End:: Page Title ***************** */
/* ****************************************************** */
/* ********** Start Body Innerwrapper ************** */
/* ****************************************************** */
.body-innerwrapper{
overflow-x: hidden;
.transition(.4s);
}
.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;
}
/* ********** End:: Body Innerwrapper ************** */
/* ****************************************************** */
/* ************************************************************************************ */
/* ************** Start Page Builder Addons & Home Sections *************** */
/* ************************************************************************************ */
.sppb-addon-cta {
.sppb-cta-subtitle{
margin-bottom: 0;
line-height: 26px !important;
}
.sppb-btn-lg {
margin-top: 30px;
}
}
//Image content addon
.sppb-addon-image-content {
position: relative;
.sppb-image-holder {
position: absolute;
top: 0;
width: 50%;
height: 100%;
background-position: 50%;
background-size: cover;
}
&.aligment-left {
.sppb-image-holder {
left: 0;
}
.sppb-content-holder {
padding: 120px 0 120px 50px;
}
}
&.aligment-right {
.sppb-image-holder {
right: 0;
}
.sppb-content-holder {
padding: 120px 50px 120px 0;
}
}
}
@media (max-width: @screen-sm-min) {
.sppb-addon-image-content {
.sppb-image-holder {
position: inherit;
width: 100% !important;
height: 300px;
}
}
}
//Medne Home About Section
.mednet-home-about{
.sppb-addon-feature{
.sppb-feature-box-title + .sppb-addon-text{
display: none;
}
}
}
//doctor-static-hero-section
.doctor-static-hero-section{
.sppb-addon-cta{
.sppb-cta-title{
font-weight: 100;
margin-bottom: 0;
}
.sppb-cta-subtitle{
font-weight: 700;
display: block;
overflow: hidden;
line-height: 1 !important;
margin-bottom: 30px;
small{
font-size: 24px;
font-weight: 300;
display: block;
}
}
.sppb-cta-text{
margin-bottom: 13px;
}
.sppb-btn{
text-transform: uppercase;
font-weight: 600;
}
>div{
text-align: left;
}
}
}
.mednet-features-list{
.sppb-row-container{
.sppb-column-addons{
z-index: 99;
}
}
}
//doctor-appointment-hero-section
.sppb-addon-appointment-form.doctor-appointment-hero-section {
box-shadow: 1px 1.732px 40px 0px rgba(0, 0, 0, 0.05);
background: #fff;
border-radius: 5px;
.sppb-addon-title{
padding: 35px 25px;
margin: 0;
border-radius: 5px 5px 0 0;
text-transform: uppercase;
}
.sppb-addon-content{
overflow: hidden;
padding: 35px 25px;
}
form.sppb-appointment-form {
margin: -2.5%;
.sppb-form-group {
width: 45%;
float: left;
margin: 2.5%;
&:first-child {
width: 100%;
padding-right: 25px;
}
input {
background: #f5f7f7;
color: #333;
}
.sp-select {
background: #f5f7f7;
ul.sp-select-dropdown {
background: #f5f7f7;
box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.1);
li.active {
background-color: #dddddd;
color: #707070;
}
li {
&:hover {
background-color: #dddddd;
color: #707070;
}
}
}
}
}
margin: -2.5%;
.sppb-form-btn {
margin-top: 20px;
}
}
}
/* ************ Start Addon Slider fullwidth ********** */
/* ******************************************************* */
.sppb-slider-wrapper{
.sppb-slide-item-bg{
height: 735px;
padding: 180px 0;
background-size: cover;
background-repeat: no-repeat;
.sppb-slideshow-fullwidth-item-text{
.sppb-fullwidth-title{
font-weight: 200;
.sppb-slidehsow-sub-title {
display: block;
margin-top: -3px;
font-size: 82px;
color: #000;
font-weight: 700;
margin-left: -4px;
span{
margin-left: 4px;
display: block;
margin-top: 5px;
font-size: 23px;
font-weight: 300;
}
}
}
.details{
margin-top: 30px;
margin-bottom: 44px;
}
.sppb-fw-slider-button-wrapper {
.btn{
font-weight: 600;
text-transform: uppercase;
}
}
}
}
.customNavigation{
.container{
position: relative;
}
a {
position: absolute;
bottom: 60px;
right: 0;
font-size: 33px;
width: 55px;
height: 55px;
text-align: center;
line-height: 55px;
z-index: 999;
color: #fff;
cursor: pointer;
opacity: 0;
z-index: 1;
border-radius: 3px;
.transition(400ms);
&.sppbSlidePrev{
right: 70px;
}
}
}
&:hover{
.customNavigation a {
opacity: 1;
}
}
.owl-theme{
.owl-controls{
position: absolute;
bottom: 22px;
left: 0;
right: 0;
}
.owl-dots{
text-align: right;
.owl-dot{
span {
width: 21px;
height: 21px;
border-radius: 20px;
background: #dfdfdf;
margin: 5px;
.transition(.3s);
}
}
}
}
}
//owl animation
.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .owl-item{
.sppb-slideshow-fullwidth-item .sppb-wow.sppb-animated{
display: none;
}
&.active{
.sppb-slideshow-fullwidth-item .sppb-wow.sppb-animated{
display: block;
}
.sppb-slideshow-fullwidth-item .sppb-fw-slider-button-wrapper>a.sppb-wow.sppb-animated{
display: inline-block;
}
}
}
/* ************ END:: Addon Slider fullwidth ********** */
/* ******************************************************* */
/* ************ Start Blocknumber ********** */
/* ******************************************************* */
.sppb-addon-blocknumber{
.sppb-blocknumber{
.sppb-blocknumber-number{
font-weight: 300;
}
>.pull-left{
margin-right: 22px;
}
.sppb-media-body{
margin-top: 25px;
color: #000;
.sppb-addon-title{
font-weight: 600;
}
}
}
}
/* ************ END:: Blocknumber ********** */
/* ******************************************************* */
/* ************ Start Addon Animated Number ********** */
/* ******************************************************* */
.sppb-addon-animated-number{
.sppb-animated-number{
font-weight: 700;
}
}
/* ************ END:: Addon Animated Number ********** */
/* ******************************************************* */
/* ************ Start Addon person ********** */
/* ******************************************************* */
.sppb-addon-person{
margin-top: 10px;
position: relative;
.sppb-person-information{
position: absolute;
left: -15px;
bottom: 50px;
width: 100%;
opacity: 0;
.transition(.3s);
>span.sppb-person-name{
font-size: 18px;
font-weight: 600;
}
>span.sppb-person-designation{
font-size: 16px;
color: #666666;
}
}
.sppb-person-social{
margin-bottom: 10px;
}
.sppb-person-social > li > a{
font-size: 18px;
}
.sppb-person-image{
.transition(.3s);
margin-bottom: 0;
}
&:hover{
cursor: pointer;
.sppb-person-information{
opacity: 1;
}
.sppb-person-image{
opacity: .15;
}
}
}
/* ************ END:: Addon person ********** */
/* ******************************************************* */
/* ************ Start Addon Appointment Form ********** */
/* ******************************************************* */
.sppb-addon-appointment-form{
form.sppb-appointment-form{
margin: -15px;
overflow: hidden;
>.sppb-form-group,
>.sppb-form-btn{
width: 310px;
float: left;
margin: 15px;
&.tac-wrapper{
width: 100%;
input[type="checkbox"]{
margin-right: 10px;
}
.custom-checkbox{
margin-bottom: 30px;
}
}
}
input{
color: #fff;
}
label{
color: #afafaf;
}
>.sppb-form-group{
margin-top: 10px;
button[type="submit"]{
height: 53px;
text-transform: uppercase;
font-weight: 600;
padding: 0 22px;
}
}
&.dark{
input, select, textarea{
background-color: #2d2d2d;
border: none !important;
}
.sp-select{
background: #2d2d2d;
border: none !important;
.sp-select-dropdown{
background: #2d2d2d;
border: none !important;
>li{
&:hover,
&.active {
color: #fff;
background-color: #313131;
}
}
}
}
}
&.light{
margin-top: 30px;
textarea{
min-height: 150px;
}
>.sppb-form-group.textarea{
width: 100%;
padding-right: 30px;
}
}
}
}
.sp-pagebuilder-modal{
.sppb-form-control, a.btn[title="Cancel"], button[type="submit"], button[name="Search"] {
border-radius: 3px;
box-shadow: none;
height: inherit;
line-height: 1;
padding: 12px 30px;
}
}
/* ************ END:: Addon Appointment Form ********** */
/* ******************************************************* */
/* ************ Start Addon Testimonial pro ********** */
/* ******************************************************* */
.sppb-testimonial-pro-advanced{
padding-right: 0;
.sppb-section-title .sppb-title-heading span{
font-size: 20px;
color: #000;
}
.sppb-carousel-icon{
font-size: 54px;
text-align: left;
margin-bottom: 10px;
}
.sppb-carousel-inner{
text-align: left;
> .sppb-item{
padding: 0;
}
}
.sppb-testimonial-content{
padding-left: 40px;
margin-top: 78px;
}
.sppb-testimonial-message{
font-size: 22px;
font-style: italic;
line-height: 1.5;
margin-bottom: 48px;
color: #666666;
}
.sppb-testimonial-client{
font-size: 18px;
margin-bottom: 20px;
}
.sppb-carousel-indicators{
position: relative;
bottom: initial;
left: initial;
width: initial;
margin-left: initial;
margin-top: 75px;
>li{
display: none;
}
>li.sppb-tm-indicators{
display: inline-block;
width: 67px;
height: 67px;
overflow: hidden;
border: none !important;
margin: 0 15px 0 0;
&,img{
.transition(.3s);
border-radius: 50px;
}
&.active{
opacity: .2;
}
}
}
.sppb-carousel-control{
font-size: 25px;
margin-right: 10px;
}
}
//sppb-testimonial-pro-dark-advanced
.sppb-testimonial-pro-dark-advanced{
.sppb-testimonial-pro-advanced{
.mednet-text-block-v2 .sppb-addon-title{
&,small{
color: #fff;
}
}
.sppb-carousel-indicators >li.sppb-tm-indicators{
&.active{
opacity: 1;
img{
opacity: .2;
}
}
}
.sppb-testimonial-message{
color: #fff;
}
}
}
/* ************ END:: Testimonial pro ********** */
/* ******************************************************* */
/* ************ Start Addon Articles ********** */
/* ******************************************************* */
.sppb-addon-articles{
margin-top: 25px;
.sppb-addon-article{
background: #fff;
padding: 30px;
display: table;
width: 100%;
border-radius: 3px;
-webkit-box-shadow: 1px 1.732px 4px 0px rgba(0, 0, 0, 0.03);
box-shadow: 1px 1.732px 4px 0px rgba(0, 0, 0, 0.03);
.sppb-img-wrap{
display: table-cell;
width: 105px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
img{
border-radius: 50%;
}
.sppb-img{
position: relative;
overflow: hidden;
display: block;
border-radius: 50%;
}
.sppb-img:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
border-radius: 50%;
.transition(.3s);
}
.sppb-img:after {
content: "\f061";
font-family: fontawesome;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
color: #fff;
font-size: 31px;
border-radius: 50%;
.transition(.3s);
}
}
.sppb-article-info{
display: table-cell;
vertical-align: middle;
padding-left: 40px;
.sppb-article-title{
margin-top: 0;
margin-bottom: 7px;
}
.sppb-article-meta{
margin: 0;
> span{
font-size: 14px;
font-weight: 600;
.transition(.3s);
margin: 0;
margin-right: 5px;
}
}
.sppb-article-introtext{
margin-top: 10px;
}
}
&:hover{
.sppb-article-meta > span{
color: #000;
}
.sppb-img-wrap{
.sppb-img:before{
left: 0;
}
.sppb-img:after{
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
}
}
}
}
/* ************ END:: Addon Articles ********** */
/* ******************************************************* */
/* ************ Start Addon Twitter ********** */
/* ******************************************************* */
#sp-page-builder .page-content .sppb-section.tweet-section,
#sp-page-builder .sppb-section.tweet-section {
z-index: 2;
}
.sppb-addon-tweet{
&:before {
content: "\f10d";
font-family: fontawesome;
font-size: 24px;
position: absolute;
top: 50px;
left: 210px;
z-index: 10;
color: #fff;
}
.sppb-tweet-slider{
color: #fff;
padding: 65px 180px 60px 235px;
height: 200px;
text-align: left;
&:before{
content: url(../images/twitter-bg.png);
position: absolute;
left: -230px;
top: -30px;
z-index: 100;
}
&:after {
content: "";
position: absolute;
left: 100%;
height: 100%;
width: 1000%;
top: 0;
}
.sppb-tweet-text{
font-size: 24px;
font-style: italic;
line-height: 1.5;
a{
color: #fff;
.transition(.3s);
&:hover{
opacity: .7;
}
}
}
.sppb-tweet-created{
display: none !important;
}
.sppb-carousel-control{
border: none;
color: #fff;
font-size: 20px;
width: 15px;
&:hover{
background: none;
}
}
}
}
/* ************ END:: Addon Twitter ********** */
/* ******************************************************* */
/* ************************************************************************************ */
/* ************** End:: Page Builder Addons & Home Sections *************** */
/* ************************************************************************************ */
/* ************************************************************************************ */
/* ************************** Start Sub Pages *************************** */
/* ************************************************************************************ */
/* ************* Start About Page *************** */
/* ******************************************************* */
//About Us
.mednet-about-us{
.sppb-col-sm-5{
position: relative;
}
.sppb-addon-single-image{
left: 0;
position: absolute;
top: -19px;
a{
display: block;
}
}
}
//Biography
.mednet-tabs{
.sppb-tab{
.sppb-nav-tabs-content{
background-color: transparent;
border: none;
}
.sppb-nav-tabs{
padding: 18px 0 67px;
border: none;
position: relative;
li{
&.active{
a{
color: #fff;
}
}
a{
color: rgba(255,255,255,.5);
background: none;
border: none;
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
padding: 0;
margin-right: 42px;
&:hover{
color: #fff;
}
}
}
}
.sppb-tab-pane{
padding: 0;
.line {
width: 0;
height: 3px;
background: rgba(255,255,255,.5);
position: absolute;
left: 15px;
top: -3px;
z-index: -1;
transition: 1s;
}
.time{
margin-top: 43px;
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}
.info{
p.doc-name{
font-weight: 600;
letter-spacing: .016px;
margin-bottom: 0;
}
p{
letter-spacing: .8px;
}
}
.col-sm-3{
position: relative;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: none;
&:before{
background: #fff none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 11px;
left: 14px;
position: absolute;
top: -7px;
width: 11px;
}
&:after{
background: transparent none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 50%;
content: "";
height: 22px;
left: 9px;
position: absolute;
top: -13px;
width: 22px;
}
&:nth-child(2){
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
&:nth-child(3){
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
}
&:nth-child(4){
-webkit-animation-duration: 1.6s;
animation-duration: 1.6s;
.line {
display: none;
}
}
}
&.active{
.col-sm-3{
display: block;
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
.line {
width: 100%;
}
}
}
}
}
}
// My Biography Section Animation
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-150px, 0, 0);
transform: translate3d(-150px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-150px, 0, 0);
transform: translate3d(-150px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
//Call to Action
.mednet-callto-action{
position: relative;
&:before{
content: '';
background: rgba(51,51,51,.9);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.sppb-container{
position: relative;
z-index: 1;
}
.sppb-cta-title{
small{
color: #ccc;
display: block;
font-weight: 600;
width: 100%;
font-size: 18px;
margin-bottom: 20px;
}
strong{
font-weight: 700;
}
color: #fff;
font-size: 46px;
font-weight: 300;
text-transform: uppercase;
}
.sppb-cta-text{
color: #e4e4e4;
}
.sppb-addon-cta{
.sppb-row{
display: flex !important;
.sppb-btn.sppb-btn-primary {
display: inline-block;
font-size: 24px;
font-weight: 600;
letter-spacing: 1.2px;
margin-top: 0;
padding: 10px 36px;
text-transform: uppercase;
}
}
}
}
//Accordion
.mednet-accordion{
.sppb-addon-accordion{
padding-left: 15px;
.sppb-addon-content{
.sppb-panel-group {
margin: 0;
}
padding-left: 40px;
position: relative;
&:before{
background: #e7e7e7 none repeat scroll 0 0;
content: "";
height: 94%;
left: 0;
position: absolute;
top: 15px;
width: 3px;
}
.sppb-panel.sppb-panel-default{
box-shadow: none;
margin: 0 0 28px;
border: none;
&:last-of-type{
margin-bottom: 0;
}
.sppb-panel-heading{
background: none;
padding: 0;
border-radius: 0;
position: relative;
border: none;
&:before{
background: #cac9c9 none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 12px;
left: -44px;
position: absolute;
top: 4px;
width: 12px;
z-index: 1;
}
&:after{
background: #fff;
border: 1px solid #dcdcdc;
border-radius: 50%;
content: "";
height: 22px;
left: -49px;
position: absolute;
top: -1px;
width: 22px;
}
.sppb-panel-title{
color: #333;
display: block;
font-size: 24px;
line-height: 0.8;
}
}
.sppb-panel-collapse{
.sppb-panel-body{
padding: 35px 0 23px;
border: none;
}
}
}
}
}
}
/* ************* End:: About Page *************** */
/* ******************************************************* */
/* ************* Start Appoinment Page *************** */
/* ******************************************************* */
//Call to action
.appointment-callto-action{
.sppb-addon-text-block{
.sppb-addon-content{
span{
line-height: 46px;
display: inline-block;
span{
position: relative;
margin-top: 32px;
&:before{
content: "\f10b";
font-family: FontAwesome;
font-size: 46px;
left: -32px;
position: absolute;
top: 2px;
}
}
}
}
}
}
//Feature
.mednet-appointment-feature{
.sppb-addon-feature{
.sppb-icon{
.transition(.3s);
span{
border-radius: 2px;
height: 70px;
padding-top: 18px !important;
width: 70px;
color: #fff;
.transition(.3s);
i{
.transition(.3s);
}
}
}
&:hover{
cursor: pointer;
.sppb-icon{
.scale(1.15);
span i{
color: #fff;
}
}
}
.sppb-feature-box-title{
.transition(.3s);
}
.sppb-media{
overflow: visible;
}
.sppb-media-body{
padding-left: 10px;
padding-right: 25px;
.sppb-feature-box-title{
margin-bottom: 18px;
}
.sppb-addon-text{
}
}
}
}
/* ************* End:: Appoinment Page *************** */
/* ******************************************************* */
/* ************ Start Contact Page ********** */
/* ******************************************************* */
//Contact Secttion
.mednet-contact-page{
.sppb-addon-feature{
.sppb-addon-text{
font-size: 18px;
color: #808080;
padding-left: 10px;
}
}
.sppb-addon-social-share {
.sppb-social-share-wrap{
ul {
margin:0;
li{
margin:0;
a{
background: #ececec none repeat scroll 0 0;
border-radius: 50%;
float: left;
font-size: 16px;
height: 38px;
margin-right: 5px;
padding: 7px 0 0 !important;
text-align: center;
transition: all 400ms ease 0s;
width: 38px;
&:hover{
color: #fff;
}
}
}
}
}
}
}
//Contact Form
.sppb-addon-ajax-contact.contact-page-form{
.sppb-ajaxt-contact-form{
display: table;
width: 100%;
.sppb-form-group{
float: left;
margin-bottom: 20px;
width: 48.35%;
&:last-of-type{
width: 100%;
float: none;
margin-right: 0;
display: table;
}
&:nth-child(2),
&:nth-child(4){
margin-right: 0;
}
textarea{
background: #fff none repeat scroll 0 0;
border: 1px solid #d9d9d9 !important;
color: #a8a8a8;
font-weight: 400 !important;
height: 142px !important;
resize: none;
&::-moz-placeholder{
color: #a8a8a8;
opacity: 1;
}
&::-webkit-placeholder{
color: #a8a8a8;
opacity: 1;
}
}
}
input{
background-color: #fff;
border: 1px solid #d9d9d9 !important;
border-radius: 3px;
color: #a8a8a8;
padding: 0 15px !important;
}
.sppb-btn.sppb-btn-success{
float: right;
height: 50px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
padding: 0 20px;
margin-top: 20px;
letter-spacing: .8px;
}
}
}
//sp-contact-info
.sppb-addon-feature.sp-contact-info{
background: #fff;
position: relative;
transition: .3s;
padding: 60px 40px;
&:hover{
.scale(1.1);
.sppb-icon,
.sppb-feature-box-title,
.sppb-addon-text{
color: #fff;
}
}
.sppb-icon,
.sppb-feature-box-title,
.sppb-addon-text{
.transition(.3s);
}
.sppb-feature-box-title{
.transition(.3s);
text-transform: uppercase;
}
.sppb-addon-text{
margin-top: 30px;
font-weight: 600;
color: #808080;
}
.working-hours .time {
float: right;
}
}
/* ************ End:: Contact Page ********** */
/* ******************************************************* */
/* ************ Srart Service Page ********** */
/* ******************************************************* */
//mednet-featured-list
.mednet-features-list{
color: #fff;
.sppb-row {
margin: 0;
>div{
padding: 0;
.sppb-addon-container{
height: 310px;
display: table;
width: 100%;
}
}
}
.sppb-addon-feature{
z-index: 20;
position: relative;
padding: 55px 40px 45px 0;
display: table-cell;
vertical-align: middle;
.sppb-feature-box-title{
margin-top: 0;
text-transform: uppercase;
}
.sppb-addon-text{
margin-top: 30px;
}
a{
color: #fff;
}
.btn-click{
font-weight: 700;
margin-top: 10px;
display: block;
&:after {
content: "\f0da";
margin-left: 5px;
font-family: fontawesome;
}
}
}
.mednet-features-one,
.mednet-features-two,
.mednet-features-three{
position: relative;
&:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 300%;
height: 100%;
z-index: 10;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
&:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1000%;
height: 100%;
z-index: 11;
cursor: pointer;
.transition(.3s);
}
}
.mednet-features-one{
&:before {
background-image: url(../images/features1.jpg);
}
}
.mednet-features-two{
padding-left: 35px;
&:before {
right: inherit;
left: 0;
width: 100%;
background-image: url(../images/features2.jpg);
}
&:after {
left: 0;
right: inherit;
width: 100%;
}
.sppb-addon-text p{
font-size: 18px;
margin-bottom: 6px;
}
}
.mednet-features-three{
padding-left: 35px;
&:before {
left: 0;
right: inherit;
width: 300%;
background-image: url(../images/features3.jpg);
}
&:after {
left: 0;
right: inherit;
width: 1000%;
}
}
.date-time{
padding: 0;
list-style: none;
>li {
border-bottom: 1px solid rgba(255,255,255,0.1);
line-height: 35px;
span.time {
float: right;
}
}
}
}
//mednet-services-step
.mednet-services-step{
position: relative;
&:before{
content: "";
background-image: url(../images/services-step.jpg);
position: absolute;
top: 0;
bottom: 0;
right: -75px;
width: 50%;
z-index: 10;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.sppb-addon-text-block{
.sppb-addon-title{
b{
display: block;
}
}
}
.sppb-addon-blocknumber{
.sppb-blocknumber >.pull-left{
margin-top: 8px;
margin-right: 50px;
}
.sppb-blocknumber .sppb-media-body{
margin-top: 0;
}
.sppb-addon-title{
.transition(.3s);
}
}
}
/* ************ End:: Service Page ********** */
/* ******************************************************* */
/* ************************************************************************************ */
/* ************************** End:: Sub Pages ************************** */
/* ************************************************************************************ */
/* ************** Start Module *************** */
/* **************************************************** */
.sp-module {
margin-top: 50px;
&:first-child {
margin-top: 0;
}
.sp-module-title {
margin: 0 0 20px;
font-size: 14px;
text-transform: uppercase;
line-height: 1;
}
//Un-ordered List
ul {
list-style: none;
padding: 0;
margin: 0;
>li {
display: block;
-webkit-transition: 300ms;
transition: 300ms;
>a {
display: block;
line-height: 36px;
padding: 2px 0;
-webkit-transition: 300ms;
transition: 300ms;
&:hover {
background: none;
}
}
}
}
//List category
.categories-module {
ul {
margin: 0 10px;
}
}
//Latest News
.latestnews {
>div {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #e8e8e8;
&:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
>a {
display: block;
font-weight: 400;
}
}
}
//Tags Cloud
.tagscloud {
margin: -2px 0;
.tag-name {
display: inline-block;
padding: 5px 10px;
background: #808080;
color: #fff;
border-radius: 4px;
margin: 2px 0;
span {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 10px;
}
}
}
}
/* ************** End:: Module *************** */
/* **************************************************** */
/* *********** Start 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;
}
}
/* *********** End:: Login Form ************ */
/* **************************************************** */
/* ************** Start 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;
}
}
}
/* ************** End:: Search *************** */
/* **************************************************** */
/* ************************************************************************************ */
/* ************** START ARTICLE BLOG CSS *************** */
/* ************************************************************************************ */
body:not(.view-article) article .article-info {
margin: 0;
line-height: 12px;
>dd{
color: #000;
display: inline-block;
font-size: 14px;
margin: 0 20px 0 0;
text-transform: capitalize;
>i {
display: inline-block;
margin-right: 6px;
}
a{
color: #000;
}
}
}
.article-info {
margin: 0;
line-height: 12px;
>dd{
font-size: 14px;
color: #565656;
text-transform: uppercase;
margin: 0 20px 7px 0;
float: left;
>i {
display: inline-block;
margin-right: 6px;
}
a{
color: #565656;
}
}
}
body:not(.view-article) article {
&.item {
position: relative;
margin-bottom: 30px;
.entry-image{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
margin-bottom: 0;
width: 100%;
a{
position: relative;
display: block;
overflow: hidden;
&:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
.transition(.4s);
}
&:after {
content: "\f061";
font-family: fontawesome;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
color: #fff;
font-size: 46px;
.transition(.3s);
}
}
}
&:hover{
.entry-image{
a:before{
opacity: 1;
visibility: visible;
}
a:after{
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
}
}
.entry-video+.blog-info-wrapper,
.entry-gallery+.blog-info-wrapper,
.entry-audio+.blog-info-wrapper,
.entry-link+.blog-info-wrapper,
.entry-quote+.blog-info-wrapper,
.entry-status+.blog-info-wrapper{
.article-info{
display: block;
width: 100%;
overflow: hidden;
}
}
.entry-quote{
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 72px 40px 110px 172px;
margin-bottom: 0;
position: relative;
&:before{
background: rgba(0, 0, 0, 0) url("../images/qout.png") no-repeat scroll center center / cover ;
content: "";
height: 109px;
left: 40px;
top: 50px;
transform: rotate(0deg);
width: 103px;
}
p{
color: #fff;
font-size: 22px;
line-height: 33px;
display: inline;
font-style: italic;
}
small{
display: inline-block;
font-size: 22px;
&:before{
content: '';
}
}
}
.entry-status{
margin-bottom: 0;
+.blog-info-wrapper{
bottom: auto;
top: 172px;
}
}
.entry-link{
margin-bottom: 0;
&::before {
font-size: 200px;
left: 40px;
top: 100px;
}
}
.entry-image,
.entry-gallery,
.entry-video,
.entry-audio,
.entry-link {
margin-bottom: 0;
}
.blog-info-wrapper{
background: #f7f7f7 none repeat scroll 0 0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
padding: 20px 30px 25px;
}
.readmore{
margin-top: 50px;
a.btn{
color: #fff;
}
}
a{
&:hover{
.fa{
color: #fff;
}
}
}
p{
color: #565656;
font-size: 14px;
line-height: 1.5;
}
}
}
.tags {
display: inline-block;
>span {
text-transform: uppercase;
letter-spacing: 2px;
}
a{
background: none;
color: #000;
font-size: 14px;
font-weight: 400;
padding: 0 3px;
&:hover,
&:focus{
background: none !important;
color: darken(#000, 15%);
}
}
}
//Article Voting
.content_rating,
.content_rating + form {
display: none;
}
.voting-symbol{
unicode-bidi: bidi-override;
direction: rtl;
font-size: 14px;
display: inline-block;
span.star {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
display: inline-block;
&.active:before{
content: "\f005";
}
&:before{
content: "\f006";
padding-right: 5px;
}
}
}
.sp-rating {
span.star:hover:before,
span.star:hover ~ span.star:before {
content: "\f005";
cursor: pointer;
}
}
.post_rating {
margin-bottom: 20px;
.ajax-loader,
.voting-result {
display: none;
}
}
.post-format {
position: absolute;
top: 0;
left: -68px;
display: block;
width: 48px;
height: 48px;
font-size: 24px;
line-height: 48px;
text-align: center;
color: #fff;
border-radius: 3px;
}
.entry-image,
.entry-gallery,
.entry-video,
.entry-audio,
.entry-link {
margin-bottom: 30px;
}
.entry-status,
.entry-quote {
margin-bottom: 50px;
}
.entry-header {
position: relative;
margin-bottom: 18px;
overflow: hidden;
h2 {
margin: 0;
margin-bottom: 20px;
font-size: 24px;
line-height: 1.2;
clear: both;
}
}
//view-featured
body.view-featured{
.blog-featured{
.row{
margin: 0;
.item{
&.col-sm-6:first-child{
width: 47%;
margin-right: 3%;
}
}
}
}
}
//Article details
body.view-article article{
.entry-header {
margin-bottom: 30px;
h2{
font-size: 46px;
margin-bottom: 30px;
}
}
.article-info >dd{
font-size: 16px;
}
.entry-image{
img{
border-radius: 3px;
}
}
.article-body{
p{
color: #6f6f6f;
}
blockquote{
font-size: 28px;
border: none;
padding: 15px 0;
line-height: 1.5;
}
}
}
.entry-link {
padding: 100px 50px;
position: relative;
z-index: 1;
a {
h4 {
margin: 0;
font-size: 36px;
color: #fff;
&:hover {
color:rgba(255, 255, 255, 0.85);
}
}
}
&:before {
position: absolute;
left: -60px;
font-size: 300px;
content: "\f0c1";
font-family: FontAwesome;
transform: rotate(90deg);
top: -75px;
color: rgba(255, 255, 255, 0.15);
z-index: -1;
}
}
.entry-quote {
position: relative;
padding: 80px 50px;
color:rgba(255, 255, 255, 0.9);
&:before {
position: absolute;
left: -40px;
font-size: 300px;
content: "\f10e";
font-family: FontAwesome;
transform: rotate(15deg);
top: -75px;
color: rgba(255,255,255,0.15);
}
blockquote small {
color: #FFF;
font-weight: 600;
font-size: 20px;
}
blockquote {
padding: 0;
margin: 0;
font-size: 16px;
border: none;
}
}
.carousel-left,
.carousel-right {
position: absolute;
top: 50%;
font-size: 24px;
width: 36px;
height: 36px;
line-height: 36px;
margin-top: -18px;
text-align: center;
color: #fff;
background: rgba(0, 0, 0, 0.5);
border-radius: 4px;
-webkit-transition: 400ms;
transition: 400ms;
&:hover {
color: #fff;
}
&:focus {
color: #fff;
}
}
.carousel-left {
left: 10px;
}
.carousel-right {
right: 10px;
}
.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;
}
}
}
//sp-bottom-feature
section#sp-bottom-feature{
padding: 120px 0;
}
.sp-mednet-feature{
background: #fff;
padding: 60px 40px;
.transition(.3s);
&:hover{
.scale(1.1);
h4,p,i.icon{
color: #fff;
}
}
i.icon{
font-size: 40px;
}
h4{
font-weight: 700;
text-transform: uppercase;
.transition(.3s);
}
p{
.transition(.3s);
margin-top: 30px;
font-weight: 600;
color: #808080;
}
.working-hours .time {
float: right;
}
}
//Sidebar
#sp-left,
#sp-right{
.sp-module {
background: #f7f7f7;
padding-bottom: 16px;
.sp-module-title{
color: #000;
font-size: 20px;
font-weight: 600;
margin-bottom: 17px;
padding-left: 30px;
padding-top: 23px;
text-transform: capitalize;
}
.sp-module-content{
.nav.menu,
.categories-module{
li{
padding: 0;
a{
border-bottom: 1px solid #f0f0f0;
color: #000;
font-size: 14px;
line-height: 1;
padding: 12px 30px 13px;
}
&:last-child{
a{
border-bottom: 0;
}
}
}
}
.latestnews{
>div{
border-bottom: 1px solid #f0f0f0;
clear: both;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 12px 30px 17px;
width: 100%;
&:last-of-type{
border-bottom: 0;
padding-bottom: 10px;
}
}
.article-list-img{
float: left;
width: 50px;
height: 50px;
img{
width: 100%;
height: 100%;
}
}
.mednet-news-title{
color: #000;
float: left;
font-size: 14px;
line-height: 21px;
padding-left: 10px;
width: 75%;
}
}
.tagspopular{
padding: 12px 30px 15px;;
ul{
li{
display: inline-block;
a{
padding: 4px 15px 6px;
color: #fff;
background: #c3c4c7;
line-height: 1;
border-radius: 2px;
margin-bottom: 10px;
margin-right: 7px;
}
}
}
}
.search{
padding: 0 30px;
form{
input{
background: #fff none repeat scroll 0 0;
border: 1px solid #d9d9d9 !important;
border-radius: 3px;
margin-bottom: 15px;
width: 100%;
}
}
}
}
}
}
//Pagination
.pagination-wrapper{
text-align: center;
.pagination{
border-radius: 0;
display: inline-block;
margin: 90px auto 0;
padding-left: 0;
li{
a,span{
background-color: #fff;
border: medium none;
border-radius: 50%;
color: #000;
float: left;
font-size: 18px;
height: 38px;
line-height: 1;
margin: 0 2px;
padding: 9px 0 0;
position: relative;
text-align: center;
text-decoration: none;
transition: 400ms;
width: 38px;
&.previous{
font-size: 24px;
padding-top: 6px;
}
&.next{
font-size: 24px;
padding-top: 6px;
}
}
&.active{
span{
color: #fff;
}
}
}
}
}
/* ************************************************************************************ */
/* ************** End:: ARTICLE BLOG CSS *************** */
/* ************************************************************************************ */
/* ************** Start Bottom *************** */
/* **************************************************** */
#sp-bottom {
.sp-module {
margin-top: 0;
.sp-module-title {
text-transform:capitalize;
font-weight:600;
font-size:18px;
margin-bottom: 22px;
}
.sp-module-content{
color: #666666;
ul>li{
margin-bottom: 5px;
padding: 0;
>a{
line-height: 1.3;
}
}
}
}
#sp-bottom3 {
.join-us-2{
margin: -88px 0 0 120px;
}
}
}
.bottom-newsletter{
.acymailing_form{
position: relative;
margin-top: 30px;
.acyfield_email input{
background: rgba(0,0,0,.4);
border: none !important;
height: 38px !important;
line-height: 38px;
border-radius: 0;
color: #6f6f6f;
&:focus,
&:active{
color: #fff;
}
}
.acysubbuttons{
position: absolute;
right: 0;
top: 0;
font-weight: 100;
input{
height: 38px !important;
border-radius: 0;
padding: 0 16px;
line-height: 38px !important;
border: none;
font-size: 14px;
}
}
}
}
.bottom-social{
margin-top: 15px;
overflow: hidden;
.dummy-text{
display: none;
}
ul>li{
display: inline-block;
float: left;
&:not(:last-child){
margin-right: 20px;
}
i{
line-height: 1.5;
color: #bbbec3;
.transition(.3s);
}
}
}
/* ************** END:: Bottom *************** */
/* **************************************************** */
/* ************** Start Footer *************** */
/* **************************************************** */
#sp-footer {
color: #fff;
text-align: center;
padding: 0;
font-size: 14px;
a {
line-height: 1.5;
padding: 0;
color: rgba(255, 255, 255, 0.9);
&:hover {
color: #d1d1d1;
}
}
#sp-footer1{
ul.nav.menu{
text-align: left;
text-transform: capitalize;
>li {
display: inline-block;
margin-right: 30px;
&:last-child{
margin-right: 0;
}
}
}
}
#sp-footer2{
.sp-copyright{
color: #7a7d86;
float: right;
a{
font-weight: 600;
&:hover,
&:focus{
color: #7a7d86;
}
}
}
}
}
#sp-footer-wrapper {
ul {
display:inline-block;
&.nav {
display:inline-block;
list-style:none;
padding:0;
margin:0 5px;
li {
display:inline-block;
margin:0 5px;
a {
display:block;
&:hover{
background:none;
}
}
}
}
}
.helix-framework {
display:inline-block;
.helix-logo {
display:block;
width:130px;
height:40px;
text-indent:-9999px;
background:url(../images/helix-logo-white.png) no-repeat 0 0;
}
}
.copyright {
display:block;
}
}
/* ************** End:: Footer *************** */
/* **************************************************** */
/* ************** Start Comingsoon *************** */
/* **************************************************** */
.sp-comingsoon {
width: 100%;
height: 100%;
min-height: 100%;
body {
width: 100%;
height: 100%;
min-height: 100%;
display: table;
font-family: Titillium Web, sans-serif;
}
.sp-comingsoon-countdown {
margin: 100px 0 60px;
}
.sp-comingsoon-wrap{
display: table-cell;
vertical-align: middle;
padding: 100px 0;
}
.sp-comingsoon-title {
margin-top: 130px;
font-size: 42px;
margin-bottom: 10px;
font-weight: 700;
}
.comingsoon-page-logo{
img{
display: inline-block;
}
}
.sp-position-comingsoon {
background: #333333;
width: 720px;
margin: 0 auto;
padding: 30px;
}
.acymailing_module_form {
.acymailing_introtext {
padding-bottom: 28px;
color: #fff;
}
}
.bottom-newsletter {
.acymailing_form {
p{
margin-bottom: 0;
}
.acyfield_email input {
border-radius: 0;
color: #acacac;
height: 50px !important;
background: #f0f0f0;
text-transform: capitalize;
}
.acysubbuttons input {
border: medium none;
border-radius: 0;
font-size: 18px;
height: 50px !important;
line-height: 38px !important;
padding: 0 37px;
}
}
}
ul.social-icons {
margin: 48px 0 28px;
li{
margin: 0 12px;
a{
color: #c4c4c4;
-webkit-transition: color 400ms;
transition: color 400ms;
font-size: 20px;
}
}
}
.sp-comingsoon-content {
font-size: 28px;
font-weight: 300;
}
.days,
.hours,
.minutes,
.seconds{
display: inline-block;
position: relative;
font-weight: 700;
}
.days,
.hours,
.minutes{
&:after{
content: '';
height: 16px;
width: 16px;
border-radius: 50%;
position: absolute;
left: auto;
right: -58px;
top: -30px;
bottom: 0;
margin: auto;
}
}
.days{
margin: 0 100px 0 0;
position: relative;
}
.hours{
margin: 0 100px 0 0;
}
.minutes{
margin: 0 100px 0 0;
}
.days .number,
.hours .number,
.seconds .number,
.minutes .number{
width: auto;
height: auto;
line-height: .8;
border: 0;
border-radius: 0;
display: inline-block;
font-size: 130px;
font-weight: bold;
}
.days .string,
.minutes .string,
.seconds .string,
.hours .string{
display: block;
font-size: 20px;
margin-top: 10px;
font-weight: 700;
}
.comingsoon-copyright{
p{
font-size: 14px;
color: #717171;
span{
color: #a3a3a3;
}
}
}
}
/* ************** End:: Comingsoon *************** */
/* **************************************************** */
/* ************** Start Error Page *************** */
/* **************************************************** */
.error-page {
width: 100%;
height: 100%;
min-height: 100%;
body {
width: 100%;
height: 100%;
min-height: 100%;
font-family: Titillium Web,sans-serif;
}
.error-page-inner {
height: 100%;
min-height: 100%;
width: 100%;
display: table;
text-align: center;
.error-wrapping {
display: table-cell;
vertical-align: middle;
}
.error-page-logo{
img{
display: inline-block;
}
}
.btn.btn-primary.btn-lg{
font-size: 12px;
text-transform: uppercase;
padding: 0 30px;
i{
display: inline-block;
margin-right: 17px;
font-size: 16px;
}
}
}
.fa-exclamation-triangle {
font-size: 64px;
line-height: 1;
margin-bottom: 10px;
}
.error-code {
font-weight: bold;
font-size: 96px;
line-height: 1;
margin: 0 0 10px 0;
padding: 0;
}
.error-message {
color: #666666;
font-size: 18px;
line-height: 1;
margin-bottom: 45px;
margin-top: 18px;
}
.eror-copyright {
margin-top: 63px;
p{
font-size: 14px;
color: #545454;
span{
color: #a3a3a3;
}
}
}
}
/* ************** End:: Error Page *************** */
/* **************************************************** */
/* ************** Start Mixed Css *************** */
/* **************************************************** */
.sp-social-share {
ul{
display: block;
padding: 0;
margin: 20px -5px 0;
li{
display: inline-block;
font-size: 24px;
margin: 0 5px;
}
}
.fb_iframe_widget span {
display: block;
}
}
// profile
.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;
}
}
// sp portfolio
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a{
background: #2D2D2D;
border-radius: 2px;
color:#fff;
-webkit-transition: 300ms;
transition: 300ms;
}
/* ************** End:: Mixed Css *************** */
/* **************************************************** */