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: 'Source Sans Pro', sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: 0px;
max-width: 1920px;
margin: 0 auto;
}
small{
line-height: 100%;
}
article,aside,details,figcaption,figure,footer,header,main,nav,section {
display: block;
}
a {
color: #ecc746;
-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: #fdb900;
}
::selection {
background: #ecc746;
color: #FFFFFF;
}
::-moz-selection {
background: #ecc746;
color: #FFFFFF;
}
*::-webkit-input-placeholder {
color: #000000 !important;
}
*:-moz-placeholder {
color: #000000 !important;
}
*::-moz-placeholder {
color: #000000 !important;
}
*:-ms-input-placeholder {
color: #000000 !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 {
font-size: 100%;
font-weight: bold;
padding: 0;
margin: 0px 0px 10px 0px;
border: 0;
vertical-align: baseline;
display: block;
clear: both;
line-height: 120%;
}
h1{
font-size: 2.8em;
}
h2 {
font-size: 2.6em;
}
h3 {
font-size: 2.4em;
}
h4 {
font-size: 2.2em;
}
h5 {
font-size: 2em;
}
h6 {
font-size: 1.8em;
}
hr {
background-color: #F2F3F8;
height: 1px;
width: 80%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin: 40px auto;
border: 0;
clear: both;
display: inline-block;
width: 100%;
}
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;
margin: 0 0 20px;
width: 100%;
}
th,td {
padding: .75rem;
}
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: 100px 0px;
width: 100%;
}
.pink-bg {
background: #f14958 !important;
}
.red-bg {
background: #ED1F28 !important;
}
.green-bg {
background: #1d733a !important;
}
.light-bg{
background: #f2f2f2 !important;
}
.blue-bg {
background: #004466 !important;
}
.brown-bg {
background: #E1BC86 !important;
}
.yellow-bg {
background: #ecc746 !important;
}
.purple-bg{
background: #92278f !important;
}
.orange-bg{
background: #e97730 !important;
}
.black-bg {
background: #000000 !important;
}
.grey-bg {
background: #949599 !important;
}
.white-bg {
background: #FFFFFF !important;
}
.fixed-bg {
background-size: cover !important;
background-position: center;
}
.fixed-bg .overlay{
padding: 100px 0px;
background: rgba(5, 75, 90, 0.95);
}
.parallax-bg {
background-attachment: fixed !important;
background-size: cover !important;
background-position: center;
}
.parallax-bg .overlay{
padding: 100px 0px;
background: rgba(5, 75, 90, 0.95);
}
.static-bg {
background-size: cover !important;
background-position: center;
width: 100%;
}
.pink-text {
color: #f14958 !important;
}
.red-text {
color: #ED1F28 !important;
}
.green-text {
color: #1d733a !important;
}
.purple-text {
color: #604A7B !important;
}
.blue-text {
color: #004466 !important;
}
.yellow-text {
color: #ecc746 !important;
}
.dark-text {
color: #404040 !important;
}
.white-text {
color: #FFFFFF !important;
}
.grey-text {
color: #949599 !important;
}
.black-text {
color: #000000 !important;
}
.brown-text{
color: #E1BC86 !important;
}
.orange-text{
color: #e97730 !important;
}
#submit-btn, #csubmit-btn {
font-size: 15px;
font-weight: bold;
padding: 12px 35px;
margin: 0 auto;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
text-transform: uppercase;
-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;
background: #004466;
border: 1px solid #004466;
color: #FFFFFF;
width: auto;
outline: none;
}
#submit-btn:hover,#submit-btn:focus, #submit-btn:active, #csubmit-btn:hover,#csubmit-btn:focus, #csubmit-btn:active {
background: #004466;
border: 1px solid #004466;
color: #FFFFFF;
}
.btn{
font-size: 15px;
font-weight: bold;
vertical-align: middle;
text-transform: uppercase;
cursor: pointer;
white-space: initial;
padding: 12px 35px;
margin-top: 20px;
margin-bottom: 0px;
-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;
}
.big-btn{
}
.brown-btn {
border: 1px solid #7B5B27;
background: #7B5B27;
color: #FFFFFF;
}
.brown-btn:hover, .brown-btn:focus , .brown-btn:active {
border: 1px solid #7B5B27;
background: #7B5B27;
color: #FFFFFF;
}
.purple-btn {
border: 1px solid #CA59B3;
background: #CA59B3;
color: #FFFFFF;
}
.black-btn, .black-btn:hover, .black-btn:active, .black-btn:focus{
border: 1px solid #000000;
color: #FFFFFF;
background: #000000;
}
.black-border-btn {
border: 1px solid #000000;
color: #000000;
background: transparent;
}
.black-border-btn:hover, .black-border-btn:focus{
border: 1px solid #000000;
color: #FFFFFF;
background: #000000;
}
.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: #fdb900;
color: #000000;
}
.grey-btn {
background: transparent;
border: 1px solid #949599;
color: #949599;
}
.white-btn, .white-btn:hover, .white-btn:focus, .white-btn:active{
background: #FFFFFF;
border: 1px solid #FFFFFF;
color: #000000;
}
.pink-btn, .pink-btn:hover, .pink-btn:active, .pink-btn:focus {
color: #FFF;
background: #f14958;
}
.red-btn, .red-btn:hover, .red-btn:active, .red-btn:focus {
color: #FFFFFF;
background: #ED1F28;
}
.red-border-btn, .red-border-btn:hover, .red-border-btn:active, .red-border-btn:focus {
color: #ED1F28;
background: transparent;
border: 1px solid #ED1F28;
}
.green-btn {
color: #ffffff;
background: #1d733a;
}
.green-btn:hover, .green-btn:active, .green-btn:focus {
color: #ffffff;
background: #1d733a;
}
.green-border-btn, .green-border-btn:hover, .green-border-btn:active, .green-border-btn:focus {
color: #1d733a;
background: #FFFFFF;
border: 1px solid #1d733a;
}
.blue-btn {
background: #004466;
border: 1px solid #004466;
color: #ffffff !important;
}
.blue-btn:hover, .blue-btn:active {
color: #004466 !important;
border: 1px solid #004466;
background: #FFFFFF;
}
.yellow-btn,.yellow-btn:hover,.yellow-btn:focus,.yellow-btn:active {
color: #000000;
background: #ecc746;
}
.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;
}
#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;
}
.alignmiddle{
align-items:center !important;
}
.alignbottom{
align-items: flex-end !important;
}
.aligntop{
align-items: flex-start !important;
}
.panel-grid, .so-panel {
margin: 0px !important;
}
.panel-grid-cell {
padding: 0px !important;
margin: 0px !important;
}
.left{
float: left;
}
.right{
float: right;
}
.content {
padding: 20px 0px;
width: 100%;
display: inline-block;
}
.innercontent {
width: 80%;
padding: 20px;
margin: 0 auto;
}
.leftrightcontent{
padding: 0px 20px;
margin: 0 auto;
display: inline-block;
width: 90%;
}
ul.displayinline{
list-style: none;
padding: 0;
margin: 0;
}
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;
}
ul.displayinline li .fa{
font-size: 20px;
color: #a7a7a7;
padding: 10px 8px;
text-align: center;
border-radius: 10px;
}
#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{
opacity: 1 !important;
padding: 0px !important;
margin: 0 auto !important;
display:block !important;
width:100% !important;
height:100% !important;
background: rgba(0, 0, 0, 0.6) !important;
color: #FFFFFF !important;
}
.metaslider .caption {
padding: 30px !important;
margin: 0px !important;
word-wrap: break-word;
position: absolute !important;
transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
-webkit-transform: translateY(-50%) !important;
/*left: 5%;*/
/*right: 5%;*/
top: 50% !important;
width: 100%;
height: auto !important;
line-height: 150%;
}
.metaslider .caption h1{
font-size: 3em;
}
.metaslider .caption h2 {
font-size: 2.6em;
}
.metaslider .caption h3 {
font-size: 2.2em;
}
.metaslider .caption h4 {
font-size: 1.8em;
}
.metaslider .caption h5 {
font-size: 1.4em;
}
.metaslider .caption h6 {
font-size: 1em;
}
.metaslider .ctitle{
font-size: 3em;
font-weight: bold;
line-height: 100%;
padding: 10px 0px;
}
.metaslider .csubtitle{
position: relative;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
margin: 0;
padding: 0 0 0 63px;
display: inline-block;
}
.metaslider .csubtitle:before {
position: absolute;
content: "";
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
height: 3px;
background-color: #e97730;
}
.metaslider .flexslider{
margin: 0 !important;
}
.metaslider .flexslider .slides p{
line-height: 150%;
margin-bottom: 1em !important;
}
.metaslider .flexslider .flex-direction-nav{
position: absolute;
width: 100%;
height: 25px;
top: 50%;
left: 0;
display: inline-block;
z-index: 2;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.metaslider .flexslider .flex-direction-nav li a{
background-color: rgba(0, 0, 0, 0) !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: 1% !important;
}
.flexslider .flex-direction-nav .flex-next {
opacity: 1 !important;
right: 1% !important;
}
.flex-control-paging li a {
border: 1px solid #FFF;
background: #FFF !important;
transform: rotate(45deg) !important;
border-radius: 0 !important;
}
.flex-control-paging li a.flex-active {
background: transparent !important;
}
@media only screen and (max-width: 1680px) {
}
@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: 10px 10px 50px 10px !important;
background: #000000 !important;
}
.metaslider .caption {
position: relative !important;
transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
padding: 0px !important;
margin: 0px auto !important;
left: 0 !important;
right: 0 !important;
text-align: center;
}
.metaslider .caption h1{
font-size: 2.8em;
}
.metaslider .caption h2 {
font-size: 2.4em;
}
.metaslider .caption h3 {
font-size: 2em;
}
.metaslider .caption h4 {
font-size: 1.6em;
}
.metaslider .caption h5 {
font-size: 1.2em;
}
.metaslider .caption h6 {
font-size: 1em;
}
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 480px) {
.metaslider .caption-wrap{
font-size: 13px;
}
.metaslider .caption h1{
font-size: 2.4em;
}
.metaslider .caption h2 {
font-size: 2em;
}
.metaslider .caption h3 {
font-size: 1.8em;
}
.metaslider .caption h4 {
font-size: 1.4em;
}
.metaslider .caption h5 {
font-size: 1.1em;
}
.metaslider .caption h6 {
font-size: 1em;
}
}
.heading {
padding: 0px;
margin: 0 auto 50px auto;
}
.title {
font-size: 3.5em;
font-weight: bold;
padding: 0px;
margin: 0px 0px 15px 0px;
line-height: 100%;
color: #004466;
}
.title:lang(zh-CN) {
font-size: 3em;
line-height: 150%;
}
.titlewithleftbar{
position: relative;
font-size: 1em;
font-weight: 500;
text-transform: uppercase;
margin: 0;
padding: 0 0 0 63px;
display: inline-block;
}
.titlewithleftbar:before {
position: absolute;
content: "";
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
height: 3px;
background-color: #e97730;
}
.titlewithborder-left-right{
position: relative;
display: inline-block;
font-size: 1em;
font-weight: 500;
text-transform: uppercase;
}
.titlewithborder-left-right:before{
position: absolute;
content: "";
left: -67px;
width: 50px;
height: 3px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #e97730;
}
.titlewithborder-left-right:after{
position: absolute;
content: "";
right: -67px;
width: 50px;
height: 3px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #e97730;
}
.title-big{
font-size: 150%;
font-weight: 300;
letter-spacing: 3px;
}
.title span{
color: #fdb900;
}
.subtitle {
font-size: 18px;
font-weight: bold;
padding: 10px 0px;
margin: 0px;
line-height: 120%;
color: #ecc746;
letter-spacing: 1.4px;
text-transform: uppercase;
}
.heading .caption {
font-size: 20px;
font-weight: 300;
line-height: 150%;
padding: 0px;
margin: 0px auto;
}
#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: #000000;
width: 210px;
}
#fixedleftbar ul li:hover span{
display: inline-block;
color: #FFFFFF;
padding: 12px 15px;
}
#contactform{
padding:0px;
margin-top: 20px;
}
#contactform .innercontent{
padding: 50px 60px;
margin-top: -80px;
background: #f2f2f2;
border-radius: 30px 30px 0px 0px;
}
#contactform .content_countdown .element_conteiner{
background: #34a124 !important;
}
#contactform .content_countdown .time_left {
font-size: 40px !important;
color: #FFFFFF !important;
padding: 0px 10px !important;
}
#contactform .content_countdown .time_description{
color: #FFFFFF !important;
}
#usp{
position: relative;
max-width: 1920px;
padding-top: 0;
margin: 0 auto;
}
#usp ul{
list-style: none;
padding: 0;
margin: 0 auto;
text-align: center;
}
#usp ul li{
list-style: none;
padding: 0px 5px;
margin: 0 auto;
display: inline-block;
width: 24%;
vertical-align: top;
}
#usp .box {
padding: 50px 15px;
background: #FFFFFF;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
z-index: 2;
position: relative;
}
#usp .box .image{
width: 50px;
margin: 0px auto 20px auto;
}
#usp ul li:nth-child(2) .box{
border: 10px solid #edc949;
margin-top: -20px;
}
#about{
position: relative;
max-width: 1920px;
margin: 0 auto;
overflow: hidden;
}
#about:before{
position: absolute;
content: '';
width: 500px;
height: 500px;
background-image: url(images/dot-bg.png);
top: 0;
right: -20px;
background-position: center;
background-size: 500px;
background-repeat: no-repeat;
opacity: 0.1;
}
#about .image-wrapper{
position: relative;
width: 120%;
height: 500px;
margin-left: -20%;
}
#about .image-wrapper:after{
position: absolute;
content: "";
background: #fdb900;
width: 300px;
height: 100%;
right: 0;
top: 0;
}
#about .image-wrapper img{
padding: 0px 50px 0px 0px;
margin-top: -8%;
z-index: 1;
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
align-items: center;
}
#highlight{
padding:0;
}
#highlight .overlay {
padding: 100px 0px;
background: rgba(0, 0, 0, 0.4);
}
.productcats{
position: relative;
overflow: hidden;
}
.productcats .content{
position: relative;
z-index: 2;
}
.productcats .content a{
text-decoration: underline;
font-size: 16px;
font-weight: bold;
color: #000000;
}
.productcats .image{
position: relative;
z-index: 1;
/*position: absolute;*/
/*content: '';*/
/*float: right;*/
/*right: 6%;*/
/*top: 10%;*/
/*z-index: 1;*/
/*width: 800px;*/
}
.productcats .overlay{
background: rgba(255,255,255,0.6);
}
#productcats1{
position: relative;
}
#productcats1:before{
position: absolute;
content: '';
width: 500px;
height: 500px;
background-image: url(images/dot-bg.png);
top: 0;
right: -20px;
background-position: center;
background-size: 500px;
background-repeat: no-repeat;
opacity: 0.1;
z-index: 0;
}
#productcats2{
position: relative;
}
#productcats2:before{
position: absolute;
content: '';
width: 500px;
height: 500px;
background-image: url(images/dot-bg.png);
top: 0;
right: -20px;
background-position: center;
background-size: 500px;
background-repeat: no-repeat;
opacity: 0.1;
z-index: 0;
}
#productcats2 .content {
width: 500px;
position: relative;
margin-top: -5%;
}
#productcats3{
position: relative;
}
#productcats3:before{
position: absolute;
content: '';
width: 500px;
height: 500px;
background-image: url(images/dot-bg.png);
top: 0;
left: -20px;
background-position: center;
background-size: 500px;
background-repeat: no-repeat;
opacity: 0.1;
z-index: 0;
}
#productcats4{
position: relative;
}
#productcats4:before{
position: absolute;
content: '';
width: 500px;
height: 500px;
background-image: url(images/dot-bg.png);
top: 0;
right: -20px;
background-position: center;
background-size: 500px;
background-repeat: no-repeat;
opacity: 0.1;
z-index: 0;
}
#productcats5{
position: relative;
}
#productcats5:before{
position: absolute;
content: '';
width: 500px;
height: 500px;
background-image: url(images/dot-bg.png);
top: 0;
left: -20px;
background-position: center;
background-size: 500px;
background-repeat: no-repeat;
opacity: 0.1;
z-index: 0;
}
#productcats5 .content{
width: 500px;
float: right;
text-align: right;
position: relative;
margin-top: -10%;
}
#productcategories{
position: relative;
overflow: hidden;
}
#productcategories:before{
position: absolute;
content: '';
width: 500px;
height: 500px;
background-image: url(images/dot-bg.png);
top: 0;
right: -20px;
background-position: center;
background-size: 500px;
background-repeat: no-repeat;
opacity: 0.1;
z-index: 0;
}
#productcategories .owl-theme .owl-nav.disabled{
display: none;
}
#sync1 .item {
padding: 0px 0px;
margin: 0;
display: inline-block;
}
#sync1 .item a{
text-decoration: underline;
font-size: 16px;
font-weight: bold;
color: #000000;
}
#sync2 .item {
padding: 10px 10px;
margin: 0px;
cursor: pointer;
border-bottom: 4px solid transparent;
text-align: center;
}
#sync2 .current .item {
border-bottom: 4px solid #004466;
}
#sync2 .item img{
max-width: 130px;
margin: 0 auto 10px auto;
}
#sync2 .item .label{
color: #000000;
font-size: 14px;
font-weight: 300;
padding: 10px 0px;
}
.owl-theme .owl-nav {
/*default owl-theme theme reset .disabled:hover links */
}
.owl-theme .owl-nav [class*='owl-'] {
transition: all .3s ease;
}
.owl-theme .owl-nav [class*='owl-'].disabled:hover {
background-color: #D6D6D6;
}
#sync1.owl-theme {
position: relative;
}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
width: 22px;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
}
#sync1.owl-theme .owl-prev {
left: 10px;
}
#sync1.owl-theme .owl-next {
right: 10px;
}
#news{
position: relative;
overflow: hidden;
}
#news:before{
/*position: absolute;*/
/*content: '';*/
/*width: 500px;*/
/*height: 500px;*/
/*background-image: url(images/dot-bg.png);*/
/*top: 0;*/
/*left: -20px;*/
/*background-position: center;*/
/*background-size: 500px;*/
/*background-repeat: no-repeat;*/
/*opacity: 0.1;*/
/*z-index: -1;*/
}
#news:after{
position: absolute;
content: '';
width: 500px;
height: 500px;
background-image: url(images/dot-bg.png);
bottom: 0;
right: -20px;
background-position: center;
background-size: 500px;
background-repeat: no-repeat;
opacity: 0.1;
}
#news .bigbox{
padding: 20px 5px;
}
#news .bigbox .title{
color: #FFFFFF;
border-bottom: 1px solid rgba(255,255,255,0.3);
margin-bottom: 10px;
}
#news .subbox{
position: relative;
z-index: 1;
box-shadow: -1px 1px 8px 1px #dddddd;
padding: 20px 15px;
background: #FFFFFF;
border-bottom: 4px solid transparent;
}
#news .subbox:hover{
border-bottom: 4px solid #004466;
}
#news .box .caption{
margin-bottom: 20px;
}
#cta{
padding: 0;
/* margin-bottom: 50px;
color: #000000; */
}
#cta .overlay{
padding: 80px 0px;
background: rgba(0, 68, 102, 0.9);
}
#aboutpage1{
}
#aboutpage1 ul{
list-style: none;
padding: 0;
margin: 0;
}
#aboutpage1 ul li{
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
}
#aboutpage1 ul .box{
padding: 20px;
border: 2px solid #fdb900;
}
#aboutpage2{
}
#aboutpage2 .image-wrapper{
height: 500px;
}
#aboutpage2 .image-wrapper img{
width: 100%;
height: 100%;
object-fit: cover;
align-items: center;
}
#aboutpage2 .content-wrapper{
padding: 40px 30px;
margin-left: -80px;
background: #FFFFFF;
border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 20%);
-webkit-box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 20%);
-moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
display: inline-block;
width: 100%;
}
#aboutpage2 .content-wrapper .box{
text-align: center;
margin: 20px auto;
}
#aboutpage2 .content-wrapper .box .icon{
max-width: 50px;
margin: 0px auto 10px auto;
}
#aboutpage2 .content-wrapper .box label{
color: #858585;
}
#aboutpage2 .content-wrapper .box label .style{
font-size: 3em;
font-weight: bold;
line-height: 100%;
display: block;
color: #004466;
}
#aboutpage3{
padding: 0;
}
#aboutpage3 .overlay {
background: rgba(255, 255, 255, 0.8);
}
#aboutpage3 .box .image{
max-width: 70px;
margin: 0px auto 20px auto;
}
#aboutpage3 .box .caption{
padding: 0px 20px;
}
#aboutpage4 .box{
position: relative;
overflow: hidden;
padding: 10px;
margin: 0px 0px 20px 0px;
text-align: center;
}
#aboutpage4 .box .image{
max-width: 60px;
margin: 0 auto 15px auto;
}
#aboutpage4 .box .image img{
width: 100%;
height: 100%;
object-fit: cover;
align-items: center;
}
#aboutpage4 .box .content{
font-size: 18px;
font-weight: bold;
}
#aboutpage4 .box .caption{
position: absolute;
padding: 10px;
margin: 5px;
background: rgba(0,0,0,0.5);
color: #FFFFFF;
left: 0;
right: 0;
bottom: 0;
}
#aboutpage5{
padding: 0;
text-align: center;
}
#aboutpage5 .overlay {
background: rgba(255, 255, 255, 0.8);
}
#aboutpage5 .content-wrapper{
padding: 10px 20px;
margin: 10px 0px;
/*background: #FFFFFF;
box-shadow: 2px 2px 5px #DDDDDD;*/
}
#contactpage1{
}
.contactinfo .box{
padding: 25px 0px;
border-bottom: 1px solid #cccccc;
margin: 0;
}
.contactinfo .box .content {
display: inline-flex;
align-items: center;
padding: 0px 15px;
}
.contactinfo .box .content .aligntop {
align-items: flex-start;
}
.contactinfo .box .title {
text-transform: uppercase;
padding: 0px 15px 20px 15px;
}
.contactinfo .box .icon-entry{
width: 15%;
display: inline-block;
padding: 10px 0px;
}
.contactinfo .box .icon-entry .fa {
font-size: 18px;
padding-right: 10px;
}
.contactinfo .box .text-entry{
width: 85%;
display: inline-block;
}
.contactinfo .box a{
color: #000000;
}
.contactinfo .box a:hover{
color: #fdb900;
}
#testimonials{
/*display: none;*/
}
#testimonials .rating-wrapper{
max-width: 400px;
height: 100px;
/*border: 1px solid #34A124;*/
color: #34A124;
padding: 0px;
margin: 0 0 0px auto;
display: flex;
align-items: center;
}
#testimonials .box-left{
font-size: 5em;
font-weight: bold;
line-height: 100%;
display: inline-block;
padding: 10px;
width: 50%;
text-align: right;
}
#testimonials .box-right{
text-align: left;
}
#testimonials .box-right .rating{
padding: 0px 0px 5px 0px;
font-size: 15px;
}
#testimonials .box-right .review{
color: #ffab00;
line-height: 100%;
}
#testimonials .count-number{
display: inline-block
}
#testimonials .overlay{
padding: 60px 0px;
background: rgba(0, 0, 0, 0.8);
color: #FFFFFF;
}
#testimonials-wrapper{
clear: both;
position: relative;
border-top: 1px dotted #DDDDDD;
padding: 10px 0px 0px 0px;
}
#testimonials-wrapper .box{
padding: 20px;
margin: 0;
/*display: flex;*/
/*align-items: center;*/
}
#testimonials-wrapper .box .title{
position: relative;
text-align: right;
padding: 20px 0px 0px 60px;
margin: 0;
display: inline-block;
float: right;
right: 20px;
}
#testimonials-wrapper .box .title:before{
content: "";
position: absolute;
width: 50px;
height: 1px;
background: #000000;
top: 30px;
left: 0;
}
#testimonials-wrapper .box .image {
width: 30%;
max-width: 220px;
height: 240px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
overflow: hidden;
padding: 0px 20px 0px 0px;
margin: 0 auto;
display: inline-block;
}
#testimonials-wrapper .content {
font-size: 15px;
padding: 0px;
margin: 0;
text-align: left;
}
#testimonials-wrapper .content .whole-post {
display: none;
}
#testimonials-wrapper .content a.read {
font-size: 10px;
}
#testimonials-wrapper .content .title{
font-size: 12px;
font-style: italic;
font-weight: 100;
text-align: left;
padding: 10px 0px;
}
.ratingbox{
display: inline-block;
padding: 10px 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;*/
}
#testimonials .owl-controls {
text-align: center;
padding: 20px 0px 0px 0px;
}
#testimonials .owl-controls .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
#testimonials .owl-controls .owl-dots .owl-dot span {
display: block;
width: 20px;
height: 5px;
margin: 5px;
background: #DDDDDD;
border: 1px solid #DDDDDD;
}
#testimonials .owl-controls .owl-dots .owl-dot.active span {
display: block;
width: 20px;
height: 5px;
margin: 5px;
border: 1px solid #000000;
background: #000000;
}
#testimonials .owl-controls {
-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;
}
#testimonials .owl-controls .owl-dots .owl-dot.active span, #testimonials .owl-controls .owl-dots .owl-dot:hover span{
border: 1px solid #000000;
background:#000000;
}
#faq{
}
#faqcontent{
clear: both;
}
.panel-default{
}
.panel-default>.panel-heading {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 16px;
font-weight: 600;
padding: 12px 20px;
}
.panel-default>.panel-heading a {
display: block;
}
.panel-default>.panel-heading a, .panel-default>.panel-heading a:hover, .panel-default>.panel-heading a:active {
color: #000000;
}
.panel-default>.panel-heading a:after {
content: "";
position: relative;
top: 1px;
right: -10px;
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);
}
#news-wrapper{
}
#news-wrapper ul{
list-style: none;
padding: 0;
margin: 0;
}
#news-wrapper ul li{
list-style: none;
padding: 0;
margin: 0px 0px 20px 0px;
display: inline-block;
width: 100%;
border-bottom: 1px solid #f2f2f2;
}
#news-wrapper ul li:last-child{
border-bottom: 0px solid #f2f2f2;
}
#news-wrapper .box{
position: relative;
overflow: hidden;
margin: 0 auto;
display: flex;
}
#news-wrapper .box .image{
max-width: 300px;
width: 100%;
height: 210px;
overflow: hidden;
position: relative;
border: 1px solid #f2f2f2;
display: inline-block;
}
#news-wrapper .box .image img{
object-fit: initial !important;
align-items: initial !important;
display: block;
text-align: center;
position: absolute;
display: table;
width: auto !important;
height: auto !important;
padding: 5px;
margin: 0px auto;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
#news-wrapper .box .desc{
font-size: 10px;
margin-bottom: 10px;
}
#news-wrapper .box .desc a{
color: #757575;
}
#news-wrapper .box .title{
font-size: 18px;
color: #000000;
}
#news-wrapper .box .caption{
font-size: 13px;
}
#news-wrapper .box .content{
font-size: 14px;
padding: 20px 0px;
padding-left: 20px;
display: inline-block;
}
/*#news-wrapper .box:hover .content {*/
/* transform: translateY(-100%);*/
/* -moz-transform: translateY(-100%);*/
/* -ms-transform: translateY(-100%);*/
/* -webkit-transform: translateY(-100%);*/
/*}*/
#news-wrapper .box .content .read-more{
/*position: absolute;*/
/*z-index: 2;*/
/*width: 50px;*/
/*height: 50px;*/
/*line-height: 50px;*/
/*display: inline-block;*/
/*border-radius: 50%;*/
/*-moz-border-radius: 50%;*/
/*-ms-border-radius: 50%;*/
font-size: 100%;
color: #fff;
/*top: 0;*/
/*right: 20px;*/
/*text-align: center;*/
/*transform: translateY(-50%);*/
/*-webkit-transform: translateY(-50%);*/
/*-moz-transform: translateY(-50%);*/
/*-ms-transform: translateY(-50%);*/
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
-ms-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
background: #01a7e7;
}
#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:"Font Awesome 5 Free";
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: 40px;
bottom: 20%;
right: 0;
z-index: 999999;
}
#floatcta ul{
list-style: none;
padding: 0;
margin: 0;
}
#floatcta ul li{
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
#floatcta ul li .fa, #floatcta ul li .fab, #floatcta ul li .fas{
color: #FFFFFF;
font-size: 16px;
width: 30px;
height: 30px;
}
#floatcta .whatsapps{
background: #25D366;
border-radius: 5px 0px 0px 0px;
}
#floatcta .whatsapps .fab{
padding: 10px 0px;
font-size: 1.3em;
height: 40px;
}
#floatcta .phone{
background: #eb242a;
border-radius: 0px 0px 0px 0px;
}
#floatcta .phone .fa{
padding: 12px 0px;
font-size: 1.2em;
height: 40px;
}
#floatcta .email{
background: #f89c6a;
}
#floatcta .email .fas{
padding: 10px 0px;
font-size: 1.6em;
height: 40px;
}
#floatcta .link{
background: #404040;
border-radius: 0px 0px 0px 5px;
height: 130px;
}
#floatcta .link a, #floatcta .link a:hover, #floatcta .link a:active{
color: #FFFFFF;
}
#floatcta .rotate{
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
white-space: nowrap;
padding: 80px 0px;
}
#floatctasingle {
position: fixed;
bottom: 80px;
right: 15px;
z-index: 999999;
}
#floatctasingle .fa-whatsapp {
font-size: 2em;
padding: 17px;
background: #25D366;
color: #FFF;
border-radius: 50%;
}
#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, .box .fullimage {
margin-bottom: 20px;
}
.box .fullimage img {
object-fit: cover;
align-items: center;
margin: 0 auto;
display: block;
text-align: center;
width: 100%;
height: 100%;
}
.box .content {
padding: 0px;
width: 100%;
line-height: 150%;
}
.box .title {
font-size: 18px;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin: 0;
}
.box .subtitle{
font-weight: 300;
color: #a0a0a0;
}
.box .caption{
padding: 0;
margin: 0;
}
.box:hover img {
/*filter: brightness(1.1) invert(0);*/
}
.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 {
color: #000000;
}
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;*/
}
.woocommerce-ordering{
display: none;
}
.woocommerce-loop-product__title{
color: #000000;
}
.woocommerce ul.products li.product .price br{
display: none;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
position: relative;
display: inline-grid;
}
.woocommerce #content div.product div.summary ul{
padding: 0;
margin: 0px 0px 20px 20px;
}
.woocommerce #content div.product div.summary ul li{
padding: 0;
margin: 0px 0px 10px 0px;
}
.woocommerce div.product .product_title{
font-size: 2em;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
display: none;
}
.product-enquiry-button-custom{
margin: 0;
}
.woocommerce div.product div.summary .product-enquiry-button-custom{
order: 5;
padding: 30px 0px;
}
.alert-content{
position: relative;
}
.alert-content .enq-response{
width: 96%;
margin: 0;
}
.alert-content button.close{
position: absolute;
top: 0;
right: 0;
padding: 0;
margin: 0;
}
.related.products{
padding: 0px;
margin: 40px 0px 0px 0px;
border-top: 1px solid #f9f9f9;
clear: both;
display: inline-block;
}
.related.products h2{
text-transform: capitalize;
}
.widget {}
.widget.woocommerce, .widget.widget_wcc_widget{
display: inline-block;
width: 100%;
padding: 0px 0px 20px 0px;
margin: 0;
}
.widget .widget-title {
font-size: 16px;
font-weight: 600;
padding: 8px 0px;
margin-top: 0px;
margin-bottom: 15px;
border-bottom: 1px solid #DCDCDC;
}
.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 .woocommerce{
background: #FAFAFA;
}
.widget .woocommerce .buttons {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
.widget-area {
float: left;
width: 100%;
}
.widget-area .widget {
clear: both;
padding: 10px;
margin-bottom: 20px;
background: #f9f9f9;
}
.widget-area ul li {
margin: 0px;
line-height: 1.2em;
padding: 0px 0px 6px 0px;
}
.widget-area ul li {
text-align: left !important;
text-transform: capitalize;
}
.widget_shopping_cart .buttons{
display: flex;
align-items: flex-start;
font-size: 12px;
}
.widget_shopping_cart .buttons a{
font-weight: normal !important;
border-radius: 0px;
}
.woocommerce ul.product_list_widget{
width: 100%;
}
.woocommerce ul.product_list_widget a{
color: #000000;
font-weight: normal !important;
}
.woocommerce ul.product_list_widget a.remove {
font-size: 1.3em;
}
.woocommerce ul.product_list_widget li img {
margin-left: 10px;
}
.woocommerce .widget_shopping_cart .total{
margin: 20px 0px;
}
.widget_product_search{
padding: 0 !important;
}
.widget_product_search form{
width: 100%;
display: inline-flex !important;
align-items: flex-start;
}
.widget_product_search input[type="search"]{
width: 70%;
}
.widget_product_search button {
width: 29%;
padding: 11px 15px;
margin: 0px !important;
border: none;
box-shadow: none;
text-shadow: none;
font-weight: 400;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
color: #FFFFFF;
background: #000000;
}
.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%;
}
.ywcca_container {
margin: 0px !important;
background: transparent !important;
border-color: transparent !important;
}
.widget_yith_wc_category_accordion{
}
.widget_yith_wc_category_accordion .ywcca_widget_title{
color: #000000 !important;
border-bottom: none !important;
line-height: 120% !important;
font-weight: 700 !important;
text-align: left !important;
font-size: 16px !important;
font-weight: 600 !important;
padding: 8px 0px !important;
margin-top: 0px !important;
margin-bottom: 15px !important;
border-bottom: 1px solid #DCDCDC !important;
}
.widget_yith_wc_category_accordion ul{
padding-left: 0 !important;
margin: 0 !important;
border: none !important;
}
.widget_yith_wc_category_accordion ul ul{
padding-left: 10px !important;
margin: 10px 5px 0px 5px !important;
}
.widget_yith_wc_category_accordion ul li{
border-bottom: none !important;
padding: 10px !important;
margin: 0px 0px !important;
line-height: 120% !important;
}
.widget_yith_wc_category_accordion ul ul li{
border-bottom: none !important;
padding: 10px !important;
margin: 0px 0px !important;
}
.widget_yith_wc_category_accordion ul li a{
border-bottom: none !important;
font-size: 14px !important;
}
.widget_yith_wc_category_accordion ul li:hover{
background: #dfdcde !important;
}
.ywcca_widget_container_style_2 ul.ywcca_category_accordion_widget li .icon-plus_style_2, .ywcca_widget_container_style_2 ul.ywcca_category_accordion_widget li .icon-minus_style_2 {
float: right;
cursor: pointer;
display: inline-block;
width: 20px !important;
height: 20px !important;
margin-top: 0 !important;
}
.icon-plus_style_2, .icon-minus_style_2{
position: relative;
background: none !important;
}
.icon-plus_style_2:before{
position: absolute;
font-family: 'Font Awesome 5 Free';
font-style: normal;
content: "\f067";
color: #000000;
top: 0;
right: 0;
width: 20px;
height: 20px;
}
.icon-minus_style_2:before{
position: absolute;
font-family: 'Font Awesome 5 Free';
font-style: normal;
content: "\f068";
color: #000000;
top: 0;
right: 0;
width: 20px;
height: 20px;
}
.widget ul {
margin: 0 0 20px 0px;
padding: 0;
display: block;
}
.widget li {
margin: 0px 0px 10px 20px;
position: relative;
}
.widget ul.horizontal {
padding: 0;
margin: 0 auto;
display: inline-block;
}
.widget ul.horizontal li {
list-style: none;
padding: 0px 5px;
margin: 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;
}
.widget ul.menu li:last-child {
margin-right: 0px;
border-right: 0px solid #ffffff;
}
.widget ul.menu li a {
padding: 0;
margin: 0;
display: inline-block;
}
.widget ul.menu li.current-menu-item a {
color: #c5a47e;
}
.widget ul.menu li a:hover {
color: #c5a47e;
}
.widget ul.product-categories {
margin: 0px 0px 0px 20px;
padding: 0;
}
.widget ul.product-categories li{
margin: 0px 0px 10px 0px;
padding: 0;
}
.widget ul.product-categories ul{
margin: 0px 0px 0px 20px;
padding: 0;
}
.widget ul.product-categories ul li{
margin: 0px 0px 10px 0px;
}
.widget ul.product-categories a, .widget ul.product-categories a:hover, .widget ul.product-categories a:active{
color: #000000;
}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
margin-right: 0;
margin-left: 0;
}
.site-content {
}
.home-content {
}
.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:220px;
margin:0px;
padding:0px;
z-index:0;
border-bottom: 0px solid #F2F2F2;
background-color: #004466;
background-attachment: fixed;
}
.page-header-small{
width:100%;
height:250px;
margin:0px;
padding:0px;
z-index:0;
}
.page-header .overlay{
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.1);
padding: 0;
}
.page-header-content{
position:relative;
display:table;
top:50%;
width:100%;
margin:0px;
padding:0px;
font-size:30px;
color:#FFFFFF;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.page-header-content h3.page-title, .page-header-content h3{
font-size: 40px;
font-weight: 900;
text-align: center;
letter-spacing: 8px;
text-transform: uppercase;
line-height: 1.2em;
padding: 0;
margin: 0 auto;
left: 0;
right: 0;
width: 80%;
}
.page-header-content h3.page-title span, .page-header-content h3 span{
font-size: 18px;
font-weight: normal;
letter-spacing: 0;
text-transform: initial;
}
.page-header-content .caption{
font-size: 15px;
color: #000000;
letter-spacing: 0px;
text-transform: none;
padding-top: 10px;
line-height: 1.4em;
}
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;
}
.breadcrumb p{
padding: 0;
margin: 0;
}
.breadcrumb a , .breadcrumb a:hover , .breadcrumb span{
font-size:15px;
line-height:1em;
color:#ffffff;
}
.taxonomy-description {
margin-bottom: 1.5em;
}
.entry-title {
margin-top: 0;
padding-top: 0;
position: relative;
}
.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;*/
max-width: 1920px;
margin: 0 auto;
}
#info {
position: relative;
padding: 0px 0px 0px 20px;
margin: 0px;
text-align: right;
border-left: 1px solid #DDDDDD;
}
#info .textwidget{
display: inline-block;
}
#info label{
margin-bottom: 5px;
font-size: 13px;
}
#info ul {
padding: 0;
margin: 0;
}
#info ul li {
display: inline-block;
padding: 0px 0px 0px 10px;
margin: 0px;
vertical-align: middle;
}
#info ul li img{
width: 30px;
padding: 3px;
}
#info ul li .fa{
font-size: 2em;
text-align: center;
padding: 10px 5px;
}
#top-search-form{
position: absolute;
background: #FFFFFF;
z-index: 1;
text-align: right;
width: 100%;
display: none;
}
#top-search-form input[type="submit"]:hover {
color: #fff;
border: 0px solid #c5a47e;
}
#top-search-form .panel-last-child{
display: inline-block;
position: absolute;
top: 22%;
right: 1%;
}
#top-search-form #close-btn{
font-size: 20px;
font-weight: normal;
color: #5dbaa9;
}
#site-navigation {
float: right;
margin: 0;
padding: 0;
clear: both;
width: 100%;
border-color: transparent;
border: none;
}
.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: 99999;
width: 100%;
max-width: 1920px;
margin: 0 auto;
margin-bottom: 0;
padding: 5px 0px;
background: transparent;
border-color: transparent;
-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;
/*box-shadow: 0px 2px 10px rgba(0,0,0,0.1);*/
}
#main-nav.fixed {
position: fixed;
top: 0;
padding: 15px 0px 0px 0px;
-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: #FFFFFF;
/*background-color: rgba(255,255,255,0.96);*/
box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
}
#main-nav .container-fluid{
width: 100%;
max-width: 1400px;
margin: 0 auto;
}
.navbar-inverse .navbar-nav {
margin-left: 0;
margin-right: 0;
}
.navbar-inverse .navbar-nav >li {
display: inline-block;
float: none !important;
}
.navbar-inverse .navbar-nav>li>a {
padding: 5px 20px;
display: table-cell;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
color: #000000;
font-size: 16px;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
color: #000000;
background-color: transparent;
}
.navbar-inverse.fixed .navbar-nav>li>a {
color: #000000;
}
.navbar-inverse.fixed .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
color: #000000;
}
.navbar-inverse .navbar-nav>li.current-menu-item > a{
}
ul.nav > li.current_page_item > a:before, ul.nav > li.current-menu-item > a {
outline: none;
}
.navbar-inverse .navbar-nav>li.has_children>a{
}
.navbar-inverse .navbar-nav>li:first-child a{
border-left: 0;
}
.navbar-inverse .navbar-nav>li:last-child {
/*margin-right: 0 !important;*/
/*margin-left: 10px;*/
/*background: #ff9000;*/
/*color: #FFF;*/
}
.navbar-inverse .navbar-nav>li:last-child a, .navbar-inverse .navbar-nav>li:last-child a:hover{
/*color: #FFF;*/
/*padding: 10px 15px;*/
}
.navbar-inverse .navbar-nav>li>a span {
font-weight: 600;
font-size: 12px;
color: #000000;
}
.navbar-inverse .navbar-nav ul.sub-menu {
left: -999em;
position: absolute;
top: 100%;
background: #fff;
width: 180px;
box-shadow: 3px 3px 2px rgba(50, 50, 50, 0.08);
z-index: 9999;
padding: 0;
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: 0;
margin: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
padding: 10px 20px;
color: #000000;
display: block;
}
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a,
.navbar-inverse .navbar-nav ul.sub-menu li.link-focus > a {
/*color: #c5a47e;*/
background: #FAFAFA;
}
.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: none;
}
.navbar-header-menu {
float: right;
}
.responsive-logo {
width: 100%;
max-width: 140px;
float: left;
position: relative;
/* display: inline-block; */
padding: 5px 0px;
margin: 0px;
z-index: 999;
}
.responsive-logo img{
width: 100%;
max-width: 100%;
}
#main-nav.fixed .responsive-logo img{
width: 80%;
margin: 0;
/*-webkit-filter: brightness(0);*/
/*filter: brightness(0);*/
}
.navigation-wrapper {
width: 66%;
text-align: center;
margin: 0 auto;
/*float: right;*/
/*position: absolute;*/
/*display: table;*/
/*top: 50%;*/
/*right: 20%;*/
/*transform: translateY(-50%);*/
/*-ms-transform: translateY(-50%);*/
/*-webkit-transform: translateY(-50%);*/
}
.navbar-inverse .navbar-nav > li {
vertical-align: middle;
}
.navbar-inverse .navbar-nav>li.current>a {
position: relative;
outline: none;
}
.navbar-inverse .navbar-nav > li.labelonly a, .navbar-inverse .navbar-nav > li.labelonly a:hover, .navbar-inverse .navbar-nav > li.labelonly a:focus, .navbar-inverse .navbar-nav > li.labelonly a:active{
color: #000000;
font-weight: bold;
cursor: pointer;
}
.navbar-right {
float: none !important;
margin-right: 0px !important;
}
.sitecontactlist {
position: relative;
padding: 40px 15px;
}
.sitecontactlist .heading{
padding: 30px 0px;
}
.sitecontactlist ul {
margin: 0;
}
.sitecontactlist ul li {
display: block;
padding: 0px;
margin: 0px;
margin-bottom: 20px;
vertical-align: middle;
}
.sitecontactlist .icon{
width: 60px;
text-align: center;
display: inline-block;
}
.sitecontactlist .fa{
color: #8B6A36;
padding: 15px 10px;
width: 50px;
height: 50px;
text-align: center;
}
#footer {
background: #222222;
color: #FFFFFF;
font-weight: 300;
padding-top: 50px;
}
#footer .footerlogo img{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
#footer .box {
display: flex;
align-items: center;
margin-top: 15px;
margin-bottom: 15px;
}
#footer .icon-wrap{
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 10px 0px;
}
#footer .icon-wrap .fa {
font-size: 2em;
width: 50px;
padding: 2px 0px;
margin: 0;
}
#footer .entry-wrap{
padding: 0px 10px;
}
#contactinfo{
}
#contactinfo ul {
clear: both;
width: 100%;
display: inline-block;
list-style: none;
padding: 0;
margin: 0px;
}
#contactinfo ul > li {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
vertical-align: top;
width: 32%;
text-align: center;
}
#contactinfo .box {
padding: 10px;
margin: 20px 0px;
display: block;
}
#contactinfo .box .image .fa {
font-size: 2.6em;
color: #34A124;
}
#contactinfo .box .image {
display: inline-block;
border-radius: 6px;
padding: 15px 20px;
}
#contactinfo ul ul{
width: auto;
}
#contactinfo ul ul li{
width: auto;
}
#footer .widget ul.menu{
text-align: left;
padding: 10px 0px;
margin: 0px;
}
#footer .widget ul.menu li {
padding: 0px;
margin: 0px 0px 10px 0px;
text-align: left;
display: flex;
align-items: center;
}
#footer .widget ul.menu li .iconwrap{
display: inline-block;
width: 30px;
}
#footer .widget ul.menu li .iconwrap .fa{
font-size: 16px;
}
#footer .widget ul.menu li .textwrap{
display: inline-block;
}
#footer .widget ul.menu li a {
padding: 0;
margin: 0;
color: #FFFFFF;
}
#footer .widget ul.menu li ul{
/*padding-left: 10px;*/
display: inline-block;
}
#footer .social-wrapper{
padding: 20px;
margin: 0px 0px 50px 0px;
text-align: center;
background: #000000;
}
#footer ul.time-list {
list-style: none;
margin: 0;
padding: 0;
}
#footer ul.time-list li {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 0.01em dotted rgb(175, 173, 173, 0.4);
margin-bottom: 5px;
padding-bottom: 5px;
text-align: left;
display: flex !important;
justify-content: space-between !important;
}
#footer ul.social {
margin: 0 auto;
padding: 0;
text-align: center;
display: inline-block;
}
#footer ul.social li {
margin: 0;
padding: 0px 5px;
display: inline-block;
text-align: center;
}
#footer ul.social li .fa{
color: #FFFFFF;
background: #232323;
width: 50px;
height: 50px;
padding: 12px 0px;
border-radius: 50%;
font-size: 24px;
}
.copyright {
font-size: 12px;
color: rgba(255,255,255,0.5);
background: #222222;
padding: 15px 15px;
margin: 30px 0px 0px 0px;
text-align: center;
display: block;
width: 100%;
clear: both;
border-top: 1px solid rgba(255,255,255,0.2);
}
.footer-widget-wrap > .container {
text-align: left;
}
.footer-widget-footer {
float: none;
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: 20px;
}
.footer-widget-footer ul#menu-menu-1 {
list-style: none;
}
.footer-widget-footer ul {
margin-left: 0;
padding-left: 0;
}
.footer-widget-footer li {
list-style: none;
margin-left: 0;
text-align: left;
}
.footer-widget-footer li a {
color: #000000;
}
.footer-widget-footer li a:hover {
color: #C5A47E;
}
.footer-widget-footer .widget-title {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #404040;
}
.footer-widget-wrap {
/*width: 100%;*/
/*padding: 60px 50px 50px 50px;*/
/*display: inline-block;*/
}
.nopadding {
padding: 0 !important;
}
.nomargin {
margin: 0 !important;
}
.noborder{
border: none !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: 0;
padding: 0 !important;
text-align: center;
font-size: 11px;
}
.wpcf7-spinner{
display: none;
}
.formpadding {
padding: 0;
margin: 0 auto;
}
.formheader {
padding: 0px 0px 10px 0px;
font-size: 16px;
}
.formheader .font-big{
display: block;
font-size: 2em;
font-weight: 900;
line-height: 130%;
}
.formcontent {
width: 100%;
display: inline-block;
}
.formcontent p{
margin: 0;
}
.form-label {
padding: 0px;
margin-bottom: 10px;
}
.form-label label {
width: 100%;
padding-bottom: 5px;
}
.form-label input, .form-label select {
width: 100%;
padding: 10px;
background: #FFFFFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
outline: none;
color: #000000;
font-size: 14px;
}
.form-label textarea {
width: 100%;
padding: 8px 10px;
background: #FFFFFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: #000000;
font-size: 14px;
}
.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: 0px;
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: 10px;
}
.dropdownmenu:before{position:absolute;color:#000000;font-family: 'Font Awesome 5 Free';content:"\f107";font-style:normal;font-weight:normal;}
ul.sub-menu li .dropdownmenu{top:10px;right:20px;}
ul.sub-menu li .dropdownmenu:before{color:#000000;font-family: 'Font Awesome 5 Free';content:"\f105";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: 1400px) {
}
@media (max-width: 1200px) {
.responsive-logo {
max-width: 150px;
}
.title {
font-size: 3em;
}
.title:lang(zh-CN) {
font-size: 2.5em;
}
#info {
font-size: 13px;
}
#info label {
font-size: 12px;
}
.navbar-inverse .navbar-nav>li>a{
font-size: 14px;
}
}
@media (max-width: 1024px) {
#category .box .content {
min-height: 220px;
}
}
@media (min-width: 992px) {
#open-wcc_block, #close-wcc_block{
display: none;
}
.wp_widget_plugin_box .wcc_block{
display: block !important;
background: #FFFFFF;
padding: 10px;
}
}
@media (max-width: 991px) {
#info {
position: absolute;
right: 40px;
float: right;
padding: 0px 0px 0px 10px;
}
#info .container{
padding: 0px 5px;
}
.title {
font-size: 2.4em;
}
.title:lang(zh-CN) {
font-size: 2em;
}
.innercontent {
width: 100%;
}
#main-nav .container {
width: 100%;
}
.navbar-header-menu {
float:none;
}
.navigation-wrapper {
float: none;
position: absolute;
right: 0;
top: 100%;
left: 0;
width: 100%;
transform: none;
-ms-transform: none;
-webkit-transform: none;
}
.dropdownmenu:before {
color: #000000;
}
.navbar-toggle {
float: right !important;
right: 0 !important;
z-index: 3 !important;
padding: 10px 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
position: absolute;
}
.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 {
text-align: center;
padding: 20px 10px;
margin: 0px;
background: #FFFFFF;
}
.navbar-inverse .navbar-nav > li {
display: inline-block;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
position: relative;
}
.navbar-inverse .navbar-nav > li a {
text-align: left;
display: block;
padding: 5px 10px;
margin: 0px;
color: #000000;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
color: #000000;
background-color: rgba(250, 250, 250, 0.2);
}
.navbar-inverse .navbar-nav>li.current-menu-item > a{
color: #000000;
}
.navbar-inverse .navbar-nav>li.has_children>a {
}
.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%;
background: transparent;
}
.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 {
color: #000000;
}
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a, .navbar-inverse .navbar-nav ul.sub-menu li.link-focus > a {
background: rgba(253, 185, 0, 0.2);
}
.dropdownmenu{
right: 30px;
}
ul.sub-menu li .dropdownmenu {
top: 10px;
right: 10%;
}
ul.sub-menu li .dropdownmenu:before {
color: #000000;
content: "\f107";
font-family: "Font Awesome 5 Free";
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: #FFFFFF !important;*/
}
li.current>a:before {
content: "";
display: none !important;
}
#site-navigation{
max-height: 95vh;
}
#site-navigation > ul ul {
left: 0;
border-top: 1px solid rgba(221, 221, 221, 0.3);
border-bottom: 1px solid rgba(221, 221, 221, 0.3);
}
ul.navbar-right li.lang-item {
display: none;
}
li.astm-search-menu {
position: relative !important;
}
.search-form {
padding: 5px 0px;
}
.search-form input[type="search"] {
width: 100%;
color: #FFFFFF;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.is-menu form label {
width: 85%;
}
#fixedleftbar{
left: -50px;
}
#fixedleftbar:hover{
left: 0px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.5s ease-in-out;
}
.content-left-wrap {
padding: 0px;
display: inline-block;
width: 100%;
}
#open-wcc_block, #close-wcc_block{
display: block;
background: #f2f2f2;
color: #000000;
}
#open-wcc_block{
margin-bottom: 20px;
}
#close-wcc_block{
margin-top: 20px;
}
#about {
text-align: center;
}
#about .row-eq-height{
display: block;
}
#about .image-wrapper {
margin-left: -10%;
}
#category ul li {
width: 48%;
}
#category .box .content {
min-height: 180px;
}
#usp .row-eq-height{
display: block;
}
#usp .image-wrapper {
margin-left: -10%;
}
#footer .container{
width: 100%;
}
.sitecontactlist .heading {
padding: 0px;
}
.sitecontactlist .icon {
text-align: center;
display: block;
padding: 0px 0px 10px 0px;
margin: 0 auto;
}
}
@media (max-width: 767px) {
section {
padding: 50px 0px;
}
.fixed-bg .overlay {
padding: 50px 0px;
}
.header.header {
width: 100%;
/*position: relative;*/
}
.row-eq-height{
display: block;
}
#main-nav .row-eq-height{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.title {
font-size: 2.2em;
}
.heading .caption {
font-size: 18px;
}
.aboutpage{
text-align: center;
}
#aboutpage2 .content-wrapper {
margin: 20px 0px;
}
#contactform .innercontent {
padding: 50px 30px;
margin-top: -50px;
}
#contactinfo ul > li {
width: 100%;
}
#usp ul li {
width: 49%;
}
#usp ul li .box{
min-height: 280px;
padding: 30px 10px;
margin: 0px;
border: 10px solid transparent;
}
#usp ul li:nth-child(2) .box{
border: 10px solid #edc949;
margin-top: 0px;
}
#usp ul li:nth-child(3) .box{
border: 10px solid #edc949;
margin-top: 0px;
}
#contactpage1 {
text-align: center;
}
#contactpage1 .contactinfo {
text-align: center;
padding: 0px 0px 20px 0px;
margin: 0px 0px 60px 0px;
border: none;
border-bottom: 1px solid #cccccc;
}
.contactinfo .box {
padding: 15px 0px;
text-align: center;
}
.contactinfo .box .content {
display: block;
padding: 0px 15px;
}
.contactinfo .box .icon-entry {
width: 100%;
display: inline-block;
}
#contactpage1 .nopaddingright {
padding-left: 0 !important;
}
#footer{
}
#footer .container {
width: 100%;
text-align: center;
}
#footer .box{
display: block;
}
#footer ul.social {
padding-top: 30px;
}
#footer .widget ul.menu li {
display: block;
text-align: center;
}
.footer-widget {
width: 100%;
text-align: center;
float: none;
display: inline-block;
padding: 10px 0px;
}
.footer-widget li {
text-align: center;
}
.menu-footer-menu-container{
margin-bottom: 20px;
}
.menu-footer-menu-container ul{
text-align: center !important;
}
}
@media (min-width: 600px) {
}
@media (max-width: 600px) {
.page-header-content{
font-size: 20px;
}
#info {
font-size: 11px;
}
}
@media (min-width: 480px) {
.showmobile{
display: none;
}
.hiddenmobile{
display: inline-block;
}
}
@media (max-width: 480px) {
body{
font-size: 13px;
}
body [class*='col-']{
padding: 0px 5px;
}
h1{
font-size: 2.4em;
}
h2 {
font-size: 2.2em;
}
h3 {
font-size: 2em;
}
h4 {
font-size: 1.8em;
}
h5 {
font-size: 1.6em;
}
h6 {
font-size: 1.4em;
}
.container{
padding: 0px 10px;
}
.showmobile{
display: inline-block;
}
.hiddenmobile{
display: none;
}
.title {
font-size: 2em;
}
.subtitle {
font-size: 1.2em;
}
.heading .caption {
font-size: 16px;
}
.box .title {
font-size: 16px;
}
.responsive-logo {
width: 40%;
}
.navbar-inverse .navbar-nav > li a {
text-align: left;
}
.navbar-collapse {
padding-right: 0;
padding-left: 0;
}
.page-header-content h3.page-title, .page-header-content h3 {
font-size: 32px;
}
.page-header-content .caption{
font-size: 13px;
}
.right {
float: none;
}
#info label {
margin-bottom: 5px;
font-size: 10px;
}
#news-wrapper .box {
display: block;
}
#news-wrapper .box .content {
padding: 20px 0px;
}
.widget h3.widget-title{
font-size: 22px;
}
.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;
}
}
@media (max-width: 380px) {
#info .textwidget {
display: none;
}
}
@media (max-width: 360px) {
}
.cd-top {
z-index: 999;
display: inline-block;
height: 60px;
width: 60px;
position: fixed;
bottom: 15px;
right: 15px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #000000 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;
}