/*
Theme Name: The Mask
Description: HTML/CSS Template
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
--------------------------------------------------------------------------
/*--------------------------- 0 START THEME COLOR -----------------------------*/
::selection {
background:#4fadff;
color:#fff
}
::-moz-selection {
background:#4fadff;
color:#fff
}
body {
background-color:#c6bca6;
background-repeat:repeat;
background-position:right top
}
/* start 1st color*/
.close .top-line.close,a.contact-bar-tab,#main-slider ol.flex-control-nav li a.active,.acc-head:hover,.flex-direction-nav a,.post-tags a.ef-button span:hover,.ef-pagination a.page-active span,.ef-pagination a.page-active,.ef-pagination a.page-active:hover,.tagcloud a.ef-button span:hover,#footer .tagcloud a.ef-button span:hover,a.reply,#reply .send-wrap input.send,.ef-contact .send-wrap input.send,.ef-contact1 .send-wrap input.send1,.top-line,a.contact-bar-tab.close:hover,.qcontact .ef-contact .send-wrap .button input:hover,.totop,.ui-accordion-header a:hover,.sg-sc-tabs ul.tabs-nav li.ui-tabs-selected a,.ef-tabs ul.tabs-nav a:hover,.price-item.recomended .price-tag,span.first.first-col,#main-slider .flex-caption .cap-title,ul.ef-news-clients li .recent-post-date,ul#filter li.current,div.light_rounded .pp_details .pp_close {
background-color:#a68256
}
ul.sf-menu li.current,ul.sf-menu li.current:hover,.ef-home-tabs ul.tabs-nav li.ui-state-active,.ef-home-tabs ul.tabs-nav li.ui-state-active:hover,ul.post-info,.post-tags a.ef-button span:hover,.ef-pagination a.ef-button.page-active span,.ef-author,.sg-sc-tabs ul.tabs-nav li.ui-tabs-selected a,.ef-tabs ul.tabs-nav a:hover,.sg-sc-tabs ul.tabs-nav,ul.tabs-nav,table th {
border-color:#a68256
}
p a,.description p.main-title span,.ef-home-tabs .headers li a,.breadcrumbs li {
color:#a68256
}
/* end 1st color*/
/* start 2st color*/
.close .top-line,a.contact-bar-tab:hover,.top-line.close,#main-slider ol.flex-control-nav li:hover,.flex-direction-nav a.flex-prev:hover,.flex-direction-nav a.flex-next:hover,a.ef-button span:hover,.totop:hover,a.contact-bar-tab.close,.ef-pagination a:hover,a.reply:hover,#reply .send-wrap input.send:hover,.ef-contact .send-wrap input.send:hover,.ef-contact1 .send-wrap input.send1:hover,.price-item.recomended .ef-button span:hover,#main-slider .flex-caption .cap-title.cap-hov,div.light_rounded .pp_details .pp_close:hover {
background-color:#d9b779
}
ul.sf-menu li:hover,.ef-home-tabs ul.tabs-nav li:hover,a.ef-button span:hover,.post-info:hover {
border-color:#d9b779
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,.ef-home-tabs ul.tabs-nav li a:hover,a:hover,ol.flex-control-nav li,a:hover,.post-info li a:hover,a.read-more span:hover,.widget_twitter a:hover,ul.checkboxes li a:hover,ul.cat li a:hover,ul.star li a:hover,ul.arrow li a:hover,ul.arrow-bullet li a:hover,ul.colored-disc li a:hover {
color:#d9b779
}
/* end 2st color*/
/*start other colors*/
h1,h2,h3,h4,h5,h7,h1 a,h2 a,h3 a,h4 a,h5 a, h6, h6 a,h7 a,a,ul.sf-menu li a:hover,.acc-head,.recent-post-date,.ef-author,#reply input,#reply textarea,.description p.main-title,blockquote,.testimonials.ef-xxl p:first-child,.ie7 .testimonials.ef-xxl p.first,.team p.auth,span.first-acc,ul.checkboxes li a,ul.cat li a,ul.star li a,ul.arrow li a,ul.arrow-bullet li a,ul.colored-disc li a,.alertBox-warning,.alertBox-success,.alertBox-alert,.sg-sc-tabs ul.tabs-nav li.ui-tabs-selected a,.ef-tabs ul.tabs-nav a:hover,table th,.pp_details .pp_description {
color:#404040
}
.ef-wrapper #contact-wrap,.ef-wrapper #contact-wrap,.ef-wrapper .head,.sf-menu li li,.flex-direction-nav li a.flex-prev,#main-slider ol.flex-control-nav li,#main-slider .flex-caption .cap-content,.price-item.recomended .price-title,.jflickr li a span {
background-color:#404040
}
/*Font color*/
body,a.read-more span,.post-info li a,ul.tabs-nav li a,span.first.no-bg,#reply input,#reply textarea,.ef-contact1 input,.ef-contact1 textarea {
color:#656565
}
/*end other colors*/
/*--------------------------- 0 END THEME COLOR -------------------------------*/
/*--------------------------- 1 - START DOCUMENT SETUP, COMMON CLASSES ------*/
/*Fonts*/
body,.recent-post-date {
font-family: 'Helvetica', 'Arial', sans-serif
}
h1,h2,h3,h4,h5,#main-slider .flex-caption p.cap-title,.description p.main-title,ul.tabs-nav,.recent-post-date .date,blockquote,.testimonials.ef-xxl p:first-child,.alertBox-warning,.alertBox-success,.alertBox-alert,.ef-toggle-box a.toggle-head,table th,.acc-head span,.pp_details .pp_description {
font-family: 'Signika', 'Helvetica', 'Arial', sans-serif;
font-weight:400
}
/*Headings*/
h1 {
font-size:30px;
line-height:1.2em;
margin-bottom:18px
}
h2 {
font-size:24px;
line-height:1.2em;
margin-bottom:15px
}
h3 {
font-size:20px;
line-height:1.2em;
margin-bottom:14px
}
h4 {
font-size:16px;
line-height:1.2em;
margin-bottom:13px
}
h5 {
font-size:14px;
line-height:1.1em;
margin-bottom:12px;
}
h6 {
font-size:12px;
line-height:1.2em;
font-weight:700;
text-transform:uppercase;
margin-bottom:10px
}
h7 {
font-size:12px;
line-height:1.2em;
font-weight:700;
text-transform:uppercase;
color:#FFF;
margin-bottom:10px
}
/*Border-radius for elements*/
.flex-direction-nav a,span.first,span.first-acc,.totop {
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px
}
/*All css3 transitions*/
.top-line,#footer a,#sidebar a,p a,.acc-content li a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,a.contact-bar-tab,ol.flex-control-nav li,.flex-direction-nav a,.acc-head,.ef-button span,.totop,.qcontact .ef-contact .send-wrap .button input,.post-info li a,ul.post-info,a.read-more span,.breadcrumbs li a,.ef-pagination a,.widget_nav_menu li,a.reply,.comments-list .post-comm div.auth a,#reply .send-wrap input.send,.ef-contact .send-wrap input.send,.ef-contact1 .send-wrap input.send1,.qcontact .ef-contact .not-valid,ul.checkboxes li a,ul.cat li a,ul.star li a,ul.arrow li a,ul.arrow-bullet li a,ul.colored-disc li a,.ef-tabs ul.tabs-nav a,#main-slider .flex-caption .cap-title,ul#filter li,ul#filter li a,div.light_rounded .pp_details .pp_close {
transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
-webkit-transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
-moz-transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
-ms-transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
-o-transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out
}
input,textarea {
outline:none
}
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}
.clearfix:before,.clearfix:after {
content:'\0020';
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}
.clearfix:after {
clear:both
}
.clearfix {
zoom:1
}
body {
font-size:14px;
min-height:100%;
height:auto!important
}
html,body {
width:100%
}
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
.boxed {
background:#fff;
-moz-box-shadow:5px 0 76px rgba(0,0,0,0.03);
-webkit-box-shadow:5px 0 76px rgba(0,0,0,0.03);
box-shadow:5px 0 76px rgba(0,0,0,0.03);
margin:-10px auto 0
}
.ef-wrapper {
width:100%;
position:relative
}
.wrap-940 {
width:940px
}
.ef-main-wrap {
width:100%;
margin:0 auto
}
.ef-inner {
padding:70px 40px 100px
}
ul {
padding-left:17px;
margin-bottom:15px
}
ul li {
line-height:1.5em;
margin-bottom:.7em
}
a {
text-decoration:none;
outline:0 none
}
p {
line-height:1.7em;
margin-bottom:12px
}
.alignleft {
float:left
}
.alignright {
float:right
}
img.alignleft {
float:left;
margin:0 20px 20px 0
}
img.alignright {
float:right;
margin:0 0 20px 20px
}
.button {
display: inline-block;
font-size: 12px;
line-height: 27px;
font-weight: 400;
text-transform: capitalize;
padding: 0px 0px 15px 0px;
color: #9f8468;
text-transform: uppercase;
}
.button:hover {
color: #6f573f;
}
.bottom-15 {
margin-bottom:15px
}
.bottom-20 {
margin-bottom:20px
}
.bottom-30 {
margin-bottom:30px
}
.bottom-40 {
margin-bottom:40px
}
.bottom-50 {
margin-bottom:50px
}
.bottom-70 {
margin-bottom:70px
}
.col1-2,.col1-3,.small-post,.col1-4,.wrap690,.col1-5,.col1-6,.col1-12,.item-holder1,.col2-3,.col-380,.col-960,.ef-posts {
float:left;
margin-right:30px
}
.col1-2 {
width:648px
}
.col1-3 {
width:422px
}
.col1-4 {
width:309px
}
.col1-6 {
width:196px
}
.col-380 {
width:502px;
margin-left:50px;
}
.inner-960 {
width:1356px
}
.ef-posts {
width:977px;
margin-right:40px
}
.omega {
margin-right:0!important
}
.divider {
margin-bottom:40px
}
.divider,.divider1 {
border-top:1px dashed #cfcfcf
}
.divider-blank {
width:100%;
height:70px
}
.divider-small{
width:100%;
height:20px
}
.breadcrumbs {
list-style:none;
padding:20px 40px;
text-transform:uppercase;
font-size:12px;
border-bottom:1px solid #ececec
}
span.first {
background-color:#656565;
color:#fff
}
span.first.no-bg {
background:transparent;
border:2px solid #777777;
width:1.7em;
height:1.7em;
line-height:1.7em
}
span.first,span.first-acc {
float:left;
font-size:17px;
width:2em;
height:2em;
text-align:center;
line-height:2em;
margin-right:1em
}
span.first-acc {
border:1px solid #e9e9e9;
width:1.5em;
background-color:#fff;
height:1.5em;
line-height:1.5em
}
.totop,.proj-img.recent a,.proj-img img,.recent-post-date span,iframe {
display:block
}
.boxed,#contact-wrap .qcontact,.top-line div,.sg-nojs .ef-wrapper .head .social-bar,.ef-footer-wrap {
width:1406px
}
.ef-widgets h1,.ef-widgets h2,.ef-widgets h3,.ef-widgets h4,.ef-widgets h5,.ef-widgets h6,.ef-widgets h7,
#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4,#sidebar h5,#sidebar h6,#sidebar h7 {
margin-bottom:25px
}
/*--------------------------- 1 - END DOCUMENT SETUP, COMMON CLASSES ------*/
/*--------------------------- 2 - START HOME PAGE STYLES ------------------*/
.ef-wrapper #contact-wrap {
position:absolute;
z-index:1000;
width:100%;
background-color:rgb(64, 64, 64);
background-color:rgba(64, 64, 64, 0.99);
color:#bababa;
left:0;
top:0
}
#contact-wrap .qcontact {
position:relative;
display:none;
margin:0 auto;
padding:50px 0 70px 0
}
#contact-wrap .qcontact h1,#contact-wrap .qcontact h2,#contact-wrap .qcontact h3,#contact-wrap .qcontact h4,#contact-wrap .qcontact h5,#contact-wrap .qcontact h6,#contact-wrap .qcontact h7 {
color:#fff
}
#contact-wrap .qcontact .ef-contact {
margin-top:5px
}
.ef-list {
margin:0;
display:none;
padding:12px 45px 12px 15px;
background:url(../images/sucsess-white.png) #d0ffc3 no-repeat right 50%;
border:1px solid #afe6a0;
margin-top:25px;
line-height:1em;
clear:both
}
.qcontact .ef-list {
color:#fff;
background-color:#65B243;
border:0
}
.top-line {
width:100%;
height:3px;
left:0;
bottom:0
}
.top-line div {
position:relative;
margin:0 auto
}
.ef-wrapper .head {
/*background-image:url('../images/pat.png');*/
width:100%;
height:48px
}
/*Social profiles*/
.sg-nojs .ef-wrapper .head .social-bar {
padding:0
}
.ef-wrapper .head .social-bar {
padding-right:41px;
width:1365px;
margin:0 auto
}
.ef-wrapper .head .social-bar a {
display:block;
position:relative;
float:left;
line-height:34px;
color:#fff;
height:34px;
margin-left:1px;
margin-top:4px
}
.ef-wrapper .head .social-bar a img {
position:relative;
z-index:1
}
.ef-wrapper .head .social-bar a span {
position:absolute;
-moz-opacity:0;
-webkit-opacity:0;
opacity:0;
filter:alpha(opacity=0);
height:0;
left:0;
right:0;
bottom:0
}
.ef-wrapper .head .social-bar a.twitter span{
background-color:#3bc6d6
}
.ef-wrapper .head .social-bar a.facebook span {
background-color:#699cf8
}
.ef-wrapper .head .social-bar a.dribbble span {
background-color:#f16498
}
.ef-wrapper .head .social-bar a.linkedin span {
background-color:#5eabed
}
.ef-wrapper .head .social-bar a.vimeo span {
background-color:#9fc64d
}
.ef-wrapper .head .social-bar a.youtube span {
background-color:#f86767
}
.ef-wrapper .head .social-bar a.flickr span {
background-color:#f35783
}
.sg-nojs a.contact-bar-tab {
display:none
}
a.contact-bar-tab {
background-image:url(../images/contact-bar-tab.png);
position:absolute;
background-position:0 4px;
background-repeat:no-repeat;
margin-top:0;
right:0;
width:40px;
height:38px
}
a.contact-bar-tab.close {
background-position:left bottom;
bottom:0
}
.logo-nav {
padding:44px 40px 0;
z-index:100;
position:relative;
background:url('../images/logo-nav-bg.png') repeat-x left bottom
}
.logo-nav .alignright {
max-width:75%
}
.description {
padding:0 80px 30px 0px;
text-align:left
}
.description p {
font-weight:100;
font-size:18px;
line-height:1.5em
}
.description p.main-title {
font-weight:normal;
margin-bottom:5px;
text-transform:uppercase;
line-height:1.1em;
font-size:18px
}
/*EXTRAS*/
.acc-head {
display:block;
font-weight:700;
cursor:pointer;
text-align:center;
background-color:#f3f3f3;
background-image:url('../images/acc-head.gif');
background-repeat:no-repeat;
background-position:right bottom;
margin-bottom:20px;
}
/*
display:block;
font-weight:700;
cursor:pointer;
text-align:center;
background-color:#f3f3f3;
background-image:url('../images/acc-head.gif');
background-repeat:no-repeat;
background-position:right bottom;
margin-bottom:20px;
*/
.acc-head,.proj-info {
border-bottom:1px solid #ececec
}
.ef-extras .extr {
text-align:left
}
.acc-head span {
font-size:18px;
line-height:1.3;
margin-bottom:0;
display:block;
padding:35px 15px;
}
.acc-head img {
*display:inline;
zoom:1
}
.acc-head img {
width:76px;
display:inline-block;
margin-bottom:13px;
}
.acc-head span span {
text-transform:uppercase;
padding:0
}
.acc-head:hover {
color:#fff
}
/*Recent projects carousel*/
.carousel {
position:relative
}
.carousel .slides ul li {
}
.sg-nojs .carousel .slides ul li {
margin-bottom:40px
}
.carousel .slides li {
margin-bottom:0
}
.carousel .slides ul {
padding-left:0;
margin-bottom:0;
list-style:none
}
.carousel .slides ul li:first-child {
margin-left:0
}
.carousel .flex-direction-nav li a {
display:block;
line-height:1em;
cursor:pointer;
position:absolute;
overflow:hidden;
width:34px;
height:34px;
background-repeat:no-repeat;
background-position:left center;
background-image:url(../images/button-bg.png);
background-position:50% 50%
}
.proj-info {
padding:10px 10px;
text-align:left;
background:#f5f5f5
}
.proj-info p {
font-size:11px;
line-height:1.1em;
font-weight:100;
margin-bottom:0
}
.proj-info h1,.proj-info h2,.proj-info h3,.proj-info h4,.proj-info h7,.proj-info h6.proj-info h6 {
margin-bottom:10px
}
.enter-icn {
padding-right:20px;
background:url('../images/enter.gif') no-repeat right 6px
}
.enter-icn:hover {
background-position:right -82px
}
/*Recent news and testimonials*/
ul.ef-news-clients {
margin-bottom:0
}
ul.ef-news-clients li.recent {
margin-bottom:20px
}
ul.ef-news-clients li .recent-post-date {
font-size:15px;
text-align:center;
color:#fff;
background-image:url('../images/calend-bg.gif');
background-repeat:no-repeat;
background-position:right bottom;
padding:15px 20px;
line-height:1em;
text-transform:uppercase
}
ul.ef-news-clients li .recent-post-date span.date {
font-weight:600;
line-height:0.8em;
font-size:32px
}
ul.ef-news-clients li .recent-post {
margin-left:0px
}
/*--------------------------- 2-1 - START LOGO AND NAV --------------------*/
.sf-menu,.sf-menu * {
margin:0;
padding:0;
list-style:none
}
.sf-menu ul {
position:absolute;
width:180px;
top:-999em
}
.sf-menu ul li {
width:100%
}
.sf-menu li:hover {
visibility:inherit
}
.sf-menu li {
float:left;
position:relative
}
.sf-menu a {
display:block;
position:relative
}
.sf-menu li.sfHover ul,.sf-menu li:hover ul {
right:0
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {
top:100%;
z-index:99
}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
top:-999em
}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
left:-180px;
top:0
}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
top:-999em
}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
left:-180px;
top:0
}
/* SKIN */
.sf-menu {
float:right
}
.sf-menu a {
height:89px;
line-height:50px;
font-size:12px;
font-weight:700;
text-transform:uppercase;
padding:0 23px;
text-decoration:none
}
.sf-menu li li a,.sf-menu li li a.sf-with-ul {
margin:0;
line-height:1.3em;
font-weight:400;
text-align:right;
height:auto;
padding:12px 18px 12px 26px;
color:#e1e1e1;
border-top:1px solid #4c4c4c
}
.sf-menu li li a:hover {
color:#fff
}
.sf-menu li {
background:#fff
}
.sf-menu ul {
background:url('../images/menu-corner.gif') no-repeat right top;
margin-top:-5px;
padding-top:5px
}
.sf-menu ul ul {
background-image:none;
margin-top:0;
padding-top:0
}
.sf-menu li:hover,.sf-menu li.current,.sf-menu li.current:hover {
background:#f3f3f3
}
.sf-menu li:hover,.sf-menu li.current {
border-bottom:2px solid #fff
}
.sf-menu li:hover {
background:#fafafa
}
.sf-menu li li, .sf-menu li li,.sf-menu li li:hover, .sf-menu li li:hover {
border:0
}
.sf-menu li li:hover, .sf-menu li li.sfHover {
background:#5f5f5f;
outline:0
}
/* Menu indicators */
.sf-menu a.sf-with-ul {
padding-right:30px;
min-width:1px
}
.sf-sub-indicator {
position:absolute;
display:block;
right:18px;
top:20px;
width:10px;
height:16px;
text-indent:9999em;
overflow:hidden;
background:url(../images/drop.png) no-repeat
}
.sub-menu .sf-sub-indicator {
left:10px
}
a .sf-sub-indicator {
background-position:0 -100px
}
/* apply hovers to modern browsers */
.sub-menu a:focus .sf-sub-indicator,.sub-menu a:hover .sf-sub-indicator,.sub-menu li:hover a .sf-sub-indicator,.sub-menu li.sfHover a .sf-sub-indicator {
background-position:-10px -90px
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
background-position:-10px 0
}
.sub-menu .sf-sub-indicator {
margin-top:-7px
}
.sf-menu ul a .sf-sub-indicator {
background-position:0 0
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus .sf-sub-indicator,.sf-menu ul a:hover .sf-sub-indicator,.sf-menu ul li:hover a .sf-sub-indicator,.sf-menu ul li.sfHover a .sf-sub-indicator {
background-position:-10px 0
}
/*--------------------------- 2-1 - END LOGO AND NAV --------------------*/
/*--------------------------- 2-2 - START HOMEPAGE SLIDER STYLES ------------------*/
.main-ctrl-container .slider-preloader {
min-height:80px;
background:url('../images/loading.gif') no-repeat center bottom
}
#main-slider {
visibility:hidden;
position:relative;
border-bottom:1px solid #E7E7E7;
margin-top:2px;
padding-bottom:2px
}
#main-slider ul.slides li img {
-moz-opacity:0;
-webkit-opacity:0;
opacity:0;
filter:alpha(opacity=0)
}
#main-slider ul.slides li {
zoom:1;
margin-bottom:0
}
/* Navigation Arrows */
.flex-direction-nav li {
margin-bottom:0
}
#main-slider .flex-direction-nav li a,.post-slider .flex-direction-nav li a {
top:50%
}
.flex-direction-nav li a {
-moz-opacity:0;
-webkit-opacity:0;
opacity:0;
position:absolute;
filter:alpha(opacity=0);
display:block;
z-index:1;
overflow:hidden;
text-indent:-1000px;
margin-top:-19px;
text-align:center;
outline:0;
z-index:100;
height:38px;
width:38px;
background-image:url(../images/main-slider-arrows-next.png);
background-position:50% 50%;
background-repeat:no-repeat
}
#main-slider .flex-direction-nav li a.flex-prev {
left:21px;
background-image:url(../images/main-slider-arrows.png)
}
#main-slider .flex-direction-nav li a.flex-next {
right:21px
}
.post-slider .flex-direction-nav li a.flex-prev,.carousel .flex-direction-nav li a.flex-prev {
background-image:url('../images/button-bg1.png');
left:0
}
.post-slider .flex-direction-nav li a.flex-next,.carousel .flex-direction-nav li a.flex-next {
right:0
}
/* Navigation Links */
#main-slider ol.flex-control-nav {
z-index:1;
position:absolute;
display:block;
left:0;
right:0;
bottom:-2px;
overflow:hidden;
padding-left:40px;
outline:0;
list-style:none
}
#main-slider ol.flex-control-nav li {
display:block;
float:left;
margin:0 2px 0 0;
width:15%
}
#main-slider ol.flex-control-nav li a {
overflow:hidden;
text-indent:-1000px;
display:block;
cursor:pointer;
height:2px;
outline:0
}
/* caption */
#main-slider ul.slides li .flex-caption {
color:#fff;
left:40px;
margin:0;
bottom:0;
position:absolute;
max-width:47%;
z-index:10;
-moz-opacity:0.9;
-webkit-opacity:0.9;
opacity:0.9;
filter:alpha(opacity=90)
}
#main-slider ul.slides li .flex-caption p.cap-title {
line-height:1.3em;
padding:7px 20px;
display:inline-block;
margin-bottom:2px;
font-size:26px;
text-transform:capitalize
}
#main-slider .flex-caption .cap-content {
padding:15px 20px
}
#main-slider ul.slides li .flex-caption li {
margin-bottom:10px
}
/*--------------------------- 2-2 - END SLIDER STYLES ------------------*/
/*--------------------------- 2-3 - START BUTTONS, PAGINATION ----------*/
a.ef-button,a.ef-button span {
display:inline-block
}
a.ef-button {
color:#202020;
cursor:pointer;
margin:5px 10px 15px 0;
padding:5px;
-webkit-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1);
box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1)
}
a.ef-button.ef-big {
padding:8px
}
a.ef-button span,div.light_rounded .pp_close {
font-size:11px;
text-transform:uppercase;
font-weight:400;
line-height:1em;
padding:8px 12px;
color:#656565;
text-shadow:0 1px 0 #fff;
filter:dropshadow(color=#fff,offx=0,offy=1);
background-color:#f5f5f5;
-webkit-box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1);
box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1)
}
a.ef-button.ef-big span {
padding:14px 21px;
font-size:13px
}
a.ef-button span:hover {
color:#fff;
text-shadow:0 0 0 #fff;
filter:dropshadow(color=#fff,offx=0,offy=0);
-webkit-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1);
box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1)
}
a.read-more span {
text-transform:none;
font-weight:700;
display:inline;
padding-right:15px;
background:url('../images/enter_blog.png') no-repeat right 2px
}
a.read-more span:hover {
background-position:right -86px;
}
.ef-pagination {
margin-bottom:50px
}
.ef-pagination a {
display:inline-block;
cursor:pointer;
background-color:#e7e7e7;
padding-bottom:2px
}
.ef-pagination a span {
background-color:#fafafa;
display:inline-block;
padding:8px 10px 6px
}
.ef-pagination a.page-active span {
color:#fff
}
.post-tags a.ef-button,.tagcloud a.ef-button {
padding:0;
margin:0 10px 15px 0
}
.post-tags a.ef-button span,.tagcloud a.ef-button span {
background:transparent;
border:0;
padding:8px 17px 8px 13px;
background-image:url('../images/tag-bg.png');
background-color:#f3f3f3;
background-repeat:no-repeat;
background-position:right center;
-webkit-box-shadow:0 0;
-moz-box-shadow:0 0;
box-shadow:0 0
}
#footer .tagcloud a.ef-button span {
background-image:url('../images/tag-bg1.png');
background-color:#f1f1f1
}
.post-tags .tag-icn {
float:left;
width:34px;
height:26px;
margin-right:15px;
background:url('../images/tag-icn.png') no-repeat center center;
-webkit-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.2);
box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.2)
}
/*--------------------------- 2-3 - END BUTTONS, PAGINATION ------------*/
/*--------------------------- 2-4 - START IMAGES AND EFFECTS ------------*/
.proj-img {
position:relative;
overflow:hidden
}
/*Hide images on load*/
.proj-img.alignleft {
margin:0 30px 20px 0
}
.proj-img.preloader {
background:url(../images/loading.gif) #f3f3f3 no-repeat center center
}
.proj-img.ef-link {
width:100%;
height:100%
}
.proj-img a {
position:absolute;
left:10%;
right:10%;
top:10%;
bottom:10%;
background:#fff;
-moz-opacity:0;
-webkit-opacity:0;
opacity:0;
filter:alpha(opacity=0)
}
.proj-img img {
width:100%;
max-width:100%
}
.proj-img span {
position:absolute;
display:block;
width:60px;
height:60px;
z-index:1;
left:-60px;
bottom:-60px;
background:url(../images/recent-a.png) no-repeat left top
}
.proj-img.ef-hov-link span {
background:url(../images/recent-a-link.png) no-repeat left top
}
/*--------------------------- 2-4 - END IMAGES AND EFFECTS --------------*/
/*--------------------------- 2 - END HOME PAGE STYLES ----------------*/
/*---------- 3 - START TEAM, SERVICES, CLIENTS PAGES STYLES -----------*/
.team p.auth {
font-weight:300
}
.team .proj-img {
width:172px
}
.ef-services1 {
margin-bottom:20px;
overflow:hidden
}
.team h2,.team h3,.team h4 {
margin-bottom:0
}
/*----------- 3 - END TEAM, SERVICES, CLIENTS PAGES STYLES ------------*/
/*---------------------- 4 - START PORTFOLIO STYLES -------------------*/
ul#filter {
padding:0;
overflow:hidden;
list-style:none
}
.sg-nojs ul#filter {
display:none
}
ul.ef-portfolio li {
margin-bottom:40px
}
ul.ef-portfolio li {
position:relative;
list-style:none
}
ul#filter li {
margin-right:5px;
float:left
}
ul#filter li a {
font-size:11px;
padding:5px 10px;
line-height:1em;
list-style:none
}
ul#filter li.current a {
color:#fff
}
ul.ef-portfolio li .cover {
position:absolute;
background:#fff;
top:0;
bottom:0;
left:0;
right:0;
-moz-opacity:0;
-webkit-opacity:0;
opacity:0;
filter:alpha(opacity=0);
display:none;
z-index:500
}
/*Post slider*/
.post-slider {
background:url('../images/loading.gif') #f5f5f5 no-repeat center center;
position:relative
}
.post-slider img {
-moz-opacity:0;
-webkit-opacity:0;
opacity:0;
filter:alpha(opacity=0)
}
.post-slider .flex-direction-nav li {
margin-bottom:0;
position:static
}
.post-slider .flex-direction-nav li a,.carousel .flex-direction-nav li a {
position:absolute;
margin-top:-17px!important
}
.post-slider .flex-control-nav {
text-align:center;
padding:0;
width:100%;
position:absolute;
bottom:0
}
.ie7 .post-slider .flex-control-nav li {
display:inline
}
.post-slider .flex-control-nav li {
margin-bottom:0;
display:inline-block;
zoom:1;
float:none
}
ul.slides li {
margin-bottom:0
}
.post-slider ol.flex-control-nav li a {
background-color:transparent;
overflow:hidden;
line-height:1em;
display:block;
cursor:pointer;
background:url('../images/post-slider-dots.png') no-repeat left -4px;
width:16px;
height:27px;
text-indent:-1020px
}
.post .post-slider.alignleft {
margin:0 30px 20px 0
}
.post .proj-img,.post .proj-img img,.post .post-slider,.post-slider img {
width:100%
}
.post.post-img .ef-post,.recent-post.post-img .ef-post {
padding-left:339px
}
.post-slider ol.flex-control-nav li a:hover,.post-slider ol.flex-control-nav li a.active {
background-position:left -31px
}
.post.post-img .proj-img,.post.post-img .post-slider,.no-sidebar .post.post-img .post-slider {
width:309px
}
.post-slider ol.flex-control-nav li a.active,.post-slider ol.flex-control-nav li a:hover {
background-position:left -31px
}
/*---------------------- 4 - END PORTFOLIO PAGE STYLES ----------------*/
/*---------------------- 5 - START BLOG TEMPLATE STYLES ---------------*/
/*---------------------- 5-1 - START POSTS ----------------------------*/
.ef-inner.left-sidebar #sidebar, .ef-inner.left-sidebar .ef-posts {
float:right
}
.ef-inner.left-sidebar .ef-posts {
margin-right:0;
margin-left:40px
}
.ef-inner.no-sidebar .ef-posts {
margin-right:0;
width:100%
}
.post-info {
padding:20px 0;
font-size:11px;
font-weight:700;
list-style:none;
text-transform:uppercase;
display:inline-block;
border-bottom:2px;
border-bottom-style:solid;
margin-bottom:30px
}
.post-info .i1,.post-info .i2 {
padding-left:18px;
background:url('../images/post-info-icns.png') no-repeat 0 3px;
}
.post-info .i2 {
background-position:0 -9px;
}
.post-info li {
line-height:1em;
display:inline;
margin:0 30px 0 0
}
.post-info li:last-child,.post-info li.last {
margin-right:0
}
.recent-post.post-img .ef-post {
padding-left:226px
}
#sidebar {
line-height:1.7em;
float:left;
display:inline;
width:309px
}
/*---------------------- 5-1 - END POSTS ------------------------------*/
/*---------------------- 5-2 - START COMMENTS -------------------------*/
.comments-list .post-comm div.auth {
margin-bottom:15px;
font-weight:normal;
font-size:17px
}
.comments-list .post-comm div.auth span {
margin-top:5px;
font-size:12px;
color:#909090;
display:block
}
.comments-list .post-comm {
padding-left:80px
}
.comments-list li {
list-style:none;
margin-bottom:0;
margin-left:0
}
ul.comments-list li {
display:block;
margin-top:60px
}
ul.comments-list li a.avatar img {
width:60px;
height:60px;
display:block
}
ul.comments-list ul.children-comm {
background:url('../images/children.gif') no-repeat left top;
padding-left:5%
}
/*------------------------ 5-2 - END COMMENTS -------------------------*/
/*------------------------ 5-3 - START REPLAY FORM & FEEDBACK ---------*/
a.reply {
text-align:center;
float:left;
color:#fff;
width:60px;
font-weight:700;
text-transform:uppercase;
font-size:12px
}
#reply {
width:50%;
margin-top:40px
}
#reply div,.ef-contact div,.ef-contact1 div {
overflow:hidden
}
#reply label,.ef-contact label,.ef-contact1 label {
float:left;
display:block;
line-height:29px;
width:15%
}
#reply input,#reply textarea,.ef-contact input,.ef-contact textarea,.ef-contact1 input,.ef-contact1 textarea {
-webkit-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1);
box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1)
}
#reply input,#reply textarea,.ef-contact input,.ef-contact textarea,.ef-contact1 input,.ef-contact1 textarea {
background:#f3f3f3
}
.qcontact .ef-contact input,.qcontact .ef-contact textarea {
color:#bababa;
background-color:#565656;
border:1px #606060 solid
}
.qcontact .ef-contact input {
width:94%
}
#reply input,.ef-contact input,.ef-contact1 input {
margin-bottom:20px;
width:60%;
height:29px;
line-height:29px;
padding:0 0.7em
}
.qcontact .ef-contact textarea {
margin-left:0
}
#reply textarea,.ef-contact textarea,.ef-contact1 textarea {
margin-left:15%
}
.qcontact .ef-contact textarea {
width:95%;
min-width:95%;
max-width:95%
}
#reply textarea,.ef-contact textarea,.ef-contact1 textarea {
line-height:1.3em;
height:112px;
padding:0.7em;
width:81%;
min-height:112px;
min-width:81%;
max-width:81%
}
#reply textarea {
width:97%;
min-width:97%
}
.ef-contact textarea,.ef-contact1 textarea {
min-height:112px
}
.send-wrap div {
display:inline
}
#reply div.send-wrap input.send,.ef-contact div.send-wrap input.send,.ef-contact1 div.send-wrap input.send1 {
width:auto;
outline:0;
padding:7px 15px;
line-height:1em;
margin:0!important
}
.qcontact div.send-wrap {
padding:0;
color:#9F9F9F
}
#reply .send-wrap,div.send-wrap {
padding-left:15%
}
div.send-wrap {
overflow:hidden;
margin:20px 0 0
}
#reply .send-wrap input.send,.send-wrap .button input,.ef-contact .send-wrap input.send,.ef-contact1 .send-wrap input.send1 {
font-weight:700;
display:inline;
color:#fff;
font-size:12px;
padding:0 20px;
border:0;
width:auto!important;
text-transform:uppercase;
line-height:1.6em;
margin:0!important;
-webkit-box-shadow:0 0;
-moz-box-shadow:0 0;
box-shadow:0 0
}
.ef-contact .not-valid,.ef-contact .valid,.ef-contact1 .not-valid,.ef-contact1 .valid {
background-image:url('../images/error.png');
background-repeat:no-repeat;
background-position:right 5px
}
.ef-contact .valid,.ef-contact1 .valid {
background-image:url('../images/sucsess.png')
}
.qcontact .ef-contact .send-wrap .button input {
-webkit-box-shadow:0 0;
-moz-box-shadow:0 0;
box-shadow:0 0;
background:#5a5a5a;
border-color:#5a5a5a;
color:#fff
}
#reply .respond-logged #message {
margin-left:0
}
#reply .respond-logged .send-wrap {
padding-left:0!important
}
/*------------------------ 5-3 - END REPLAY FORM & FEEDBACK -----------*/
/*------------------------ 5 - END BLOG TENPLATE STYLES ---------------*/
/*------------------------ 6 - START CONTACT PAGE STYLES --------------*/
.ef-map {
width:100%;
max-width:100%;
height:400px
}
.ef-map img {
max-width:none!important
}
/*------------------------- 6 - END CONTACT PAGE STYLES ---------------*/
/*------------------------- 7 - START FOOTER --------------------------*/
#footer {
border-top: 1px solid #ebebeb;
background: url(../images/testimonialbg.gif) center repeat;
margin:0 auto;
font-size: 12px;
color: #fff;
}
.ef-footer-wrap {
margin:0 auto
}
.ef-widgets {
overflow:hidden;
padding:70px 10px 50px 40px
}
.ef-copyrigts-wrap {
border-top: 1px solid #ebebeb;
background-color:#fff
}
.ef-copyrigts {
padding:35px 40px;
font-size:12px;
line-height:1.7em;
text-transform:uppercase
}
ul#footer-menu {
max-width:60%
}
ul#footer-menu li,.breadcrumbs li {
padding-right:31px;
background:url(../images/f-menu-gap.gif) no-repeat right 0.3em;
display:inline
}
ul#footer-menu li:last-child,.breadcrumbs li:last-child,ul#footer-menu li.last,.breadcrumbs li.last {
background:none;
padding-right:0
}
/*------------------------- 7 - END FOOTER ----------------------------*/
/*---------------------------------------------------------------------*/
/*------------------------- 8 - WIDGETS -------------------------------*/
/*---------------------------------------------------------------------*/
#subscribe {
width:210px;
margin-top:20px;
border-bottom:1px #ebebeb solid
}
#subscribe .field,#subscribe .field input {
width:165px;
height:31px;
line-height:31px
}
#subscribe .field input {
width:135px;
padding:0 15px;
display:block;
text-transform:uppercase;
font-size:11px;
font-weight:700;
color:#656565
}
#subscribe .search-btn {
background:#fff
}
#subscribe .search-btn input {
width:45px;
display:inline-block;
height:31px;
background:url('../images/subscr.gif') #fff no-repeat left top
}
#subscribe .search-btn input:hover {
background-position:right top
}
ul.checkboxes li {
background:url('../images/sucsess.png') no-repeat 0 0.1em
}
ul.checkboxes.ef-round li {
background:url('../images/checkb-round.png') no-repeat 0 0.1em
}
ul.checkboxes.ef-colored li {
background:url('../images/checkb-round-green.png') no-repeat 0 0.1em
}
ul.checkboxes.ef-colored1 li {
background:url('../images/checkb-blue.png') no-repeat 0 0.1em
}
.widget_categories ul li,ul.cat li {
background:url('../images/cat.png') no-repeat 0 0.1em
}
.widget_links ul li {
background:url('../images/links.gif') no-repeat 0 0.3em
}
.widget_recent_comments ul li {
margin-bottom:15px;
background:url('../images/recent-comm.png') no-repeat 0 0.3em
}
.widget_twitter ul {
margin-right:5px
}
.widget_twitter ul li {
background:#fff;
padding:15px;
border-bottom: 1px solid #EBEBEB;
line-height:1.6em;
margin-bottom:15px
}
.widget_twitter ul li:last-child,.widget_twitter ul li.last {
margin-bottom:0
}
.widget_twitter ul li .tweet_time a {
color:#969696;
font-size:11px
}
.widget_twitter ul li a.tweet_avatar {
display:block;
float:left;
margin:0 10px 0 0
}
.widget_twitter ul li .tweet_text {
display:block;
padding-left:42px
}
.tagcloud {
overflow:hidden
}
.tagcloud a.ef-button {
float:left;
line-height:1em
}
.tagcloud a.ef-button span {
font-size:12px!important;
text-transform:lowercase;
font-weight:normal
}
.widget_nav_menu .menu-main-menu-container ul {
list-style:none;
padding-left:0;
font-size:11px;
font-weight:700;
text-transform:uppercase;
margin-bottom:0
}
.widget_nav_menu .menu-main-menu-container ul ul {
font-weight:normal;
list-style:square
}
.widget_nav_menu .menu-main-menu-container li {
padding-left:20px;
margin-bottom:0;
margin-bottom:2px;
border:1px solid #ececec
}
.widget_nav_menu .menu-main-menu-container li a {
padding:10px 20px 10px 0;
display:block
}
.widget_nav_menu .menu-main-menu-container li li {
padding-left:0;
margin-bottom:0;
margin-left:15px;
border:0
}
.jflickr {
margin:0;
padding:0;
list-style:none
}
.jflickr:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.jflickr li {
width:29%;
float:left;
margin-bottom:7px;
margin-right:4%
}
.jflickr li a,.jflickr img {
cursor:pointer;
display:block;
width:100%
}
.jflickr li a {
position:relative
}
.jflickr li a span {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
padding-right:0;
-moz-opacity:0;
-webkit-opacity:0;
opacity:0;
filter:alpha(opacity=0)
}
/*------------------------- 9 - MISC STYLES ----------------------------*/
/*ul reset and styles*/
ul.checkboxes,ul.ef-news-clients,.widget_twitter ul,.widget_categories ul,ul#footer-menu,.widget_links ul,.widget_recent_comments ul,ul.comments-list,ul.cat,ul.star,ul.arrow,ul.arrow-bullet,ul.colored-disc,.ef-toggle-box,.price-table ul,ul.ef-portfolio {
padding-left:0;
list-style:none
}
.widget_categories ul li,.widget_links ul li,.widget_recent_comments ul li,ul.checkboxes li,ul.cat li,ul.star li,ul.arrow li,ul.arrow-bullet li,ul.colored-disc li {
padding-left:25px
}
ul#footer-menu,.breadcrumbs,.breadcrumbs li,.widget_recent_comments ul,.widget_twitter ul,.price-content ul,#main-slider ul.slides li .flex-caption ul,ul.ef-portfolio {
margin-bottom:0
}
ul.checkboxes li ul,ul.cat li ul,ul.star li ul,ul.arrow li ul,ul.arrow-bullet li ul,ul.colored-disc li ul {
margin-top:10px
}
ul.checkboxes li li,ul.cat li li,ul.star li li,ul.arrow li li,ul.arrow-bullet li li,ul.colored-disc li li {
padding-left:0;
background-image:none;
list-style:circle
}
/*Default table styles*/
table {
width:100%;
border-top:1px solid #ececec;
border-bottom:1px solid #ececec
}
table th {
border-bottom-width:3px;
border-style:solid;
font-size:20px
}
table th:nth-child(2n),table th.nth-2n {
background:#f9f9f9
}
table tr:nth-child(2n+3),table tr.nth-2n_3 {
background:#fafafa
}
table tr td,table th {
padding:15px;
border-left:1px solid #ececec
}
table tr td:last-child,table th:last-child,table tr td.last,table th.last {
border-right:1px solid #ececec
}
table th {
padding:15px;
background:#f3f3f3
}
.totop {
width:32px;
height:32px;
position:fixed;
display:none;
bottom:28px;
right:20px;
background-image:url(../images/totop.png);
background-repeat:no-repeat;
background-position:50% 50%
}
/*Select menu*/
.ef-select-menu {
margin-top:30px;
margin-bottom:30px;
width:100%;
display:none
}
/* experiment */
.container .theraphies {
width: 100%;
float: left;
margin-bottom:5px;
}
.container .theraphies h1, .price-container h1 {
font-size: 20px;
font-weight: normal;
color: #3c373a;
text-shadow: 1px 1px #ffffff;
text-align: center;
text-transform: uppercase;
padding: 20px 0;
margin:0px;
}
.container .theraphies h1 span, .container .price-container h1 span {
background: url(../images/content_bg.png);
text-align: center;
padding: 0 1%;
}
.container .theraphies ul {
width: 100%;
float: left;
list-style: none;
}
.container .theraphies ul li {
width: 170px;
height: 145px;
border-radius: 50%;
background: #fff;
float: left;
margin: 30px;
padding: 1.5% 0.5%;
border: 5px solid #9f8468;
}
.container .theraphies ul li:hover {
border-top-color: #beab97;
border-right-color: #beab97;
border-bottom-color: #beab97;
border-left-color: #beab97;
}
.container .theraphies ul li h2 {
color: #3c373a;
font-size: 14px;
padding: 45px 0px 0px 0px;
text-align: center;
text-shadow: 1px 1px #ffffff;
}
.container .theraphies ul li.deep h2 {
background: url(../images/spoon.png) no-repeat center 3px;
}
.container .theraphies ul li.vipeel h2 {
background: url(../images/candle.png) no-repeat center 3px;
}
.container .theraphies ul li.botox h2 {
background: url(../images/leaf.png) no-repeat center 3px;
}
.container .theraphies ul li.laserhair h2 {
background: url(../images/foot.png) no-repeat center 3px;
}
.container .theraphies ul li.deep {
background: url(../images/spoon-img.png) no-repeat center 90px #fff;
}
.container .theraphies ul li.vipeel {
background: url(../images/candle-img.png) no-repeat center 90px #fff;
}
.container .theraphies ul li.botox {
background: url(../images/leaf-img.png) no-repeat center 90px #fff;
}
.container .theraphies ul li.laserhair {
background: url(../images/foot-img.png) no-repeat center 90px #fff;
}