html {
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border: 0;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
body {
font-family: 'Josefin Sans', sans-serif;
font-size: 15px;
line-height: 110%;
letter-spacing: 0.2px;
color: #000000;
}
article,aside,details,figcaption,figure,footer,header,main,nav,section {
display: block;
}
a {
color: #22aaa0;
-webkit-transition: all 700ms;
transition: all 700ms;
cursor: pointer;
outline: 0;
}
a,a:hover,a:focus {
text-decoration: none;
}
a:hover,a:focus,a:active {
color: #22aaa0;
}
::selection {
background: #22aaa0;
color: #FFF;
}
::-moz-selection {
background: #22aaa0;
color: #FFF;
}
*::-webkit-input-placeholder {
color: #333333 !important;
}
*:-moz-placeholder {
color: #333333 !important;
}
*::-moz-placeholder {
color: #333333 !important;
}
*:-ms-input-placeholder {
color: #333333 !important;
}
*,*:before,*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
p {
margin-bottom: 1.5em;
}
b,strong {
font-weight: bold;
}
dfn,cite,em,i {
font-style: italic;
}
blockquote {
font-size: 18px;
font-style: italic;
font-weight: 300;
margin: 24px 40px;
quotes: """";
}
blockquote:before,blockquote:after {
content: "";
}
q {
quotes: "“""â€""‘""’";
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,kbd,tt,var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,ins {
background: #fff9c0;
text-decoration: none;
}
sup,sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 71.5%;
}
big {
font-size: 125%;
}
dl {
margin: 0 20px;
}
iframe, object {
max-width: 100%;
margin-bottom: -5px;
}
h1,h2,h3,h4,h5,h6 {
margin: 10px 0px;
padding: 0;
border: 0;
font-size: 100%;
font-weight: 900;
vertical-align: baseline;
display: block;
clear: both;
line-height: 120%;
}
h1{
font-size: 2.2em;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.8em;
}
h4 {
font-size: 1.6em;
}
h5 {
font-size: 1.4em;
}
h6 {
font-size: 1.2em;
}
hr {
background-color: #eaeaea;
height: 1px;
width: 100%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin: 20px auto;
border: 0;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em 0;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
/*border: 1px solid rgba(0,0,0,.1);*/
}
caption,th,td {
font-weight: normal;
text-align: left;
}
caption {
font-size: 16px;
margin: 20px 0;
}
th {
font-weight: bold;
text-transform: uppercase;
padding: 0px 10px;
}
td {
padding: 0px 10px;
border: 1px solid rgba(0,0,0,.1);
}
thead th {
border: 1px solid rgba(0,0,0,.1);
}
button,input,select,textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
text-align: center;
padding: 10px 20px;
margin: 10px;
border: none;
box-shadow: none;
text-shadow: none;
font-weight: 400;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
color: #FFF;
}
input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {
color: #fff;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 10px;
border: 1px solid #b1b1b1;
}
textarea {
overflow: auto;
vertical-align: top;
width: 100%;
}
.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="reset"],
.entry-content input[type="submit"] {
padding: 5px 20px 5px 20px;
}
.entry-content button:hover,
.entry-content input[type="button"]:hover,
.entry-content input[type="reset"]:hover,
.entry-content input[type="submit"]:hover {} .input-box {
border: 0 !important;
width: 274px;
text-align: left;
text-transform: none;
padding: 9px;
min-height: 46px;
padding-left: 15px !important;
display: inline-block;
border-radius: 4px;
background: rgba(255, 255, 255, 0.95);
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus {} input:focus,
textarea:focus {
border: 1px solid rgba(0, 0, 0, 0.3);
outline: 0;
}
section {
padding: 80px 0px;
width: 100%;
}
.pink-bg {
background: #FFB0BF !important;
}
.red-bg {
background: #E4022D !important;
}
.green-bg {
background: #22aaa0 !important;
}
.dark-green-bg {
background: #367C60 !important;
}
.light-bg{
background: #fbfbfb !important;
}
.lightblue-bg {
background: #ecfcff !important;
}
.blue-bg {
background: #24c9ce !important;
}
.brown-bg {
background: #5D2C04 !important;
}
.yellow-bg {
background: #f0bc5e !important;
}
.purple-bg{
background: #56158a !important;
}
.orange-bg{
background: #f07f31 !important;
}
.black-bg {
background: #333333 !important;
}
.grey-bg {
background: #e6e6e6 !important
}
.white-bg {
background: #FFFFFF !important;
}
.fixed-bg {
background-size: cover !important;
background-position: center;
background-repeat: no-repeat;
}
.fixed-bg .overlay{
background: rgba(255, 255, 255, 0.7);
}
.fixed-bg .overlay.light-overlay{
background: rgba(255, 255, 255, 0.8);
}
.fixed-bg .overlay.dark-overlay{
background: rgba(0, 0, 0, 0.8);
}
.parallax-bg {
background-attachment: fixed !important;
background-size: cover !important;
background-position: center;
background-repeat: no-repeat;
}
.parallax-bg .overlay{
padding: 100px 0px;
background: rgba(0, 0, 0, 0.3);
}
.static-bg {
background-size: cover !important;
background-position: center;
width: 100%;
}
.vincent_corners {
margin-bottom: 0;
padding-top: 0;
position: relative;
margin-top: 21px;
}
.vincent_corners:after {
background-image: linear-gradient(rgba(18,22,24,1), rgba(18,22,24,1)), linear-gradient(-45deg, transparent 75%, rgba(18,22,24,1) 75%), linear-gradient(45deg, transparent 75%, rgba(18,22,24,1) 75%);
width: 200%;
height: 10px;
position: absolute;
display: block;
content: "";
left: 0;
top: 0;
border: solid transparent;
border-width: 10px 0;
background-color: #121618;
background-color: hsla(0, 0%, 0%, 0);
background-repeat: repeat, repeat-x, repeat-x, repeat-x, repeat-x;
background-position: 0 0, 0 0, 0 0, 0 100%, 0 100%;
background-size: auto auto, 15px 15px, 15px 15px, 15px 15px, 15px 15px;
background-clip: padding-box, border-box, border-box, border-box, border-box;
background-origin: padding-box, border-box, border-box, border-box, border-box;
z-index: 100;
}
.pink-text{
color: #FFB0BF !important;
}
.red-text {
color: #E4022D !important;
}
.green-text {
color: #22aaa0 !important;
}
.purple-text {
color: #604A7B !important;
}
.blue-text {
color: #02b4d4 !important;
}
.darkblue-text {
color: #205C8E !important;
}
.yellow-text {
color: #f0bc5e !important;
}
.dark-text {
color: #404040 !important;
}
.white-text {
color: #FFFFFF !important;
}
.grey-text {
color: #95969A !important;
}
.black-text {
color: #000000 !important;
}
.brown-text{
color: #C5A47E !important;
}
.orange-text{
color: #ffbe52 !important;
}
.buttons {
text-align: center;
margin-top: 45px;
}
.button {
display: inline-block;
text-align: center;
text-transform: uppercase;
padding: 10px 35px 10px 35px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 10px;
}
#submit-btn {
font-weight: 900;
text-transform: uppercase;
margin: 0 auto;
padding: 10px 40px;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #000000;
/*background:-webkit-linear-gradient(45deg, #988aeb 0%, #6cb7d8 ,#48dad9 100%) !important;*/
/*background:linear-gradient(45deg, #988aeb 0%, #6cb7d8 , #48dad9 100%) !important;*/
border: 1px solid #000000;
width: auto;
outline: none;
-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
letter-spacing: 1px;
}
#submit-btn:hover,#submit-btn:focus, #submit-btn:active {
color: #FFFFFF;
background: #000000;
border: 1px solid #000000;
}
.btn{
font-weight: 900;
text-transform: uppercase;
vertical-align: middle;
cursor: pointer;
white-space: initial;
padding: 10px 40px 6px 40px;
margin-top: 10px;
margin-bottom: 10px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
letter-spacing: 1px;
}
.btn-line{
line-height: 150%;
padding: 4px 0px;
border-bottom: 0.04em solid rgba(255, 255, 255, 0.8);
}
.pink-btn, .pink-btn:hover, .pink-btn:focus, .pink-btn:active {
background: #FFB0BF;
color: #ffffff;
}
.brown-btn {
border: 1px solid #9c8424;
background: #9c8424;
color: #FFFFFF;
}
.brown-btn:hover, .brown-btn:focus , .brown-btn:active {
border: 1px solid #9c8424;
background: #9c8424;
color: #FFFFFF;
}
.purple-btn {
border: 1px solid #CA59B3;
background: #CA59B3;
color: #FFFFFF;
}
.black-btn {
border: 1px solid #333333;
color: #FFFFFF;
background: #333333;
}
.black-btn:hover, .black-btn:focus, .black-btn:active{
border: 1px solid #333333;
color: #FFFFFF;
}
.black-border-btn {
border: 1px solid #333333;
color: #333333;
background: transparent;
}
.black-border-btn:hover, .black-border-btn:focus{
border: 1px solid #333333;
color: #FFFFFF;
background: #333333;
}
.white-border-btn {
border: 1px solid #FFFFFF;
color: #FFFFFF;
background: transparent;
}
.white-border-btn:hover, .white-border-btn:focus{
border: 1px solid #FFFFFF;
color: #000000;
background: #FFFFFF;
}
.orange-btn, .orange-btn:hover, .orange-btn:focus, .orange-btn:active {
background: #ffbe52;
color: #000000;
}
.grey-btn {
background: transparent;
border: 1px solid #333333;
color: #333333;
}
.white-btn, .white-btn:hover, .white-btn:focus, .white-btn:active{
background: #FFFFFF;
border: 1px solid #e5e5e5;
color: #000000;
}
.red-btn, .red-btn:hover, .red-btn:active, .red-btn:focus {
color: #FFF;
background: #E4022D;
}
.green-btn, .green-btn:hover, .green-btn:active, .green-btn:focus {
color: #ffffff;
background: #22aaa0;
}
.green-border-btn, .green-border-btn:hover, .green-border-btn:active, .green-border-btn:focus {
border: 1px solid #22aaa0;
color: #22aaa0;
background: #FFFFFF;
}
.blue-btn {
background: #02b4d4;
border: 1px solid #02b4d4;
color: #ffffff !important;
}
.blue-btn:hover {
color: #02b4d4 !important;
border: 1px solid #02b4d4;
background: #FFFFFF;
}
.yellow-btn, .yellow-btn:hover, .yellow-btn:active, .yellow-btn:focus {
color: #FFF;
background: #f0bc5e;
border: 1px solid #f0bc5e;
}
.red-btn, .green-btn, .blue-btn, .yellow-btn {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gradient-btn{
color: #FFFFFF;
background: #48dad9;
background:-webkit-linear-gradient(45deg, #988aeb 0%, #6cb7d8 ,#48dad9 100%) !important;
background:linear-gradient(45deg, #988aeb 0%, #6cb7d8 , #48dad9 100%) !important;
}
.gradient-btn:hover, .gradient-btn:focus, .gradient-btn:active{
color: #FFFFFF;
}
.button-wrapper{
}
.button-wrapper .btn{
margin: 0px 5px;
}
#loader {
min-height: 930px;
position: relative;
display: none;
}
#loader .loader-icon {
background: url(images/loading.gif) no-repeat center center;
background-color: #FFF;
margin: -22px -22px;
top: 50%;
left: 50%;
z-index: 10000;
position: fixed;
width: 44px;
height: 44px;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
border-radius: 5px;
}
.arrow-animate {
position: absolute;
z-index: 99;
left: 48%;
margin-top: -10%;
}
.row {
float: left;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.row-eq-height{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}
.row-eq-height-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.row-eq-height-wrap [class*=col-] {
display: flex;
flex-direction: column;
}
.row-eq-height-wrap [class*=col-] .box {
position: relative;
height: 100%;
}
.alignmiddle{
align-items:center
}
.panel-grid, .so-panel {
margin: 0px !important;
}
.panel-grid-cell {
padding: 0px !important;
margin: 0px !important;
}
.left{
float: left;
}
.right{
float: right;
}
.wrapper{
padding: 40px 0px 0px 0px;
}
.content {
padding: 50px 0px;
width: 100%;
display: inline-block;
}
.innercontent {
width: 80%;
padding: 0;
margin: 0 auto;
}
.leftrightcontent{
padding: 0px 20px;
margin: 0 auto;
display: inline-block;
width: 90%;
}
ul.displayinline{
list-style: none;
padding: 0 !important;
margin: 0 !important;
}
ul.displayinline li {
display: inline-block !important;
padding: 0px !important;
margin: 10px 10px 10px 0px !important;
vertical-align: middle !important;
}
ul.displayinline li:last-child{
margin-right: 0px !important;
}
#search-page .content {
padding: 0px;
width: 100%;
}
#search-page ul li {
width: 100%;
display: inline-block;
padding: 20px 0px 40px 0px;
margin-bottom: 10px;
border-bottom: 1px solid #dedede;
}
#search-page .content h2 {
font-size: 20px;
margin-bottom: 5px;
}
#search-page .content .desc, #search-page .content .desc a {
font-weight: 100;
color: #939393;
margin-bottom: 15px;
}
#search-page .content .caption {
line-height: 1.4em;
margin-bottom: 30px;
}
.metaslider .caption-wrap{
text-align: left !important;
color:#FFFFFF !important;
opacity: 1 !important;
padding: 20px !important;
margin: 0 auto !important;
display:block !important;
width:100% !important;
height:100% !important;
line-height:1.4em !important;
letter-spacing: 2px;
font-size: 14px;
background: rgba(0, 0, 0, 0.5) !important;
}
.metaslider .caption {
text-align: left !important;
padding: 0px !important;
margin: 0px auto !important;
word-wrap: break-word;
position: absolute !important;
transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
-webkit-transform: translateY(-50%) !important;
top: 50% !important;
left: 0;
right: 0;
width: 100% !important;
}
.metaslider .caption h1{
font-size: 3em;
}
.metaslider small{
color: #DDDDDD;
letter-spacing: 0.1em;
}
.metaslider .flexslider{
margin: 0 !important;
}
.metaslider .flexslider .flex-direction-nav{
position: absolute;
bottom: 20px;
width: 100%;
height: 25px;
top: 50%;
left: 0;
display: inline-block;
z-index: 2;
}
.metaslider .flexslider .flex-direction-nav li a{
background-color: rgba(0, 0, 0, 0.6) !important;
background-image: url(images/bg_direction_nav.png) !important;
background-size: 80px;
opacity: 1 !important;
width: 40px !important;
height: 50px !important;
margin: 0 !important;
}
.flex-control-nav{
bottom: 20px !important;
}
.flexslider .flex-direction-nav a.flex-prev {
opacity: 1 !important;
left: 5% !important;
}
.flexslider .flex-direction-nav .flex-next {
opacity: 1 !important;
right: 5% !important;
}
.ms-theme-cubic{
padding: 0 !important;
}
@media only screen and (max-width: 1400px) {
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
.metaslider .caption-wrap {
position: relative !important;
bottom: 0 !important;
right: 0 !important;
left: 0 !important;
width: 100% !important;
color: #000000;
opacity: 1;
top: 0 !important;
transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
padding: 40px 10px !important;
background: #484d9b !important;
}
.metaslider .caption {
text-align: center !important;
width: 100% !important;
word-wrap: break-word;
position: relative !important;
top: 0% !important;
transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
}
.metaslider .caption h1 {
font-size: 2.2em !important;
}
}
@media only screen and (max-width: 600px) {
.metaslider .flexslider .flex-direction-nav li a {
background-size: 50px;
width: 25px !important;
height: 30px !important;
}
}
@media only screen and (max-width: 480px) {
}
.heading {
width: 100%;
padding: 0px;
margin: 0 auto 40px auto;
}
.heading-small{
margin: 0 auto 30px auto;
}
.title {
font-size: 2.5em;
font-weight: 900;
padding: 0px;
margin: 0px;
line-height: 120%;
letter-spacing: 0;
}
.title-big{
font-size: 150%;
font-weight: 300;
letter-spacing: 3px;
}
.title span{
color: #22aaa0;
}
.subtitle {
font-size: 1.2em;
padding: 10px 0px;
margin: 0px;
line-height: 150%;
letter-spacing: 0.5em;
text-transform: uppercase;
}
.heading .caption {
font-size: 18px;
font-weight: 300;
line-height: 150%;
padding: 10px 0px;
margin: 0;
}
#fixedleftbar{
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 60px;
height: 100%;
background: #54667A;
}
#fixedleftbar ul{
list-style: none;
padding: 150px 0px 0px 0px;
margin: 0;
}
#fixedleftbar ul li{
display: inline-block;
width: 100%;
padding: 6px;
vertical-align: middle;
}
#fixedleftbar ul li a{
display: block;
color: #FFFFFF;
}
#fixedleftbar ul li img{
float: left;
display: inline-block;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
#fixedleftbar ul li span{
display: none;
}
#fixedleftbar ul li:hover{
background: #333333;
width: 210px;
}
#fixedleftbar ul li:hover span{
display: inline-block;
color: #FFFFFF;
padding: 12px 15px;
}
#homebannerwrapper ul{
list-style: none;
padding: 0;
margin: 0;
}
#homebannerwrapper ul li{
list-style: none;
padding: 0;
margin: 0;
}
#homebannerwrapper .owl-controls {
text-align: center;
padding: 20px 0px 0px 0px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
left: 0;
opacity: 0.7;
z-index: 3;
overflow: hidden;
text-decoration: none;
height: 42px;
width: 100%;
display: inline-block;
position: relative;
bottom: 0;
display: none;
}
#homebannerwrapper .owl-carousel .owl-stage {
display: flex;
align-items: center;
}
#homebannerwrapper .owl-carousel .item {
float: none;
display: inline-block;
}
#homebannerwrapper .owl-controls .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
#homebannerwrapper .owl-controls .owl-dots .owl-dot span {
display: block;
width: 20px;
height: 5px;
margin: 5px;
background: #ffffff;
border: 1px solid #ffffff;
}
#homebannerwrapper .owl-controls .owl-dots .owl-dot.active span {
display: block;
width: 20px;
height: 5px;
margin: 5px;
border: 1px solid #ffffff;
background: transparent;
}
#homebannerwrapper .owl-controls .owl-dots .owl-dot.active span, #homebannerwrapper .owl-controls .owl-dots .owl-dot:hover span{
background:#869791;
}
#homebannerwrapper #customNav {
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 33px;
width: 81px;
bottom: 33px;
left: 0;
right: 0;
margin: 0 auto;
position: relative;
}
#homebannerwrapper #customNav .owl-prev {
left: 0;
width: 40px;
height: 33px;
font-size: 12px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
background: rgba(0, 0, 0, 0.5) url(images/arrow-back.png) no-repeat center;
cursor: pointer;
}
#homebannerwrapper #customNav .owl-next {
right: 0%;
width: 40px;
height: 33px;
font-size: 12px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
background: rgba(0, 0, 0, 0.5) url(images/arrow-back.png) no-repeat center;
cursor: pointer;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
#intro{
}
#intro .overlay{
padding: 60px 0px;
}
#intro ul{
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
#intro ul li{
list-style: none;
padding: 10px;
margin: 0px 10px;
vertical-align: top;
display: inline-block;
text-align: center;
width: 31%;
}
#intro ul li .box{
}
#intro ul li .box .image{
width: 100px;
padding: 15px;
margin: 0;
display: inline-block;
box-shadow: 0px 2px 6px #CCCCCC;
border-radius: 0 20px 0 20px;
}
#intro ul li .box .content {
padding: 10px 5px;
width: 100%;
}
#intro ul li .box .caption {
font-size: 15px;
font-weight: 300;
line-height: 130%;
color: #9a9a9a;
}
.category{
}
.category .image{
width: 100%;
height: 450px;
}
.category .image img{
width: 100%;
height: 100%;
object-fit: cover;
align-items: center;
}
#whyus{
padding-top: 0;
}
#contenta{
font-size: 18px;
font-weight: 300;
z-index: 2;
position: relative;
padding: 0;
}
#contenta .innercontent {
width: 100%;
padding: 50px 20px;
background: rgba(2, 180, 212, 0.9);
}
#contentb{
margin-top: 10%;
margin-left: -10%;
width: 110%;
z-index: 1;
position: relative;
}
#contentb .innercontent{
width: 90%;
padding: 30px 20px;
padding-left: 100px;
}
#brands{
}
#brands ul {
list-style: none;
padding: 0;
margin: 0 auto;
}
#brands ul li {
list-style: none;
padding: 10px;
margin: 0 auto;
text-align: left;
display: inline-block;
width: 200px;
}
#brands ul li img{
display: inline-block;
}
#brands .owl-carousel .owl-stage {
display: flex;
align-items: center;
height: 100%;
}
#brands .owl-controls {
text-align: center;
padding: 20px 0px 0px 0px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
left: 0;
opacity: 1;
z-index: 3;
overflow: hidden;
text-decoration: none;
height: 42px;
width: 100%;
display: inline-block;
position: relative;
bottom: 0;
}
#brands .owl-controls .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
#brands .owl-controls .owl-dots .owl-dot span {
display: block;
width: 10px;
height: 10px;
margin: 4px;
border-radius: 50%;
background: transparent;
border: 1px solid #000000;
}
#brands .owl-controls .owl-dots .owl-dot.active span, #brands .owl-controls .owl-dots .owl-dot:hover span{
background: #000000;
border: 1px solid #000000;
}
#brands #customNavBrandList {
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 35px;
width: 130%;
top: 50%;
left: -15%;
right: 0;
margin: 0 auto;
position: absolute;
}
#brands #customNavBrandList .owl-prev {
left: 0;
width: 35px;
height: 35px;
font-size: 12px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
background: url(images/arrow_back.png) no-repeat center;
background-size: 35px;
cursor: pointer;
}
#brands #customNavBrandList .owl-next {
right: 0%;
width: 35px;
height: 35px;
font-size: 12px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
background: url("images/arrow_back.png") no-repeat center;
background-size: 35px;
cursor: pointer;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
#clientele{
}
#clientele ul {
list-style: none;
padding: 0;
margin: 0 auto;
text-align: center;
}
#clientele ul li {
list-style: none;
padding: 0;
margin: 0 auto;
text-align: center;
}
#clientele ul li img{
display: inline-block;
}
#clientele .owl-carousel .owl-stage {
display: flex;
align-items: center;
height: 100%;
}
#clientele .owl-controls {
text-align: center;
padding: 20px 0px 0px 0px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
left: 0;
opacity: 1;
z-index: 3;
overflow: hidden;
text-decoration: none;
height: 42px;
width: 100%;
display: inline-block;
position: relative;
bottom: 0;
}
#clientele .owl-controls .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
#clientele .owl-controls .owl-dots .owl-dot span {
display: block;
width: 10px;
height: 10px;
margin: 4px;
border-radius: 50%;
background: transparent;
border: 1px solid #000000;
}
#clientele .owl-controls .owl-dots .owl-dot.active span, #clientele .owl-controls .owl-dots .owl-dot:hover span{
background: #000000;
border: 1px solid #000000;
}
#clientele #customNavClientList {
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 35px;
width: 130%;
top: 50%;
left: -15%;
right: 0;
margin: 0 auto;
position: absolute;
}
#clientele #customNavClientList .owl-prev {
left: 0;
width: 35px;
height: 35px;
font-size: 12px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
background: url(images/arrow_back.png) no-repeat center;
background-size: 35px;
cursor: pointer;
}
#clientele #customNavClientList .owl-next {
right: 0%;
width: 35px;
height: 35px;
font-size: 12px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
background: url("images/arrow_back.png") no-repeat center;
background-size: 35px;
cursor: pointer;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
#about{
padding: 0;
}
#about .overlay{
padding: 80px 0px;
background: rgba(255, 255, 255, 0.8);
}
#about .content{
}
#awards{
padding: 40px 0px;
}
#awardsList{
padding: 0;
margin: 0;
}
#awardsList li{
vertical-align: middle;
list-style: none;
padding: 10px 20px;
margin: 0;
text-align: center;
}
#awardsList li img{
/*filter: url("data:image/svg+xml;utf8,#grayscale");*/
/*-webkit-filter: grayscale(1);*/
/*filter: grayscale(1);*/
/*opacity: 0.5;*/
display: inline-block;
margin: 0 auto;
text-align: center;
}
#awardsList li:hover img{
filter: grayscale(0);
opacity: 1;
}
#awardsList li.color img{
filter: grayscale(0);
opacity: 1;
}
#customNavAwardsList {
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 100px;
width: 100%;
margin: 0 auto;
top: 50%;
position: absolute;
}
#awardsList .owl-stage{
display: flex;
align-items: center;
}
#treatments{
padding-top: 0;
}
#treatments .content{
position: relative;
padding: 0;
overflow: hidden;
}
#treatments .content .heading{
position: relative;
max-width: 450px;
padding: 120px 0px 60px 0px;
margin: 0px auto;
display: block;
}
#treatments .content .heading .caption{
position: relative;
padding: 0px 0px 0px 40px;
margin: 10px 0px;
}
#treatments .content .heading .caption:before{
content: '';
position: absolute;
width: 4px;
height: 84%;
background: #22aaa0;
top: 8%;
left: 4%;
}
#treatments .content:before{
content: '';
position: absolute;
width: 180px;
height: 400px;
background: #323232;
left: 2%;
}
#treatments ul{
list-style: none;
padding: 0;
margin: 0px auto;
text-align: center;
}
#treatments ul li{
list-style: none;
padding: 10px 15px;
margin: 0;
vertical-align: top;
display: inline-block;
width: 13%;
text-align: center;
}
#treatments ul li:first-child{
padding-left: 0;
}
#treatments ul li:last-child{
padding-right: 0;
}
#treatments .box{
margin-bottom: 0px;
}
#treatments .box .image{
position: relative;
padding: 10px;
margin: 0px auto;
margin-bottom: 20px;
max-width: 120px;
}
#treatments .box .title{
font-size: 14px;
font-weight: normal;
/* letter-spacing: 1px; */
text-transform: uppercase;
}
#treatments #box1{
margin: 0;
}
#treatments #box1 .image{
margin: 0;
}
#treatments #box2{
margin: 0;
}
#treatments #box2 .image{
margin: 0;
}
#treatments .nopadding-left{
padding-left: 0;
}
#concerns{
display: inline-block;
width: 100%;
padding-top: 0;
}
#concerns .container{
/*border-top: 1px solid #f3eeeb;*/
padding-top: 60px;
}
#concerns #concernswrapper{
width: 98%;
max-width: 1500px;
padding: 0px;
margin: 0 auto;
position: relative;
}
#concernsList{
padding: 0px 30px;
margin: 0;
}
#concernsList li{
list-style: none;
padding: 0px 10px;
margin: 0;
vertical-align: top;
text-align: center;
}
#concernsList li .box{
position: relative;
margin: 0;
}
#concernsList li .box .image{
position: relative;
height: 300px;
}
#concernsList li .box .image img{
object-fit: cover;
align-items: center;
width: 100%;
height: 100%;
}
#concernsList li .box .content{
padding: 0px 10px;
color: #000000;
}
#concernsList li .box .content .title{
font-size: 15px;
}
#concerns #customNavConcernsList {
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
width: 100%;
height: 50px;
top: 40%;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
}
#concerns #customNavConcernsList .owl-prev {
left: 0;
width: 50px;
height: 50px;
font-size: 12px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
background: url(images/arrow_back_3.png) no-repeat center;
background-size: 60px;
cursor: pointer;
}
#concerns #customNavConcernsList .owl-next {
right: 0%;
width: 50px;
height: 50px;
font-size: 12px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
background: url("images/arrow_back_3.png") no-repeat center;
background-size: 60px;
cursor: pointer;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
#ourdoctor{
}
#ourdoctor .heading-row{
position: relative;
}
#ourdoctor .heading{
position: absolute;
-moz-transform: rotate(-90deg) translateX(-240px) translateY(-260px);
-o-transform: rotate(-90deg) translateX(-240px) translateY(-260px);
-ms-transform: rotate(-90deg) translateX(-240px) translateY(-260px);
-webkit-transform: rotate(-90deg) translateX(-240px) translateY(-260px);
transform: rotate(-90deg) translateX(-240px) translateY(-260px);
z-index: 9;
width: auto;
padding: 0;
margin: 0;
}
#ourdoctor .heading .title{
opacity: 0.2;
font-size: 5.6em;
}
#ourdoctor #doclistwrapper{
position: relative;
padding: 0px 40px;
}
#doclistwrapper ul{
list-style: none;
padding: 0;
margin: 0;
}
#doclistwrapper ul li{
list-style: none;
padding: 0;
margin: 0;
}
#doclistwrapper ul li .image{
margin-top: 48px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 600px;
}
#doclistwrapper ul li .content{
position: relative;
background: #fbfbfb;
width: auto;
min-height: 520px;
padding: 94px 60px 80px 80px;
margin-left: -60px;
}
#doclistwrapper ul li .content .title{
font-size: 30px;
line-height: 150%;
color: #22aaa0;
margin: 0px 0px 20px 0px;
}
#doclistwrapper ul li .content .slogan{
font-size: 16px;
font-weight: bold;
margin: 0px 0px 20px 0px;
}
#doclistwrapper ul li .content .caption{
font-size: 16px;
font-weight: 300;
}
#doclistwrapper #customNavDoctorList {
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 40px;
width: 100%;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
}
#doclistwrapper #customNavDoctorList .owl-prev {
left: 0;
width: 40px;
height: 40px;
outline: none;
position: relative;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
/*background: url(images/arrow_back.png) no-repeat center;*/
cursor: pointer;
}
#doclistwrapper #customNavDoctorList .owl-prev:before {
content: "\f177";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 25px;
position: absolute;
top: 0;
left: 0;
text-indent: initial;
}
#doclistwrapper #customNavDoctorList .owl-next {
right: 0%;
width: 40px;
height: 40px;
outline: none;
/*position: relative;*/
/*z-index: 99;*/
/*-webkit-border-radius: 0%;*/
/*-moz-border-radius: 0%;*/
/*border-radius: 0%;*/
/*background: url("images/arrow_back.png") no-repeat center;*/
cursor: pointer;
/*-webkit-transform: scaleX(-1);*/
/*-moz-transform: scaleX(-1);*/
/*-ms-transform: scaleX(-1);*/
/*-o-transform: scaleX(-1);*/
/*transform: scaleX(-1);*/
}
#doclistwrapper #customNavDoctorList .owl-next:before {
content: "\f178";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 25px;
position: absolute;
top: 0;
right: 0;
text-indent: initial;
}
#shortcut{
}
#shortcut .box{
}
#shortcut .box .image{
width: 100%;
height: 480px;
}
#shortcut .box .image img{
object-fit: cover;
align-items: center;
width: 100%;
height: 100%;
}
#shortcut .box .content .caption{
margin-bottom: 20px;
font-weight: 300;
}
#shortcut .box .content a{
text-transform: uppercase;
font-weight: bold;
}
#shortcut2{
background: #e6e6e6;
}
#shortcut2 .box{
box-shadow: 0px 2px 10px #CCCCCC;
background: #FFFFFF;
}
#shortcut2 .box .image{
width: 100%;
height: 480px;
}
#shortcut2 .box .image img{
object-fit: cover;
align-items: center;
width: 100%;
height: 100%;
}
#shortcut2 .box .content{
padding: 0px 20px 20px 20px;
min-height: 160px;
}
#shortcut2 .box .content .caption{
margin-bottom: 20px;
font-weight: 300;
}
#shortcut2 .box .content a{
text-transform: uppercase;
font-weight: bold;
}
#testimonials {
position: relative;
padding: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#testimonials .overlay{
height: 100%;
padding: 80px 0px;
background: rgba(10, 10, 10, 0.8);
}
#testimonials .heading{
text-align: right;
display: inline-block;
color: rgba(232, 232, 232, 0.6);
font-size: 2em;
position: absolute;
right: 10%;
top: 30px;
}
#testimonials .testimonial-wrapper{
position: relative;
width: 80%;
margin: 0 auto;
}
#testimonials ul{
list-style: none;
padding: 0;
margin: 0;
}
#testimonials ul li{
list-style: none;
padding: 0;
margin: 0;
}
#testimonials ul li .box {
padding: 0;
margin: 0 auto;
text-align: center;
}
#testimonials ul li .box .image{
position: relative;
padding: 20px;
height: auto;
}
#testimonials ul li .box .image img{
position: relative;
z-index: 99;
}
#testimonials ul li .box .image:before {
content: "";
position: absolute;
border: 5px solid rgba(232, 232, 232, 0.6);
padding: 30px;
top: 0;
left: 0;
width: 90%;
height: 100%;
z-index: 0;
}
#testimonials ul li .box .image:after {
content: "";
position: absolute;
border: 5px solid #a8aac9;
padding: 30px;
bottom: -20px;
left: 50px;
width: 40%;
height: 40%;
z-index: 0;
background: #a8aac9;
}
#testimonials ul li .content{
position: relative;
font-size: 16px;
font-style: italic;
line-height: 150%;
color: #FFFFFF;
padding: 80px 0px 0px 0px;
}
#testimonials ul li .content:before{
position: absolute;
content: "";
width: 100px;
height: 80px;
top: -20px;
left: 0;
right: 0;
margin: 0 auto;
background-image: url(images/quote-1.png);
background-position: center;
background-size: 75px;
background-repeat: no-repeat;
opacity: 0.5;
}
#testimonials ul li .footernote{
padding: 20px 0px 0px 0px;
display: block;
font-size: 14px;
font-style: normal;
color: #22aaa0;
text-transform: uppercase;
}
#testimonials .owl-controls {
text-align: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
left: 0;
opacity: 1;
z-index: 3;
overflow: hidden;
text-decoration: none;
width: 100%;
display: inline-block;
position: relative;
bottom: 0;
}
#testimonials .owl-controls .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
#testimonials .owl-controls .owl-dots .owl-dot span {
display: block;
width: 10px;
height: 5px;
margin: 4px;
background: rgba(161, 177, 176, 0.65);
border: 1px solid rgba(161, 177, 176, 0.65);
}
#testimonials .owl-controls .owl-dots .owl-dot.active span, #testimonials .owl-controls .owl-dots .owl-dot:hover span{
background: #22aaa0;
border: 1px solid #22aaa0;
width: 20px;
}
#testimonials #customNav {
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 40px;
width: 80%;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
display: none !important;
}
#testimonials #customNav .owl-prev {
left: 0;
width: 40px;
height: 40px;
font-size: 12px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
background: url(images/arrow_back.png) no-repeat center;
cursor: pointer;
display: none !important;
}
#testimonials #customNav .owl-next {
right: 0%;
width: 40px;
height: 40px;
font-size: 12px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
background: url("images/arrow_back.png") no-repeat center;
cursor: pointer;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
#makeappointment{
padding: 80px 0px;
}
#cta{
position: relative;
/*padding-bottom: 0px;*/
}
#cta .container{
/*border-top: 1px solid #f3eeeb;*/
/*padding-top: 80px;*/
}
#cta .rowbox{
box-shadow: 0px 2px 10px #bcbcbc;
background-size: 920px;
background-position: left;
background-repeat: no-repeat;
margin-top: -130px;
}
#cta .box {
position: relative;
height: 100%;
}
#cta .box .image{
position: relative;
height: 100%;
}
#cta .box .content{
padding: 50px 10%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(250, 250, 250, 0.88);
}
#cta .box .content .content-w{
position:relative;
display:table;
top:50%;
width:100%;
margin:0px;
padding:0px;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
#cta .box .content .content-w .heading{
margin: 0 auto 20px auto;
}
#cta .box .content .content-w h6{
position: relative;
}
#cta .box .content .content-w h6:before{
/*position: absolute;*/
/*content: '';*/
/*background: #afadad;*/
/*top: 8px;*/
/*left: 0px;*/
/*width: 100%;*/
/*height: 1px;*/
}
#cta .box .content .content-w h6 span{
}
#cta .time-list{
list-style: none;
margin: 0;
padding: 0;
}
#cta .time-list li{
list-style: none;
margin: 0;
padding: 0;
border-bottom: 0.01em dotted #afadad;
margin-bottom: 10px;
padding-bottom: 10px;
text-align: left;
display: flex !important;
justify-content: space-between !important;
}
#cta .floatimage{
}
#cta .contactfrm .formpadding{
background: #fafafa;
padding: 40px 30px;
margin: 0 auto;
/*display: inline-block;*/
}
#cta .contactfrm input,#cta .contactfrm select, #cta .contactfrm textarea{
border: none;
border: 1px solid #e0e0e0
}
#cta #submit-btn{
border-radius: 0;
color: #FFFFFF;
display: inline-block;
width: 100%;
white-space: break-spaces;
}
.issue-head{
padding: 0px;
}
.issue-head .overlay{
padding: 80px 0px;
background: transparent;
}
.issue-treatment{
/*max-width: 1920px;*/
margin: 0 auto;
background: -webkit-linear-gradient(to bottom, #FFFFFF 5%, #333333 5%, #333333 95%,#FFFFFF 95%);
background: linear-gradient(to bottom, #FFFFFF 5%, #333333 5%, #333333 95%,#FFFFFF 95%);
display: inline-block;
}
.issue-treatment .img-wrapper{
width: 100%;
max-width: 460px;
/*height: 600px;*/
margin: 0 auto;
}
.issue-treatment .img-wrapper img{
/*width: 100%;*/
/*height: 100%;*/
/*object-fit: cover;*/
/*align-items: center;*/
}
.issue-treatment .content{
padding: 50px 20px;
color: #FFFFFF;
}
.issue-treatment #accordion {
margin-top: 20px;
}
.issue-treatment #accordion .panel-default {
border-color: #ddd;
border: none;
box-shadow: none;
border-radius: 0px;
}
.issue-treatment #accordion .panel-default>.panel-heading {
background-color: #ffffff;
/*box-shadow: 1px 2px 6px #DDDDDD;*/
padding: 10px 10px 5px 10px;
margin: 0px;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.issue-treatment #accordion .panel-default>.panel-heading a{
color: #000000;
font-weight: 600;
}
.issue-treatment #accordion .panel-default>.panel-heading a:after {
top: 0;
left: 0;
float: left;
font-weight: 600;
}
.issue-treatment #accordion .panel-default>.panel-heading a label{
padding-left: 10px;
font-weight: bold;
font-size: 18px;
line-height: 100%;
}
.issue-treatment #accordion .panel-default .panel-collapse {
border-top: 2px solid #22aaa0;
padding: 20px;
color: #000000;
}
.panel-default>.panel-heading a:after {
content: "";
position: relative;
top: 1px;
display: inline-block;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right;
transition: transform .25s linear;
-webkit-transition: -webkit-transform .25s linear;
}
.panel-default>.panel-heading a:after {
content: "\2212";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.panel-default>.panel-heading a.collapsed:after {
content: "\002b";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.issue-sidecolumns{
}
.issue-sidecolumns .content{
padding: 40px 30px 60px 30px;
box-shadow: 0px 2px 8px #DDDDDD;
}
.issue-sidecolumns .box1{
}
.issue-sidecolumns .box2{
margin-top: 60px;
}
.issue-treatments{
background: #F5EFEF;
}
.issue-treatments .issue-treatments-wrapper{
position: relative;
}
.issue-treatments .issue-treatments-wrapper #customNavtreatmentList {
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
width: 84px;
height: 40px;
top: 0px;
/*left: 0;*/
right: 0px;
margin: 0;
position: absolute;
}
.issue-treatments .issue-treatments-wrapper #customNavtreatmentList .owl-prev {
left: 0;
width: 40px;
height: 40px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
border: 1px solid #000000;
background: rgba(0, 0, 0, 0.0) url(images/arrow_back.png) no-repeat center;
background-size: 15px;
cursor: pointer;
}
.issue-treatments .issue-treatments-wrapper #customNavtreatmentList .owl-next {
right: 0%;
width: 40px;
height: 40px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
border: 1px solid #000000;
background: rgba(0, 0, 0, 0.0) url(images/arrow_back.png) no-repeat center;
background-size: 15px;
cursor: pointer;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
#treatmentList{
padding: 50px 0px 0px 0px;
margin: 0;
}
#treatmentList li{
list-style: none;
padding: 0;
margin: 0;
}
#treatmentList li .box{
position: relative;
padding: 12px;
margin: 0;
background: #e6e6e6;
text-align: center;
}
#treatmentList li .box .image{
position: relative;
height: 250px;
}
#treatmentList li .box .image img{
width: 100%;
height: 100%;
object-fit: cover;
align-items: center;
}
#treatmentList li .box .content{
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*right: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*margin: 0 auto;*/
/*text-align: center;*/
/*color: #FFFFFF;*/
/*background: #000 none repeat scroll 0 0;*/
/*-moz-transform: scale(0);*/
/*-o-transform: scale(0);*/
/*-ms-transform: scale(0);*/
/*-webkit-transform: scale(0);*/
/*transform: scale(0);*/
/*-webkit-transition: all 0.3s ease-in-out 0s;*/
/*-moz-transition: all 0.3s ease-in-out 0s;*/
/*-ms-transition: all 0.3s ease-in-out 0s;*/
/*-o-transition: all 0.3s ease-in-out 0s;*/
/*transition: all 0.3s ease-in-out 0s;*/
}
#treatmentList li .box .content .title{
font-size: 16px;
color: #000000;
/*position:relative;*/
/*display:table;*/
/*top:50%;*/
/*width: 100%;*/
/*padding:10px;*/
/*margin:0px;*/
/*line-height: 150%;*/
/*transform:translateY(-50%);*/
/*-ms-transform:translateY(-50%);*/
/*-webkit-transform:translateY(-50%);*/
}
.issue-cta{
padding: 0;
}
.issue-cta .overlay{
padding: 80px 0px;
background: transparent;
}
.issue-review{
}
.ratingbox{
display: inline-block;
padding: 10px 0px 0px 0px;
}
.ratingbox .fa{
float: left;
position: relative;
font-size: 33px;
padding: 0px 3px;
}
.ratingbox.small .fa{
font-size: 15px;
}
.fa-star-half-o, .fa-star{
color: #ffab00;
}
.rated{
color: #ffab00;
cursor: pointer;
}
.unrated{
color: #707070;
cursor: pointer;
}
.fa-star-half-empty:after, .fa-star-half-full:after, .fa-star-half-o:after {
/*content: "\f123";*/
/*transform: rotateY(-180deg);*/
/*display: inline-block;*/
/*left: 26px;*/
/*position: absolute;*/
/*top: 0px;*/
/*color: #707070;*/
/*overflow: hidden;*/
/*width: 20px;*/
}
.issue-review .testimonial-wrapper{
position: relative;
width: 100%;
margin: 0 auto;
}
.issue-review ul{
list-style: none;
padding: 0px 40px !important;
margin: 0 !important;
}
.issue-review ul li{
list-style: none;
padding: 0;
margin: 0;
}
.issue-review ul li .box {
padding: 0;
margin: 0 auto;
text-align: left;
}
.issue-review ul li .box .image{
position: relative;
padding: 20px;
height: auto;
}
.issue-review ul li .box .image img{
position: relative;
z-index: 99;
}
.issue-review ul li .box .image:before {
content: "";
position: absolute;
border: 5px solid rgba(232, 232, 232, 0.6);
padding: 30px;
top: 0;
left: 0;
width: 90%;
height: 100%;
z-index: 0;
}
.issue-review ul li .box .image:after {
content: "";
position: absolute;
border: 5px solid #a8aac9;
padding: 30px;
bottom: -20px;
left: 50px;
width: 40%;
height: 40%;
z-index: 0;
background: #a8aac9;
}
.issue-review ul li .box .title{
font-style: italic;
}
.issue-review ul li .content{
position: relative;
font-size: 13px;
}
.issue-review ul li .content .whole-post {
display: none;
}
.issue-review ul li .content a.read {
font-size: 10px;
}
/*.issue-review ul li .content:before{*/
/* position: absolute;*/
/* content: "";*/
/* width: 100px;*/
/* height: 80px;*/
/* top: -20px;*/
/* left: 0;*/
/* right: 0;*/
/* margin: 0 auto;*/
/* background-image: url(images/quote-1.png);*/
/* background-position: center;*/
/* background-size: 75px;*/
/* background-repeat: no-repeat;*/
/* opacity: 0.5;*/
/*}*/
.issue-review ul li .footernote{
padding: 10px 0px 0px 0px;
display: block;
font-size: 12px;
font-style: normal;
color: #DDDDDD;
}
.issue-review .owl-controls {
text-align: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
left: 0;
opacity: 1;
z-index: 3;
overflow: hidden;
text-decoration: none;
width: 100%;
display: inline-block;
position: relative;
bottom: 0;
display: none !important;
}
.issue-review .owl-controls .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.issue-review .owl-controls .owl-dots .owl-dot span {
display: block;
width: 10px;
height: 5px;
margin: 4px;
background: rgba(161, 177, 176, 0.65);
border: 1px solid rgba(161, 177, 176, 0.65);
}
.issue-review .owl-controls .owl-dots .owl-dot.active span, .issue-review .owl-controls .owl-dots .owl-dot:hover span{
background: #22aaa0;
border: 1px solid #22aaa0;
width: 20px;
}
.issue-review #customNav {
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 50px;
width: 100%;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
}
.issue-review #customNav .owl-prev {
left: 0;
width: 50px;
height: 50px;
font-size: 12px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
background: url(images/arrow_back_3.png) no-repeat center;
background-size: 60px;
cursor: pointer;
}
.issue-review #customNav .owl-next {
right: 0%;
width: 50px;
height: 50px;
font-size: 12px;
outline: none;
position: absolute;
z-index: 99;
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
border-radius: 0%;
background: url(images/arrow_back_3.png) no-repeat center;
background-size: 60px;
cursor: pointer;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
.pageheading .heading{
position: relative;
background: #424242;
width: 100%;
z-index: 0;
}
.pageheading .heading .heading-content{
background: #FFFFFF;
position: relative;
display: block;
left: 0;
right: 0;
width: 80%;
max-width: 550px;
padding: 10px 30px;
margin: 0px auto;
}
#treatmentspage{
padding: 50px 0px;
}
#treatmentspage .heading{
position: relative;
background: #424242;
width: 100%;
z-index: 0;
}
#treatmentspage .heading .heading-content{
background: #FFFFFF;
position: relative;
display: block;
left: 0;
right: 0;
width: 80%;
max-width: 550px;
padding: 10px 30px;
margin: 0px auto;
}
#treatmentslist-wrapper{
padding: 40px 0px;
}
ul#treatmentslist{
list-style: none;
padding: 0;
margin: 0;
}
ul#treatmentslist li{
list-style: none;
padding: 0;
margin: 0;
}
ul#treatmentslist li .box{
text-align: center;
margin: 0;
}
ul#treatmentslist li .box .image{
width: 120px;
height: 120px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
box-shadow: 1px 2px 9px #9c9c9c;
margin: 0 auto;
margin-bottom: 20px;
}
ul#treatmentslist li .box .image img{
width: 100%;
height: 100%;
object-fit: cover;
align-items: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
ul#treatmentslist li .box .content{
padding: 0px;
margin: 0px;
position: relative;
min-height: 60px;
}
ul#treatmentslist li .box .number{
position: absolute;
color: #f1f1f1;
font-size: 5.5em;
line-height: 100%;
top: 60%;
left: 0;
right: 0;
margin: 0 auto;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
ul#treatmentslist li .box .title{
font-size: 15.5px;
font-weight: normal;
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 0px;
margin: 0px auto;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.treatment-section{
padding: 0;
}
.treatment-section.focusright{
background-position: right center;
}
.treatment-section.focusleft{
background-position: left center;
}
.treatment-section .overlay{
padding: 100px 0px;
background: transparent;
}
.treatment-section .image-wrapper{
width: 100%;
height: 100%;
}
.treatment-section .image-wrapper img{
width: 100%;
height: 100%;
object-fit: cover;
align-items: center;
}
#StagesofAlopeciaAreata{
}
#StagesofAlopeciaAreata .box{
height: 100%;
}
#StagesofAlopeciaAreata .content{
padding: 30px 30px 20px 30px;
background: #FAFAFA;
height: 100%;
position: relative;
}
#StagesofAlopeciaAreata .content:after{
content: "\f128";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: rgba(230,230,230, 0.8);
font-size: 10em;
position: absolute;
bottom: 30%;
right: 10%;
}
#StagesofAlopeciaAreata .content .heading{
margin: 0;
z-index: 1;
position: relative;
}
#StagesofOilyScalp{
}
#StagesofOilyScalp ul{
list-style: none;
padding: 0;
margin: 0 auto;
text-align: center;
}
#StagesofOilyScalp ul li{
list-style: none;
padding: 10px;
margin: 0 auto 20px auto;
text-align: center;
display: inline-block;
width: 19%;
height: 180px;
vertical-align: top;
font-weight: 900;
border: 1px solid #DDDDDD;
-webkit-box-shadow: 0px 24px 48px -13px rgba(0, 0, 0, 0.11);
-moz-box-shadow: 0px 24px 48px -13px rgba(0, 0, 0, 0.11);
box-shadow: 0px 24px 48px -13px rgba(0, 0, 0, 0.11);
}
#StagesofOilyScalp ul li:hover{
margin-top: -4px;
}
#StagesofOilyScalp ul li .content{
position:relative;
display:table;
top:50%;
width:100%;
padding:0px;
margin:0px;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
#testimonialspage{
background: #f8f3ef;
}
#testimonialspage #introlist{
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
}
#testimonialspage #introlist li{
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
width: 19%;
}
.bwg-item {
margin: 0px 0px 30px 0px !important;
}
.bwg-thumb-description{
padding: 10px 5px;
letter-spacing: 0px;
}
.bwg-item1 img:hover {
-ms-transform: scale(1) !important;
-webkit-transform: scale(1) !important;
transform: scale(1) !important;
}
.tablenav-pages_0 a{
padding: 6px !important;
background: transparent !important;
border-color: #666666 !important;
}
.treatmentform{
position: fixed;
z-index: -1;
overflow-y: auto;
padding: 20px 30px;
margin: 0px auto;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
color: #FFFFFF;
background-color: rgba(0,0,0,0.4);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
opacity: 0;
}
.treatmentform .formwrapper{
position: absolute;
display: table;
left: 0;
right: 0;
top: 50%;
width: 96%;
max-width: 680px;
background: #ffffff;
color: #000000;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
padding: 30px 40px;
margin: 0 auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
display: inline-block;
}
.treatmentform.open{
transition: opacity 0.2s linear;
z-index:999999;
opacity:1;
}
.treatmentform .close{
position: absolute;
top: 15px;
right: 20px;
color: #000000;
opacity: 1;
font-size: 30px;
outline: none;
z-index: 99;
padding: 0;
margin: 0;
}
.treatmentform .close:hover{
color: #000000 !important;
background: none;
border: 0px solid #000;
}
.treatmentform .footernote{
font-size: 12px;
line-height: 130%;
border-top: 0.1em solid #ececec;
border-bottom: 0.1em solid #ececec;
padding: 6px 0px;
margin-top: 10px;
}
.treatmentform [class*='col-']{
padding: 0px 5px;
}
.treatmentform .form-label input, .treatmentform .form-label select, .treatmentform .form-label textarea{
background: #f7f7f7;
}
#productpage1{
max-width: 1920px;
margin: 0px auto;
padding-top: 0px;
display: inline-block;
}
#productpage1 .innercontent{
text-align: right;
max-width: 500px;
}
#productpage1 ul{
list-style: none;
padding: 0;
margin: 0;
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
-webkit-column-gap: 8%; /* Chrome, Safari, Opera */
-moz-column-gap: 8%; /* Firefox */
column-gap: 8%;
}
#productpage1 ul li{
list-style: none;
padding: 0;
margin: 0;
}
.productsection{
max-width: 1920px;
padding: 20px 0px;
margin: 20px auto;
position: relative;
overflow: hidden;
background: linear-gradient(to bottom, #FFFFFF 5%, #96979C 5%, #96979C 95%, #FFFFFF 95%);
}
.productsection .product-image{
/* min-height: 500px; */
}
.productsection .product-image img{
position: relative;
/* top: 0%; */
/* left: 12%; */
/* max-width: 230px; */
max-height: 400px;
/* width: 15%; */
z-index: 1;
}
.productsection .product-content{
width: 100%;
position: relative;
padding: 40px 0px;
margin-left: -10%;
color: #FFFFFF;
}
.productsection .product-content .heading{
margin: 0 auto 20px auto;
}
.productsection .product-content .heading .title{
color: #000000;
}
.productsection .product-content .heading .title .content{
line-height: 100%;
}
.productsection .product-content .heading .caption {
padding: 4px 0px;
margin: 10px 0px;
}
.productsection .product-content .content{
display: table;
width: 100%;
padding: 0px 0px 0px 15%;
margin: 0px;
line-height: 120%;
/*top:50%;*/
/*transform:translateY(-50%);*/
/*-ms-transform:translateY(-50%);*/
/*-webkit-transform:translateY(-50%);*/
}
.productList{
}
.productList [class*=col-]{
padding: 0px 10px;
}
.productList ul{
margin: 0;
padding: 0;
}
.productList ul li{
list-style: none;
margin: 0px 0px 10px 0px;
padding: 10px 0px;
display: inline-block;
width: 100%;
border-bottom: 1px solid #f1f1f1;
}
.productList .box{
padding: 10px;
margin-bottom: 30px;
text-align: center;
box-shadow: 1px 0px 5px #DDDDDD;
position: relative;
}
.productList .box .side-info{
font-size: 13px;
}
.productList .box .side-info .image{
background: linear-gradient(144deg, #f9f9f7 0%, #f0eff4 40%, #fdfdfd 70%, #ececec 100%);
/*background: #FFFFFF;*/
height: auto;
}
.productList .box .side-info .image img {
/*object-fit: contain;*/
/*align-items: center;*/
/*margin: 0 auto;*/
/*display: block;*/
/*text-align: center;*/
/*width: 100%;*/
/*height: 100%;*/
}
.productList .box .side-more{
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
/*background: rgb(240 239 244);*/
background: linear-gradient(144deg, #f9f9f7 0%, #f0eff4 40%, #fdfdfd 70%, #ececec 100%);;
padding: 30px;
font-size: 12px;
display: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.productList .box:hover .side-more{
z-index: 1;
display: block;
}
.productList .box:hover .side-more .middlefloat{
position: relative;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.productList .box .title{
min-height: 50px;
font-size: 14px;
}
.productList .box .title::before {
margin: 20px auto;
}
.productList #whatsapp-wrapper {
display: flex;
align-items: center;
background: #25d366;
padding: 3px 15px 3px 12px;
margin: 0 auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #fff;
width: 150px;
}
.productList #whatsapp-wrapper .icon .fa {
font-size: 2.4em;
color: #fff;
}
.productList #whatsapp-wrapper .text {
text-align: left;
padding-left: 5px;
line-height: 130%;
}
.productList #whatsapp-wrapper .text label {
font-size: 10px;
line-height: 100%;
display: block;
}
#aboutpage1{
}
#aboutpage1 #aboutlogo{
background-repeat: repeat-x;
background-image:url('images/about-title-bg.jpg');
}
#aboutpage1 #aboutlogo img{
max-width: 260px;
padding: 10px 0px;
-webkit-filter: brightness(0) invert(0);
filter: brightness(0) invert(0);
}
#abouttreatment-wrapper{
padding: 20px 0px 0px 0px;
}
ul#abouttreatment{
list-style: none;
padding: 0;
margin: 0;
}
ul#abouttreatment li{
list-style: none;
padding: 0;
margin: 0;
}
ul#abouttreatment li .image{
position: relative;
padding-top: 8px;
padding-left: 8px;
}
ul#abouttreatment li .image:before{
content: "";
position: absolute;
border: 2px solid #000000;
left: 0;
top: 0;
width: 98%;
height: 98%;
}
#aboutpage2{
padding: 40px 0px;
}
#aboutpage2 ul{
list-style: none;
padding: 0;
margin: 0;
}
#aboutpage2 ul li{
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
width: 24%;
}
#aboutawards{
}
#aboutawards ul{
padding: 0;
margin: 0px auto;
display: block;
text-align: center;
}
#aboutawards ul li{
padding: 10px;
margin: 0px 3px 6px 3px;
position: relative;
display: inline-block;
width: 19%;
height: 100px;
vertical-align: top;
text-align: center;
border-radius: 10px;
box-shadow: 0px 2px 2px #b3b2b2;
background: #22aaa0;
color: #FFFFFF;
}
#aboutawards ul li .content{
padding: 10px;
margin: 0px auto;
position: absolute;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
top: 50%;
left: 0;
right: 0;
line-height: 120%;
width: 100%;
}
#contactpage{
display: inline-block;
width: 100%;
}
#contactpage .overlay{
width: 90%;
padding: 40px;
margin: 5% auto;
display: table;
}
#contactpage .content{
padding: 0px 20px;
}
#contactpage .content ul{
list-style: none;
padding: 0;
margin: 0;
}
#contactpage .content ul li{
list-style: none;
padding: 0;
margin: 0;
}
#contactpage .content ul li .box{
display: flex;
align-items: center;
}
#contactpage .content ul li .iconwrap{
width: 50px;
text-align: center;
}
#contactpage .content ul li .iconwrap .fa{
background: #4A4A4A;
color: #FFFFFF;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 45px;
height: 45px;
font-size: 2em;
padding: 7px 1px;
text-align: center;
}
#contactpage .content ul li .contentwrap{
width: 80%;
padding-left: 10px;
color: #4a4a4a;
font-size: 20px;
}
#contactpage #contactpageform{
max-width: 600px;
}
#contactinfo{
list-style: none;
padding: 50px 0px;
margin: 0;
}
#contactinfo li{
list-style: none;
padding: 20px;
margin: 10px 10px;
display: inline-block;
width: 25%;
height: 200px;
vertical-align: top;
border: 1px solid #e8e6e6;
background: #FFFFFF;
box-shadow: 0px 2px 10px #DDDDDD;
}
#contactinfo li .box{
position:relative;
display:table;
top:50%;
width:100%;
margin:0px;
padding:0px;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
#contactinfo li .fa{
font-size: 3em;
}
#contactinfo li a{
color: #000000;
}
#location{
}
#location .outletsFilter a{
padding:10px 20px;
font-weight: 400;
background: #F2f2f2;
}
#location .outletsFilter a.current {
color: #FFFFFF;
background: #22aaa0;
}
#location .box{
position: relative;
width: 100%;
height: 250px;
padding: 15px 10px 10px 10px;
margin-bottom: 20px;
/*display: -webkit-box;*/
/*display: -webkit-flex;*/
/*display: -ms-flexbox;*/
/*display: flex;*/
/*align-items: center;*/
background: #FAFAFA;
box-shadow: 0px 2px 10px #CCCCCC;
}
#location .box .image{
width: 65%;
height: 200px;
overflow: hidden;
display: inline-block;
float: left;
background: #fff;
padding: 4px;
margin-right: 10px;
margin-bottom: 0px;
box-shadow: 0 0 3px rgba(0,0,0,.15);
}
#location .box .image img{
width: 100%;
height: 100%;
object-fit: cover;
align-items: center;
}
#location .box .content {
padding: 5px;
display: inline-block;
width: 100%;
text-align: left;
}
#location .box .caption{
min-height: 130px;
font-weight: 300;
}
#location .box .caption p{
margin-bottom: 1em;
}
#location .box .location{
height: 40px;
}
#location .box .location ul{
margin: 0;
}
.outletsFilter{
text-align: center;
display: block;
width: 100%;
position: relative;
margin: 0 0 20px 0;
}
.outletsFilter a{
padding: 6px 20px;
margin: 5px;
text-transform: capitalize;
font-size: 16px;
font-weight: bold;
color: #000000;
display: inline-block;
}
.outletsFilter a.current{
color: #00ACE6;
}
.outletsContainer{
margin: 0 auto;
text-align: center;
}
.outletsContainer .box{
height: 500px;
}
.outletsContainer ul{
margin: 0;
padding: 0;
}
.outletsContainer ul li{
list-style: none;
margin: 0 auto;
padding: 0;
display: inline-block;
vertical-align: middle;
}
.wazeicon{
background: url('images/waze-40.png') no-repeat;
background-size: 40px;
width: 40px;
height: 40px;
}
.googlemapicon{
background: url('images/google-maps.png') no-repeat;
background-size: 40px;
width: 40px;
height: 40px;
}
#news-wrapper{
}
#news-wrapper ul{
list-style: none;
padding: 0;
margin: 0;
}
#news-wrapper ul li{
list-style: none;
padding: 0;
margin: 0;
}
#news-wrapper .box{
position: relative;
overflow: hidden;
margin: 0 auto;
}
#news-wrapper .box .image{
height: 250px;
margin: 0;
}
#news-wrapper .box .desc{
font-size: 10px;
margin-bottom: 10px;
}
#news-wrapper .box .desc a{
color: #757575;
}
#news-wrapper .box .title{
font-size: 15px;
line-height: 130%;
color: #000000;
}
#news-wrapper .box .content{
font-size: 14px;
padding: 20px 0px;
}
#news-wrapper .box .content .grey-text{
float: right;
font-size: 12px;
}
.tabbable{
display: flex;
height: 100%;
}
.tabs-left > .nav-tabs {
float: left;
border-bottom: 0;
padding: 0px 3% !important;
width: 30%;
}
.tabs-left > .nav-tabs > li {
float: none;
padding: 0px 15px !important;
/*width: 150px !important;*/
}
.tabs-left > .nav-tabs > li > a {
min-width: 74px;
margin: 0;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
background: transparent;
font-weight: 600;
}
.tabs-left > .nav-tabs > li > a:hover,.tabs-left > .nav-tabs > li > a:focus {
border: none;
background: transparent;
}
.tabs-left > .nav-tabs .active > a,.tabs-left > .nav-tabs .active > a:hover,.tabs-left > .nav-tabs .active > a:focus {
border: none;
}
.tab-content{
float: right;
width: 70%;
}
.tab-content > .tab-pane,.pill-content > .pill-pane {
display: none;
}
.tab-content > .active,.pill-content > .active {
display: block;
height: 100%;
}
.tab-content .image{
height: 100%;
}
.tab-content .image img{
object-fit: cover;
width: 100%;
height: 100%;
}
#navigation{
background:#FAFAFA;
padding:10px;
margin-bottom:50px;
}
#navigation .widget-title{
font-weight:600;
font-size:18px;
padding:15px 0px;
position:relative;
width:100%;
display:block;
background:#4c494a;
margin-bottom:10px;
color:#FFF;
text-align:center;
}
#navigation ul{
list-style:none;
padding:0;
margin:0;
}
#navigation ul li{
list-style:none;
padding: 5px 0px;
}
#navigation li.menu-item-has-children{
}
#navigation li.menu-item-has-children a{
font-weight:600;
font-size:18px;
padding:15px 0px;
position:relative;
width:100%;
display:block;
background:#EE3E36;
margin-bottom:10px;
text-align:center;
}
#navigation ul li.menu-item-has-children a:after{
content:"\f107";
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
text-decoration:inherit;
font-size:18px;
padding:5px;
}
#navigation ul li a{
color:#2f2f2f;
}
#navigation ul li .sub-menu{
position:relative;
display:none;
top:0;
left:0;
width:auto;
border-left-width:0;
opacity:1;
-webkit-animation:none;
animation:none;
visibility:visible;
-webkit-box-shadow:none;
box-shadow:none;
background-color:#FFFFFF;
margin:10px 0px;
padding:10px;
-webkit-transition:none;
-o-transition:none;
transition:none;
}
#navigation ul li.current-menu-parent .sub-menu{
display:block;
}
#navigation ul li .sub-menu li{
list-style: disc;
padding: 5px 0px;
margin: 0px 0px 0px 20px;
}
#navigation ul li .sub-menu li a{
font-size:14px;
position:relative;
padding:2px 0px;
margin:0px;
background:none;
color:#404040;
}
#navigation ul li .sub-menu li a:after{
display:none;
}
#navigation ul li .sub-menu li.current-menu-item a{
color:#EE3E36;
}
#floatcta{
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: 999;
}
#floatcta ul{
list-style: none;
padding: 0;
margin: 0;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
-moz-column-gap: 0px; /* Firefox */
column-gap: 0px;
}
#floatcta ul li{
list-style: none;
padding: 10px 0;
margin: 0;
}
#floatcta ul li .fa{
color: #FFFFFF;
font-size: 20px;
width: 32px;
height: 32px;
border-radius: 50%;
padding: 7px;
box-shadow: 0px 0px 8px #a1a1a1;
}
#floatcta ul li:hover{
background: #eeeeee;
}
#floatcta .phone{
background: #f5f5f5;
}
#floatcta .phone .fa{
background: #000000;
}
#floatcta .whatsapps{
background: #FFFFFF;
}
#floatcta .whatsapps .fa{
background: #25D366;
}
#floatcta .mobile{
background: #f5f5f5;
}
#floatcta .mobile .fa{
background: #ffbe52;
}
#floatcta a{
display:block;
color: #000000;
}
#custom-pagination{
display: block;
margin: 0 auto;
text-align: center;
}
#custom-pagination .custom-page{
display: inline-block;
border: 1px solid #DBDBDB;
padding: 4px 15px;
}
#custom-pagination .custom-number{
display: inline-block;
margin-left: 5px;
}
#custom-pagination .custom-number .page-numbers{
border: 1px solid #DBDBDB;
padding: 6px 8px;
}
#custom-pagination .custom-number .page-numbers.current{
border: 1px solid #918F90;
}
#custom-pagination .custom-number .page-numbers.prev{
margin-right: 2px;
padding: 3px 8px;
font-size: 14px !important;
}
#custom-pagination .custom-number .page-numbers.next{
margin-left: 2px;
padding: 3px 8px;
font-size: 14px !important;
}
.box {
width: 100%;
padding: 0px;
margin-bottom: 20px;
}
.box .image {
margin-bottom: 20px;
}
.box .image img {
}
.box .content {
padding: 0px;
width: 100%;
}
.box .title {
font-size: 18px;
font-weight: 700;
line-height: 120%;
padding: 0px 0px 10px 0px;
}
.box .subtitle{
font-weight: 300;
font-size: 13px;
color: #a0a0a0;
}
.box:hover img {
/*filter: brightness(1.1) invert(0);*/
}
.navbar-collapse {
box-shadow: none;
/*overflow: visible !important;*/
}
.navbar-inverse li.menu-item-open-left:hover > ul.sub-menu,
.navbar-inverse li.menu-item-open-left.link-focus > ul.sub-menu {
right: 0;
}
.navbar-inverse li.menu-item-open-left li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
right: 100%;
left: auto;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
clear: both;
padding: 10px;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
padding: 10px;
}
.nav-links {
border-top: 1px solid #ACABAB;
}
.nav-links a {
color: #000000;
padding: 0px;
}
.nav-links a:hover {
color: #000000;
text-decoration: underline;
}
.prev {
padding: 15px 0 15px 60px;
display: inline-block;
margin-right: 10px;
border: none;
}
.next {
padding: 15px 60px 15px 0;
display: inline-block;
margin-left: 10px;
border: none;
}
.page-numbers {
padding: 0 5px 4px;
font-size: 14px;
}
span.page-numbers {
font-weight: bold;
text-decoration: underline;
}
.site-main .post-navigation {
float: left;
width: 100%;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: '';
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
.singleblogtitle {
padding: 0px;
margin: 0px;
text-transform: uppercase;
/*background: linear-gradient(to right, #000000 0%, #C5A47E 40%);*/
/*-webkit-background-clip: text;*/
/*-webkit-text-fill-color: transparent;*/
}
.sidebar-wrap {
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.widget {}
.widget .widget-title {
font-size: 20px;
margin-top: 0px;
margin-bottom: 15px;
line-height: 140%;
color: #FFFFFF;
}
.widget h1.widget-title {
width: 100%;
color: #ffffff !important;
text-align: center;
margin-bottom: 10px !important;
}
.widget h3.widget-title {
font-size: 28px;
font-weight: 900;
padding: 0px;
margin: 0px;
line-height: 1.2em;
text-transform: uppercase;
}
.widget-area {
float: left;
width: 100%;
}
.widget-area .widget {
clear: both;
}
.widget-area .widget-title {
margin: 10px auto 10px auto;
}
.widget-area ul li {
margin: 0px;
line-height: 1.2em;
padding: 0px 0px 6px 0px;
}
.widget-area .widget-title,
.widget-area ul li {
text-align: left !important;
text-transform: capitalize;
font-weight: normal;
}
.widget-area .widget-title:before {}
.widget_search .search-submit {
display: block;
width: 46px;
height: 46px;
position: absolute;
top: 0;
right: 0;
padding: 0;
margin: 0;
background: url(images/search_icon.png) no-repeat center center;
text-indent: -9999999px;
}
.widget_search label {
margin-bottom: 5px;
width: 100%;
position: relative;
}
.widget_search form {
position: relative;
}
.widget_search input {
width: 83%;
padding: 12px 15% 12px 2%;
}
.widget ul {
margin: 0 0 20px 0px;
padding: 0;
display: block;
}
.widget li {
margin: 0px 0px 10px 20px;
position: relative;
}
.widget ul.horizontal {
margin: 0;
padding: 0;
display: block;
}
.widget ul.horizontal li {
list-style: none;
margin: 0px 0px 3px 0px;
position: relative;
float: left;
}
.widget ul.menu {
padding: 0px 0px 10px 0px;
}
.widget ul.menu li {
list-style: none;
margin: 0px 0px 5px 0px;
padding: 0px 30px;
display: inline;
border-right: 1px solid #ffffff;
}
.widget ul.menu li:last-child {
margin-right: 0px;
border-right: 0px solid #ffffff;
}
.widget ul.menu li a {
color: #ffffff;
text-transform: uppercase;
font-size: 24px;
line-height: 1.5em;
margin: 0;
padding: 0;
display: inline-block;
}
.widget ul.menu li.current-menu-item a {
color: #c5a47e;
}
.widget ul.menu li a:hover {
color: #c5a47e;
}
.widget ul.nostyle{
list-style: none;
}
.widget ul.nostyle li {
margin: 0;
position: relative;
}
.widget ul.product-categories{
}
.widget ul.product-categories li{
border-bottom: 1px solid;
list-style: none;
line-height: 3em;
margin: 0 0 0 20px;
}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
margin-right: 0;
margin-left: 0;
}
.site-content {
background: #FFF;
min-height: 200px;
}
.home-content {
margin-top: 0px;
}
.sticky {} .hentry {} .byline,
.updated {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.entry-meta-large .byline,
.entry-meta-large .updated {
display: none;
}
.page-content,
.entry-summary {
margin: 1.5em 0 0;
line-height: 1.4em;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-header{
width:100%;
height:280px;
margin:0px;
padding:0px;
z-index:0;
border-bottom: 0px solid #F2F2F2;
}
.page-header-small{
width:100%;
height:250px;
margin:0px;
padding:0px;
z-index:0;
}
.page-header .overlay{
width:100%;
height:100%;
background: rgb(240 240 240 / 80%);
}
.page-header-content{
position:relative;
display:table;
top:50%;
width:100%;
padding:0px;
margin:0px;
font-size: 16px;
font-weight: 300;
line-height: 150%;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
text-align: center;
}
.page-header-content h1, .page-header-content h2, .page-header-content h3, .page-header-content h3.page-title{
font-size: 34px;
font-weight: bold;
text-align: center;
/*letter-spacing: 8px;*/
padding: 0;
margin: 0 auto;
left: 0;
right: 0;
width: 80%;
color: #22aaa0;
}
.page-header-content .caption{
font-size: 15px;
color: #000000;
padding-top: 10px;
letter-spacing: 0px;
line-height: 150%;
}
article .page-header{
height: auto;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #e8e8e8;
background: transparent;
display: inline-block;
}
.breadcrumb{
width:90%;
margin:0 auto;
padding:15px 0;
line-height:1em;
font-size:15px;
font-weight:normal;
text-align:center;
list-style:none;
background-color:transparent;
}
.entry-title {
margin-top: 0;
padding-top: 0;
position: relative;
}
.entry-title:after {
position: absolute;
margin: auto;
z-index: 1;
content: "";
width: 10%;
height: 2px;
background: #c5a47e;
bottom: -10px;
left: 0;
}
.page-template-template-fullwidth .entry-title {
display: none;
}
.entry-meta {
padding-top: 10px;
font-weight: 100;
color: #939393;
margin-bottom: 15px;
}
.wp-caption {
border: 1px solid #ccc;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.section-header {
padding: 0px;
}
.section-header .section-legend {
font-size: 16px;
margin-bottom: 0;
color: #808080;
padding-top: 0;
}
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fefefe;
z-index: 99999;
height: 100%;
width: 100%;
overflow: hidden !important;
}
.status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(images/loading.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
}
#parallax_move .layer {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
height: 100%;
background-position: top center;
}
.home-header-wrap {
overflow: hidden;
position: relative;
}
.header.header {
width: 100%;
/*position: absolute;*/
}
#info {
/*position: absolute;*/
/*float: right;*/
/*right: 0;*/
/*padding: 0;*/
/*margin: 0;*/
/*z-index: 2;*/
/*width: 300px;*/
/*line-height: 150%;*/
text-align: center;
background: #000000;
color: #FFFFFF;
}
#info ul {
margin: 0;
padding: 8px 0px !important;
}
#info ul li {
display: inline-block;
padding: 2px 10px !important;
margin: 0px !important;
vertical-align: middle;
}
#info ul li a{
font-size: 14px;
}
#info ul li .fa {
/*font-size: 20px;*/
/*width: 40px;*/
/*height: 40px;*/
/*background: #22aaa0;*/
/*color: #FFFFFF; */
/*padding: 10px 8px;*/
/*text-align: center;*/
/*border-radius: 50%;*/
font-size: 16px;
/* width: 40px; */
/* height: 40px; */
/* background: #22aaa0; */
color: #FFFFFF;
padding: 0px;
text-align: center;
/* border-radius: 50%; */
}
#info .search-form {
position: relative;
width: 120px;
text-align: left;
display: inline-block;
}
#info .search-form .search-submit {
display: block;
width: 40px;
height: 38px;
position: absolute;
top: 0;
right: 0;
padding: 0;
margin: 0;
background: url(images/search_icon.png) no-repeat center center;
text-indent: -9999999px;
border: none;
box-shadow: none;
}
#info .search-form label {
margin-bottom: 5px;
width: 100%;
position: relative;
}
#info .search-form form {
position: relative;
}
#info .search-form input {
width: 82%;
padding: 8px 12% 8px 0px;
border: none;
background: transparent;
box-shadow: 0px 1px 0px #DDDDDD;
color: #FFFFFF;
}
#info .textwidget {
display: inline-block;
}
#site-navigation {
float: right;
margin: 0;
padding: 0;
clear: both;
width: 100%;
border-color: transparent;
}
.navbar {
background: transparent;
border: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
text-align: left;
}
#main-nav {
z-index: 9999;
width: 100%;
/*max-width: 1920px;*/
padding: 15px 0px;
margin: 0 auto;
margin-bottom: 0;
background: #FFFFFF;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.4s, background 0.4s;
-moz-transition: -moz-transform 0.4s, background 0.4s;
-o-transition: -o-transform 0.4s, background 0.4s;
transition: transform 0.4s, background 0.4s;
}
#main-nav.fixed {
position: fixed;
top: 0;
padding: 30px 0px 15px 0px;
background: #fdfbfe;
-webkit-transform: translate(0, -1em);
-moz-transform: translate(0, -1em);
-ms-transform: translate(0, -1em);
-o-transform: translate(0, -1em);
transform: translate(0, -1em);
-webkit-transform: translate3d(0, -1em, 0);
-moz-transform: translate3d(0, -1em, 0);
-ms-transform: translate3d(0, -1em, 0);
-o-transform: translate3d(0, -1em, 0);
transform: translate3d(0, -1em, 0);
background-color: rgba(255,255,255,0.96);
box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
}
#main-nav .container-fluid{
width: 90%!important;
max-width: 1920px !important;
margin: 0 auto;
}
.navbar-inverse .navbar-nav {
margin-left: 0;
margin-right: 0;
}
.navbar-inverse .navbar-nav >li {
position: relative;
display: inline-block;
float: initial !important;
float: none !important;
}
.navbar-inverse .navbar-nav>li:before {
/*content: "";*/
/*position: absolute;*/
/*display: block;*/
/*width: 0;*/
/*height: 1em;*/
/*border-left: 1px solid rgba(10, 175, 217, 0.08);*/
/*top: 50%;*/
/*left: 0;*/
/*margin-top: -1px;*/
/*-webkit-transform: translateY(-50%);*/
/*-moz-transform: translateY(-50%);*/
/*transform: translateY(-50%);*/
}
.navbar-inverse .navbar-nav>li:first-child:before{
border-left: 0;
}
.navbar-inverse .navbar-nav>li>a {
padding: 10px 10px;
font-size: 13px;
font-weight: 500;
display: table-cell;
vertical-align: middle;
text-align: center;
color: #555555;
line-height: 100%;
text-transform: uppercase;
outline: none;
}
.navbar-inverse .navbar-nav>li:last-child {
/*margin-right: 0 !important;*/
/*margin-left: 10px;*/
background: #22aaa0;
color: #FFFFFF;
border-radius: 20px;
}
.navbar-inverse .navbar-nav>li:last-child a, .navbar-inverse .navbar-nav>li:last-child a:hover{
color: #FFF;
padding: 10px 20px;
}
.navbar-inverse .navbar-nav>li:first-child a {
border-left: 0;
}
.navbar-inverse .navbar-nav>li.has_children>a{
padding-right: 20px;
}
.navbar-inverse .navbar-nav>li>a span {
font-weight: 600;
font-size: 12px;
color: #000000;
}
.navbar-inverse .main-navigation ul > li {
display: inline;
margin-top: 20px;
}
.navbar-inverse .main-navigation > ul > li:last-child {
margin-right: 0 !important;
}
.navbar-inverse .main-navigation > ul > li > a {
color: #404040;
padding: 0;
line-height: 35px;
}
.navbar-inverse .navbar-nav ul.sub-menu {
left: -999em;
position: absolute;
top: 100%;
background: #fff;
width: 220px;
box-shadow: 3px 3px 2px rgba(50, 50, 50, 0.08);
z-index: 9999;
padding: 10px;
}
.navbar-inverse .navbar-nav ul.sub-menu {
margin: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
position: absolute;
top: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
float: none;
position: relative;
list-style: none;
padding: 5px ;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
color: #404040;
font-size: 95%;
padding: 8px 0px;
outline: none;
}
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a,
.navbar-inverse .navbar-nav ul.sub-menu li.link-focus > a {
/*color: #c5a47e;*/
}
.navbar-inverse ul ul {
left: -999em;
}
.navbar-inverse ul ul ul {
left: -999em;
top: 0;
}
.navbar-inverse ul li:hover > ul.sub-menu,
.navbar-inverse ul li.link-focus > ul.sub-menu {
left: 0;
}
.navbar-inverse ul ul li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
left: 100%;
}
.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: transparent;
filter: alpha(opacity=100);
opacity: 1;
box-shadow: none;
border-color: none;
border: 0px dotted black;
outline: none;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #000000;
}
.navbar-toggle.active {}
.navbar-toggle.collapsed {
background-color: transparent !important;
}
#site-navigation > ul {
width: auto;
position: relative;
}
#site-navigation > ul ul {
text-align: left;
}
#site-navigation > ul > li {}
.navbar-header {
position: relative;
float: initial;
float: none;
}
.navbar-header-menu {
float: right;
}
.responsive-logo {
width: 160px;
/*float: left;*/
position: relative;
display: inline-block;
padding: 0px;
margin: 0;
z-index: 999;
}
.responsive-logo img{
width: 100%;
max-width: 100%;
/*-webkit-filter: brightness(0) invert(1);*/
/*filter: brightness(0) invert(1);*/
}
#main-nav.fixed .responsive-logo img{
width: 90%;
/*-webkit-filter: brightness(1) invert(0);*/
/*filter: brightness(1) invert(0);*/
}
#main-nav.fixed .navbar-toggle .icon-bar {
background-color: #000000;
}
.navigation-wrapper {
/*width: 68%;*/
/*text-align: center;*/
/*margin: 0 auto;*/
/*float: right;*/
/*position: absolute;*/
/*display: table;*/
/*top: 50%;*/
/*right: 200px;*/
/* left: 15%; */
width: 85%;
text-align: right;
margin: 0 auto;
float: right;
position: absolute;
display: table;
top: 50%;
right: 0;
/* left: 15%; */
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.navbar-inverse .navbar-nav > li {
vertical-align: middle;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
color: #22aaa0;
}
.navbar-inverse .navbar-nav>li>a:hover span, .navbar-inverse .navbar-nav>li>a:focus span {
color: #000000;
}
.navbar-inverse .navbar-nav>li.current>a {
position: relative;
outline: none;
}
.navbar-right {
float: initial !important;
float: none !important;
margin-right: 0px !important;
}
ul.nav > li.menu-item-home > a:before {
content: "";
display: none;
}
li.current>a:before {}
ul.nav > li.current_page_item > a:before, ul.nav > li.current-menu-item > a {
outline: none;
color: #22aaa0;
}
ul.nav > li.current_page_item > a:before,
ul.nav > li.current-menu-item > a:before {} ul.nav > li.current_page_item.menu-item-home > a:before {
content: "";
display: none;
}
ul.nav > li.current_page_item.current > a:before {}
ul.navbar-right li.lang-item {
display: inline-block;
background: #e4022d;
margin: 0px 0px 0px 1px;
}
ul.navbar-right li.lang-item a {
font-size: 12px;
text-transform: uppercase;
text-align: center;
color: #ffffff !important;
padding: 6px 10px;
}
.sitecontactlist {
position: relative;
padding: 0px;
margin: 20px 0px;
}
.sitecontactlist .sitelogo{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.sitecontactlist ul {
margin: 0;
}
.sitecontactlist ul li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
padding: 0px;
margin: 0px;
margin-bottom: 15px;
vertical-align: middle;
}
.sitecontactlist label{
display: inline-block;
width: 85%;
}
.sitecontactlist .icon{
width: 40px;
text-align: center;
margin: 0px 10px 0px 0px;
display: inline-block;
}
.sitecontactlist .fa{
font-size: 22px;
padding: 9px 6px;
margin: 0px;
width: 40px;
height: 40px;
text-align: center;
/*background: #222324;*/
/*color: #505050;*/
background: #505050;
color: #AAAAAA;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#footer {
position: relative;
color: #AAAAAA;
background: #090807;
padding-top: 50px;
}
#footer .overlay{
width: 94%;
max-width: 1200px;
margin: 0 auto;
}
#footer .title, #footer .subtitle{
letter-spacing: 5px;
color: #293991;
position: relative;
}
#footer .title{
font-size: 2em;
}
#footer .subtitle{
margin-bottom: 20px;
}
#footer .subtitle:before{
content: "";
background: #293991;
width: 30px;
height: 2px;
bottom: 0;
left: 0;
position: absolute;
}
#footer iframe{
height: 100%;
min-height: 280px;
margin-bottom: 40px;
}
#footer .widget ul.menu {
padding: 0px 0px 10px 0px;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
#footer .widget ul.menu li {
margin: 0px 0px 5px 0px;
padding: 0;
border: none;
text-align: left;
display: block;
}
#footer .widget ul.menu li a {
font-size: 14px;
color: #AAAAAA;
text-transform: capitalize;
margin: 0;
padding: 0;
line-height: 120%;
display: inline-block;
}
#footer ul.social {
margin: 0 auto;
padding: 0;
text-align: center;
display: inline-block;
}
#footer ul.social li {
margin: 0;
padding: 0 5px;
display: inline-block;
width: 40px;
text-align: center;
}
#footer ul.social li .fa{
color: #FFFFFF;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.copyright {
padding: 10px 0px;
margin: 0px;
font-size: 12px;
text-align: center;
display: block;
width: 100%;
clear: both;
border-top: 1px solid rgba(85, 85, 85, 0.3);
}
.footer-widget-wrap > .container {
text-align: left;
}
.footer-widget {
float: none;
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: 20px;
}
.footer-widget ul#menu-menu-1 {
list-style: none;
}
.footer-widget ul {
margin-left: 0;
padding-left: 0;
}
.footer-widget li {
list-style: none;
margin-left: 0;
text-align: left;
}
.footer-widget li a {
color: #000000;
}
.footer-widget li a:hover {
color: #C5A47E;
}
.footer-widget-wrap {
/*width: 100%;*/
/*padding: 60px 50px 50px 50px;*/
/*display: inline-block;*/
}
.footer-widget-wrap .widget .widget-title {
font-size: 18px;
padding: 0px 0px 15px 0px;
}
.nopadding {
padding: 0 !important;
}
.nomargin {
margin: 0 !important;
}
#sociamediabar{
position: fixed;
left: 0;
top: 50%;
width: 50px;
height: auto;
}
#sociamediabar ul{
position: relative;
margin: 0;
padding: 0;
text-align: center;
}
#sociamediabar ul:before{
position: absolute;
content: "";
background: #5E5E5E;
top: -60px;
left: 0;
right: 0;
margin: 0 auto;
width: 1px;
height: 50px;
}
#sociamediabar ul li{
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0;
font-size: 15px;
}
#sociamediabar .fa{
font-size: 140%;
}
#sociamediabar ul li a{
color: #5E5E5E;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-response-output {
border: 0px solid #f7e700 !important;
margin: 0px !important;
padding: 0px 30px !important;
background: #fafafa;
}
span.wpcf7-not-valid-tip{
font-size: 10px;
}
.formpadding {
padding: 0px;
margin: 0px;
}
.formheader {
padding: 0px 0px 20px 0px;
font-size: 16px;
}
.formheader .font-big{
display: block;
font-size: 2em;
font-weight: 900;
line-height: 130%;
}
.formheader h1{
font-weight: 900;
text-shadow: 0px 1px 2px #000000;
}
.formheader h1 span.big-font{
font-size: 2.6em;
font-weight: bold;
line-height: 100%;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
}
.formheader h2{
font-weight: 900;
margin: 0px 0px 10px 0px;
}
.formheader h6{
font-weight: 300;
letter-spacing: 1px;
}
.formcontent {
width: 100%;
display: inline-block;
}
.formcontent p{
margin: 0;
}
.form-label {
padding: 0px;
margin-bottom: 10px;
}
.form-label label {
width: 100%;
padding-bottom: 10px;
}
.form-label input, .form-label select {
width: 100%;
padding: 8px 10px;
background: #FFFFFF;
border: 1px solid #a2a2a2;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0;
color: #000000;
outline: none;
}
.form-label textarea {
width: 100%;
padding: 8px 10px;
background: #FFFFFF;
border: 1px solid #a2a2a2;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0;
color: #000000;
outline: none;
}
.single-project {
text-align: left;
margin-bottom: 25px;
}
.single-project .project-image {
width: 100%;
float: left;
text-align: left;
margin-bottom: 25px;
}
.single-project .project-description {
margin-bottom: 25px;
}
.single-project .button {
margin-left: 0;
}
.single-project .project-information {
margin-bottom: 10px;
}
.single-project .project-information ul li {
border-bottom: 1px dotted #dadada;
padding-bottom: 5px;
margin-top: 10px;
}
.single-project .project-information ul li span {
font-weight: 700;
margin-right: 5px;
}
.blog {
min-height: 175px;
position: relative;
overflow: hidden;
}
.blog-list {
background: #FFF;
}
article.hentry {
float: left;
width: 100%;
}
article.sticky {
background: #f9f9f9;
padding: 10px;
}
article {
text-align: left;
}
article .entry-meta a {
color: #888;
font-style: italic;
}
article .posted-on a:hover {
color: #C5A47E;
}
.entry-footer a {
color: #888;
font-style: italic;
}
.entry-footer a:hover {
color: #C5A47E;
}
.blogtitle {
display: block !important;
}
.blogtitle:after {
display: none !important;
}
.clear {
clear: both;
}
.sidebar-wrap.content-left-wrap {
margin-top: 50px;
padding-top: 0;
}
.debar-wrap {
margin-top: 50px;
}
.listpost-content-wrap h1.entry-title,
.list-post-top h1.entry-title {
float: none;
clear: none;
margin-top: 0;
}
.listpost-content-wrap .entry-title:before {
display: none;
content: "";
}
.listpost-content-wrap .entry-title a:after {
position: absolute;
margin: auto;
z-index: 1;
content: "";
width: 35%;
height: 2px;
background: #C5A47E;
bottom: -9px;
left: 0;
width: 50px;
display: none;
}
.post .entry-footer {
padding-top: 50px;
}
.listpost-content-wrap h1.entry-title a {
float: none;
position: relative;
}
.listpost-content-wrap-full {
width: 100%;
}
.listpost-content-wrap-full .list-post-top {
min-height: 1px;
}
.listpost-content-wrap .entry-content {
margin-top: 1em;
}
.listpost-content-wrap .entry-footer {
padding-top: 10px;
}
.listpost-content-wrap-full .entry-footer > span,
.listpost-content-wrap .entry-footer > span {
padding-right: 15px;
}
.listpost-content-wrap .entry-content p {
margin-bottom: 30px;
}
.entry-content {
margin: 0;
}
.list-post-top {
min-height: 130px;
display: inline-block;
width: 70%;
border-top: 2px solid #000000;
}
.search .list-post-top {
min-height: 1px;
}
.entry-footer {
background: transparent;
}
.entry-footer-large a {
color: #8b8b8b;
font-style: italic;
}
.entry-footer-large {
background: transparent;
padding: 0 0 20px 0px;
position: relative;
padding-right: 200px;
float: left;
width: 100%;
}
.entry-footer-large > span {
padding-right: 5px;
}
.entry-footer-large-left {
float: left;
}
.large-container .entry-content p {
margin: 4px 20px 0px 0px;
}
.entry-meta-large {
float: right;
position: absolute;
right: 0;
top: 0
}
.post-img-wrap-large a img {
max-width: 100%;
width: 100%;
height: auto;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
}
.listpost-content-wrap-large {
position: absolute;
bottom: 0px;
background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%;
min-height: 50px;
width: 100%;
padding: 15px 20px 0px 20px;
border-top: 2px solid #FFF;
}
.large-container {
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0 0 35px 0;
position: relative;
width: 95%;
float: left;
}
.large-container .list-post-top {
min-height: 130px;
}
.dropdownmenu{
position: absolute;
display: block;
margin: 0;
padding: 0;
top: 5px;
right: 0px;
width: 20px;
height: 20px;
cursor: pointer;
}
.dropdownmenu:before{
position: absolute;
color: #000000;
content: "\f107";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-align: center;
right: 0;
left: 0;
margin: 0px auto;
}
ul.sub-menu li .dropdownmenu{top: 5px;right:10px;}
ul.sub-menu li .dropdownmenu:before{color:#000000;content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;}
.mobile-bg-fix-wrap {
width: 100%;
overflow: hidden;
}
.mobile-bg-fix-wrap .mobile-bg-fix-img-wrap {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 0;
}
.mobile-bg-fix-wrap .mobile-bg-fix-img {
position: absolute;
width: 100%;
height: 125%;
left: 0;
top: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.mobile-bg-fix-wrap .mobile-bg-fix-whole-site {
position: relative;
z-index: 1;
}
@media (max-width: 1680px) {
}
@media (max-width: 1500px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 992px) {}
@media (min-width: 992px) {
#open-menu-products-container, #close-menu-products-container{
display: none;
}
#navigation .menu-products-container{
display: block !important;
}
#mobilehighlight{
display: none;
}
}
@media (max-width: 991px) {
.innercontent {
width: 100%;
}
.navbar-header-menu {
float: initial;
float: none;
}
.navigation-wrapper {
float: initial;
float: none;
position: absolute;
right: 0;
top: 100%;
left: 0;
width: 100%;
transform: none;
-ms-transform: none;
-webkit-transform: none;
}
.navbar-toggle {
float: right !important;
z-index: 3 !important;
position: absolute;
right: 0 !important;
bottom: 4px;
padding: 12px 10px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.navbar-toggle.active span.icon-bar:nth-child(2){
display: none;
}
.navbar-toggle.active span.icon-bar:nth-child(1){
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
margin-top: 5px;
margin-left: 2px;
width: 25px;
}
.navbar-toggle.active span.icon-bar:nth-child(3){
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
margin-top: -2px;
margin-left: 2px;
width: 25px;
}
.navbar-inverse .navbar-nav {
line-height: normal;
text-align: center;
margin: 0px;
padding: 5px 0px;
background: #FFFFFF;
}
.navbar-inverse .navbar-nav > li {
display: inline-block;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
position: relative;
padding: 6px 0px;
}
.navbar-inverse .navbar-nav>li:last-child{
border-radius: 0px;
display: none;
}
.navbar-inverse .navbar-nav > li a {
text-align: center;
height: auto;
display: block;
padding: 8px;
margin: 0px 15px;
color: #000000;
}
.navbar-inverse .navbar-nav>li.has_children>a{
padding-right: 0;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
background: transparent;
color: #000000;
}
.navbar-inverse .navbar-nav li.this-open > ul {
display: block !important;
}
.navbar-inverse .navbar-nav ul.sub-menu {
display: none !important;
position: relative;
top: 0;
box-shadow: none;
width: 100%;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
/*width: 100%;*/
/*float: left;*/
margin: 0 10px;
padding: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
margin: 0;
/* float: left; */
border-bottom: 1px solid #EDEDED;
}
.dropdownmenu{
padding: 2px 0px;
top: 10px;
right: 40px;
width: 20px;
height: 20px;
background: #FAFAFA;
}
ul.sub-menu li .dropdownmenu {
top: 10px;
right: 10%;
}
ul.sub-menu li .dropdownmenu:before {
color: #000000;
content: "\f107";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
}
.navbar-nav.navbar-right:last-child {
margin-right: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu li:last-child a {
border-bottom: none;
}
.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
position: relative;
left: 0;
top: 0;
}
.this-open > a {
/*color: #484d9b !important;*/
}
li.current>a:before {
content: "";
display: none !important;
}
#site-navigation{
max-height: 90vh;
}
#site-navigation > ul ul {
left: 0;
font-size: 12px;
}
ul.navbar-right li.lang-item {
display: none;
}
#shortcut2 .col-sm-6{
padding: 0px 5px;
}
#shortcut2 .box .image {
height: 300px;
}
#treatments .content .heading {
margin: 0px auto 0px 220px;
}
#treatments ul li {
width: 32%;
}
#mobilehighlight{
display: inline-block;
position: absolute;
float: right;
right: 40px;
}
#mobilehighlight .btn{
font-weight: 800;
text-transform: capitalize;
padding: 8px 16px;
margin-top: 0;
margin-bottom: 0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: none;
letter-spacing: 0px;
}
.productsection {
padding: 50px 0px;
margin: 0;
background: linear-gradient(to bottom, #FFFFFF 5%, #96979C 5%, #96979C 95%, #FFFFFF 95%);
}
#treatments .row-eq-height {
display: inline-block;
}
.split-column{
background: #FAFAFA;
display: inline-block;
padding: 20px 0px !important;
}
.issue-head{
}
.issue-head .content{
padding: 0;
}
#StagesofOilyScalp ul li {
width: 32%;
height: 150px;
}
#fixedleftbar{
left: -50px;
}
#fixedleftbar:hover{
left: 0px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.5s ease-in-out;
}
#open-menu-products-container, #close-menu-products-container{
display: block;
background: #f2f2f2;
color: #000000;
}
#open-menu-products-container{
margin-bottom: 20px;
}
#close-menu-products-container{
margin-top: 20px;
}
#aboutawards ul li {
width: 32%;
}
#contactpage .content ul li .iconwrap .fa {
width: 40px;
height: 40px;
font-size: 1.6em;
padding: 8px 0px;
}
#contactpage .content ul li .contentwrap {
font-size: 18px;
}
#location .col-sm-4{
width: 50%;
}
#location .box .content {
padding: 10px 0px;
display: inline-block;
width: 100%;
min-height: 230px;
text-align: left;
}
.outletsContainer .box {
height: auto;
}
}
@media (max-width: 767px) {
h1{
font-size: 2em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.6em;
}
h4 {
font-size: 1.4em;
}
h5 {
font-size: 1.2em;
}
h6 {
font-size: 1.1em;
}
.header.header {
width: 100%;
position: relative;
}
.row-eq-height{
display: block;
}
#main-nav .container-fluid {
width: 100%!important;
max-width: 100%!important;
padding: 0px 10px;
margin: 0 auto;
}
#main-nav .row-eq-height{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.page-header {
height: 250px;
}
.title {
font-size: 2.2em;
}
.heading .caption{
font-size: 17px;
}
#info {
font-size: 12px;
}
#treatments ul li {
/* width: 49%; */
padding: 5px;
}
#treatments .box .image {
max-width: 100px;
}
#treatments .content:before {
width: 18%;
left: 3%;
}
#treatments .content .heading {
max-width: auto;
width: 75%;
padding: 60px 0px;
margin: 0px auto 0px 25%;
}
#treatments #box2 {
margin-bottom: 20px;
}
#treatments .nopadding-left {
padding-left: 10px;
}
.split-column {
padding: 20px 0px 0px 0px !important;
}
#cta .box {
position: relative;
height: auto;
margin: 0;
}
#cta .box .content {
position: relative;
display: block;
}
#cta .box .content .content-w {
position: relative;
transform: none;
-ms-transform: none;
-webkit-transform: none;
text-align: center;
}
#testimonials .testimonial-wrapper {
padding: 50px 0px 0px 0px;
}
#testimonials ul li .box{
display: inline-block;
}
#testimonials ul li .content {
margin-top: 50px;
}
.treatment-section .overlay{
background: rgba(255, 255, 255, 0.6);
}
#productpage1 .innercontent {
text-align: center;
max-width: initial;
padding: 40px 40px 0px 40px;
}
#productpage1 .innercontent .title br {
display: none;
}
.productsection {
background: #96979C;
padding: 60px 0px;
margin: 0px 0px 20px 0px;
}
.productsection .row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.productsection .product-image {
min-height: auto;
}
.productsection .product-image img {
max-width: 150px;
}
.productsection .product-content {
width: 100%;
padding: 0;
margin-left: 0;
}
.productsection .product-content .content {
padding: 0px 10px;
margin: 0px;
}
.wp-video {
margin: 0px 0px 20px 0px;
}
.issue-treatment{
background: #333333 !important;
}
#contactpage .content {
text-align: center;
padding: 0;
}
#contactpage .content ul li .box {
display: inline-block;
width: 100%;
margin: 0px 0px 20px 0px;
}
#contactpage .content ul li .iconwrap {
width: 100%;
margin: 0px 0px 20px 0px;
}
#contactpage .content ul li .contentwrap {
width: 100%;
padding: 0;
}
#location .box .image{
width: 200px;
}
#location .box .content {
min-height: auto;
}
.outletsContainer .col-sm-4 {
width: 50%;
}
.outletsContainer .box {
height: 500px;
}
.panel-group .panel-heading {
display: block;
background: #f7db44;
color: #000000;
margin: 0px 0px 10px 0px;
}
.panel-group .panel-heading a{
color: #000000;
display: block;
position: relative;
font-size: 14px;
}
.panel-group .panel-heading a:after{
content: "\f106";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
top: 0;
right: 0;
}
.panel-group .panel-heading a.collapsed:after{
content: "\f107";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
top: 0;
right: 0;
}
#aboutpage2 ul li .box .title {
font-size: 15px;
}
#footer {
text-align: center;
margin-bottom: 50px;
}
#footer .widget ul.menu li {
text-align: center;
}
.sitecontactlist ul li {
display: block;
text-align: center;
}
.sitecontactlist .icon {
text-align: center;
margin: 0px auto;
display: block;
}
.sitecontactlist label {
display: block;
width: 100%;
padding: 10px 0px 0px 0px;
}
.footer-widget {
width: 100%;
text-align: center;
float: initial;
float: none;
display: inline-block;
vertical-align: middle;
padding: 10px 0px;
}
.footer-widget li {
text-align: center;
}
}
@media (max-width: 650px) {
#contactinfo li {
width: 30%;
height: 160px;
padding: 10px;
margin: 5px;
font-size: 80%;
}
}
@media (min-width: 600px) {
.image-bg{
display: none;
}
}
@media (max-width: 600px) {
#contactform .contactform-wrapper {
padding: 20px 0px;
}
#concernsList li .box .image {
height: 250px;
}
#usp iframe{
height: 300px;
}
#testimonials .heading {
right: 2%;
}
#sellingpoints ul li {
width: 44%;
height: 230px;
}
#aboutpage2 ul li .box .title {
font-size: 14px;
}
}
@media (min-width: 480px) {
}
@media (max-width: 480px) {
body [class*="col-"]{
padding: 0;
}
section {
padding: 40px 0px;
}
.heading {
margin: 0 auto 30px auto;
}
.title {
font-size: 2em;
}
.heading .caption{
width: 100%;
font-size: 16px;
}
.formheader {
font-size: 16px;
}
.page-header-empty {
height: 100px;
}
.page-header-content .caption{
font-size: 13px;
}
.right {
float: initial;
float: none;
}
#info {
display: none;
}
/*#shortcut [class*="col-"]{*/
/* padding: 0px;*/
/*}*/
/*#shortcut2 [class*="col-"]{*/
/* padding: 0px;*/
/*}*/
#mobilehighlight .btn {
padding: 6px 12px;
font-size: 12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/*.issue-head .overlay {*/
/* background: rgba(0, 0, 0, 0.2);*/
/*}*/
/*.issue-head [class*="col-"]{*/
/* padding: 0;*/
/*}*/
/*.issue-treatment [class*="col-"]{*/
/* padding: 0;*/
/*}*/
.issue-treatment .content {
padding: 50px 0px;
}
/*.issue-sidecolumns [class*="col-"]{*/
/* padding: 0;*/
/*}*/
.issue-sidecolumns .content {
padding: 20px 10px;
}
/*.issue-cta .overlay {*/
/* background: rgba(0, 0, 0, 0.2);*/
/*}*/
.outletsContainer .box {
height: auto;
margin-bottom: 10px;
}
#concerns .container {
padding-top: 40px;
}
#about .overlay {
padding: 40px 0px;
}
#concernsList {
padding: 0px 10px;
margin: 0;
}
#treatments .box .title {
font-size: 13px;
}
#shortcut .col-sm-6 {
padding: 0px 5px;
width: 100%;
}
#shortcut .box .image {
width: 100%;
height: auto;
margin: 0px auto 20px auto;
}
#shortcut .box .image img {
object-fit: initial;
align-items: center;
width: auto;
height: auto;
}
#shortcut2 .col-sm-6 {
padding: 0px 5px;
width: 100%;
}
#shortcut2 .box .content {
min-height: auto;
}
#shortcut2 .box .image {
height: auto;
}
#shortcut2 .box .image img {
object-fit: initial;
align-items: center;
width: auto;
height: auto;
}
#cta .rowbox {
margin-top: -100px;
}
#cta .box .content {
padding: 40px 20px;
}
#StagesofOilyScalp ul li {
width: 49%;
height: 150px;
}
#floatcta span {
padding-top: 5px;
display: block;
font-size: 12px;
}
#floatcta ul li {
padding: 15px 0px 10px 0;
}
#aboutpage2 ul li {
width: 48%;
}
#aboutawards ul li {
width: 48%;
}
#productpage1 .innercontent {
padding: 40px 10px 0px 10px;
}
#productpage1 ul {
-webkit-column-gap: 4%;
-moz-column-gap: 4%;
column-gap: 4%;
}
#location .col-sm-4 {
width: 100%;
}
#location .box{
height: auto;
}
#location .box br{
display: none;
}
#location .box .image{
margin-bottom: 10px;
}
#location .box .content{
width: 100%;
}
#location .box .caption {
min-height: auto;
}
.productsection .product-image img {
max-width: 100px;
}
.productList .col-xs-6 {
width: 100%;
}
.productList .box .title {
min-height: auto;
}
#contactpage .overlay{
padding: 20px 10px;
}
.tabs-left > .nav-tabs {
padding: 0 !important;
width: 35%;
}
.flex-control-paging li a {
width: 8px;
height: 8px;
}
.flex-control-nav li a {
margin: 0 2px;
padding: 0;
}
.flex-direction-nav a {
width: 40px;
height: 40px;
margin: -25px 0 0;
background-size: 200%;
}
.widget h3.widget-title{
font-size: 22px;
}
.widget ul.menu li a {
font-size: 18px;
}
.post-img-wrap a {
float: none;
margin: 0 auto;
width: 250px;
height: 250px;
}
.post-img-wrap {
text-align: center;
margin-right: 0;
}
.post-img-wrap a img {
width: auto;
}
.list-post-top {
width: 90% !important;
}
#footer .widget ul.menu {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.copyright {
margin: 0px 0px 80px 0px;
}
}
@media (max-width: 420px) {
.productsection .alignmiddle {
align-items: none;
}
#treatments .content .heading {
width: 85%;
margin: 0px auto 0px 15%;
}
#treatments .content:before {
width: 8%;
left: 3%;
}
#cta .contactfrm .formpadding {
padding: 30px 20px;
}
#aboutawards ul li {
width: 100%;
height: auto;
}
#aboutawards ul li .content {
position: relative;
transform: initial;
-ms-transform: initial;
-webkit-transform: initial;
top: initial;
}
}
@media (min-width: 380px) {
.hidesmall{
display: inline-block;
}
.showsmall{
display: none;
}
}
@media (max-width: 380px) {
.hidesmall{
display: none;
}
.showsmall{
display: inline-block;
}
#info ul.social li:first-child {
width: 100%;
}
.formheader .font-big {
font-size: 1.7em;
}
#treatments ul li {
width: 49%;
}
#cta .box .content {
padding: 30px 20px 20px 20px;
}
#cta .time-list li{
display: inline-block !important;
width: 100%;
text-align: center;
margin-bottom: 10px;
padding-bottom: 10px;
}
#cta .time-list li span{
display: block;
}
#StagesofOilyScalp ul li {
width: 100%;
height: auto;
padding: 20px;
}
#StagesofOilyScalp ul li .content {
position: initial;
display: initial;
top: initial;
width: 100%;
padding: 0px;
margin: 0px;
transform: initial;
-ms-transform: initial;
-webkit-transform: initial;
}
}
@media (max-width: 360px) {
.title {
font-size: 1.8em;
}
}
.cd-top {
z-index: 999;
display: inline-block;
height: 60px;
width: 60px;
position: fixed;
bottom: 25px;
right: 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #22aaa0 url(images/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1;
}
@media (max-width: 767px) {
.cd-top {
bottom: 60px;
right: 20px;
}
}
@media (max-width: 480px) {
.cd-top {
height: 50px;
width: 50px;
bottom: 90px;
right: 10px;
}
}
.grecaptcha-badge{
display: none;
}
.list-btn-area{
width: 100%;
display: flex;
align-items: center;
}
.list-btn-area .btns{
overflow: hidden;
position: relative;
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
.more-content{
position: relative;
/*overflow: hidden; */
display: none;
/*padding: 50px 0px 0px 0px;*/
}
.more-content.open{
display: block;
}
.more-content .in-list-btn-area{
position: absolute;
left: 50%;
top: 40px;
bottom: auto;
margin-left: -15px;
}
.more-content .in-list-btn-area .in-close{
display: block;
width: 30px;
height: 30px;
background: url(images/content-close.svg) no-repeat;
background-size: 100% 100%;
color: transparent;
overflow: hidden;
}