/* ========================= */
/* FONT FACE */
/* ========================= */
body,
td,
th {
font-family: "Open Sans", Helvetica, "Segoe UI", Arial, sans-serif;
}
a li:hover {
color: #FFFFFF;
}
.googlemap-wrapper {
position: relative;
margin: -65px 0 50px 0;
}
.googlemap-wrapper img {
max-width: none !important;
}
.map-canvas {
width: 100%;
height: 200px;
padding: 6px;
background-color: #e5e5e5;
border: 1px solid #cecece;
}
@media (min-width: 768px) {
.map-canvas {
height: 320px;
}
}
@media (min-width: 992px) {
.map-canvas {
margin-bottom: 0;
height: 390px;
}
}
.map-canvas:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
margin: -15px 0 0 -15px;
width: 30px;
height: 30px;
color: #2f2f2f;
content: '\f110';
text-align: center;
font-size: 20px;
font-family: 'FontAwesome';
line-height: 30px;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'Nella Sue';
src: url('../font/nellasuedemo-webfont.eot');
src: url('../font/nellasuedemo-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/nellasuedemo-webfont.woff') format('woff'),
url('../font/nellasuedemo-webfont.ttf') format('truetype'),
url('../font/nellasuedemo-webfont.svg#nella_sue_demoregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Sweetly Broken';
src: url('../font/Sweetly-Broken.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Intro Inline';
src: url('../font/Intro-Inline.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'intro_regular';
src: url('../font/intro-webfont.eot');
src: url('../font/intro-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/intro-webfont.woff') format('woff'),
url('../font/intro-webfont.ttf') format('truetype'),
url('../font/intro-webfont.svg#intro_regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'intro_inlineregular';
src: url('../font/intro_inline-webfont.eot');
src: url('../font/intro_inline-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/intro_inline-webfont.woff') format('woff'),
url('../font/intro_inline-webfont.ttf') format('truetype'),
url('../font/intro_inline-webfont.svg#intro_inlineregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'sweetly_brokenregular';
src: url('../font/sweetly_broken-webfont.eot');
src: url('../font/sweetly_broken-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/sweetly_broken-webfont.woff') format('woff'),
url('../font/sweetly_broken-webfont.ttf') format('truetype'),
url('../font/sweetly_broken-webfont.svg#sweetly_brokenregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'code_lightregular';
src: url('../font/code_light-webfont.eot');
src: url('../font/code_light-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/code_light-webfont.woff') format('woff'),
url('../font/code_light-webfont.ttf') format('truetype'),
url('../font/code_light-webfont.svg#code_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'telegraficoregular';
src: url('../font/telegrafico-webfont.eot');
src: url('../font/telegrafico-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/telegrafico-webfont.woff') format('woff'),
url('../font/telegrafico-webfont.ttf') format('truetype'),
url('../font/telegrafico-webfont.svg#telegraficoregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* ========================= */
/* GLOBAL STYLES */
/* ========================= */
html,
body {
overflow-x: hidden;
}
body.boxed-layout2 {
margin: 30px !important;
overflow: hidden !important;
}
.no-fouc {
display: none;
}
.boxed-layout-container div {
position: fixed;
background: #ddd;
z-index: 10000;
}
.boxed-layout-container .bl-top {
top: 0;
left: 0;
right: 0;
height: 30px;
}
.boxed-layout-container .bl-left {
top: 0;
left: 0;
bottom: 0;
width: 30px;
}
.boxed-layout-container .bl-bottom {
bottom: 0;
left: 0;
right: 0;
height: 30px;
}
.boxed-layout-container .bl-right {
top: 0;
right: 0;
bottom: 0;
width: 30px;
}
body.boxed-layout2 #header {
top: 30px;
left: 30px;
right: 30px;
}
body.boxed-layout2 #sidemenu-wrapper {
left: 30px;
top: 30px;
bottom: 30px;
}
body.boxed-layout2 #sidemenu.hidden-menu.menu-opened #sidemenu-wrapper {
top: 30px;
left: 30px;
bottom: 30px;
}
body.boxed-layout2 .full-width {
padding-left: 30px !important;
padding-right: 30px !important;
}
body.boxed-layout2 #back-to-top a {
right: 60px;
bottom: 60px;
}
.master-slider {
margin: 0 !important;
}
.master-slider-parent {
overflow: hidden;
}
#main-content {
background: #fff;
}
body.b1170 #main-content,
body.b960 #main-content {
background: none;
}
@media(max-width:991px) {
body.sticky-footer-on {
padding-bottom: 0 !important;
}
body.sticky-footer-on #footer {
position: static !important;
}
}
body {
font-family: 'Open Sans', Helvetica, Segoe UI, Arial, sans-serif;
font-size: 13px;
line-height: 22px;
overflow: hidden;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
color: #333333;
}
.admin-bar #header {
margin-top: 32px;
}
#back-to-top {
display: none;
}
#back-to-top a {
position: fixed;
width: 50px;
height: 50px;
bottom: 20px;
right: 20px;
opacity: .8;
z-index: 1000;
background: #0996d2 url(../images/sprites/back-to-top.png) center center no-repeat;
cursor: pointer;
transition: opacity .3s;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
}
#back-to-top a:hover {
opacity: 1;
}
/* Page Prealoding Screen */
.page-loadingstage {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 110000;
visibility: hidden;
opacity: 0;
transition-property: opacity, visibility;
-webkit-transition-property: opacity, visibility;
-moz-transition-property: opacity, visibility;
transition-duration: .6s, 0s;
-webkit-transition-duration: .6s, 0s;
-moz-transition-duration: .6s, 0s;
transition-delay: 0s, .6s;
-webkit-transition-delay: 0s, .6s;
-moz-transition-delay: 0s, .6s;
}
.page-loadingstage.visible {
visibility: visible;
opacity: 1;
transition-delay: 0s, 0s;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
}
.page-loadingstage>div {
display: table;
width: 100%;
height: 100%;
}
.page-loadingstage>div>div {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.page-loadingstage .page-loading-icon {
width: 100px;
height: 100px;
background: url(../images/page-loading-icon.gif) center center no-repeat;
display: inline-block;
}
/* Page PReloading Spinners */
/* Style 1 */
.spinner.style1 {
width: 40px;
height: 40px;
background-color: #BDA244;
margin: 0 auto;
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
0% {
-webkit-transform: perspective(120px)
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
/* Style 2 */
.spinner.style2 {
width: 40px;
height: 40px;
position: relative;
margin: 0 auto;
}
.spinner.style2 .double-bounce1,
.spinner.style2 .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #BDA244;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: spinnerbounce 2.0s infinite ease-in-out;
animation: spinnerbounce 2.0s infinite ease-in-out;
}
.spinner.style2 .double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes spinnerbounce {
0%,
100% {
-webkit-transform: scale(0.0)
}
50% {
-webkit-transform: scale(1.0)
}
}
@keyframes spinnerbounce {
0%,
100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* Style 3 */
.spinner.style3 {
margin: 0 auto;
width: 50px;
height: 30px;
text-align: center;
font-size: 10px;
}
.spinner.style3>div {
background-color: #BDA244;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner.style3 .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner.style3 .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner.style3 .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner.style3 .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4)
}
20% {
-webkit-transform: scaleY(1.0)
}
}
@keyframes stretchdelay {
0%,
40%,
100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
/* Style 4 */
.spinner.style4 {
margin: auto;
width: 32px;
height: 32px;
position: relative;
}
.spinner.style4 .cube1,
.spinner.style4 .cube2 {
background-color: #BDA244;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.spinner.style4 .cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes cubemove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
}
50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
}
100% {
-webkit-transform: rotate(-360deg)
}
}
@keyframes cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
/* Style 5 */
.spinner.style5 {
width: 40px;
height: 40px;
margin: auto;
background-color: #BDA244;
border-radius: 100%;
-webkit-animation: spinnerscaleout 1.0s infinite ease-in-out;
animation: spinnerscaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes spinnerscaleout {
0% {
-webkit-transform: scale(0.0)
}
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes spinnerscaleout {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
/* Style 6 */
.spinner.style6 {
margin: 0 auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
-webkit-animation: spinnerrotate 2.0s infinite linear;
animation: spinnerrotate 2.0s infinite linear;
}
.spinner.style6 .dot1,
.spinner.style6 .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #BDA244;
border-radius: 100%;
-webkit-animation: spinnerbouncetwo 2.0s infinite ease-in-out;
animation: spinnerbouncetwo 2.0s infinite ease-in-out;
}
.spinner.style6 .dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes spinnerrotate {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes spinnerrotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg)
}
}
@-webkit-keyframes spinnerbouncetwo {
0%,
100% {
-webkit-transform: scale(0.0)
}
50% {
-webkit-transform: scale(1.0)
}
}
@keyframes spinnerbouncetwo {
0%,
100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* Style 7 */
.page-loadingstage .spinner.style7 {
margin: 0 auto;
width: 70px;
text-align: center;
}
.page-loadingstage .spinner.style7>div {
width: 18px;
height: 18px;
background-color: #BDA244;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.page-loadingstage .spinner.style7 .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.page-loadingstage .spinner.style7 .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0.0)
}
40% {
-webkit-transform: scale(1.0)
}
}
@keyframes bouncedelay {
0%,
80%,
100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* Spinner 8 */
.spinner.style8 {
margin: 0 auto;
width: 50px;
height: 50px;
position: relative;
}
.spinner.style8 .container1>div,
.spinner.style8 .container2>div,
.spinner.style8 .container3>div {
width: 12px;
height: 12px;
background-color: #BDA244;
border-radius: 100%;
position: absolute;
-webkit-animation: bouncedelaytwo 1.2s infinite ease-in-out;
animation: bouncedelaytwo 1.2s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner.style8 .spinner-container {
position: absolute;
width: 100%;
height: 100%;
}
.spinner.style8 .container2 {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.spinner.style8 .container3 {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.spinner.style8 .circle1 {
top: 0;
left: 0;
}
.spinner.style8 .circle2 {
top: 0;
right: 0;
}
.spinner.style8 .circle3 {
right: 0;
bottom: 0;
}
.spinner.style8 .circle4 {
left: 0;
bottom: 0;
}
.spinner.style8 .container2 .circle1 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner.style8 .container3 .circle1 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner.style8 .container1 .circle2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner.style8 .container2 .circle2 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.spinner.style8 .container3 .circle2 {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.spinner.style8 .container1 .circle3 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.spinner.style8 .container2 .circle3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.spinner.style8 .container3 .circle3 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.spinner.style8 .container1 .circle4 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.spinner.style8 .container2 .circle4 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.spinner.style8 .container3 .circle4 {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelaytwo {
0%,
80%,
100% {
-webkit-transform: scale(0.0)
}
40% {
-webkit-transform: scale(1.0)
}
}
@keyframes bouncedelaytwo {
0%,
80%,
100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
#control-panel ul {
padding-left: 0;
}
body.b1170,
body.b960 {
background-color: #000;
}
#slider>.container {
width: 100%;
margin: 0;
padding: 0;
}
#panel-main-color-container+hr {
display: none;
}
body.b1170 #slider>.container,
body.b960 #slider>.container {
margin: 0 auto;
padding: 0 !important;
}
body.b1170 #upper-header>.container,
body.b1170 #main-header>.container,
body.b1170 #lower-header>.container,
body.b1170 #upper-footer>.container,
body.b1170 #main-footer>.container,
body.b1170 #lower-footer>.container,
body.b1170 #main-content>.container,
body.b1170 #slider>.container {
width: 1260px;
padding-left: 60px;
padding-right: 60px;
}
body.b960 #upper-header>.container,
body.b960 #main-header>.container,
body.b960 #lower-header>.container,
body.b960 #upper-footer>.container,
body.b960 #main-footer>.container,
body.b960 #lower-footer>.container,
body.b960 #main-content>.container,
body.b960 #slider>.container {
width: 1080px;
padding-left: 60px;
padding-right: 60px;
}
body.b1170 .full-width-bg,
body.b960 .full-width-bg {
margin-left: -60px;
margin-right: -60px;
padding-left: 60px;
padding-right: 60px;
}
body.b1170 .page-heading,
body.b960 .page-heading,
body.b1170 .full-width-bg,
body.b960 .full-width-bg,
body.b1170 .full-width,
body.b960 .full-width,
body.b1170 .sc-map.full,
body.b950 .sc-map.full {
margin-left: -60px;
margin-right: -60px;
}
body.b1170 .full-width .full-width-bg,
body.b960 .full-width .full-width-bg {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
body.b1170 .page-heading.style3,
body.b960 .page-heading.style3 {
margin-left: 0px;
margin-right: 0px;
}
body.b1170 #header,
body.b960 #header {
position: fixed;
}
body.b1170 #main-content>.container,
body.b960 #main-content>.container {
background: #fff;
}
body.b1170 #upper-header,
body.b960 #upper-header {
background: none !important;
padding: 0 !important;
opacity: 1 !important;
}
body.b1170 #upper-header>.container,
body.b960 #upper-header>.container {
background: #f7f7f7;
height: 40px;
padding-top: 5px;
}
body.b1170.headerstyle2 #upper-header>.container,
body.b960.headerstyle2 #upper-header>.container,
body.b1170.headerstyle3 #upper-header>.container,
body.b960.headerstyle3 #upper-header>.container,
body.b1170.headerstyle4 #upper-header>.container,
body.b960.headerstyle4 #upper-header>.container,
body.b1170.headerstyle7 #upper-header>.container,
body.b960.headerstyle7 #upper-header>.container {
background: #1d262b;
}
body.b1170 #main-header,
body.b960 #main-header {
background: none !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
height: auto !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
opacity: 1 !important;
}
body.b1170 #main-header>.container,
body.b960 #main-header>.container {
background: #fff;
height: 75px;
}
body.b1170.headerstyle2 #main-header>.container,
body.b960.headerstyle2 #main-header>.container {
background: #141d22;
}
body.b1170.headerstyle3 #main-header>.container,
body.b960.headerstyle3 #main-header>.container {
background: #141d22;
}
body.b1170.headerstyle4 #main-header>.container,
body.b960.headerstyle4 #main-header>.container {
background: #141d22;
}
body.b1170.headerstyle7 #main-header>.container,
body.b960.headerstyle7 #main-header>.container {
background: #141d22;
}
body.b1170.headerstyle9 #main-header>.container,
body.b960.headerstyle9 #main-header>.container {
background: #141d22;
height: 90px;
}
body.b1170 #lower-header,
body.b960 #lower-header {
background: none !important;
border: none !important;
padding: 0 !important;
opacity: 1 !important;
}
body.b1170 #lower-header>.container,
body.b960 #lower-header>.container {
height: 55px;
padding-top: 15px;
padding-bottom: 15px;
background: #fff;
}
body.b1170.headerstyle2 #lower-header>.container,
body.b960.headerstyle2 #lower-header>.container,
body.b1170.headerstyle3 #lower-header>.container,
body.b960.headerstyle3 #lower-header>.container {
background: #141d22;
}
body.b1170 #upper-footer,
body.b960 #upper-footer {
background: none;
padding: 0;
}
body.b1170 #upper-footer>.container,
body.b960 #upper-footer>.container {
background: #098ed1;
padding: 0;
}
body.b1170 #main-footer,
body.b960 #main-footer {
background: none;
padding: 0;
}
body.b1170 #main-footer>.container,
body.b960 #main-footer>.container {
background: #19242a;
color: #7ca1b3;
padding-top: 30px;
padding-bottom: 30px;
}
body.b1170 .footer-2 #main-footer>.container,
body.b960 .footer-2 #main-footer>.container {
background: #1d2636;
}
body.b1170 .footer-2 #lower-footer>.container,
body.b960 .footer-2 #lower-footer>.container {
background: #1d2636;
padding-top: 40px;
padding-bottom: 40px;
}
body.b1170 #lower-footer,
body.b960 #lower-footer {
background: none;
padding: 0;
}
body.b1170 #lower-footer>.container,
body.b960 #lower-footer>.container {
color: #547e93;
background: #141d22;
padding-top: 20px;
padding-bottom: 20px;
}
body.w1170.sticky-header-on,
body.w960.sticky-header-on {
padding-top: 40px;
}
.wp-caption {
width: 100% !important;
}
pre {
width: 100% !important;
overflow-x: scroll;
white-space: pre-wrap;
}
/* Header Style 1 */
body.headerstyle1 {
padding-top: 130px;
}
body.headerstyle1.preheader-on {
padding-top: 170px;
}
body.headerstyle1 .page-heading {
padding-top: 55px;
margin-top: -55px;
}
body.headerstyle1 .page-heading.style2 {
padding-top: 85px;
}
body.headerstyle1 .page-heading.style2.portfolio-heading {
padding-top: 65px;
padding-bottom: 10px;
}
body.headerstyle1 #slider,
body.headerstyle1 .portfolio-extended-image,
body.headerstyle1 .google-map-heading,
body.headerstyle1 .google-map-ts {
margin-top: -55px;
}
/* Header Style 2 */
body.headerstyle2 {
padding-top: 130px;
}
body.headerstyle2.preheader-on {
padding-top: 170px;
}
body.headerstyle2 .page-heading {
padding-top: 55px;
margin-top: -55px;
}
body.headerstyle2 .page-heading.style2 {
padding-top: 85px;
}
body.headerstyle2 .page-heading.style2.portfolio-heading {
padding-top: 65px;
padding-bottom: 10px;
}
body.headerstyle2 #slider,
body.headerstyle2 .portfolio-extended-image,
body.headerstyle2 .google-map-heading,
body.headerstyle2 .google-map-ts {
margin-top: -55px;
}
/* Header Style 3 */
body.headerstyle3 {
padding-top: 130px;
}
body.headerstyle3.preheader-on {
padding-top: 170px;
}
body.headerstyle3 .page-heading {
padding-top: 55px;
margin-top: -55px;
}
body.headerstyle3 .page-heading.style2 {
padding-top: 85px;
}
body.headerstyle3 .page-heading.style2.portfolio-heading {
padding-top: 65px;
padding-bottom: 10px;
}
body.headerstyle3 #slider,
body.headerstyle3 .portfolio-extended-image,
body.headerstyle3 .google-map-heading,
body.headerstyle3 .google-map-ts {
margin-top: -55px;
}
/* Header Style 4 */
body.headerstyle4 {
padding-top: 130px;
}
body.headerstyle4.preheader-on {
padding-top: 170px;
}
body.headerstyle4 .page-heading {
padding-top: 55px;
margin-top: -55px;
}
body.headerstyle4 .page-heading.style2 {
padding-top: 85px;
}
body.headerstyle4 .page-heading.style2.portfolio-heading {
padding-top: 65px;
padding-bottom: 10px;
}
body.headerstyle4 #slider,
body.headerstyle4 .portfolio-extended-image,
body.headerstyle4 .google-map-heading,
body.headerstyle4 .google-map-ts {
margin-top: -55px;
}
/* Header Style 5 */
body.headerstyle5 {
padding-top: 130px;
}
body.headerstyle5.preheader-on {
padding-top: 170px;
}
body.headerstyle5 .page-heading {
padding-top: 55px;
margin-top: -55px;
}
body.headerstyle5 .page-heading.style2 {
padding-top: 85px;
}
body.headerstyle5 .page-heading.style2.portfolio-heading {
padding-top: 65px;
padding-bottom: 10px;
}
body.headerstyle5 #slider,
body.headerstyle5 .portfolio-extended-image,
body.headerstyle5 .google-map-heading,
body.headerstyle5 .google-map-ts {
margin-top: -55px;
}
/* Header Style 6 */
body.headerstyle6 {
padding-top: 75px;
}
body.headerstyle6.preheader-on {
padding-top: 115px;
}
body.headerstyle6 .page-heading {
padding-top: 10px;
}
body.headerstyle6 .page-heading.style2.portfolio-heading {
padding-top: 125px;
padding-bottom: 10px;
}
body.headerstyle6 .page-heading.style2 {
padding-top: 40px;
}
body.headerstyle6 #slider,
body.headerstyle6 .portfolio-extended-image,
body.headerstyle6 .google-map-heading,
body.headerstyle6 .google-map-ts {
margin-top: 0;
}
/* Header Style 7 */
body.headerstyle7 {
padding-top: 90px;
}
body.headerstyle7.preheader-on {
padding-top: 130px;
}
body.headerstyle7 .page-heading {
padding-top: 90px;
margin-top: -50px;
}
body.headerstyle7 .page-heading.style2 {
padding-top: 90px;
}
body.headerstyle7 .page-heading.style2.portfolio-heading {
padding-top: 100px;
padding-bottom: 10px;
}
body.headerstyle7 #slider,
body.headerstyle7 .portfolio-extended-image,
body.headerstyle7 .google-map-heading,
body.headerstyle7 .google-map-ts {
margin-top: -90px;
}
/* Header Style 8 */
body.headerstyle8 {
padding-top: 90px;
}
body.headerstyle8.preheader-on {
padding-top: 130px;
}
body.headerstyle8 .page-heading {
padding-top: 100px;
margin-top: -90px;
}
body.headerstyle8 .page-heading.style2 {
padding-top: 130px;
}
body.headerstyle8 .page-heading.style2.portfolio-heading {
padding-top: 100px;
padding-bottom: 10px;
}
body.headerstyle8 #slider,
body.headerstyle8 .portfolio-extended-image,
body.headerstyle8 .google-map-heading,
body.headerstyle8 .google-map-ts {
margin-top: -90px;
}
/* Header Style 9 */
body.headerstyle9 {
padding-top: 90px;
}
body.headerstyle9.preheader-on {
padding-top: 130px;
}
body.headerstyle9 .page-heading {
padding-top: 100px;
margin-top: -90px;
}
body.headerstyle9 .page-heading.style2 {
padding-top: 130px;
}
body.headerstyle9 .page-heading.style2.portfolio-heading {
padding-top: 100px;
padding-bottom: 10px;
}
body.headerstyle9 #slider,
body.headerstyle9 .portfolio-extended-image,
body.headerstyle9 .google-map-heading,
body.headerstyle9 .google-map-ts {
margin-top: -90px;
}
.page-heading.portfolio-extended-heading {
padding-top: 5px !important;
padding-bottom: 15px !important;
background: #19242a !important;
background: rgba(25, 36, 42, .45) !important;
margin-top: -90px !important;
z-index: 100;
position: relative;
height: 90px;
}
.page-heading.portfolio-extended-heading h1 {
font-size: 30px !important;
}
img,
iframe {
max-width: 100%;
border: none;
}
img {
height: auto;
}
.flex-control-thumbs img {
border-color: transparent;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.align-center {
text-align: center;
}
.full-width {
zoom: 1;
}
.full-width:before,
.full-width:after {
content: " ";
display: table;
}
.full-width:after {
clear: both;
}
.full-width-bg {
margin-left: -5000px;
margin-right: -5000px;
padding-left: 5000px;
padding-right: 5000px;
}
.full-width-bg .aligncenter {
margin-bottom: 0;
}
.clearfix {
clear: both;
}
.col-one-fifth {
width: 20%;
float: left;
}
.full-width>.col-lg-1,
.full-width>.col-lg-one-fifth,
.full-width>.col-lg-2,
.full-width>.col-lg-3,
.full-width>.col-lg-4,
.full-width>.col-lg-5,
.full-width>.col-lg-6,
.full-width>.col-lg-7,
.full-width>.col-lg-8,
.full-width>.col-lg-9,
.full-width>.col-lg-10,
.full-width>.col-lg-11,
.full-width>.col-lg-12 {
padding: 0;
}
#wpadminbar {
-webkit-transform: translateZ(0px) !important;
}
.last-page {
margin-bottom: -40px;
}
.wpb_column>.wpb_wrapper>.last-page {
margin-bottom: -40px !important;
}
.first-page {
margin-top: -40px;
}
.wpb_column>.wpb_wrapper>.first-page {
margin-top: -40px !important;
}
/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000000;
}
.cursive-style {
font-family: 'Nella Sue', serif;
}
.cursive-style2 {
font-family: Great Vibes, serif;
}
h2.cursive-style2 {
font-size: 60px;
}
h1 {
font-size: 32px;
font-weight: 800;
line-height: 40px;
}
h1.cursive-style {
font-size: 80px;
line-height: 80px;
}
#main-pic{
margin-top: 110px !important;
}
h2 {
font-size: 28px;
font-weight: 500;
line-height: 36px;
margin: 20px 0;
}
h2.cursive-style {
font-size: 60px;
line-height: 60px;
}
h3 {
font-size: 24px;
font-weight: 400;
line-height: 24px;
margin: 20px 0;
}
h3.cursive-style {
font-size: 48px;
line-height: 48px;
}
h4 {
font-size: 20px;
line-height: 28px;
}
h5 {
font-size: 18px;
line-height: 26px;
}
h6 {
font-size: 12px;
line-height: 24px;
}
p {
font-size: 14px;
line-height: 24px;
color: #5f5f5f;
}
a {
color: #999999;
transition: color .3s;
-webkit-transition: color .3s;
-moz-transition: color .3s;
}
a:hover {
text-decoration: none;
}
.bold {
font-weight: 600;
}
.extra-bold {
font-weight: 800;
}
table {
border: 1px solid #eee;
}
td,
th {
font-weight: 400;
padding: 8px 10px;
}
td+td,
td+th,
th+th,
th+td {
border-left: 1px solid #eee;
}
tr+tr {
border-top: 1px solid #eee;
}
thead {
border-bottom: 1px solid #eee;
}
tfoot {
border-top: 1px solid #eee;
}
dd+dt {
margin-top: 20px;
}
span.orange {
color: #cb5010;
}
/* HEADER */
#header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 5000;
-webkit-transform: translateZ(0px);
}
#header.sticky-header {
position: fixed;
}
#sticky-header-hover-button {
position: fixed;
text-align: right;
top: -100%;
opacity: 0;
left: 0;
right: 0;
z-index: 1000;
height: 0;
transition: opacity .3s, top .4s;
-webkit-transition: opacity .3s, top .4s;
-moz-transition: opacity .3s, top .4s;
}
#sticky-header-hover-button>div {
height: 0;
}
#header.sticky-header+#sticky-header-hover-button {
opacity: 1;
top: 0;
}
#header.sticky-header-visible+#sticky-header-hover-button {
opacity: 0;
top: -100%;
}
#sticky-header-hover-button .button-content {
cursor: pointer;
text-align: center;
display: inline-block;
background: #39373d;
background: rgba(57, 55, 61, .6);
padding: 10px;
transition: opacity .3s;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
}
#sticky-header-hover-button .button-content>img {
display: block;
}
#sticky-header-hover-button .menuicon {
width: 40px;
height: 30px;
display: inline-block;
margin-top: 10px;
}
#sticky-header-hover-button .menuicon span {
display: block;
height: 3px;
background: #fff;
margin: 4px 0;
}
.cssanimations #header.sticky-header {
-webkit-animation: fadeInDown .5s;
animation: fadeInDown .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
body.headerstyle9 #header.sticky-header {
-webkit-animation: none;
animation: none;
opacity: 0;
top: -100%;
transition: opacity .5s, top .5s;
-webkit-transition: opacity .5s, top .5s;
-moz-transition: opacity .5s, top .5s;
}
body.headerstyle9 #header.sticky-header.sticky-header-visible {
opacity: 1;
top: 0;
}
@-webkit-keyframes stickyHeader {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes stickyHeader {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.lower-logo {
float: left;
margin-right: 40px;
height: 30px;
display: none;
}
#header.sticky-header .lower-logo {
display: block;
}
.lower-logo img {
height: 30px;
position: relative;
top: -5px;
}
#header ul {
list-style: none;
margin: 0;
padding: 0;
}
/* Main Header */
#main-header {
background: #fff;
transition: opacity .4s;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
position: relative;
-webkit-transform: translateZ(0px);
z-index: 5300;
padding: 12px 0 13px;
}
body.b1170 #header.style2 #main-header>.container,
body.b960 #header.style2 #main-header>.container,
#header.style2 #main-header {
background: #000;
background: rgba(0, 0, 0, .56);
}
#header.style7 #main-header,
body.b1170 #header.style7 #main-header>.container,
body.b960 #header.style7 #main-header>.container {}
#header.style8 #main-header,
body.b1170 #header.style8 #main-header>.container,
body.b960 #header.style8 #main-header>.container {}
body.b1170 #header.style3 #main-header>.container,
body.b1170 #header.style4 #main-header>.container,
body.b1170 #header.style5 #main-header>.container,
body.b960 #header.style3 #main-header>.container,
body.b960 #header.style4 #main-header>.container,
body.b960 #header.style5 #main-header>.container,
#header.style3 #main-header,
#header.style4 #main-header,
#header.style5 #main-header {
background: #002250;
}
body.b1170 #header.style8 #main-header>.container,
body.b960 #header.style8 #main-header>.container {
background: ;
background: rgba(255, 255, 255, .8);
}
#header.style4 #main-header,
#header.style6 #main-header {
background: #7a7d822e;
text-align: center;
}
#header.style1 #main-header,
#header.style6 #main-header,
#header.style7 #main-header,
#header.style8 #main-header {
box-shadow: 0 1px 4px rgba(0, 30, 46, .1);
-webkit-box-shadow: 0 1px 4px rgba(0, 30, 46, .1);
-moz-box-shadow: 0 1px 4px rgba(0, 30, 46, .1);
z-index: 5600;
}
#header.style9 #main-header {
height: 90px;
background: #39373d;
background: rgba(57, 55, 61, .12);
}
#header.style9.sticky-header #main-header {
height: 60px;
background: rgba(57, 55, 61, .5);
padding: 0;
}
body.b1170.headerstyle9 #header.sticky-header #main-header>.container,
body.b960.headerstyle9 #header.sticky-header #main-header>.container {
height: 60px;
}
#header.style9 #main-header #main-nav,
#header.style9 #main-header div.menu>ul {
margin-top: 20px;
}
#header.style9.sticky-header #main-header #main-nav,
#header.style9.sticky-header #main-header div.menu>ul {
margin-top: 20px;
}
#header.style9 #upper-header {
background: #fcfcfc;
color: #12222d;
}
#header.style9.sticky-header .logo img {
margin-top: 5px;
height: 50px;
}
#header.style9 #upper-header .social-media li a,
#header.style9 #upper-header #search-box-pre i.icons {
color: #4a5258;
}
#header.style9 #upper-header #search-box-pre i.icons {
font-size: 16px;
}
#header.style9 #main-nav>li.menu-item-has-children>a:after,
#header.style9 div.menu>ul>li.menu-item-has-children>a:after,
#header.style9 #main-nav>li.page_item_has_children>a:after,
#header.style9 div.menu>ul>li.page_item_has_children>a:after {
background-image: url(../images/sprites/menu-arrows2.png);
background-position: 0 2px;
}
#nav-button {
position: absolute;
right: 15px;
top: 50%;
margin-top: -12px;
width: 25px;
height: 25px;
/*background:url(../images/sprites/nav-icons.png) no-repeat;*/
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
#nav-button span {
display: block;
height: 4px;
background: #fff;
margin: 4px 0;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
transition: transform .3s, opacity .3s;
-webkit-transition: -webkit-transform .3s, opacity .3s;
-moz-transition: -moz-transform .3s, opacity .3s;
}
#nav-button span:first-child {
transform-origin: 100% 0 0;
-webkit-transform-origin: 100% 0 0;
-moz-transform-origin: 100% 0 0;
-ms-transform-origin: 100% 0 0;
-o-transform-origin: 100% 0 0;
}
#nav-button span:last-child {
transform-origin: 100% 100% 0;
-webkit-transform-origin: 100% 100% 0;
-moz-transform-origin: 100% 100% 0;
-ms-transform-origin: 100% 100% 0;
-o-transform-origin: 100% 100% 0;
}
#nav-button:hover span:first-child {
-webkit-transform: translateY(-2px);
}
#nav-button:hover span:last-child {
-webkit-transform: translateY(2px);
}
.navigation-style2.nav-active+#nav-button span:first-child {
transform: rotate(-45deg) translateY(0px);
-webkit-transform: rotate(-45deg) translateY(0px);
-moz-transform: rotate(-45deg) translateY(0px);
-ms-transform: rotate(-45deg) translateY(0px);
-o-transform: rotate(-45deg) translateY(0px);
}
.navigation-style2.nav-active+#nav-button span:last-child {
transform: rotate(45deg) translateY(0px);
-webkit-transform: rotate(45deg) translateY(0px);
-moz-transform: rotate(45deg) translateY(0px);
-ms-transform: rotate(45deg) translateY(0px);
-o-transform: rotate(45deg) translateY(0px);
}
.navigation-style2.nav-active+#nav-button span:nth-child(2) {
opacity: 0;
}
.navigation-style2 {
padding-right: 60px;
visibility: hidden;
position: relative;
right: -20px;
opacity: 0;
transition: opacity .3s, right .3s, visibility 0s;
-webkit-transition: opacity .3s, right .3s, visibility 0s;
-moz-transition: opacity .3s, right .3s, visibility 0s;
transition-delay: 0s, 0s, .3s;
-webkit-transition-delay: 0s, 0s, .3s;
-moz-transition-delay: 0s, 0s, .3s;
}
.navigation-style2.nav-active {
visibility: visible;
transition-delay: 0s, 0s, 0s;
-webkit-transition-delay: 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s;
right: 0;
opacity: 1;
}
.navigation-style2 #main-nav>li>a,
.navigation-style2 #header div.menu>ul>li>a {
color: #fff;
font-weight: 700;
font-size: 14px;
}
#main-header .navigation-style2 #main-nav>li,
#main-header .navigation-style2 div.menu>ul>li {
margin-left: 40px;
}
#main-header ul,
#main-header ul li {
display: inline-block;
}
.logo img {
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
}
#main-header .social-media,
#main-header .text-list {
margin-top: 25px;
}
#main-header ul:after {
border-right: 1px solid #666;
content: '';
display: inline-block;
height: 12px;
position: relative;
top: 1px;
margin: 0 12px;
}
#main-header ul:last-child:after {
display: none;
border: none;
margin: 0;
}
.social-media {
list-style: none;
margin: 0;
padding: 0;
}
.social-media li {
display: inline-block;
-webkit-transform: scale(1) translateZ(0px);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: color 0.2s, opacity 0.2s;
-webkit-transition: color 0.2s, opacity 0.2s;
-moz-transition: color 0.2s, opacity 0.2s;
}
.social-media li:first-child {
margin-left: -8px;
}
.social-media li a {
font-size: 18px;
color: #FFFFFF;
}
.social-media li:hover {
-webkit-transform: scale(1.1) translateZ(0px);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.text-list {
font-size: 14px;
text-transform: uppercase;
}
#main-header #main-nav,
#main-header div.menu>ul {
margin-top: 15px;
}
#main-header #main-nav>li,
#main-header div.menu>ul>li {
margin-right: 0;
margin-left: 30px;
}
#main-header #main-nav li ul,
#main-header div.menu>ul li ul {
text-align: left;
}
.style2 #main-header #main-nav a,
.style2 #main-header div.menu>ul a {
color: #eee;
}
#header.style8 #main-header {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
padding-bottom: 15px;
}
#header.style8 #main-header:hover {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#main-header #main-nav:after,
#main-header div.menu>ul:after {
display: none;
}
/* Lower Header */
#lower-header {
background: #fff;
background: rgba(255, 255, 255, .80);
-webkit-transform: translateZ(0px);
position: relative;
z-index: 5400;
height: 55px;
transition: height .3s, padding .3s, background .4s, opacity 0.3s;
-webkit-transition: height .3s, padding .3s, background .4s, opacity 0.3s;
-moz-transition: height .3s, padding .3s, background .4s, opacity 0.3s;
}
body.b1170 #lower-header>.container,
body.b960 #lower-header>.container {
background: #fff;
background: rgba(255, 255, 255, .67);
}
#lower-header:hover {
background: rgba(255, 255, 255, .8);
}
#header.style3 #lower-header,
#header.style4 #lower-header {
background: #7a7d822e;
}
body.b1170 #header.style3 #lower-header>.container,
body.b960 #header.style3 #lower-header>.container,
body.b1170 #header.style4 #lower-header>.container,
body.b960 #header.style4 #lower-header>.container {
background: #002250;
}
#header.style1 #lower-header,
#header.style5 #lower-header,
#header.style6 #lower-header {
border-bottom: 1px solid rgba(245, 245, 245, 0.5);
}
#header.style5 #lower-header,
#header.style6 #lower-header {
background: #fff;
background: rgba(255, 255, 255, .78);
}
body.b1170 #header.style5 #lower-header>.container,
body.b960 #header.style5 #lower-header>.container,
body.b1170 #header.style6 #lower-header>.container,
body.b960 #header.style6 #lower-header>.container {
background: #fff;
background: rgba(255, 255, 255, .78);
}
#header.style4 #lower-header,
#header.style6 #lower-header {
text-align: center;
}
#header.style4 #lower-header #main-navm,
#header.style4 #lower-header div.menu>ul {
display: inline-block;
}
#header.style4 #lower-header #main-nav li:last-child,
#header.style6 #lower-header #main-nav li:last-child,
#header.style4 #lower-header div.menu>ul li:last-child,
#header.style6 #lower-header div.menu>ul li:last-child {
margin-right: 0;
}
#header.style4 #lower-header #main-nav li ul,
#header.style6 #lower-header #main-nav li ul,
#header.style4 #lower-header div.menu>ul li ul,
#header.style5 #lower-header div.menu>ul li ul {
text-align: left;
line-height: 5px;
}
#lower-header.light {
background: #e1eef1;
}
#lower-header ul,
#lower-header ul li {
display: inline-block;
}
/* Upper Header */
#upper-header {
background: #7a7d822e;
-webkit-transform: translateZ(0px);
position: relative;
z-index: 5800;
height: 40px;
color: #ddd;
padding: 7px 0;
transition: opacity .4s;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
overflow: hidden;
border-bottom: 2px solid #fff;
}
#upper-header .item.left {
float: left;
margin-right: 20px;
}
#upper-header .item.right {
float: right;
margin-left: 20px;
}
#upper-header.light {
background: #e1eef1;
}
#upper-header .item:before {
content: "|";
display: inline-blick;
margin-right: 15px;
margin-bottom: 4px;
line-height: 22px;
}
#upper-header .item.hidden-separator:before {
display: none;
}
#header.style7 #upper-header,
#header.style8 #upper-header,
#header.style1 #upper-header,
#header.style6 #upper-header {
background: #f7f7f7;
color: #444;
}
#upper-header ul,
#upper-header ul li {
display: inline-block;
font-size: 18px;
}
#upper-header ul:after {
border-right: 1px solid #ddd;
content: '';
display: inline-block;
height: 12px;
position: relative;
top: 1px;
margin: 0 12px;
}
#upper-header ul:last-child:after {
display: none;
border: none;
margin: 0;
}
/* Sticky header */
.sticky-header.style1 #main-header,
.sticky-header.style3 #main-header,
.sticky-header.style4 #main-header,
.sticky-header.style5 #main-header,
.sticky-header.style6 #main-header,
body.b1170 .sticky-header.style1 #main-header,
body.b1170 .sticky-header.style3 #main-header,
body.b1170 .sticky-header.style4 #main-header,
body.b1170 .sticky-header.style5 #main-header,
body.b1170 .sticky-header.style6 #main-header,
body.b960 .sticky-header.style1 #main-header,
body.b960 .sticky-header.style3 #main-header,
body.b960 .sticky-header.style4 #main-header,
body.b960 .sticky-header.style5 #main-header,
body.b960 .sticky-header.style6 #main-header,
body.b1170 .sticky-header #upper-header,
body.b960 .sticky-header #upper-header,
.sticky-header #upper-header {
height: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.sticky-header.style1 #lower-header,
.sticky-header.style3 #lower-header,
.sticky-header.style4 #lower-header,
.sticky-header.style5 #lower-header,
.sticky-header.style6 #lower-header,
body.b1170 .sticky-header.style1 #lower-header,
body.b1170 .sticky-header.style3 #lower-header,
body.b1170 .sticky-header.style4 #lower-header,
body.b1170 .sticky-header.style5 #lower-header,
body.b1170 .sticky-header.style6 #lower-header,
body.b960 .sticky-header.style1 #lower-header,
body.b960 .sticky-header.style3 #lower-header,
body.b960 .sticky-header.style4 #lower-header,
body.b960 .sticky-header.style5 #lower-header,
body.b960 .sticky-header.style6 #lower-header {
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
height: 40px;
padding: 7px 0;
}
#header.sticky-header #lower-header {
background: rgba(255, 255, 255, .80);
}
#header.sticky-header.style3 #lower-header,
#header.sticky-header.style4 #lower-header {
background: rgba(20, 29, 34, .80);
}
.sticky-header.style2 #main-header,
.sticky-header.style7 #main-header,
.sticky-header.style8 #main-header {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
height: 60px !important;
padding-top: 0;
}
body.b1170 .sticky-header.style7 #main-header>.container,
body.b960 .sticky-header.style7 #main-header>.container,
body.b1170 .sticky-header.style8 #main-header>.container,
body.b960 .sticky-header.style8 #main-header>.container {
height: 60px !important;
padding-top: 0;
}
.sticky-header.style1:hover #lower-header,
.sticky-header.style2:hover #lower-header,
.sticky-header.style3:hover #lower-header,
.sticky-header.style4:hover #lower-header,
.sticky-header.style5:hover #lower-header,
.sticky-header.style6:hover #lower-header,
.sticky-header.style7:hover #lower-header,
.sticky-header.style8:hover #lower-header,
.sticky-header.style1:hover #main-header,
.sticky-header.style2:hover #main-header,
.sticky-header.style3:hover #main-header,
.sticky-header.style4:hover #main-header,
.sticky-header.style5:hover #main-header,
.sticky-header.style6:hover #main-header,
.sticky-header.style7:hover #main-header,
.sticky-header.style8:hover #main-header {
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.sticky-header.style2 #main-header #main-nav,
.sticky-header.style7 #main-header #main-nav,
.sticky-header.style8 #main-header #main-nav,
.sticky-header.style2 #main-header div.menu>ul,
.sticky-header.style7 #main-header div.menu>ul,
.sticky-header.style8 #main-header div.menu>ul {
margin-top: 15px;
}
.sticky-header.style2 #main-header .logo img,
.sticky-header.style7 #main-header .logo img,
.sticky-header.style8 #main-header .logo img {
height: 40px;
margin-top: 5px;
}
.headerstyle8 #main-content .main-flexslider,
.headerstyle8 #main-content .head-banner {
margin-top: -90px;
}
#main-content>.container>.row>section.col-lg-12.small-padding {
float: none;
padding-bottom: 20px;
}
/* Upper Header Menus */
#upper-header {
overflow: visible;
}
#upper-header .menu li {
position: relative;
}
#upper-header .menu li>a {
color: #ffffff;
font-size: 11px;
text-transform: uppercase;
}
#upper-header .menu>li:hover>a {
color: #BDA244;
font-size: 18px;
}
#upper-header .menu>li+li {
margin-left: 15px;
}
#upper-header .menu li>a:after {
font-family: fontello;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
margin-left: 5px;
content: '\e899';
}
#upper-header .cart-menu-item>a {
color: #73848E;
font-size: 11px;
text-transform: uppercase;
}
#upper-header .cart-menu-item>a:after,
#upper-header .menu li>a:only-child:after {
content: '';
display: none;
}
#upper-header .cart-menu-item:before {
font-family: fontello;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 0.9em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
color: #BDA244;
content: '\edac';
}
#upper-header .menu>li>ul {
display: none;
position: absolute;
z-index: 6000;
left: 0;
top: 100%;
padding-top: 10px;
text-align: left;
}
.csstransforms #upper-header .menu>li>ul {
display: block;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
opacity: 0;
transition: transform .4s opacity .3s;
-webkit-transition: 0 .4s opacity .3s;
-moz-transition: 0 .4s opacity .3s;
}
#upper-header .menu>li:hover>ul {
display: block;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
opacity: 1;
}
#upper-header .menu>li>ul:before {
content: '';
position: absolute;
top: 5px;
left: 10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #28363d;
}
#upper-header .menu>li>ul>li {
background: #28363d;
}
#upper-header .menu>li>ul>li>a {
display: block;
padding: 5px 15px;
min-width: 100px;
}
#upper-header .menu>li>ul>li>a:hover {
color: #fff;
}
.shopping-cart-dropdown {
width: 300px;
z-index: 19999;
overflow: hidden;
position: absolute;
text-align: left;
top: 100%;
right: 0;
padding-top: 20px;
display: none;
}
.cart-menu-item {
perspective: 500px;
-webkit-perspective: 500px;
}
.csstransforms .shopping-cart-dropdown {
display: block;
transform: rotate3d(1, 0, 0, -90deg);
-webkit-transform: rotate3d(1, 0, 0, -90deg);
-moz-transform: rotate3d(1, 0, 0, -90deg);
-ms-transform: rotate3d(1, 0, 0, -90deg);
-o-transform: rotate3d(1, 0, 0, -90deg);
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
transition: transform 0.5s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
-moz-transition: -moz-transform 0.5s, opacity 0.3s;
}
.cart-menu-item:hover>.shopping-cart-dropdown {
display: block;
transform: rotate3d(0, 0, 0, 0);
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-ms-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.shopping-cart-dropdown:after {
content: '';
display: block;
position: absolute;
top: 1px;
right: 20px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 20px 20px;
border-color: transparent transparent #fcfcfc;
}
.shopping-cart-dropdown h4 {
font-size: 14px;
color: #0b2b33;
text-transform: uppercase;
font-weight: 700;
margin: 0;
}
.shopping-cart-dropdown .sc-header {
padding: 20px;
background: #fcfcfc;
border: 1px solid #dae2e7;
overflow: hidden;
}
.shopping-cart-dropdown .sc-header h4 {
float: left;
}
.shopping-cart-dropdown .sc-header a.sc-remove-button {
float: right;
font-size: 14px !important;
color: #000;
}
.shopping-cart-dropdown h4 span {
color: #73848e;
}
.shopping-cart-dropdown .sc-item {
display: table;
vertical-align: top;
border-right: 1px solid #dae2e7;
border-left: 1px solid #dae2e7;
width: 100%;
background: #fff;
}
.shopping-cart-dropdown .sc-item+.sc-item {
border-top: 1px solid #dae2e7;
}
.shopping-cart-dropdown .sc-item .featured-image {
display: table-cell;
vertical-align: top;
width: 100px;
padding: 10px;
}
.shopping-cart-dropdown .sc-item .featured-image img {
width: 80px;
border: 1px solid #dae2e7;
}
.shopping-cart-dropdown .sc-item .item-info {
display: table-cell;
vertical-align: top;
padding: 10px 10px 10px 5px;
}
.shopping-cart-dropdown .sc-item a.title,
.shopping-cart-dropdown .sc-item span.price {
display: block;
}
.shopping-cart-dropdown .sc-item a.title {
text-transform: none;
font-size: 12px;
color: #73848e;
}
.shopping-cart-dropdown .sc-item a.title:hover {
color: #BDA244 !important;
}
.shopping-cart-dropdown .sc-item span.price {
font-weight: 700;
margin-bottom: 5px;
}
.shopping-cart-dropdown .sc-item .item-meta li {
float: none !important;
display: block !important;
margin: 0 !important;
color: #73848e;
}
.shopping-cart-dropdown .sc-footer a.button {
font-size: 14px;
font-weight: 700;
padding-left: 25px;
padding-right: 25px;
}
.shopping-cart-dropdown .sc-footer a.button+a.button {
margin-left: 10px;
}
.shopping-cart-dropdown .sc-footer {
padding: 10px;
background: #fcfcfc;
border: 1px solid #dae2e7;
}
.shopping-cart th {
color: #73848E;
}
/* Main Navigation */
.headerstyle3 #lower-header #main-nav,
.headerstyle3 #lower-header div.menu,
.headerstyle5 #lower-header #main-nav,
.headerstyle5 #lower-header div.menu {
float: none;
}
#main-nav,
#header div.menu>ul {
text-transform: uppercase;
font-size: 14px;
}
#main-nav>li>a,
#header div.menu>ul>li>a,
#main-nav>li>a,
#header div.menu>ul>li>a {
display: block;
}
#main-nav>li+li,
#header div.menu>ul>li+li {
margin-left: 30px;
}
#main-nav>li>a,
#header div.menu>ul>li>a {
color: #000000;
font-size: 11px;
}
#main-nav>li.menu-item-has-children,
#header div.menu>ul>li.menu-item-has-children,
#main-nav>li.page_item_has_children,
#header div.menu>ul>li.page_item_has_children {
margin-right: -11px !important;
}
#main-nav>li.menu-item-has-children>a:after,
#header div.menu>ul>li.menu-item-has-children>a:after,
#main-nav>li.page_item_has_children>a:after,
#header div.menu>ul>li.page_item_has_children>a:after {
content: '';
display: inline-block;
margin-left: 5px;
position: relative;
top: 1px;
width: 11px;
height: 11px;
background: url(../images/sprites/menu-arrows.png) -11px 0 no-repeat;
}
#main-nav>li>a:only-child:after,
#header div.menu>ul>li>a:only-child:after {
display: none;
}
#main-nav>li:hover>a,
#main-nav>li.current-menu-item>a,
#main-nav>li.current-menu-ancestor>a,
#header div.menu>ul>li:hover>a,
#header div.menu>ul>li.current-menu-item>a,
#header div.menu>ul>li.current-menu-ancestor>a {
background-position: 0px 0px;
}
#main-nav>li:hover>a:after,
#main-nav>li.current-menu-item>a:after,
#main-nav>li.current-menu-ancestor>a:after,
#header div.menu>ul>li:hover>a:after,
#header div.menu>ul>li.current-menu-item>a:after,
#header div.menu>ul>li.current-menu-ancestor>a:after {
background-position: 0px 0px;
}
#main-nav ul:after,
div.menu>ul ul:after {
display: none !important;
border: none !important;
}
#main-nav li ul,
#header div.menu>ul li ul {
display: none;
position: absolute;
padding-top: 17px;
min-width: 180px;
}
#main-nav>li>ul,
#header div.menu>ul>li>ul {
margin-left: -15px;
}
.sticky-header #main-nav li ul,
.sticky-header #header div.menu>ul li ul {
padding-top: 15px;
}
#main-nav li ul li ul,
#header div.menu>ul li ul li ul {
padding-top: 0 !important;
left: 100%;
top: 0;
}
@-webkit-keyframes fadeInUpMenu {
0% {
opacity: 0;
-webkit-transform: translateY(30px) translateZ(0px);
transform: translateY(30px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0) translateZ(0px);
transform: translateY(0);
}
}
@keyframes fadeInUpMenu {
0% {
opacity: 0;
-webkit-transform: translateY(30px) translateZ(0px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0) translateZ(0px);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
#main-nav>li>ul,
#header div.menu>ul>li>ul {
display: block;
visibility: hidden;
opacity: 0;
margin-top: 40px;
-webkit-transition-property: opacity, visibility, margin;
-moz-transition-property: opacity, visibility, margin;
-o-transition-property: opacity, visibility, margin;
transition-property: opacity, visibility, margin;
-webkit-transition-duration: .4s, 0s, .4s;
-moz-transition-duration: .4s, 0s, .4s;
-o-transition-duration: .4s, 0s, .4s;
transition-duration: .4s, 0s, .4s;
-webkit-transition-delay: 0s, .4s, 0s;
-moz-transition-delay: 0s, .4s, 0s;
-o-transition-delay: 0s, .4s, 0s;
transition-delay: 0s, .4s, 0s;
}
#main-nav>li:hover>ul,
#header div.menu>ul>li:hover>ul {
opacity: 1;
visibility: visible;
margin-top: 0;
-webkit-transition-delay: 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s;
}
.csstransforms #main-nav li ul li ul,
.csstransforms #header div.menu>ul li ul li ul {
display: block;
left: 100%;
z-index: 7000;
transform: rotate3d(0, 1, 0, 90deg);
-webkit-transform: rotate3d(0, 1, 0, 90deg);
-moz-transform: rotate3d(0, 1, 0, 90deg);
-ms-transform: rotate3d(0, 1, 0, 90deg);
-o-transform: rotate3d(0, 1, 0, 90deg);
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
#main-nav li:hover>ul,
#main-nav li ul li:hover>ul,
#header div.menu>ul li:hover>ul,
#header div.menu>ul li ul li:hover>ul {
display: block;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
transform: rotate3d(0, 0, 0, 0);
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-ms-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
}
#main-nav li ul li,
#header div.menu>ul li ul li {
display: block;
position: relative;
-webkit-perspective: 500px;
perspective: 500px;
}
#main-nav li ul li a,
#header div.menu>ul li ul li a {
display: block;
color: #CCCCCC;
white-space: nowrap;
background: #1b1b1b;
background: rgba(27, 27, 27, .89);
padding: 13px 20px;
font-size: 11px;
transition: background .3s, color .3s;
-webkit-transition: background .3s, color .3s;
-moz-transition: background .3s, color .3s;
}
#main-nav li ul li.current-menu-item>a,
#main-nav li ul li.current-menu-ancestor>a,
#header div.menu>ul li ul li.current-menu-item>a,
#header div.menu>ul li ul li.current-menu-ancestor>a {
color: #1b1b1b;
background: #1b1b1b;
background: rgba(27, 27, 27, .95);
}
#main-nav li ul li:hover>a,
#header div.menu>ul li ul li:hover>a {
background: #1b1b1b;
background: rgba(0, 0, 0, .85);
text-decoration: none !important;
}
.headerstyle1 #main-nav li ul li+li>a,
.headerstyle1 #header div.menu>ul li ul li+li>a,
.headerstyle5 #main-nav li ul li+li>a,
.headerstyle5 #header div.menu>ul li ul li+li>a,
.headerstyle8 #main-nav li ul li+li>a,
.headerstyle8 #header div.menu>ul li ul li+li>a {
border-top: 1px solid #dde5e9;
}
.headerstyle1 #main-nav li ul li a,
.headerstyle1 #header div.menu>ul li ul li a,
.headerstyle5 #main-nav li ul li a,
.headerstyle5 #header div.menu>ul li ul li a,
.headerstyle8 #main-nav li ul li a,
.headerstyle8 #header div.menu>ul li ul li a {
color: #73848e;
background: #fff;
}
.headerstyle1 #main-nav li ul li.current-menu-item>a,
.headerstyle1 #main-nav li ul li.current-menu-ancestor>a,
.headerstyle1 #header div.menu>ul li ul li.current-menu-item>a,
.headerstyle1 #header div.menu>ul li ul li.current-menu-ancestor>a,
.headerstyle1 #main-nav li ul li:hover>a,
.headerstyle1 #header div.menu>ul li ul li:hover>a,
.headerstyle5 #main-nav li ul li.current-menu-item>a,
.headerstyle5 #main-nav li ul li.current-menu-ancestor>a,
.headerstyle5 #header div.menu>ul li ul li.current-menu-item>a,
.headerstyle5 #header div.menu>ul li ul li.current-menu-ancestor>a,
.headerstyle5 #main-nav li ul li:hover>a,
.headerstyle5 #header div.menu>ul li ul li:hover>a,
.headerstyle8 #main-nav li ul li.current-menu-item>a,
.headerstyle8 #main-nav li ul li.current-menu-ancestor>a,
.headerstyle8 #header div.menu>ul li ul li.current-menu-item>a,
.headerstyle8 #header div.menu>ul li ul li.current-menu-ancestor>a,
.headerstyle8 #main-nav li ul li:hover>a,
.headerstyle8 #header div.menu>ul li ul li:hover>a {
color: #1b1b1b;
background: #fff;
}
#header.style3 #lower-header #main-nav a,
#header.style4 #lower-header #main-nav a,
#header.style3 #lower-header div.menu>ul a,
#header.style4 #lower-header div.menu>ul a {
color: #fff;
font-size: 13px;
}
#header.style3 #lower-header #main-nav li ul li.current-menu-item>a,
#header.style3 #lower-header #main-nav li ul li.current-menu-ancestor>a,
#header.style4 #lower-header #main-nav li ul li.current-menu-item>a,
#header.style4 #lower-header #main-nav li ul li.current-menu-ancestor>a,
#header.style3 #lower-header div.menu>ul li ul li.current-menu-item>a,
#header.style3 #lower-header div.menu>ul li ul li.current-menu-ancestor>a,
#header.style4 #lower-header div.menu>ul li ul li.current-menu-item>a,
#header.style4 #lower-header div.menu>ul li ul li.current-menu-ancestor>a {
color: #1b1b1b;
background: #1b1b1b;
background: rgba(27, 27, 27, .95);
}
#header.style3 #lower-header #main-nav li ul li:hover>a,
#header.style4 #lower-header #main-nav li ul li:hover>a,
#header.style3 #lower-header div.menu>ul li ul li:hover>a,
#header.style4 #lower-header div.menu>ul li ul li:hover> {
color: #1b1b1b;
background: #1b1b1b;
background: rgba(27, 27, 27, .95);
}
/* Mega Menu */
#main-nav .mega-menu {
position: absolute;
color: #1b1b1b;
padding-top: 17px;
display: block;
margin-left: -150px;
text-align: left;
visibility: hidden;
opacity: 0;
margin-top: 40px;
-webkit-transition-property: opacity, visibility, margin;
-moz-transition-property: opacity, visibility, margin;
-o-transition-property: opacity, visibility, margin;
transition-property: opacity, visibility, margin;
-webkit-transition-duration: .4s, 0s, .4s;
-moz-transition-duration: .4s, 0s, .4s;
-o-transition-duration: .4s, 0s, .4s;
transition-duration: .4s, 0s, .4s;
-webkit-transition-delay: 0s, .4s, 0s;
-moz-transition-delay: 0s, .4s, 0s;
-o-transition-delay: 0s, .4s, 0s;
transition-delay: 0s, .4s, 0s;
}
#main-nav li:first-child .mega-menu {
/*margin-left: 0;*/
}
#main-nav li:hover>.mega-menu {
opacity: 1;
visibility: visible;
margin-top: 0;
-webkit-transition-delay: 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s;
}
#main-nav .mega-menu-too-big {
left: 0;
right: 0;
margin-left: 0;
width: 100%;
}
#main-nav .mega-menu-too-big ul li a {
white-space: normal;
}
#main-nav>li:hover>.mega-menu {
display: block;
}
#header.sticky-header #main-nav .mega-menu {
padding-top: 15px;
}
.headerstyle1 #header.sticky-header #main-nav .mega-menu,
.headerstyle1 #header.sticky-header #main-nav>li>ul,
.headerstyle1 #header.sticky-header div.nav>ul>li>ul,
.headerstyle2 #header.sticky-header #main-nav .mega-menu,
.headerstyle2 #header.sticky-header #main-nav>li>ul,
.headerstyle2 #header.sticky-header div.nav>ul>li>ul,
.headerstyle3 #header.sticky-header #main-nav .mega-menu,
.headerstyle3 #header.sticky-header #main-nav>li>ul,
.headerstyle3 #header.sticky-header div.nav>ul>li>ul,
.headerstyle4 #header.sticky-header #main-nav .mega-menu,
.headerstyle4 #header.sticky-header #main-nav>li>ul,
.headerstyle4 #header.sticky-header div.nav>ul>li>ul,
.headerstyle5 #header.sticky-header #main-nav .mega-menu,
.headerstyle5 #header.sticky-header #main-nav>li>ul,
.headerstyle5 #header.sticky-header div.nav>ul>li>ul {
padding-top: 11px;
}
#main-nav .mega-menu>ul {
display: table !important;
table-layout: fixed;
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
-khtml-opacity: 1 !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
position: relative !important;
background: #19242a url(../images/mega-menu-bg.png) right bottom no-repeat;
padding-top: 0;
left: 0;
}
#main-nav .mega-menu ul {
margin-left: 0 !important;
opacity: 1 !important;
margin-top: 0 !important;
}
#main-nav .mega-menu>ul>li {
display: table-cell;
position: relative;
}
#main-nav .mega-menu>ul>li+li:before {
content: '';
top: 20px;
bottom: 20px;
left: 0;
border-left: 1px solid #273137;
position: absolute;
}
#main-nav .mega-menu>ul>li ul {
display: block;
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
-khtml-opacity: 1 !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
left: 0 !important;
position: relative !important;
}
#main-nav .mega-menu li a {
background: none !important;
}
#main-nav .mega-menu li a:before {
content: '';
width: 9px;
height: 9px;
display: inline-block;
margin-right: 5px;
background: url(../images/sprites/mega-menu-arrow.png) no-repeat;
}
#main-nav .mega-menu li:hover>a {
color: #1b1b1b !important;
}
#main-nav .mega-menu li:hover>a:before {
background-position: -9px 0;
}
#main-nav .mega-menu li span {
padding: 15px 20px;
display: block;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
}
#main-nav .mega-menu-footer {
padding: 8px 15px;
background: #162025;
color: #fff;
vertical-align: top;
}
#main-nav .mega-menu-footer span {
color: #86969e;
text-transform: none;
font-size: 12px;
display: inline-block;
margin-top: 9px;
}
#main-nav .mega-menu-footer span strong {
color: #cad4d9;
font-weight: 700;
}
.headerstyle1 #main-nav .mega-menu>ul,
.headerstyle4 #main-nav .mega-menu>ul,
.headerstyle5 #main-nav .mega-menu>ul,
.headerstyle8 #main-nav .mega-menu>ul {
background: #fff url(../images/mega-menu-bg-light.png) right bottom no-repeat;
}
.headerstyle1 #main-nav .mega-menu li span,
.headerstyle4 #main-nav .mega-menu li span,
.headerstyle5 #main-nav .mega-menu li span,
.headerstyle8 #main-nav .mega-menu li span {
color: #000000;
}
.headerstyle1 #main-nav .mega-menu li a,
.headerstyle4 #main-nav .mega-menu li a,
.headerstyle5 #main-nav .mega-menu li a,
.headerstyle8 #main-nav .mega-menu li a {
color: #73848e;
}
.headerstyle1 #main-nav .mega-menu>ul>li+li:before,
.headerstyle4 #main-nav .mega-menu>ul>li+li:before,
.headerstyle5 #main-nav .mega-menu>ul>li+li:before,
.headerstyle8 #main-nav .mega-menu>ul>li+li:before {
border-color: #eaeef1;
}
.headerstyle1 #main-nav .mega-menu-footer,
.headerstyle4 #main-nav .mega-menu-footer,
.headerstyle5 #main-nav .mega-menu-footer,
.headerstyle8 #main-nav .mega-menu-footer {
background: #e8eef1;
}
.headerstyle1 #main-nav .mega-menu-footer span,
.headerstyle1 #main-nav .mega-menu-footer span strong,
.headerstyle4 #main-nav .mega-menu-footer span,
.headerstyle4 #main-nav .mega-menu-footer span strong,
.headerstyle5 #main-nav .mega-menu-footer span,
.headerstyle5 #main-nav .mega-menu-footer span strong,
.headerstyle8 #main-nav .mega-menu-footer span,
.headerstyle8 #main-nav .mega-menu-footer span strong {
color: #73848e;
}
/* Search Box */
#search-box,
#search-box-pre {
position: relative;
float: right;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#search-box-pre {
float: none;
display: inline-block;
}
#main-header #search-box,
#main-header #search-box-pre {
margin-top: 28px;
margin-left: 30px;
}
.sticky-header #main-header #search-box,
.sticky-header #main-header #search-box-pre {
margin-top: 13px;
}
#search-box i.icons {
color: #93a6b0;
cursor: pointer;
font-size: 16px;
}
#search-box-pre i.icons {
color: #93a6b0;
cursor: pointer;
}
#search-box form,
#search-box-pre form {
position: absolute;
display: none;
top: 100%;
margin-top: 17px;
right: 0;
vertical-align: top;
box-shadow: 0 0 5px #ddd;
-webkit-box-shadow: 0 0 5px #ddd;
-moz-box-shadow: 0 0 5px #ddd;
padding-right: 50px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
}
#search-box.search-box-opened form,
#search-box-pre.search-box-opened form {
display: block;
animation: fadeInUp .4s;
-webkit-animation: fadeInUp .4s;
animation-iteration: forwards;
-webkit-animation-iteration: forwards;
}
#header.style3 #search-box form,
#header.style3 #search-box-pre form {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#search-box form:before,
#search-box-pre form:before {
position: absolute;
display: block;
content: '';
top: -12px;
right: 15px;
border-style: solid;
border-width: 0 0 15px 20px;
border-color: transparent transparent #000000;
}
#search-box .iconic-submit,
#search-box-pre .iconic-submit {
display: inline-block;
vertical-align: top;
margin-left: -3px;
position: absolute;
right: 0;
top: 0;
}
#search-box input[type="text"],
#search-box-pre input[type="text"] {
height: 50px;
border: none;
padding: 10px;
width: 200px;
}
#search-box input[type="text"]:focus,
#search-box-pre input[type="text"]:focus {
outline: none;
}
#search-box .iconic-submit input,
#search-box-pre .iconic-submit input {
position: absolute;
}
#search-box .iconic-submit .icon,
#search-box-pre .iconic-submit .icon {
position: relative;
top: 0;
left: 0;
width: 50px;
height: 50px;
background: #000000;
color: #fff;
text-align: center;
transition: background .3s;
-webkit-transition: background .3s;
-moz-transition: background .3s;
}
#search-box .iconic-submit:hover .icon,
#search-box-pre .iconic-submit:hover .icon {
background: #BDA244;
}
#search-box .iconic-submit .icons,
#search-box-pre .iconic-submit .icons {
color: #fff;
text-align: center;
position: relative;
left: 0;
top: 12px;
}
#search-box form input[type="submit"],
#search-box-pre form input[type="submit"] {
background: red;
width: 50px;
height: 50px;
z-index: 99999;
}
/*************************
SIDEMENU
*************************/
.tparrows {
-webkit-transform: none;
}
body.admin-bar #sidemenu-wrapper {
top: 30px;
}
body.admin-bar #sidemenu-button {
top: 95px;
}
body.sidemenu-fixed {
padding-left: 230px;
}
body.sidemenu-fixed .full-width {
padding-left: 230px !important;
}
body.sidemenu-fixed.boxed-layout2 .full-width {
padding-left: 260px !important;
}
body.sidemenu-fixed.b1170 .full-width,
body.sidemenu-fixed.b960 .full-width {
padding-left: 0 !important;
}
#sidemenu.hidden-menu #sidemenu-button {
display: block;
}
#sidemenu-button {
display: none;
position: fixed;
top: 65px;
left: 65px;
color: #fff;
z-index: 5000;
cursor: pointer;
transition: opacity .3s, left .4s;
-webkit-transition: opacity .3s, left .4s;
-moz-transition: opacity .3s, left .4s;
}
#sidemenu-button:hover {
opacity: .8;
}
#sidemenu-button>span {
text-transform: uppercase;
font-size: 12px;
}
#sidemenu-button>div {
width: 45px;
height: 45px;
background: url(../images/sprites/menu_hidden.png) no-repeat;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
#sidemenu-button>div>span+span {
margin-top: 6px;
}
#sidemenu-wrapper {
position: fixed;
-webkit-transform: translateZ(0px);
top: 0;
left: 0;
bottom: 0;
background: #fff;
background: rgba(255, 255, 255, .95);
z-index: 5000;
width: 230px;
padding: 30px;
text-align: center;
box-shadow: 1px 0 10px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, .1);
transition: margin .3s;
-webkit-transition: margin .3s;
-moz-transition: margin .3s;
}
#sidemenu-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 30px;
padding: 30px 30px 0;
overflow-x: visible;
overflow-y: hidden;
}
#sidemenu.dark .ps-container .ps-scrollbar-y-rail {
background-color: #333;
}
#sidemenu.dark .ps-container .ps-scrollbar-y {
background-color: #93a6b0 !important;
}
#sidemenu.dark #sidemenu-wrapper {
background: #141d22;
background: rgba(20, 29, 34, .90);
color: #8a9eae;
box-shadow: none;
-webkit-box-shadow: none;
}
#sidemenu.hidden-menu #sidemenu-wrapper {
left: -230px;
transition: left .4s;
-webkit-transition: left .4s;
-moz-transition: left .4s;
}
#sidemenu.hidden-menu.menu-opened #sidemenu-wrapper {
left: 0;
}
#sidemenu.hidden-menu.menu-opened #sidemenu-button {
left: -500px;
}
#sidemenu-wrapper .logo img {
margin-top: 0;
height: auto;
}
.sidemenu-tweets {
padding: 60px 0 30px;
border-top: 1px solid #cfd2d5;
font-size: 13px;
line-height: 24px;
color: #73848e;
}
.sidemenu-tweets .date {
font-size: 10px;
text-transform: uppercase;
line-height: 18px;
}
.sidemenu-tweets .icon {
font-size: 32px;
color: #55acee;
margin-bottom: 10px;
}
.sidemenu-tweets p {
margin-bottom: 0;
}
.sidemenu-tweets a {
word-break: break-word;
}
#side-nav {
border-top: 1px solid #cfd2d5;
margin: 30px 0 0;
padding: 30px 0;
}
#sidemenu.dark .sidemenu-tweets {
border-color: #2c353a;
}
#sidemenu.dark #side-nav {
border-color: #2c353a;
}
#side-nav>ul {
list-style: none;
display: block;
text-align: left;
padding: 0;
}
#side-nav li a {
display: block;
padding: 20px 0;
color: #000000;
font-size: 12px;
text-transform: uppercase;
}
#sidemenu.dark #side-nav li a {
color: #8a9eae;
}
#side-nav li:hover>a,
#side-nav li.current-menu-item>a,
#side-nav li.current-menu-ancestor>a {
color: #BDA244;
}
#sidemenu.dark #side-nav li:hover>a,
#sidemenu.dark #side-nav li.current-menu-item>a,
#sidemenu.dark #side-nav li.current-menu-ancestor>a {
color: #fff;
}
#side-nav>ul>li>a:before {
content: '';
width: 9px;
height: 9px;
display: inline-block;
margin-right: 10px;
background: url(../images/sprites/menu-arrows.png) -9px 0 no-repeat;
}
#sidemenu-wrapper .sidemenu-footer {
position: absolute;
left: 30px;
right: 30px;
bottom: 30px;
padding-top: 30px;
border-top: 1px solid #cfd2d5;
}
#sidemenu.dark .sidemenu-footer {
border-color: #2c353a;
}
#sidemenu-wrapper .sidemenu-footer p {
color: #73848e;
font-size: 11px;
white-space: nowrap;
}
@media (max-height: 1060px) {
#side-nav li a {
padding: 15px 0;
}
.sidemenu-tweets {
padding: 40px 0 40px;
}
}
@media (max-height: 900px) {
#side-nav li a {
padding: 10px 0;
}
}
#side-nav>ul>li>ul,
#side-nav>ul>li>ul ul {
padding-left: 20px;
display: none;
}
#side-nav>ul>li>ul ul {
padding-left: 0;
}
#side-nav li ul li {
position: relative;
}
#side-nav li ul li>a {
padding: 5px 0;
display: block;
font-size: 11px;
color: #73848e;
}
#sidemenu.dark #side-nav li ul a {
color: #fff;
}
#side-nav li ul li:hover>a,
#sidemenu.dark #side-nav li ul li:hover>a {
color: #BDA244;
}
#side-nav li:hover>.mega-menu {
display: block;
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
-o-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
}
#side-nav ul {
list-style: none;
padding: 0;
}
#side-nav>ul>li {
position: relative;
}
#side-nav .mega-menu {
position: absolute;
color: #b9cbd4;
left: 100%;
text-align: left;
padding: 0;
top: 0;
padding-left: 30px;
opacity: 0;
visibility: hidden;
-webkit-transition-property: opacity, visibility;
-moz-transition-property: opacity, visibility;
-o-transition-property: opacity, visibility;
transition-property: opacity, visibility;
-webkit-transition-duration: .3s, 0s;
-moz-transition-duration: .3s, 0s;
-o-transition-duration: .3s, 0s;
transition-duration: .3s, 0s;
-webkit-transition-delay: 0s, .3s;
-moz-transition-delay: 0s, .3s;
-o-transition-delay: 0s, .3s;
transition-delay: 0s, .3s;
}
#side-nav .mega-menu-too-big {
left: 0;
right: 0;
margin-left: 0;
width: 100%;
}
#side-nav .mega-menu ul li ul a {
white-space: nowrap;
padding: 15px 20px;
}
#side-nav .mega-menu-too-big ul li a {
white-space: normal;
}
#side-nav>li:hover>.mega-menu {
display: block;
-webkit-animation: fadeInUpMenu .4s;
animation: fadeInUpMenu .4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
#side-nav .mega-menu>ul {
display: table !important;
table-layout: fixed;
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
-khtml-opacity: 1 !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
position: relative !important;
background: #19242a url(../images/mega-menu-bg.png) right bottom no-repeat;
padding-top: 0;
left: 0;
}
#side-nav .mega-menu ul {
margin-left: 0 !important;
}
#side-nav .mega-menu>ul>li {
display: table-cell;
position: relative;
}
#side-nav .mega-menu>ul>li+li:before {
content: '';
top: 20px;
bottom: 20px;
left: 0;
border-left: 1px solid #273137;
position: absolute;
}
#side-nav .mega-menu>ul>li ul {
display: block;
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
-khtml-opacity: 1 !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
left: 0 !important;
position: relative !important;
}
#side-nav .mega-menu li a {
background: none !important;
padding-left: 20px;
padding-right: 20px;
}
#side-nav .mega-menu li a:before {
content: '';
width: 9px;
height: 9px;
display: inline-block;
margin-right: 5px;
background: url(../images/sprites/mega-menu-arrow.png) no-repeat;
}
#side-nav .mega-menu li:hover>a {
color: #BDA244 !important;
}
#side-nav .mega-menu li:hover>a:before {
background-position: -9px 0;
}
#side-nav .mega-menu li span {
padding: 15px 20px;
display: block;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
}
#side-nav .mega-menu-footer {
padding: 8px 15px;
background: #162025;
color: #fff;
vertical-align: top;
}
#side-nav .mega-menu-footer span {
color: #86969e;
text-transform: none;
font-size: 12px;
display: inline-block;
margin-top: 9px;
}
#side-nav .mega-menu-footer span strong {
color: #cad4d9;
font-weight: 700;
}
#sidemenu.light .mega-menu>ul {
background: #fff url(../images/mega-menu-bg-light.png) right bottom no-repeat;
}
#sidemenu.light .mega-menu li span {
color: #000000;
}
#sidemenu.light .mega-menu li a {
color: #73848e;
}
#sidemenu.light .mega-menu>ul>li+li:before {
border-color: #eaeef1;
}
#sidemenu.light .mega-menu-footer {
background: #e8eef1;
}
#sidemenu.light .mega-menu-footer span {
color: #73848e;
}
@media (min-width:1400px) {
body.sidemenu-fixed .container {
width: 1170px;
}
}
@media (min-width:1180px) and (max-width:1399px) {
body.sidemenu-fixed .container {
width: 980px;
}
}
@media (min-width:960px) and (max-width:1179px) {
body.sidemenu-fixed .container {
width: 740px;
}
}
@media (max-width:959px) {
body.sidemenu-fixed .container {
width: 100%;
}
}
/* FLEXSLIDERS */
.flexslider {
border: none;
margin: 0;
padding-bottom: 50px;
}
.flexslider .slides li.dark {
color: #fff;
}
.flexslider .slides li.light {
color: #444;
}
.main-flexslider .slides li img {
width: auto;
display: inline-block;
}
.main-flexslider .slides li {
padding: 0 0;
background-size: cover !important;
}
.main-flexslider .flex-direction-nav a,
.portfolio-flexslider .flex-direction-nav a,
.tp-leftarrow.default,
.tp-rightarrow.default {
text-align: center !important;
width: 60px !important;
height: 65px !important;
top: 50% !important;
background: url(../images/main-slider-arrows.png) 0 2px no-repeat !important;
border: 1px solid #fff !important;
border: 1px solid rgba(255, 255, 255, .4) !important;
transition: all .3s !important;
-webkit-transition: all .3s !important;
-moz-transition: all .3s !important;
}
.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
background: url(../images/main-slider-arrows.png) 0 2px no-repeat !important;
border: 1px solid #fff;
border: 1px solid rgba(255, 255, 255, .4);
text-align: center;
width: 60px !important;
height: 65px !important;
left: 0 !important;
transition: border .3s;
-webkit-transition: border .3s;
-moz-transition: border .3s;
}
.ms-skin-metro .ms-nav-next:hover,
.ms-skin-metro .ms-nav-prev:hover {
border: 1px solid rgba(255, 255, 255, .8);
}
.ms-skin-metro .ms-nav-next {
left: auto !important;
right: 0 !important;
background-position: -60px 2px !important;
}
.tp-leftarrow.preview4:after {
display: none;
}
.tp-leftarrow.preview4 .tp-arr-allwrapper {
left: -1px;
}
.tparrows.tp-rightarrow.preview4:after {
left: auto;
right: 0;
display: none;
}
.tparrows.preview4 .tp-arr-allwrapper {
top: -20px;
}
.tparrows.tp-rightarrow.preview4 .tp-arr-allwrapper {
left: -120px;
}
.tp-rightarrow.default {
background-position: -62px 2px !important;
}
.main-flexslider .flex-direction-nav a:hover,
.portfolio-flexslider .flex-direction-nav a:hover .tp-leftarrow.default:hover,
.tp-rightarrow.default:hover {
border-color: #fff;
background-color: rgba(0, 0, 0, .1);
}
.main-flexslider .flex-direction-nav a.flex-prev,
.portfolio-flexslider .flex-direction-nav a.flex-prev {
left: 0;
background-position: 0 2px;
border-left: none;
}
.portfolio-flexslider img {
height: auto;
}
.main-flexslider .flex-direction-nav a.flex-next,
.portfolio-flexslider .flex-direction-nav a.flex-next {
right: 0;
background-position: -60px 2px;
border-right: none;
}
.main-flexslider .slides li h2 {
font-size: 82px;
line-height: 92px;
font-weight: 800;
text-transform: uppercase;
text-shadow: 0 0 30px #555;
}
.main-flexslider .slides li h2.cursive-style {
font-size: 147px;
line-height: 110px;
font-weight: 400;
text-transform: none;
text-shadow: none;
margin: 0;
}
.main-flexslider .slides li h2.big {
text-shadow: none;
font-size: 172px;
line-height: 90px;
text-shadow: 0 0 5px #ccc;
margin-top: 80px;
}
.main-flexslider .slides li h3.big {
font-size: 56px;
line-height: 66px;
font-weight: 800;
text-transform: uppercase;
}
.main-flexslider.light .slides li h2 {
text-shadow: 0 0 5px #555;
}
h2.cursive-style+.slider-quote {
margin-top: 40px;
}
.main-flexslider .slides li .slider-quote+a.button.unfilled {
margin-top: 40px;
}
.slider-top-image {
margin-bottom: 40px;
}
.slider-quote {
font-size: 14px;
line-height: 28px;
text-shadow: 0 0 10px #555;
font-weight: 800;
text-transform: uppercase;
margin-top: 60px;
display: block;
}
.slider-quote.big {
font-size: 43px;
font-weight: 400;
text-shadow: none;
line-height: 53px;
}
.main-flexslider.light .slides li .slider-quote {
text-shadow: 0 0 1px #555;
}
.slider-quote>span,
.slider-quote>span>span {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-color: rgba(255, 255, 255, 0.6);
padding: 1px 0;
display: inline-block;
}
.flexslider-thumbnail-gallery .slides>li {
position: relative;
}
.flexslider-thumbnail-gallery .project-hover {
z-index: 100;
}
.flexslider-thumbnail-gallery .slides>li:hover .project-hover {
display: block;
}
.flexslider-thumbnail-gallery .flex-control-thumbs {
position: relative;
bottom: 0;
overflow: visible;
}
@-webkit-keyframes fadeInDownTooltip {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@keyframes fadeInDownTooltip {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
}
}
.flexslider-thumbnail-gallery .tooltip {
margin-left: -40px;
margin-top: -10px;
-webkit-animation: fadeInDownTooltip .5s;
animation: fadeInDownTooltip .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.flexslider-thumbnail-gallery .tooltip.top .tooltip-arrow {
margin-left: 20px;
border-width: 13px 18px 0 0;
bottom: -8px;
background: #2d363c transparent transparent transparent;
}
.flexslider-thumbnail-gallery .tooltip.top .tooltip-inner {
margin-left: 50%;
max-width: 300px;
width: 100%;
padding: 12px 20px;
text-align: left;
background: #2d363c;
}
.flexslider-thumbnail-gallery .slides>li:hover .project-hover,
.flexslider-thumbnail-gallery .slides>li:hover .project-hover>a {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
/* Services */
.huge-padding {
padding-top: 120px;
padding-bottom: 120px;
}
.big-padding {
padding-top: 60px;
padding-bottom: 60px;
}
.normal-padding {
padding-top: 40px;
padding-bottom: 40px;
}
.small-padding {
padding-top: 30px;
}
.smallest-padding {
padding-top: 30px;
padding-bottom: 30px;
}
.blue-gradient-bg {
background: #22afc7;
/* Old browsers */
background: 0;
/* FF3.6+ */
background: 0;
/* Chrome,Safari4+ */
background: 0;
/* Chrome10+,Safari5.1+ */
background: 0;
/* Opera 11.10+ */
background: 0;
/* IE10+ */
/* W3C */
/* IE6-9 */
color: #fff;
}
.service {
text-align: center;
}
.service h3 {
font-weight: 300;
}
/* Chef SLider */
.team-members-slider {
position: relative;
background: #eae5d6;
}
.team-members-inner {
position: relative;
overflow: hidden;
padding: 100px 0;
}
.chef-header {
display: table;
width: 100%;
margin-bottom: 30px;
}
.chef-header>div {
display: table-cell;
vertical-align: top;
}
.chef-header .chef-avatar,
.chef-header .chef-avatar img {
width: 100px;
}
.chef-header .chef-heading {
padding-left: 20px;
}
.chef-header .chef-heading h4 {
font-size: 30px;
margin: 20px 0 5px;
font-family: 'Palatino Linotype', serif;
}
.chef-header .chef-heading span {
font-size: 14px;
color: #e1560e;
}
.chefs-slider em {
font-size: 16px;
line-height: 30px;
font-style: italic;
color: #0b2b33;
margin: 20px 0;
display: block;
}
.chefs-slider p {
font-size: 14px;
color: #73848e;
line-height: 30px;
}
.chefs-slider .flex-direction-nav .flex-prev {
position: relative;
width: 30px;
height: 30px;
opacity: 1;
bottom: -45px;
top: auto;
left: -5px;
float: left;
background: url(../images/slider-arrows.png) 0 0 no-repeat;
}
.chefs-slider .flex-direction-nav .flex-next {
position: relative;
width: 30px;
height: 30px;
opacity: 1;
bottom: -45px;
top: auto;
left: 25px;
float: left;
background: url(../images/slider-arrows.png) -30px 0 no-repeat;
}
.chefs-slider .flex-direction-nav .flex-prev:hover {
background-position: 0 -30px;
}
.chefs-slider .flex-direction-nav .flex-next:hover {
background-position: -30px -30px;
}
.chefs-slider,
.chefs-slider .slides>li,
.chefs-slider .row,
.chefs-slider .chef-image {
position: static !important;
}
.chefs-slider .chef-image img {
position: absolute;
top: 0;
right: 0;
width: 50%;
opacity: 0;
transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
transition-delay: .2s;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transform: translateX(-25px);
-webkit-transform: translateX(-25px);
-moz-transform: translateX(-25px);
-ms-transform: translateX(-25px);
-o-transform: translateX(-25px);
}
.chefs-slider .flex-active-slide .chef-image img {
transform: translateX(15px);
-webkit-transform: translateX(15px);
-moz-transform: translateX(15px);
-ms-transform: translateX(15px);
-o-transform: translateX(15px);
opacity: 1;
}
.chefs-slider .chef-item {
position: relative;
left: -40px;
opacity: 0;
transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
}
.chefs-slider .flex-active-slide .chef-item {
left: 0;
opacity: 1;
}
@media(max-width:768px) {
.chefs-slider .chef-image img {
display: none;
}
}
/* Food MEnu Slider */
.food-menu-slider {
text-align: center;
margin-bottom: 80px;
}
.food-menu-slider-item {
position: relative;
left: -40px;
opacity: 0;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}
.flex-active-slide .food-menu-slider-item {
left: 0;
opacity: 1;
}
.food-menu-slider .flex-direction-nav .flex-prev {
width: 30px;
height: 30px;
opacity: 1;
top: 0;
margin-top: 0;
right: 50px;
left: auto;
bottom: auto;
background: url(../images/slider-arrows.png) -60px 0 no-repeat;
}
.food-menu-slider .flex-direction-nav .flex-next {
width: 30px;
height: 30px;
opacity: 1;
top: 0;
margin-top: 0;
right: -10px;
left: auto;
bottom: auto;
background: url(../images/slider-arrows.png) -90px 0 no-repeat;
}
.food-menu-slider .flex-direction-nav .flex-prev:hover {
background-position: -60px -30px;
}
.food-menu-slider .flex-direction-nav .flex-next:hover {
background-position: -90px -30px;
}
.food-menu-slider .food-menu,
.food-menu-slider .food-menu h6 {
color: #fff;
}
.food-menu-slider .food-menu .dots {
background: url(../images/food-item-dots.png) left 14px repeat-x;
}
.food-menu {
text-align: left;
color: #23292c;
margin-top: 40px;
}
.food-menu-item+.food-menu-item {
margin-top: 30px;
}
.food-menu-slider-item h2 {
color: #eae5d6;
line-height: 1.4;
}
.food-menu h6 {
font-size: 22px;
color: #23292c;
font-weight: 700;
margin: 0 0 10px;
font-family: 'Palatino Linotype', serif;
}
.food-menu .details span,
.food-menu .price span {
font-size: 18px;
font-style: italic;
line-height: 18px;
}
.food-menu .food-description {
display: table;
width: 100%;
}
.food-menu .food-description>div {
display: table-cell;
}
.food-menu .dots {
background: url(../images/food-item-dots-black.png) left 14px repeat-x;
}
.food-menu .details,
.food-menu .price {
width: 1%;
white-space: nowrap;
}
/* Food Menu Full */
.food-menu-full {
position: relative;
overflow: hidden;
background: #eae5d6;
padding: 80px 0 130px;
}
.food-menu-full-slider {
padding-bottom: 50px;
}
.food-menu-nav {
padding-left: 60px;
position: relative;
z-index: 10;
}
.food-menu-nav:before {
content: '';
position: absolute;
left: 0;
top: -5000px;
right: -5000px;
bottom: -5000px;
background: #fff;
z-index: -1;
}
.food-menu-nav-item {
display: table;
width: 100%;
position: relative;
padding-bottom: 30px;
cursor: pointer;
}
.food-menu-nav-item+.food-menu-nav-item {
padding-top: 30px;
border-top: 1px solid #e5e5e5;
}
.food-menu-nav-item>div {
display: table-cell;
vertical-align: middle;
}
.food-menu-nav-item img {
width: 60px;
margin-right: 20px;
}
.food-menu-nav-item h5 {
margin: 0;
color: #23292c;
font-family: 'Palatino Linotype', serif;
font-size: 24px;
}
.food-menu-nav-item span {
font-size: 14px;
color: #73848e;
font-style: italic;
}
.food-menu-nav-item.flex-active h5 {
color: #e36630;
}
.food-menu-nav-item.flex-active:after {
content: '';
position: absolute;
left: -70px;
top: 50%;
margin-top: -10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
z-index: 100;
}
.food-menu-full .flex-direction-nav .flex-prev {
width: 30px;
height: 30px;
opacity: 1;
bottom: -45px;
top: auto;
left: -5px;
background: url(../images/slider-arrows.png) 0 0 no-repeat;
}
.food-menu-full .flex-direction-nav .flex-next {
width: 30px;
height: 30px;
opacity: 1;
bottom: -45px;
top: auto;
left: 50px;
background: url(../images/slider-arrows.png) -30px 0 no-repeat;
}
.food-menu-full .flex-direction-nav .flex-prev:hover {
background-position: 0 -30px;
}
.food-menu-full .flex-direction-nav .flex-next:hover {
background-position: -30px -30px;
}
.food-menu-full .food-menu-content {
position: relative;
left: -40px;
opacity: 0;
transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
}
.food-menu-full .flex-active-slide .food-menu-content {
left: 0;
opacity: 1;
}
@media(max-width:768px) {
.food-menu-nav {
padding-bottom: 80px;
margin-bottom: 80px;
}
.food-menu-nav:before {
left: -5000px;
top: -5000px;
bottom: 0;
}
.food-menu-nav-item {
padding-top: 30px;
padding-bottom: 30px;
}
}
/* Reservations */
.reservation-form input,
.reservation-form select,
.reservation-form textarea {
height: 52px;
border: 1px solid #eceded;
padding: 9px 15px;
color: #3e464b;
font-size: 14px;
margin: 10px 0;
display: block;
width: 100%;
}
.reservation-form textarea {
height: auto;
}
.reservation-form label {
font-size: 14px;
color: #3e464b;
font-weight: 400;
margin-top: 15px;
}
.reservation-form label span {
font-size: 12px;
color: #8a98a0;
text-transform: uppercase;
}
.inline-inputs {
display: block;
margin: 0 -5px;
overflow: hidden;
}
.inline-inputs>div {
padding: 0 5px;
}
.date-picker>span,
.time-picker>span {
width: 30px;
display: inline-block;
text-align: center;
}
.date-picker input,
.time-picker input,
.date-picker select,
.time-picker select {
display: inline-block;
width: 65px;
padding: 10px 0;
text-align: center;
}
.date-picker select,
.time-picker select {
padding-left: 15px;
}
.date-picker .year {
width: 100px;
}
span.datepicker-button {
overflow: visible;
position: relative;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
span.datepicker-button .datepicker-icon {
width: 30px;
height: 30px;
display: block;
background: url(../images/sprites/datepicker.png) no-repeat;
cursor: pointer;
}
span.datepicker-button>.datepicker-el {
display: none;
position: absolute;
top: 30px;
left: 0;
}
/* Contact list */
.serif-style {
font-family: 'Palatino Linotype', serif;
}
h2.serif-style {
margin-bottom: 30px;
}
ul.contact-list {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul.contact-list li {
display: block;
margin-bottom: 30px;
position: relative;
padding-left: 60px;
}
ul.contact-list li .cicon {
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 60px;
background: url(../images/sprites/contact-icons.png) no-repeat;
}
ul.contact-list li .cicon.cicon-phone {
background-position: -10px -5px;
}
ul.contact-list li .cicon.cicon-marker {
background-position: -70px 0;
}
ul.contact-list span.phone {
font-size: 36px;
display: block;
font-style: normal;
color: #23292c;
line-height: 40px;
margin-bottom: 5px;
}
ul.contact-list li>span {
font-size: 16px;
font-style: italic;
color: #9da7ac;
}
ul.contact-list p {
font-size: 16px;
line-height: 30px;
}
.service-icon {
width: 75px;
height: 75px;
background-color: #29a8d1;
text-align: center;
display: inline-block;
padding-top: 25px;
-webkit-transform: translateZ(0px);
}
.dark-gray-bg .service-icon {
background-color: #39444a;
color: #97e1ee;
}
.service-icon .icons {
font-size: 30px;
color: #a1f1ff;
}
.service h3 {
margin-bottom: 0;
}
.service .content_box {
text-transform: uppercase;
margin: 0;
font-size: 12px;
color: #8cd9ff;
}
.iconic-service {
position: relative;
padding-left: 80px;
}
.iconic-service h4 {
font-weight: 400;
color: #fff;
font-size: 18px;
}
.iconic-service .icons {
position: absolute;
top: 0;
left: 0;
font-size: 36px;
color: #61cbff;
}
.service.style2 .service-icon {
width: auto;
height: auto;
background: none;
padding-top: 0;
}
.service.style2 .icons {
font-size: 48px;
color: #eb6b65;
}
.green-bg .service.style2 h3 {
color: #fff;
}
.green-bg .service.style2 .content_box {
color: #c3fbff;
}
.service.style2 h3 {
font-size: 20px;
color: #BDA244;
margin-top: 5px;
}
.service.style2 .content_box {
font-size: 13px;
text-transform: none;
color: #73848e;
}
/* Projects */
.dark-gray-bg {
background: #000000;
color: #c4d3de;
}
.dark-gray-bg h1,
.dark-gray-bg h2,
.dark-gray-bg h3,
.dark-gray-bg h4,
.dark-gray-bg h5,
.dark-gray-bg h6 {
color: #fff;
}
.dark-gray-bg hr {
border-color: #3a4e58;
margin: 40px 0;
display: block;
}
.projects-section {
padding: 10px 0 0;
}
h2.section-heading {
font-size: 30px;
margin-bottom: 20px;
}
.sc-call-to-action h2 {
margin-top: 15px;
letter-spacing: -2px;
}
.sc-call-to-action h2,
.sc-call-to-action h2 p {
line-height: 36px;
}
.dark-gray-bg p {
color: #658190;
}
.project {
border-right: 1px solid rgba(0, 0, 0, 0);
color: #fff;
overflow: hidden;
}
.portfolio-1column .project {
border: none;
}
.project-image {
position: relative;
}
.project-image img {
width: 100%;
transition: transform 0.4s ease;
-webkit-transition: -webkit-transform 0.4s ease;
-moz-transition: -moz-transform 0.4s ease;
}
.project:hover .project-image img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.portfolio-2column .project-hover {
right: 50%;
}
.project-hover {
position: absolute;
top: 50%;
margin-top: -27px;
left: 0;
right: 0;
bottom: 0;
text-align: center;
color: #fff;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
transition: opacity .3s;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
}
.project:hover .project-hover {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.project-hover>a {
width: 58px;
height: 58px;
margin: 0 5px;
display: inline-block;
background-color: #2a3b45;
background-color: rgba(0, 0, 0, 0.4);
background-image: url(../images/sprites/hover-icons.png);
border: 4px solid #eee;
border: 4px solid rgba(238, 238, 238, 0.12);
color: #fff;
text-align: center;
font-size: 24px;
padding-top: 15px;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
transition: transform .3s, opacity .6s, background .3s;
-webkit-transition: -webkit-transform .3s, opacity .6s, background .3s;
-moz-transition: -moz-transform .3s, opacity .6s, background .3s;
}
.project:hover .project-hover>a {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.project-hover>a:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.project-hover>a.search-icon {
background-position: 0 0;
}
.project-hover>a.link-icon {
background-position: -50px 0;
}
.project-meta {
padding: 12px 20px 27px;
position: relative;
height: 100px;
background: #1B1B1B;
transition: background .3s;
-webkit-transition: background .3s;
-moz-transition: background .3s;
}
.project-meta:before {
content: '';
display: block;
position: absolute;
top: -10px;
left: 20px;
width: 10px;
height: 10px;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 8px solid #2a3b45;
}
.project:hover .project-meta {
background: #000000;
}
.project-meta h4 {
margin-bottom: 0;
color: #fff;
font-size: 18px;
font-weight: 300;
}
.project-meta h4 a {
color: #fff;
}
.project-meta span.project-category {
font-size: 11px;
margin: 0;
text-transform: uppercase;
color: #97a4ad;
}
.project-like {
position: absolute;
right: 20px;
top: 35px;
vertical-align: top;
}
.project-like .icons {
font-size: 24px;
color: #3c525e;
transition: color .3s;
-webkit-transition: color .3s;
-moz-transition: color .3s;
cursor: pointer;
}
.project-like:hover .icons,
.project-like.post-liked .icons {
color: #dd6c62;
}
.project-like span.like-count {
font-size: 11px;
font-weight: 300;
vertical-align: top;
color: #97a4ad;
}
.project-grid {
padding: 0;
}
.single-portfolio .project-description h6 {
font-size: 14px;
margin: 25px 0;
}
.single-portfolio .project-description+h3 {
font-size: 18px;
font-weight: 400;
margin-top: 50px;
}
.project-description .social-media {
list-style: none;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
.project-description .social-media li {
display: inline-block;
margin-right: 10px;
}
.project-description .social-media li a {
font-size: 11px;
vertical-align: middle;
}
.project-description .social-media li a i {
font-size: 18px;
}
/* Project Slider Carousel */
.projects-slider-carousel {
padding: 20px;
border: 1px solid #eee;
}
.slides .project {
border: none;
}
.slides .project-meta {
padding: 5px 15px;
}
.slides .project-hover {
margin-top: -20px;
}
.slides .project-hover>a {
width: 58px;
height: 58px;
font-size: 18px;
padding-top: 8px;
}
.products-carousel {
margin-top: 10px;
}
.products-carousel .slides li {
margin-right: 6px;
cursor: pointer;
position: relative;
}
.products-carousel .slides li:last-child {
margin-right: 0;
}
.products-carousel .slides .carousel-item-hover {
position: absolute;
z-index: 10;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
background: #000;
background: rgba(0, 0, 0, 0.4);
color: #fff;
text-align: center;
font-size: 24px;
padding-top: 17px;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
transition: transform .3s opacity .6s;
-webkit-transition: 0 .3s opacity .6s;
-moz-transition: 0 .3s 0 .6s;
-o-transition: 0 .3s opacity .6s;
}
.products-carousel .slides li:hover .carousel-item-hover {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
ul.carousel-arrows {
list-style: none;
margin: 0;
padding: 0;
}
ul.carousel-arrows li {
width: 15px;
height: 15px;
display: block;
background: url(../images/project-carousel-arrows.png) no-repeat;
cursor: pointer;
position: absolute;
bottom: 27px;
left: -17px;
}
ul.carousel-arrows li.arrow-right {
left: auto;
right: -17px;
background-position: -15px 0;
}
/* Info Box */
.light-gray-bg {
background: #fcfcfc;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
}
.light-gray-bg.transparent {
background: transparent;
border-bottom-width: 0;
border-top-width: 0;
}
.medium-gray-bg {
background: #eee;
}
h2.big {
font-size: 30px;
font-weight: 300;
}
.light-blue {
color: #BDA244;
}
a.button,
button {
background: #002250;
color: #fff;
font-size: 11px;
padding: 10px 20px;
display: inline-block;
text-transform: uppercase;
transition: background .3s;
-webkit-transition: background .3s;
-moz-transition: background .3s;
margin: 5px 0;
border: none;
border-radius: 3px;
}
a.button.round {
height: 62px;
border: 3px solid #fff;
background: none;
font-size: 18px;
padding: 15px 50px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-transform: translateZ(0px);
}
a.button.round:hover .button-icon {
opacity: 1;
left: 0;
}
a.button.round .button-label {
position: relative;
transition: left .3s;
-webkit-transition: left .3s;
-moz-transition: left .3s;
left: 0;
}
a.button.round:hover .button-label {
left: 10px;
}
a.button.round:hover {
background: none;
}
a.button .button-icon {
position: relative;
margin-left: 10px;
left: 5px;
opacity: 0;
transition: opacity .3s, left .3s;
-webkit-transition: opacity .3s, left .3s;
-moz-transition: opacity .3s, left .3s;
}
a.button .button-icon i {
position: absolute;
left: -35px;
font-size: 20px;
}
a.button.orange,
button.orange {
background: #cb5010;
}
a.button.orange:hover,
button.orange:hover {
background: #c04c0f;
}
a.icon-button.sc-open-video {
opacity: .6;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
}
a.icon-button.sc-open-video:hover {
opacity: 1;
}
a.button.medium {
padding: 8px 10px;
}
a.button:hover {
background: #000000;
}
a.button.big {
padding: 15px 25px;
}
a.button.biggest {
padding: 20px 60px;
font-size: 13px;
margin-bottom: 20px;
background-color: #7a7d822e;
color:#000;
}
a.button.medium.variant2 {
font-weight: bold;
border-radius: 3px;
font-size: 12px;
line-height: 20px;
}
a.button.medium.variant2 i {
font-size: 20px;
float: left;
margin-right: 10px;
}
a.button.biggest.variant2 {
font-weight: bold;
border-radius: 3px;
font-size: 14px;
line-height: 26px;
}
a.button.biggest.variant2 i {
font-size: 26px;
float: left;
margin-right: 10px;
}
a.button.gray {
background: #d3ebf7;
color: #444;
}
a.button.light {
background: #ebeaea;
color: #444;
}
a.button.dark {
background: #000000;
}
.dark-gray-bg a.button.dark {
background: #445157;
}
.dark-gray-bg a.button.dark:hover {
background: #2d3c43;
}
a.button.gray:hover {
background: #b8d4e2;
}
a.button.light:hover {
background: #ddd;
}
a.button.dark:hover {
background: #101c23;
}
a.button.gray .icons {
color: #444;
}
a.button.button-load-more:after {
content: '';
width: 30px;
height: 30px;
display: inline-block;
background: url(../images/sprites/load-more-icon.png) no-repeat;
vertical-align: middle;
margin-left: 5px;
margin-right: -5px;
margin-top: -9px;
margin-bottom: -7px;
}
/* Blog */
.main-content .blog-post {
margin: 0 0 60px;
}
.main-content .blog-post:last-child {
margin: 0;
}
.blog-post {
margin-bottom: 35px;
margin-top: 20px;
overflow: hidden;
}
.post-image {
padding-left: 0;
padding-right: 5px;
text-align: center;
}
.post-image>div {
padding: 0;
}
.post-thumbnail img {
width: 100%;
}
.timeline-container .post-thumbnail img {
padding: 10px 10px 0;
}
.post-meta {
padding: 0;
text-align: center;
}
span.post-date {
display: block;
font-size: 12px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
}
span.post-day {
font-size: 48px;
line-height: 42px;
display: inline-block;
margin: 0 0 10px;
color: #BDA244;
}
span.post-format {
display: block;
text-align: center;
margin: 8px 0 0;
color: #a5b0b6;
font-size: 16px;
}
span.post-format span {
display: inline-block;
width: 30px;
height: 30px;
background: url(../images/sprites/post-format-icons.png) no-repeat;
}
span.post-format span.photo-icon {
background-position: 0 0;
}
span.post-format span.document-icon {
background-position: -60px 0;
}
span.post-format span.video-icon {
background-position: -30px 0;
}
span.post-format span.link-icon {
background-position: -90px 0;
}
span.post-format span.audio-icon {
background-position: -120px 0;
}
.post-image .post-thumbnail {
padding-left: 10px;
}
ul.post-meta {
list-style: none;
padding: 0 0 10px;
margin: 0;
border-bottom: 1px solid #E5E8EA;
overflow: hidden;
}
.timeline-container .blog-post ul.post-meta {
border-bottom: none;
}
ul.post-meta li {
float: left;
margin-right: 5px;
color: #000000;
font-size: 16px;
text-transform: uppercase;
background: url(../images/post-meta-square.png) left center no-repeat;
padding-left: 15px;
}
ul.post-meta li:first-child {
background: none;
padding-left: 0;
}
ul.post-meta li .icons {
font-size: 14px;
position: relative;
top: 1px;
}
ul.post-meta .read-more:after {
content: '';
display: inline-block;
width: 11px;
height: 11px;
margin-left: 5px;
background: url(../images/sprites/read-more-arrow.png) no-repeat;
position: relative;
top: 2px;
}
.post-content {
position: relative;
background: #fff;
}
.post-content.social-media-wrapper {
position: relative;
}
.post-content .social-media {
position: absolute;
top: 0;
right: 10px;
}
.post-content .social-media i {
font-size: 15px;
}
.post-content h4 {
margin: 11px 0;
line-height: 24px;
font-size: 18px;
}
.post-content h4 .icons {
color: #777;
}
.avatar {
padding: 5px;
margin: 10px 0 0;
}
span.author {
text-transform: uppercase;
font-size: 11px;
}
.post-thumbnail {
position: relative;
background: #fff;
}
.post-hover {
position: absolute;
text-align: center;
width: 100%;
left: 0;
right: 0;
top: 50%;
z-index: 100;
margin-top: -25px;
}
.post-hover a {
width: 58px;
height: 58px;
margin: 0 5px;
display: inline-block;
background-color: #2a3b45;
background-color: rgba(0, 0, 0, 0.4);
background-image: url(../images/sprites/hover-icons.png);
border: 4px solid #eee;
border: 4px solid rgba(238, 238, 238, 0.12);
color: #fff;
text-align: center;
font-size: 24px;
padding-top: 15px;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
transition: transform .3s, opacity .6s, background .3s;
-webkit-transition: -webkit-transform .3s, opacity .6s, background .3s;
-moz-transition: -moz-transform .3s, opacity .6s, background .3s;
}
.post-hover a.link-icon {
background-position: -50px 0;
}
.post-hover a.search-icon {
background-position: 0 0;
}
.post-hover a.video-icon {
background-position: -100px 0;
}
.post-hover a:hover {
background-color: rgba(0, 0, 0, .8);
}
.post-image-gallery .slides li {
position: relative;
}
.post-image-gallery img {
height: auto;
}
.post-thumbnail:hover .post-hover a,
.post.format-gallery .post-image-gallery .slides li:hover .post-hover a {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.post.format-gallery .post-thumbnail:hover .post-hover a {
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.post-image-gallery a.flex-prev,
.post-image-gallery a.flex-next {
top: 10px;
left: 10px;
margin: 0;
background: #000000 url(../images/sprites/post-gallery-arrows.png) 0 0 no-repeat;
background: rgba(35, 50, 58, .45) url(../images/sprites/post-gallery-arrows.png) 0 0 no-repeat;
width: 30px;
height: 30px;
transition: background 0.3s;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
}
.post-image-gallery a.flex-next {
left: 41px;
background-position: -30px 0;
}
.post-image-gallery a.flex-prev:hover,
.post-image-gallery a.flex-next:hover {
background-color: #BDA244;
}
.blog-post.masonry {
border: 1px solid #ddd;
padding: 0;
position: relative;
}
.blog-post.masonry>div {
padding: 0;
}
.timeline-container .post-video iframe {
width: 100%;
}
.blog-post.masonry .post-content {
padding: 20px;
}
.blog-post.masonry h4 {
line-height: 32px;
vertical-align: middle;
font-weight: 400;
}
.blog-post h4 .icons {
margin-right: 10px;
}
.post-footer {
background: #f7f7f7;
overflow: hidden;
padding: 10px 20px !important;
}
.post-footer .avatar {
width: 60px;
float: left;
margin: 0;
margin-right: 10px;
}
.post-footer .post-date {
display: block;
text-align: left;
}
.post-footer span.post-day {
font-size: 12px;
line-height: 18px;
font-weight: 400;
margin: 5px 0 0;
}
.blog-post blockquote {
margin: 0;
width: 100%;
}
.blog-post .post-content blockquote {
margin: 20px 0;
}
.post-author {
display: block;
position: relative;
padding: 30px;
background: #19242a url(../images/post-author.png) right top no-repeat;
color: #73848e;
padding-left: 120px;
}
.post-author img {
position: absolute;
top: 30px;
left: 30px;
width: 70px;
}
.post-author h3 {
color: #d2f0ff;
margin-top: 0;
}
.post-comments ul {
list-style: none;
margin: 0;
padding: 0;
}
.post-comments li ul {
padding-left: 30px;
}
.post-comments>ul>li .comment {
padding: 30px 20px;
background: #fcfcfc;
border: 1px solid #eee;
position: relative;
overflow: hidden;
margin: 20px 0;
}
.post-comments .comment-author {
float: left;
margin-right: 20px;
width: 50px;
text-align: center;
}
.post-comments .comment-author img {
margin-top: 0;
padding: 0;
}
.post-comments .comment-author span.author {
display: block;
line-height: 16px;
font-size: 10px;
color: #000000;
margin-top: 5px;
}
.post-comments .date {
text-transform: uppercase;
font-size: 11px;
display: block;
margin-bottom: 10px;
}
/* Recent Posts */
.recent-post .post-date {
color: #000000;
}
.recent-post {
zoom: 1;
}
.recent-post:after,
.recent-post:before {
content: '';
display: table;
}
.recent-post:after {
clear: both;
}
.recent-post .post-image {
width: 200px;
float: left;
margin-right: 30px;
padding: 0;
}
.recent-post .recent-post-meta {
float: left;
width: 60px;
padding: 0;
margin: 0;
margin-right: 10px;
}
.recent-post .post-thumbnail {
float: left;
width: 130px;
padding: 0;
margin: 0;
}
/* Timeline */
.timeline-container {
position: rleative;
}
.timeline-line {
position: absolute;
left: 50%;
top: 20px;
bottom: 20px;
height: 100%;
border: 1px solid #fff;
margin-left: -1px;
}
.timeline-line:after {
content: '';
position: absolute;
display: block;
left: 50%;
bottom: 0;
width: 10px;
height: 10px;
background: #fff;
margin-left: -5px;
border-radius: 50%;
-moz-border-radius: 50%;
}
.left-timeline-item {
padding-right: 40px;
position: relative;
}
.right-timeline-item {
padding-left: 40px;
position: relative;
}
.left-timeline-item:after {
content: '';
display: block;
position: absolute;
right: 26px;
top: 43px;
width: 15px;
height: 15px;
background: url(../images/timeline-arrow-right.png) no-repeat;
}
.left-timeline-item:before {
width: 20px;
height: 20px;
content: '';
display: block;
position: absolute;
background: #000;
top: 40px;
right: -10px;
background: #73848e;
border: 5px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
z-index: 100;
}
.right-timeline-item:after {
content: '';
display: block;
position: absolute;
left: 26px;
top: 43px;
width: 15px;
height: 15px;
background: url(../images/timeline-arrow-left.png) no-repeat;
}
.right-timeline-item:before {
width: 20px;
height: 20px;
content: '';
display: block;
position: absolute;
background: #000;
top: 40px;
left: -10px;
background: #73848e;
border: 5px solid #fff;
border-radius: 50%;
z-index: 100;
}
.timeline-date-tooltip {
text-align: center;
}
.timeline-date-tooltip-top {
margin-top: 60px;
}
.timeline-date-tooltip span {
display: inline-block;
background: #000000;
color: #fff;
padding: 10px 35px;
position: relative;
margin-bottom: 40px;
}
.timeline-date-tooltip span:after {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #000000;
content: '';
display: block;
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -5px;
}
.timeline-container .blog-post.masonry .post-footer {
background: #f9fbfc;
border-bottom: 1px solid #e7eaec;
border-top: none;
}
.timeline-container .blog-post.masonry .post-footer .avatar {
width: 50px;
}
.timeline-container .blog-post.masonry .post-date {
margin: -3px 0;
}
.blog-post.masonry .post-content h4 {
margin-top: 0;
}
.blog-post.masonry .read-more {
margin-top: 20px;
display: block;
}
.blog-post.masonry .post-footer ul.post-meta {
border-bottom: none;
}
.blog-post.masonry .post-content h4 {
font-size: 22px;
font-weight: 400;
}
.blog-post-alternate .post-content h4 {
font-size: 24px;
font-weight: 400;
}
.blog-post-meta span.post-day {
font-weight: 300;
}
.timeline-container .post-video {
padding: 10px 10px 0;
background: #fff;
}
.blog-post.masonry span.post-format {
display: inline-block;
text-align: left;
margin: -5px 3px 0 0;
position: relative;
top: 7px;
}
.blog-post.masonry .read-more {
font-size: 14px;
font-weight: 400;
}
.blog-post-classic.sticky {
background: #fffffd;
padding-top: 30px;
padding-bottom: 30px;
box-shadow: 0 0 5px rgba(0, 0, 0, .12);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .12);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .12);
}
.blog-post-list,
.blog-post-alternate {
display: table;
width: 100%;
vertical-align: top;
}
.blog-post-list .blog-post-meta,
.blog-post-alternate .blog-post-meta {
display: table-cell;
width: 80px;
padding-right: 20px;
vertical-align: top;
color: #000000;
}
.blog-post-list .blog-post-content,
.blog-post-alternate .blog-post-content {
display: table-cell;
vertical-align: top;
}
.blog-post-list .blog-post-meta span.post-date,
.blog-post-alternate .blog-post-meta span.post-date {
font-size: 11px;
font-weight: 400;
}
.blog-post-list .blog-post-meta .avatar,
.blog-post-alternate .blog-post-meta .avatar {
padding: 0 5px;
}
.blog-post-alternate .blog-post-content .post-content,
.blog-post-alternate .blog-post-content .post-thumbnail {
padding: 0;
}
.blog-post-alternate .blog-post-content .post-content {
padding-left: 30px;
}
.blog-post-alternate .blog-post-content .post-content.col-lg-pull-6 {
padding-right: 30px;
padding-left: 0;
}
.blog-post.alternate-style {
margin: 0;
}
.blog-post.alternate-style+.blog-post.alternate-style {
margin-top: 70px;
}
.blog-post-list .post-meta {
margin-top: 10px;
}
.blog-post-list.post-single .post-meta {
margin-bottom: 10px;
}
.blog-post-list.post-single+.post-author {
margin-top: 20px;
}
.blog-post-list .post-content h4 {
font-size: 24px;
font-weight: 400;
}
.blog-post-list .read-more,
.blog-post-alternate .read-more {
display: block;
margin-top: 20px;
font-weight: 400;
font-size: 14px;
}
.post-comments .comment-reply-link {
display: inline-block;
font-weight: 400;
font-size: 14px;
}
.blog-post.masonry .read-more:after,
.blog-post-list .read-more:after,
.blog-post-alternate .read-more:after,
.post-comments .comment-reply-link:after {
content: '';
width: 14px;
height: 14px;
display: inline-block;
background: url(../images/sprites/read-more-arrow-big.png) no-repeat;
margin: 0 0 0 10px;
position: relative;
top: 1px;
}
.blog-post.masonry .blog-format-audio>.audio-player {
margin: 20px 20px 0 !important;
width: auto !important;
}
.timeline-container .blog-post.masonry .blog-format-audio>.audio-player {
margin: 0 !important;
}
.blog-post-meta span.author {
display: block;
text-align: center;
}
.blog-post-alternate .blog-post-content .post-content.full-width-alternate {
padding: 0;
}
.blog-post.masonry .post-footer {
border-top: 1px solid #e5e8ea;
}
.blog-post.masonry .post-date {
font-size: 11px;
color: #000000;
font-weight: 400;
}
.blog-post.masonry .post-footer span.post-day {
font-size: 11px;
}
/* Accordions */
.accordion-header {
border: 1px solid #ddd;
border-left-color: transparent;
border-right-color: transparent;
cursor: pointer;
position: relative;
padding-left: 40px;
}
.accordion+.accordion .accordion-header {
border-top-color: transparent;
}
.accordion.mix {
width: 100%;
}
.accordion.accordion-active+.accordion .accordion-header {
border-top: 1px solid #ddd;
}
.accordion-active .accordion-header {
border: 1px solid #ddd;
}
.accordion-header h5 {
font-size: 14px;
padding: 5px 10px;
transition: color .3s;
-webkit-transition: color .3s;
-moz-transition: color .3s;
border-left: 1px solid #ddd;
}
.accordion-active .accordion-header h5 {
color: #BDA244;
}
.accordion-icon {
background: url(../images/accordion-icons.png) no-repeat;
width: 38px;
height: 38px;
margin-top: 7px;
position: absolute;
left: 0;
top: 0;
transition: background .3s;
-webkit-transition: background .3s;
-moz-transition: background .3s;
}
.accordion-active .accordion-icon {
background-position: 0 -38px;
}
.accordion-header:hover,
.accordion-active .accordion-header {
color: #BDA244;
}
.accordion-header>* {
margin: 0;
}
.accordion-content {
padding: 0 10px;
margin: 10px 0
}
.accordion-content p {
margin: 0;
}
.accordion-content p+p {
margin: 10px 0 0;
}
/* Testimonial */
.testimonial-header {
background: #000000;
color: #fff;
display: table;
width: 100%;
position: relative;
margin-bottom: 30px;
}
.testimonial-header:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 17px 20px 0 0;
border-color: #000000 transparent transparent;
position: absolute;
bottom: -17px;
right: 20px;
}
.testimonial-image {
display: table-cell;
width: 81px;
}
.testimonial-meta {
display: table-cell;
padding: 0 20px;
vertical-align: middle;
text-align: left;
}
span.testimonial-author {
font-size: 18px;
display: block;
font-weight: 300;
}
span.testimonial-job {
color: #8cd9ff;
font-size: 10px;
text-transform: uppercase;
display: block;
}
.testimonial-quote {
padding: 0;
display: block;
margin: 10px 0;
padding-left: 55px;
background: url(../images/testimonial-blockquote.jpg) left top no-repeat;
border: none;
font-size: 14px;
font-weight: 400;
color: #BDA244;
}
.testimonial p {
padding-left: 55px;
color: #73848e;
}
.testimonial .testimonial-desc p {
padding-left: 0px;
color: #73848e;
}
/* Blue Box Section */
.blue-bg {
background: #098ed1;
color: #fff;
}
.blue-bg.transparent {
background: transparent;
}
.green-bg {
background: #00aab4;
color: #fff;
}
.dirty-green-bg {
background: #3a8698;
color: #fff;
}
.bottom-image {
padding-bottom: 0 !important;
}
.darker-blue-bg {
background: #BDA244;
color: #fff;
}
.blue-bg span.light-blue,
.darker-blue-bg span.light-blue {
color: #fff;
}
.blue-bg .icons,
.darker-blue-bg p,
.darker-blue-bg .icons {
color: #8cd9ff;
}
.blue-bg .icons {
margin-right: 9px;
}
.services-list {
list-style: none;
margin: 0;
padding: 0;
}
.services-list li {
position: relative;
padding: 15px 0;
padding-left: 70px;
border-bottom: 1px solid #00a2de;
}
.services-list li:first-child {
padding-top: 0;
}
.services-list li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.services-list li h3 {
margin-top: 0;
margin-bottom: 10px;
font-weight: 300;
}
.services-list .icons {
position: absolute;
left: 0;
top: 5px;
font-size: 38px;
}
.services-list img.icons {
top: 20px;
}
#header.style8 #main-header #search-box,
#header.style8 #main-header #search-box-pre {
margin-top: 13px;
}
/* Icon */
.sc-icon {
position: relative;
padding: 5px 0;
padding-left: 95px;
font-size: 16px;
font-weight: 300;
}
.sc-icon p {
font-size: 16px;
font-weight: 300;
}
.sc-icon h3 {
font-family: Lato;
margin-top: 0;
margin-bottom: 10px;
font-weight: 300;
font-size: 30px;
}
.sc-icon .icons {
position: absolute;
left: 0;
top: 15px;
font-size: 70px;
}
/* Team Member */
.gray-bg {
background: #353f4b;
color: #fff;
}
.team-member {
text-align: center;
}
.team-member img {
border: 5px solid #fff;
border: 5px solid rgba(255, 255, 255, .05);
box-shadow: 0 0 2px rgba(0, 0, 0, .6);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .6);
display: inline-block;
transition: border .4s;
-webkit-transition: border .4s;
-moz-transition: border .4s;
}
.team-member:hover img {
border: 5px solid rgba(255, 255, 255, .2);
}
.col-lg-3 .team-member img {
width: 190px;
}
.team-member.big img {
margin-bottom: 20px;
}
.team-member h4 {
margin: 20px 0 0;
font-size: 18px;
color: #333333;
}
.team-member .job-title {
font-size: 11px;
text-transform: uppercase;
color: #2691ac;
display: block;
font-weight: 900;
margin-top: -5px;
margin-bottom: 10px;
}
.team-member div.text-content {
color: #ccd2da;
}
span.small-line {
display: inline-block;
width: 80px;
border-top: 1px solid #646b75;
margin-bottom: 20px;
}
.team-member .social-media {
list-style: none;
margin: 30px 0 0;
padding: 0;
}
.team-member .social-media li {
display: inline-block;
padding: 0 1px;
}
/* Our Clients */
.client-logo {
text-align: center;
}
/* Get In Touch */
.get-in-touch {
text-align: center;
margin-bottom: 40px;
}
.get-in-touch.light {
text-align: left;
}
.get-in-touch input[type="text"],
.get-in-touch input[type="password"],
.get-in-touch input[type="search"],
.get-in-touch textarea {
color: #19242a;
}
.get-in-touch.light input[type="text"],
.get-in-touch.light input[type="password"],
.get-in-touch.light input[type="search"],
.get-in-touch.light textarea {
background: #fcfcfc;
border: 1px solid #eceded;
}
.get-in-touch input[type="text"],
.get-in-touch input[type="password"],
.get-in-touch textarea {
background: #fff;
background: rgba(255, 255, 255, 0.67);
width: 100%;
font-size: 14px;
border: 1px solid #eceded;
padding: 10px 15px;
margin-bottom: 10px;
transition: background .3s;
-webkit-transition: background .3s;
-moz-transition: background .3s;
}
.get-in-touch input[type="text"]:focus,
.get-in-touch input[type="password"]:focus,
.get-in-touch textarea:focus {
outline: none;
background: rgba(255, 255, 255, 0.75);
}
.get-in-touch input[type="text"]::-webkit-input-placeholder,
.get-in-touch input[type="password"]::-webkit-input-placeholder,
.get-in-touch textarea::-webkit-input-placeholder {
color: #19242a;
}
.get-in-touch input[type="text"]:-moz-placeholder,
.get-in-touch input[type="password"]:-moz-placeholder,
.get-in-touch textarea:-moz-placeholder {
color: #19242a;
}
.get-in-touch input[type="text"]::-moz-placeholder,
.get-in-touch input[type="password"]::-moz-placeholder,
.get-in-touch textarea::-moz-placeholder {
color: #19242a;
}
.get-in-touch input[type="text"]:-ms-input-placeholder,
.get-in-touch input[type="password"]:-ms-input-placeholder,
.get-in-touch textarea:-ms-input-placeholder {
color: #19242a;
}
.get-in-touch textarea {
height: 100px;
}
::-webkit-input-placeholder {
color: #333;
}
:-moz-placeholder {
color: #333;
}
::-moz-placeholder {
color: #333;
}
:-ms-input-placeholder {
color: #333;
}
.iconic-input {
position: relative;
}
.iconic-input .icons {
position: absolute;
top: 10px;
right: 10px;
color: #BDA244;
font-size: 18px;
}
.get-in-touch input[type="submit"],
.get-in-touch input[type="reset"] {
background: #64737f;
background: rgba(255, 255, 255, .15);
border: 1px solid #707e89;
color: #fff;
padding: 12px 25px;
text-align: center;
text-transform: uppercase;
display: inline-block;
font-size: 11px;
position: relative;
transition: background .3s;
-webkit-transition: background .3s;
-moz-transition: background .3s;
}
.get-in-touch input[type="submit"]:hover,
.get-in-touch input[type="reset"]:hover {
background: #535e67;
background: rgba(255, 255, 255, .2);
}
.iconic-button {
display: inline-block;
position: relative;
}
.iconic-button input[type="submit"],
.iconic-button input[type="reset"] {
padding-right: 40px;
}
.get-in-touch .iconic-button .icons {
position: absolute;
top: 12px;
right: 18px;
font-size: 16px;
color: #fff;
}
.get-in-touch.light input[type="reset"] {
background: #000000;
border: none;
}
.get-in-touch.light input[type="reset"]:hover {
background: #101c23;
}
.get-in-touch.light input[type="submit"] {
background: #BDA244;
border: none;
}
.get-in-touch.light input[type="submit"]:hover {
background: #000000;
}
.get-in-touch.light .iconic-button .icons {
color: #fff;
}
/* Contact */
.google-map-ts {
display: block;
height: 400px;
overflow: hidden;
position: relative;
margin-top: -63px;
}
.google-map-ts>p {
margin: 0;
}
.google-map-ts.ext {
height: 800px;
}
.google-map {
display: block;
height: 400px;
overflow: hidden;
}
.google-map.ext {
height: 800px;
position: relative;
}
.google-map>p {
display: none;
}
.google-map>div {
height: 400px;
position: relative;
width: 100% !important;
margin: 0;
}
.google-map.ext>div {
height: 800px;
}
.google-map .wpgmappity_container {
height: 400px !important;
}
.google-map.ext .wpgmappity_container {
height: 1100px !important;
margin-top: -300px;
}
.google-map .wpgmappity_container {
width: 100% !important;
}
.get-in-touch-overlay {
position: absolute;
height: 430px;
background: #082338;
background: rgba(8, 35, 56, 0.67);
text-align: center;
left: 0;
right: 0;
bottom: 0;
}
.get-in-touch-overlay .get-in-touch.light {
text-align: center;
}
.get-in-touch-overlay h2,
.get-in-touch-overlay h3 {
color: #fff;
font-size: 30px;
margin-bottom: 40px;
}
/* Progress Bars */
.progressbar {
width: 100%;
height: 15px;
background: transparent;
padding: 3px;
border-radius: 1px;
-moz-border-radius: 1px;
border: 1px solid #DDE0E4;
position: relative;
margin: 10px 0 15px;
}
.progressbar .progress-width {
height: 100%;
width: 0;
background-image: url(../images/progress-bar.jpg);
background-position: 0 0;
background-repeat: repeat-x;
animation: animatedBackground 6s linear infinite;
-webkit-animation: animatedBackground 6s linear infinite;
}
.progressbar .progress-percent {
width: 35px;
height: 35px;
display: none;
background: url(../images/progressbar-percent.png) no-repeat;
color: #fff;
font-size: 10px;
padding-right: 4px;
padding-top: 2px;
text-align: center;
position: absolute;
top: -36px;
margin-left: -17px;
}
.style1 p {
color: #474a4c;
}
.style2 p {
/*color:#b9c3ca;*/
}
.style2 .progressbar {
outline: 1px solid rgba(179, 182, 185, 0.54);
}
.gray-bg .progressbar {
background: transparent;
border-color: transparent;
outline: 1px solid #666;
}
@keyframes animatedBackground {
from {
background-position: 0 0;
}
to {
background-position: 100% 0;
}
}
@-webkit-keyframes animatedBackground {
from {
background-position: 0 0;
}
to {
background-position: 100% 0;
}
}
/* Circular Progress Bar */
.circular-counter {
position: relative;
text-align: center;
margin: 20px 0;
}
p.knob-percent {
position: absolute;
font-size: 12px;
text-transform: uppercase;
font-weight: 300;
color: #fff;
top: 50%;
margin-top: -50px;
left: 0;
right: 0;
text-align: center;
}
p.knob-percent span {
font-size: 60px;
line-height: 70px;
display: block;
text-align: center;
}
/* Tabs */
.tab-header {
display: block;
width: 100%;
}
.tab-header ul {
display: table;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.tab-header ul li {
display: table-cell;
text-align: center;
border: 1px solid #ddd;
padding: 10px 0;
cursor: pointer;
background: #f4f4f4;
transition: background .3s border .3s;
-webkit-transition: background .3s border .3s;
-moz-transition: background .3s border .3s;
}
.tab-header ul li.active-tab {
border-top-color: #1B1B1B;
border-bottom: none;
background: #fff;
}
.tab-header ul li:hover {
background: #fff;
}
.tab-header ul li a {
color: #999;
text-transform: uppercase;
font-size: 11px;
transition: color .3s;
-webkit-transition: color .3s;
-moz-transition: color .3s;
}
.tab-header ul li.active-tab a {
color: #1B1B1B;
display: block;
}
.tab-content {
border: 1px solid #ddd;
border-top: none;
padding: 10px;
}
.tab>:first-child {
margin-top: 0;
}
/* Style 2 */
.tabs.style2 {
display: table;
width: 100%;
vertical-align: top;
}
.tabs.style2>div {
display: table-cell;
}
.tabs.style2 .tab-header {
width: 35%;
vertical-align: top;
}
.style2 .tab-header ul {
display: block;
width: auto;
}
.style2 .tab-header ul li {
display: block;
text-align: left;
border: none;
border-bottom: 1px solid #394d58;
padding: 25px 10px 25px 70px;
background: #000000;
position: relative;
}
.style2 .tab-header ul li:hover {
background: #2d3b43;
}
.style2 .tab-header ul li.active-tab {
background: #BDA244;
}
.style2 .tab-header ul li:after {
position: absolute;
top: 50%;
margin-top: -4px;
right: 0;
content: '';
transition: border .3s;
-webkit-transition: border .3s;
-moz-transition: border .3s;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid transparent;
}
.style2 .tab-header ul li.active-tab:after {
border-right: 8px solid #fff;
}
.style2 .tab-header ul li.active-tab .icons {
color: #afe4fe;
}
.style2 .tab-header ul li a {
color: #f5f5f5;
}
.style2 .tab-header ul li .icons {
position: absolute;
top: 21px;
left: 10px;
color: #8797a0;
font-size: 30px;
}
.style2 .tab-content {
border: none;
background: #fcfcfc;
padding: 20px;
}
/* Sidebar */
.sidebar {
padding-top: 40px;
padding-bottom: 40px;
}
.sidebar h3 {
font-size: 20px;
font-weight: 400;
margin: 0 0 10px;
}
.sidebar .widget_area,
.sidebar .widget {
margin-bottom: 30px;
}
.sidebar input[type="text"],
.sidebar input[type="password"],
.sidebar input[type="search"] {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
background: #f7f7f7;
}
.sidebar select {
width: 100%;
border: 1px solid #ddd;
white-space: pre-wrap;
}
.sidebar .iconic-submit input[type="submit"]:hover+.icons {
color: #333;
}
.sidebar .iconic-submit .icons {
font-size: 16px;
color: #999;
}
.sidebar .social {
display: block;
overflow: hidden;
}
.sidebar .social-item {
display: block;
width: 50%;
float: left;
}
.sidebar .social-item img {
float: left;
margin-right: 10px;
}
.sidebar .social-item span {
line-height: 18px;
display: inline-block;
color: #999;
}
.sidebar .social-item span.bold {
color: #444;
}
.sidebar table {
width: 100%;
text-align: center;
}
.sidebar table th {
text-align: center;
}
#calendar_wrap {
position: relative;
background: #fff;
}
.widget_calendar>div {
padding: 10px;
border: 1px solid #ddd;
}
.widget_calendar table {
width: 100%;
text-align: center;
border: none;
}
.widget_calendar caption {
color: #45484a;
font-size: 11px;
text-transform: uppercase;
}
.widget_calendar tr,
.widget_calendar thead,
.widget_calendar tfoot {
border: none;
}
.widget_calendar th {
color: #7f8e97;
font-size: 10px;
font-weight: 400;
text-align: center;
border: none;
}
.widget_calendar td {
padding: 5px 0;
color: #45484a;
border: none;
}
.widget_calendar tfoot .pad {
display: none;
}
.widget_calendar #prev {
text-align: left;
display: block;
position: absolute;
top: 15px;
left: 20px;
width: 10px;
height: 10px;
cursor: pointer;
background: url(../images/sprites/calendar-arrows.png) 0 0 no-repeat;
}
.widget_calendar #next {
text-align: right;
display: block;
position: absolute;
top: 15px;
right: 20px;
width: 10px;
height: 10px;
cursor: pointer;
background: url(../images/sprites/calendar-arrows.png) -10px 0 no-repeat;
}
.widget_calendar #next>a,
.widget_calendar #prev>a {
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
}
.widget_calendar #prev:hover {
background-position: 0 -10px;
}
.widget_calendar #next:hover {
background-position: -10px -10px;
}
.widget_calendar #today {
background: #BDA244;
color: #fff;
}
.sidebar .categories,
.widget ul {
padding: 0;
margin: 0;
list-style: none;
}
.sidebar .categories li,
.sidebar .widget>ul li {
border-bottom: 1px solid #ddd;
padding: 5px 0;
background: url(../images/post-meta-square.png) left 10px no-repeat;
padding-left: 15px;
}
.sidebar .categories li:last-child,
.widget>ul li:last-child {
border: none;
}
.sidebar .categories a,
.widget>ul li a {
color: #73848e;
text-transform: uppercase;
font-size: 11px;
display: block;
transition: color 0.3s, padding 0.3s;
-webkit-transition: color 0.3s, padding 0.3s;
-moz-transition: color 0.3s, padding 0.3s;
}
.sidebar .categories a:hover,
.widget>ul li a:hover {
color: #BDA244;
}
.sidebar .widget>ul li a:hover {
padding-left: 5px;
}
.sidebar .widget_recent_works ul li a:hover {
padding-left: 0;
}
.sidebar .contact-info {
padding: 20px;
border: 1px solid #ddd;
}
.sidebar .contact-info p {
font-size: 13px;
}
.sidebar .contact-info p span.light-blue {
font-size: 14px;
}
.sidebar .social-media {
margin: 10px 0;
padding: 0;
list-style: none;
}
.sidebar .social-media li {
display: inline-block;
}
.widget_recent_works ul {
padding: 15px;
border: 1px solid #e7eaec;
zoom: 1;
}
.widget_recent_works ul:after,
.widget_recent_works ul:before {
content: '';
display: table;
}
.widget_recent_works ul:after {
clear: both;
}
.sidebar .widget_recent_works>ul li {
border: none;
background: none;
padding: 0;
float: left;
width: 33.333%;
padding: 5px;
}
.sidebar .widget_recent_works>ul li img {
width: 100%;
height: auto;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-webkit-transform: translateZ(0px);
}
.sidebar .widget_recent_works>ul li:hover img {
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.widget_recent_works>ul li .cloud {
display: none;
}
.widget_recent_works>ul li a:hover {
padding-left: 0;
}
#upper-footer {
position: relative;
z-index: 10;
}
#footer {
font-size: 12px;
}
body.sticky-footer-on #footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
-webkit-transform: translateZ(0px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#main-footer span.post-date {
text-transform: uppercase;
text-align: left;
font-size: 10px;
}
#main-footer .widget li a {
color: #bdd2dc;
font-size: 13px;
font-style: italic;
text-transform: none;
}
#main-footer .widget_recent_entries li {
padding-bottom: 5px;
}
#main-footer .widget_recent_entries li+li {
padding-top: 5px;
border-top: 1px solid #000000;
}
#main-footer .widget li a:hover {
color: #d9ecf5;
}
/* Team Member Page */
.dark-blue-bg {
background: #0b4771;
color: #fff;
}
.page-heading {
padding-top: 10px;
padding-bottom: 10px;
}
.page-heading h1 {
font-weight: 800;
font-size: 36px;
letter-spacing: 2px;
text-transform: uppercase;
color: #fff;
}
.page-heading.style3 h1 {
letter-spacing: 0;
color: #2d363c;
}
.blog-post-single .post-content .post-meta {
margin-bottom: 20px;
}
.blog-post-single .post-author h3 {
margin-bottom: 5px;
font-size: 18px;
line-height: 26px;
}
.breadcrumbs {
display: block;
margin-top: 25px;
text-align: right;
color: #fff;
}
.breadcrumbs .delimiter {
margin: 0 8px 0 6px;
}
.breadcrumbs a {
color: #fff;
}
.breadcrumbs a:hover {
color: #BDA244;
}
.page-heading.style2 {
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}
.page-heading.style3 {
border-bottom: 1px solid #ddd;
overflow: hidden;
padding-top: 20px;
padding-bottom: 0;
}
.page-heading.style3 h1 {
margin-top: 25px;
text-transform: none;
font-size: 24px;
font-weight: 400;
color: #2d363c;
}
.page-heading.style3 .breadcrumbs a {
color: #666;
}
.page-heading.style3 .breadcrumbs .current {
color: #666666;
}
.page-heading .icons {
font-size: 72px;
color: #e5eff4;
}
.page-heading.style2 h1 {
margin: 20px 0;
font-size: 48px;
color: #e5eff4;
}
.page-heading.style2.portfolio-heading h1 {
font-size: 26px;
letter-spacing: 0;
}
.page-heading.style2 .breadcrumbs {
display: block;
text-align: center;
}
.page-heading.style3 .breadcrumbs {
color: #73848e;
font-size: 11px;
}
.page-heading.position-left-top {
background-position: left top;
}
.page-heading.position-left-center {
background-position: left center;
}
.page-heading.position-left-bottom {
background-position: left bottom;
}
.page-heading.position-right-top {
background-position: right top;
}
.page-heading.position-right-center {
background-position: right center;
}
.page-heading.position-right-bottom {
background-position: right bottom;
}
.page-heading.position-center-top {
background-position: center top;
}
.page-heading.position-center-center {
background-position: center center;
}
.page-heading.position-center-bottom {
background-position: center bottom;
}
.page-heading.size-cover {
background-size: cover;
}
.page-heading.size-original {
-webkit-background-size: auto;
-moz-background-size: auto;
background-size: auto;
}
h2.big {
font-size: 36px;
}
h2:first-child {
margin-top: 0;
color: #000000;
}
.overlay-heading {
position: relative;
height: 100px;
padding-top: 10px !important;
padding-bottom: 10px !important;
top: -100px;
margin-bottom: -100px;
background: rgba(35, 50, 58, .6);
}
.overlay-heading h1 {
font-size: 34px !important;
}
a.portfolio-button {
display: inline-block;
width: 40px;
height: 40px;
margin: 20px 0 0;
background: url(../images/portfolio-button.png) no-repeat;
float: left;
}
.portfolio-arrows {
text-align: right;
}
a.portfolio-prev,
a.portfolio-next {
width: 30px;
height: 60px;
display: inline-block;
background: url(../images/main-slider-arrows.png) no-repeat;
margin-top: 10px;
}
a.portfolio-prev {
background-position: -15px 0;
}
a.portfolio-next {
background-position: -75px 0;
margin-left: -10px;
}
/* Portfolio Page */
.projects {
overflow: hidden;
}
#projects-container,
#sortable-shop-products,
.projects-container {
overflow: hidden;
}
#projects-container .mix,
#sortable-shop-products .mix,
.projects-container .mix {
display: none;
}
#projects-container #post-items {
overflow: hidden;
}
.portfolio-1column .project-item.mix {
width: 100%;
}
#projects-container.full-width-portfolio .mix {
padding-left: 0;
padding-right: 0;
}
#projects-container .sidebar {
padding-top: 0;
padding-bottom: 0;
}
.full-width-portfolio>div>div {
padding: 0;
}
.project-item {
padding: 0;
}
.portfolio-2column .project-item:nth-child(even) .project,
.portfolio-3column .project-item:nth-child(3n + 1) .project,
.portfolio-4column .project-item:nth-child(4n) .project {
border-right-color: transparent;
}
.portfolio-1column .sorting-tags,
.portfolio-2column .sorting-tags,
.portfolio-3column .sorting-tags,
.portfolio-4column .sorting-tags {
margin-bottom: 20px;
}
.sorting-tags {
display: block;
margin-bottom: 40px;
text-align: center;
}
.sorting-tags.light {
text-align: left;
}
.sorting-tags div {
display: inline-block;
padding: 5px 15px;
background: #2a3b45;
color: #97a4ad;
font-size: 11px;
text-transform: uppercase;
cursor: pointer;
transition: color .3s;
-webkit-transition: color .3s;
-moz-transition: color .3s;
}
.sorting-tags.light div {
padding: 0;
background: none;
padding: 10px 5px;
}
.sorting-tags.light div:first-child {
padding-left: 0;
}
.sorting-tags.light div.filter {
background: none;
padding: 10px 5px;
color: #444;
}
.sorting-tags div.filter.active,
.sorting-tags div.filter:hover {
color: #8cd9ff;
}
.load-more {
margin-top: 60px;
}
/* Footer */
.latest-tweets {
display: table;
width: 100%;
}
.tweet-icon {
display: table-cell;
height: 120px;
width: 120px;
vertical-align: middle;
text-align: center;
background: #1f9cda;
position: relative;
}
.tweet-icon:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 17px 17px 0 0;
border-color: #1f9cda transparent transparent;
top: 20px;
right: -17px;
}
.tweet-carousel {
display: table-cell;
padding: 0 0 0 40px;
vertical-align: middle;
}
.tweets-flexslider {
padding-right: 80px;
}
.tweets-flexslider .slides li {
height: 70px;
}
.tweets-flexslider .tweet-wrapper {
display: table;
height: 100%;
}
.tweets-flexslider .tweet-wrapper-inner {
height: 100%;
display: table-cell;
vertical-align: middle;
}
.tweet-slider-arrows {
position: absolute;
bottom: 50%;
margin-bottom: -11px;
right: 0;
color: #fff;
font-size: 20px;
}
.tweet-slider-arrows .icons {
color: #fff !important;
cursor: pointer;
}
.tweet-slider-arrows .icons+.icons {
position: relative;
left: -6px;
}
p.tweet-content {
font-size: 16px;
margin: 0;
color: #fff;
}
p.tweet-content a {
color: #bbdbef;
}
span.tweet-date {
font-size: 12px;
color: #bbdbef;
font-style: italic;
display: block;
}
/* Elements */
/* Lists */
.list {
list-style: none;
margin: 20px 0;
padding: 0;
}
.list li {
position: relative;
margin: 5px 0;
}
.list.border-list li {
border-bottom: 1px solid #ddd;
padding: 5px 0;
}
.list.border-list li:last-child {
border-bottom: none;
}
.list li:before {
content: '';
width: 20px;
height: 20px;
position: relative;
top: 5px;
display: inline-block;
margin: 0 5px 0 0;
background: url(../images/sprites/list-icons.png) no-repeat;
}
.list.blue-icon li:before,
li.blue-icon:before {
color: #BDA244;
}
.list.check-style li:before,
li.icon-ok-squared:before {
background-position: 0 0;
}
.list.arrow-style li:before,
li.icons-arrows-cw:before {
background-position: -20px 0;
}
.list.square-style li:before,
li.square-style:before {
background-position: -40px 0;
}
.list.star-style li:before,
li.icon-star:before {
background-position: -60px 0;
}
.list.plus-style li:before,
li.icon-plus:before {
background-position: -80px 0;
}
.list.dash-style li:before,
li.icon-minus:before {
background-position: -100px 0;
}
/* Drop Quotes */
span.dropquote {
font-size: 32px;
float: left;
line-height: 0.9;
margin-right: 10px;
}
span.dropquote.style2 {
font-size: 35px;
color: #23292c;
width: 45px;
height: 45px;
text-align: center;
line-height: 40px;
background: #eae5d6;
position: relative;
top: 7px;
}
/* Alert Boxes */
.alert-box {
display: block;
margin: 10px 0;
padding: 10px 40px;
background: #ddd;
position: relative;
}
.alert-box p {
margin: 0;
}
.alert-box .icons {
position: absolute;
left: 10px;
top: 50%;
margin-top: -10px;
}
.alert-box .close-button {
position: absolute;
top: 50%;
right: 10px;
margin-top: -10px;
cursor: pointer;
}
.alert-box.error {
background: #facfcf;
}
.alert-box.error .icons,
.alert-box.error .close-button {
color: #d35858;
}
.alert-box.success {
background: #e9f5d5;
}
.alert-box.success .icons,
.alert-box.success .close-button {
color: #809533;
}
.alert-box.info {
background: #cce6f7;
}
.alert-box.info .icons,
.alert-box.info .close-button {
color: #5694b1;
}
.alert-box.notice {
background: #fcf7d9;
}
.alert-box.notice .icons,
.alert-box.notice .close-button {
color: #dbb835;
}
/* Info Boxes */
.info-box {
background: #fcfcfc;
border: 1px solid #eee;
text-align: center;
padding: 30px;
}
.info-box h4.bold {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
.info-box a.button {
min-width: 100px;
}
.info-box a.button.unfilled {
font-size: 14px;
}
.info-box h4 {
margin-bottom: 0;
}
.info-box p {
margin-top: 0;
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
}
/* Blockquotes */
blockquote {
background: #000000 url(../images/blockquote.png) right top no-repeat;
color: #d2f0ff;
padding: 20px;
border: none;
}
blockquote.link {
background-image: url(../images/blockquote-link.png);
}
blockquote p {
font-weight: 700;
font-size: 20px;
line-height: 28px;
margin: 0;
}
blockquote span,
blockquote span a {
font-size: 12px;
color: #6dcfff;
}
blockquote span a:hover {
color: #d2f0ff;
}
/* Pricing Tables */
.pricing-table {
width: 100%;
margin-bottom: 40px;
vertical-align: top;
table-layout: fixed;
border: none;
}
.pricing-table td {
padding: 0;
}
.pricing-table h3 {
color: #fff;
font-size: 20px;
}
.pricing-table-item {
text-align: center;
border: 1px solid #eee;
}
.table-header {
background: #000000;
color: #fff;
padding: 10px;
position: relative;
}
.table-header:after {
content: '';
display: block;
position: absolute;
left: 50%;
bottom: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #000000;
margin-left: -10px;
}
.featured .table-header {
background: #1B1B1B;
padding: 15px 10px;
margin-top: -10px;
}
.featured .table-header:after {
border-top-color: #1B1B1B;
}
.table-header h3 {
margin: 0;
}
.small .table-header {
padding: 6px;
}
.small .featured .table-header {
padding: 11px;
}
.small .table-header h3 {
font-size: 18px;
}
.table-price {
vertical-align: top;
padding: 30px 20px;
display: block;
background: #fcfcfc;
}
.table-price span {
display: inline-block;
}
.table-price .currency {
font-size: 18px;
vertical-align: top;
}
.table-price .price-main {
font-size: 60px;
font-weight: 600;
color: #000000;
line-height: 40px;
}
.table-price .price-secondary {
font-size: 18px;
font-weight: 600;
text-align: left;
color: #333333;
vertical-align: top;
line-height: 18px;
}
.table-price .price-secondary .period {
font-weight: 400;
color: #444;
line-height: 12px;
font-size: 12px;
}
.table-content {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.table-content span.value {
display: block;
padding: 8px;
}
.table-content span.checked span {
background-image: url(../images/sprites/pricing-table.png);
background-position: 13px 0;
display: inline-block;
width: 13px;
height: 13px;
}
.table-content span.not-checked span {
background-image: url(../images/sprites/pricing-table.png);
display: inline-block;
width: 13px;
height: 13px;
}
.table-content span.value:nth-child(even) {
background: #fcfcfc;
}
.table-footer {
background: #fcfcfc;
padding: 20px;
position: relative;
}
.featured .table-footer {
padding: 25px 20px;
margin-bottom: -10px;
border-bottom: 1px solid #eee;
}
.pricing-table-legend {
padding-top: 68px;
}
.pricing-table-legend .table-content {
border: none;
text-align: left;
}
.pricing-table-legend .table-content span {
padding: 8px 20px;
}
/* Inputs */
/* Thumb Gallery */
.thumb-gallery {
list-style: none;
margin: 0;
padding: 15px 6px 6px 15px;
border: 1px solid #eee;
overflow: hidden;
}
.thumb-gallery li {
float: left;
position: relative;
cursor: pointer;
width: 70px;
margin-right: 9px;
margin-bottom: 9px;
}
.thumb-gallery .carousel-item-hover {
position: absolute;
z-index: 10;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
background: #000000 url(../images/sprites/hover-icons.png) no-repeat;
background: rgba(35, 50, 58, 0.38) url(../images/sprites/hover-icons.png) no-repeat;
border: 4px solid #eee;
border: 4px solid rgba(238, 238, 238, 0.12);
color: #fff;
text-align: center;
font-size: 24px;
padding-top: 17px;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
transition: transform .3s, opacity .6s;
-webkit-transition: -webkit-transform .3s, opacity .6s;
-moz-transition: -moz-transform .3s, opacity .6s;
}
.thumb-gallery li:hover .carousel-item-hover {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
/* Audio Player */
.audio-player {
width: 100%;
display: block;
height: 30px;
background: #000000;
position: relative;
padding: 11px 10px 11px 40px;
}
.audio-player.volume-on {
padding-right: 120px;
}
.audio-play-button {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 30px;
height: 30px;
background: #BDA244 url(../images/audio-buttons.png) no-repeat;
cursor: pointer;
transition: background .2s;
-webkit-transition: background .2s;
-moz-transition: background .2s;
}
.audio-play-button.pause {
background-position: 0 -30px;
}
.audio-progress,
.audio-volume {
height: 8px;
background: #1b282e;
position: absolute;
left: 40px;
top: 11px;
cursor: pointer;
right: 10px;
}
.audio-volume {
left: auto;
width: 70px;
right: 10px;
}
.volume-on .audio-progress {
right: 100px;
}
.audio-progress-bar,
.audio-volume-bar {
background: #96a5ac;
width: 0;
height: 8px;
}
/* =============================== */
/* SHOP PAGES */
/* =============================== */
a.load-more-button:hover .icons:before {
-webkit-animation: spinit 2.5s linear infinite;
-moz-animation: spinit 2.5s linear infinite;
animation: spinit 2.5s linear infinite;
}
@-moz-keyframes spinit {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spinit {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes spinit {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
a.button.unfilled,
input[type="submit"].unfilled,
button.unfilled {
background: transparent !important;
border: 2px solid #000 !important;
text-transform: uppercase;
color: #000;
font-weight: 700;
font-size: 14px;
padding: 10px 25px;
transition: color 0.3s;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
}
a.button.unfilled:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 100%;
z-index: -1;
transition: right 0.3s;
-webkit-transition: right 0.3s;
-moz-transition: right 0.3s;
}
a.button.unfilled.big,
input[type="submit"].unfilled.big {
padding: 14px 35px !important;
}
a.button.unfilled.small,
input[type="submit"].unfilled.small,
button.unfilled.small {
padding: 6px 15px !important;
font-size: 12px;
}
a.button.unfilled.white,
input[type="submit"].unfilled.white {
color: #fff !important;
background: transparent !important;
border: 2px solid #fff !important;
font-weight: 700;
font-size: 14px;
padding: 10px 25px;
text-transform: uppercase;
position: relative !important;
z-index: 10;
transition: color 0.3s, background 0.3s;
-webkit-transition: color 0.3s, background 0.3s;
-moz-transition: color 0.3s, background 0.3s;
}
a.button.unfilled.black,
input[type="submit"].unfilled.black {
background: transparent !important;
border: 2px solid #000 !important;
color: #000 !important;
font-weight: 700;
font-size: 14px;
padding: 10px 25px;
text-transform: uppercase;
position: relative !important;
z-index: 10;
transition: color 0.3s, background 0.3s;
-webkit-transition: color 0.3s, background 0.3s;
-moz-transition: color 0.3s, background 0.3s;
}
input[type="submit"].unfilled.rounded {
border-radius: 10px;
}
a.button.unfilled:hover,
input[type="submit"].unfilled:hover {
color: #fff !important;
}
a.button.unfilled.white:hover,
input[type="submit"].unfilled.white:hover {
color: #000 !important;
}
input[type="submit"].unfilled:hover {
background: #000 !important;
}
input[type="submit"].unfilled.white:hover {
color: #fff !important;
}
a.button.unfilled.white:after {
background: #fff;
}
a.button.unfilled.black:after {
background: #000;
}
a.button.unfilled.white:hover:after {
right: 0;
}
a.button.unfilled.black:hover:after {
right: 0;
}
a.button.unfilled strong {
font-weight: 800;
}
a.button.unfilled.view-more,
a.button.view-more,
button.view-more {
height: 60px;
padding: 17px 30px 15px 70px;
position: relative;
font-size: 14px;
font-weight: 700;
margin-top: 20px;
}
a.button.view-more,
button.view-more {
padding-top: 27px;
padding-left: 95px;
padding-right: 50px;
height: 75px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
button.view-more {
padding-top: 15px;
}
a.button.unfilled.view-more:before,
a.button.view-more:before,
button.view-more:before {
content: '';
display: inline-block;
width: 50px;
height: 50px;
position: absolute;
left: 20px;
top: 2px;
background: url(../images/sprites/hover-icons.png) -150px 0 no-repeat;
}
a.button.view-more:before,
button.view-more:before {
top: 12px;
left: 40px;
}
a.button.unfilled.view-more:hover:before {
background-position: -200px 0;
}
a.button.unfilled.black.view-more:before {
background-position: -200px 0;
}
a.button.unfilled.black.view-more:hover:before {
background-position: -150px 0;
}
.shop-banner {
margin-bottom: 30px;
overflow: hidden;
position: relative;
}
.shop-banner img {
width: 100%;
-webkit-transform: translateZ(0px);
}
.banner-content-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banner-content {
display: table;
height: 100%;
width: 100%;
}
.banner-content-inner {
display: table-cell;
height: 100%;
width: 100%;
text-align: center;
vertical-align: middle;
}
.banner-content-inner .overlay {
display: inline-block;
padding: 40px 20px;
background: #000;
background: rgba(0, 0, 0, .4);
color: #fff;
width: 80%;
max-width: 400px;
max-height: 100%;
transition: background .4s;
-webkit-transition: background .4s;
-moz-transition: background .4s;
}
.banner-content-inner .overlay h1,
.banner-content-inner .overlay h2,
.banner-content-inner .overlay h3,
.banner-content-inner .overlay h4,
.banner-content-inner .overlay h5,
.banner-content-inner .overlay h6 {
color: #fff;
}
.shop-banner:hover .banner-content-inner .overlay {
background: rgba(0, 0, 0, .6);
}
.shop-banner img {
transition: opacity .3s;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
}
.shop-banner:hover img {
opacity: 0.8;
}
.shop-banner h2 {
font-size: 42px;
font-weight: 800;
margin: 0;
text-transform: uppercase;
}
.shop-banner h3 {
font-size: 30px;
margin: 0;
font-weight: 800;
text-transform: uppercase;
}
.shop-banner h4 {
margin: 0 0 15px;
font-size: 18px;
font-weight: 800;
display: inline-block;
text-transform: uppercase;
position: relative;
}
.shop-banner h4:before {
content: '';
position: absolute;
width: 30px;
height: 4px;
top: 50%;
margin-top: -2px;
left: -40px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.shop-banner h4:after {
content: '';
position: absolute;
width: 30px;
height: 4px;
top: 50%;
margin-top: -2px;
right: -40px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.shop-banner h4+a.button:before {
display: table;
content: '';
clear: both;
float: left;
}
.shop-banner p {
font-size: 14px;
font-weight: 300;
margin-top: 15px;
text-transform: uppercase;
}
/* Shop Logos */
.shop-logos {
display: table;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
.shop-logos img {
padding: 5px 10px;
}
.shop-logos li {
display: table-cell;
}
/* Shop Products */
.shop-main-padding {
padding-top: 40px;
padding-bottom: 40px;
}
.shop-filters {
text-align: center;
margin-bottom: 30px;
}
.shop-filters span {
display: inline-block;
color: #0b2b33;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
transition: color .3s;
-webkit-transition: color .3s;
-moz-transition: color .3s;
}
.shop-filters span.active,
.shop-filters span:hover {
color: #1f95d5;
}
.shop-filters span+span {
margin-left: 15px;
}
.shop-product {
margin-bottom: 30px;
}
.shop-product .featured-image {
position: relative;
overflow: hidden;
}
.shop-product .featured-image img {
width: 100%;
height: auto;
transition: transform .6s;
-webkit-transition: -webkit-transform .6s;
-moz-transition: -moz-transform .6s;
}
.shop-product:hover .featured-image img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.ribbon {
display: inline-block;
padding: 5px 15px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
position: absolute;
top: 10px;
left: 0;
z-index: 10;
text-align: center;
}
.ribbon.onsale {
color: #fff;
background: #7dc962;
border-left: 3px solid #6eb156;
}
.ribbon.new {
color: #fff;
background: #fa6d61;
border-left: 3px solid #db6155;
}
.ribbon.stock {
color: #fff;
background: #b5b5b6;
border-left: 3px solid #9e9e9f;
}
.ribbon.top {
color: #fff;
background: #fe9b65;
border-left: 3px solid #dc8657;
}
.shop-product .product-buttons {
position: absolute;
bottom: -50px;
padding: 0 10px;
display: block;
width: 100%;
table-layout: fixed;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
opacity: 0;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
}
.shop-product:hover .product-buttons {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
opacity: 1;
bottom: 5px;
}
.shop-product .product-buttons a.button {
display: block;
padding: 9px 0;
text-align: center;
font-size: 14px;
font-weight: 700;
border-right: none;
float: left;
width: 49%;
height: 40px;
}
.shop-product .product-buttons a.button.details-button,
.shop-product-slider .product-buttons a.button {
background: #15333b;
background: rgba(21, 51, 59, .45);
}
.shop-product .product-buttons a.button.details-button:hover,
.shop-product-slider .product-buttons a.button:hover {
background: #0b1f24;
background: rgba(21, 51, 59, .70);
}
.shop-product .product-buttons a.added_to_cart {
display: none;
}
.shop-product .product-buttons a.button+a.button {
margin-left: 2%;
}
.shop-product .product-info {
margin-top: 10px;
height: 45px;
overflow: hidden;
}
.shop-product .product-info>div {
display: block;
font-size: 13px;
color: #19242a;
}
.shop-product .product-info .price {
float: right;
font-weight: 700;
}
.shop-product .product-info .price.blue {
color: #3b9dd8;
text-decoration: none;
text-transform: uppercase;
}
.shop-product .product-info .price del {
text-decoration: none;
display: block;
text-align: right;
}
/* Recently Viewed Products */
.recent-products-header {
overflow: hidden;
}
.recent-products-header h5 {
float: left;
margin-top: 0;
}
.recent-products-header .clear-recent-products {
float: right;
color: #000;
}
.recently-viewed-product {
margin-top: 30px;
}
.recently-viewed-product .featured-image {
position: relative;
overflow: hidden;
}
.recently-viewed-product .featured-image img {
width: 100%;
}
.recently-viewed-product .remove-product-button {
position: absolute;
top: 5px;
left: -15px;
color: #000;
font-size: 14px;
z-index: 10;
opacity: 0;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
}
.recently-viewed-product .remove-product-button:hover,
.recent-products-header .clear-recent-products:hover {
color: #098ed1;
}
.recently-viewed-product .product-buttons {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
z-index: 10;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
}
.recently-viewed-product:hover .remove-product-button {
left: 5px;
opacity: 1;
}
.recently-viewed-product:hover .product-buttons {
bottom: 0;
}
.recently-viewed-product .product-buttons a.button {
margin: 0;
width: 100%;
display: block;
text-align: center;
background: #000;
background: rgba(0, 0, 0, .4);
}
.recently-viewed-product .product-buttons a.button:hover {
background: rgba(0, 0, 0, .6);
}
.recently-viewed-product .product-info {
margin-top: 10px;
}
.recently-viewed-product .product-info>span {
display: block;
font-size: 12px;
color: #73848e;
line-height: 18px;
}
.recently-viewed-product .product-info ins,
.recently-viewed-product .product-info .amount {
font-weight: 700;
color: #0B2B33;
}
.recently-viewed-product .product-info ins,
.recently-viewed-product .product-info del {
display: block;
font-size: 12px;
}
.recently-viewed-product .product-info ins {
color: #3b9dd8;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
.recently-viewed-product .product-info span.price {
font-weight: 700;
color: #0b2b33;
}
ul.arrow-list,
.shop-footer .shop-widget ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
}
ul.arrow-list li+li,
.shop-footer .shop-widget ul li+li {
margin-top: 15px;
}
ul.arrow-list a,
.shop-footer .shop-widget ul a {
color: #73848e;
border-bottom: 1px solid transparent;
transition: color .3s border .3s;
-webkit-transition: color .3s border .3s;
-moz-transition: color .3s border .3s;
}
ul.arrow-list a:hover,
.shop-footer .shop-widget ul a:hover {
color: #BDA244;
border-bottom: 1px solid #BDA244;
}
ul.arrow-list li:before,
.shop-footer .shop-widget ul li:before {
font-family: fontello;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
font-size: 18px;
color: #73848e;
content: '\e897';
}
/* Shop Page Header */
.shop-page-header {
padding-left: 5000px;
padding-right: 5000px;
margin-left: -5000px;
margin-right: -5000px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eceded;
border-bottom: 1px solid #eceded;
}
.shop-page-header .breadcrumbs {
text-align: left;
margin: 0;
color: #73848e;
}
.shop-page-header .breadcrumbs a {
color: #0b2b33;
}
.shop-page-header .breadcrumbs a:hover {
color: #BDA244;
}
.shop-page-header .breadcrumbs .separator:before {
font-family: fontello;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
content: '\e897';
}
.shop-page-header .shop-header-links {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}
.shop-page-header .shop-header-links li {
display: inline-block;
}
.shop-page-header .shop-header-links li+li:before {
content: '| ';
margin: 0 3px;
}
.shop-page-header .shop-header-links li a {
color: #0b2b33;
font-size: 11px;
text-transform: uppercase;
}
.shop-page-header .shop-header-links li a:hover {
color: #BDA244;
}
/* Shopping Cart */
.shopping-cart {
width: 100%;
}
.shopping-cart tr {
border: 1px solid #e6e7e7;
}
.shopping-cart tr+tr {
border-top: none;
}
.shopping-cart>tbody>tr>th {
padding: 10px 20px;
background: #fcfcfc;
color: #0b2b33;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
}
.shopping-cart tfoot tr {
background: #fcfcfc;
}
.shopping-cart td {
padding: 20px;
vertical-align: top;
}
.shopping-cart td+td {
border-left: 1px solid #e6e7e7;
}
.shopping-cart .featured-image {
width: 40%;
display: block;
float: left;
margin-right: 20px;
}
.shopping-cart .product-info a.title {
color: #19242a;
font-size: 16px;
}
.shopping-cart .product-info a.title:hover {
color: #1f95d5;
}
.shopping-cart .product-meta {
list-style: none;
margin: 10px 0 0;
padding: 0;
color: #73848e;
font-size: 14px;
}
.shopping-cart-dropdown .price {
color: #0b2b33;
}
.shopping-cart-dropdown .product-meta {
color: #73848e;
}
.shopping-cart-dropdown .product-meta li p {
display: inline-block;
margin: 0;
}
.shopping-cart .remove-product {
color: #000;
font-size: 16px;
display: block;
text-align: center;
}
.shopping-cart .remove-product:hover {
color: #1f95d5;
}
.shopping-cart span.price {
font-size: 14px;
font-weight: 700;
color: #0b2b33;
display: block;
text-align: center;
}
.shopping-cart span.price del {
color: #73848e;
}
.shopping-cart span.product-code {
font-size: 14px;
text-transform: uppercase;
display: block;
text-align: center;
}
.shopping-cart .coupon {
float: left;
}
.shopping-cart .update-cart {
float: right;
}
.shopping-cart #shipping_method {
list-style: none;
}
.cart-subtotal,
.update-totals {
display: inline-block;
width: auto;
text-align: left;
vertical-align: top;
}
.cart-subtotal h4,
.update-totals h4 {
color: #0b2b33;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.update-totals {
margin-right: 30px;
}
.update-totals select {
width: 100%;
border: 1px solid #eaeaea;
padding: 5px;
}
.update-totals input,
.update-totals button {
border: 1px solid #eaeaea;
padding: 5px;
}
.update-totals select+select,
.update-totals select+input,
.update-totals input+input,
.update-totals input+select {
margin-top: 10px;
}
.update-totals input[type="submit"],
.update-totals button[type="submit"] {
margin-top: 20px;
}
.cart-subtotal table {
width: 100%;
}
.cart-subtotal th,
.cart-subtotal td {
padding: 15px 20px;
text-transform: uppercase;
background: #fff;
}
.cart-subtotal th {
color: #73848e;
}
.cart-subtotal th.black {
color: #0b2b33;
}
.cart-subtotal .price.blue {
color: #BDA244;
}
.shopping-cart-button {
display: block;
margin-top: 20px;
}
.shopping-cart-button a.button {
font-size: 14px;
}
/* Numeric Input */
.numeric-input-holder {
position: relative;
padding: 0 30px;
display: inline-block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.numeric-input-wrapper input,
.numeric-input {
width: 40px;
height: 40px;
border: 2px solid #19242a;
text-align: center;
font-weight: 700;
color: #19242a;
}
.numeric-input-holder .increase-button,
.numeric-input-holder .decrease-button {
position: absolute;
width: 30px;
height: 40px;
left: 0;
top: 10px;
text-align: center;
cursor: pointer;
color: #19242a;
transition: color .3s;
-webkit-transition: color .3s;
-moz-transition: color .3s;
}
.numeric-input-holder .increase-button {
left: auto;
right: 0;
}
.numeric-input-holder .increase-button:hover,
.numeric-input-holder .decrease-button:hover {
color: #1f95d5;
}
.numeric-input-holder .decrease-button:before,
.numeric-input-holder .increase-button:before {
font-family: fontello;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
font-size: 12px;
content: '\e823';
}
.numeric-input-holder .increase-button:before {
content: '\e81f';
}
.coupon input[type="text"] {
height: 42px;
border: 1px solid #ddd;
padding: 5px 10px;
margin: 0 10px;
}
/* Product Category Page */
.head-banner {
background-size: cover;
color: #fff;
padding-top: 180px;
padding-bottom: 80px;
}
.head-banner h1 {
font-size: 142px;
font-weight: 800;
line-height: 120px;
letter-spacing: -10px;
text-transform: uppercase;
margin-bottom: 20px;
color: #cf6a5f;
}
.head-banner p {
font-size: 18px;
font-style: italic;
color: #000000;
}
.shop-options form {
background: #fcfcfc;
border: 1px solid #eceded;
padding: 7px 20px;
zoom: 1;
}
.shop-options form:after,
.shop-options form:before {
content: '';
display: table;
}
.shop-options form:after {
clear: both;
}
.shop-options ul {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
float: right;
}
.shop-options ul li {
display: inline-block;
padding: 5px 0;
}
.shop-options ul li+li {
margin-left: 10px;
}
.shop-options ul li+li:before {
content: '| ';
position: relative;
left: -5px;
top: -1px;
}
.shop-options ul li a {
color: #0b2b33;
font-size: 12px;
text-transform: uppercase;
}
.shop-options ul li a:hover {
color: #73848e;
}
.shop-options label {
color: #73848e;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
margin-right: 5px;
}
.shop-options select+label {
margin-left: 15px;
}
.shop-options select {
border: 1px solid #eaeaea;
padding: 5px;
}
.shop-options .item-count {
margin: 15px 0;
color: #73848e;
}
/* Shop Refine */
.sidebar .shop-widget {
border: 1px solid #e6eaec;
padding: 12px 20px;
}
.sidebar .shop-widget+.shop-widget {
border-top: none;
}
.shop-refine-header+.refine-type,
.refine-type+.shop-refine-header,
.shop-refine-header+.shop-refine-header,
.refine-type+.refine-type {
border-top: 1px solid #e6eaec;
}
.sidebar .shop-widget h3 {
color: #0b2b33;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
margin: 0;
}
.sidebar .shop-widget h4 {
color: #0b2b33;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
margin: 0;
}
.sidebar .shop-widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar .shop-widget ul a {
font-size: 11px;
color: #000000;
text-transform: uppercase;
position: relative;
display: inline-block;
padding-left: 15px;
}
.sidebar .shop-widget ul a:before {
content: '';
width: 8px;
height: 8px;
border: 1px solid #a8b1b7;
display: inline-block;
position: absolute;
left: 0;
top: 50%;
margin-top: -4px;
}
.sidebar .shop-widget ul a:hover:after,
.sidebar .shop-widget ul li.chosen a:after {
content: '';
width: 4px;
height: 4px;
background: #a8b1b7;
display: inline-block;
position: absolute;
left: 2px;
top: 50%;
margin-top: -2px;
}
.sidebar .shop-widget {
position: relative;
}
.sidebar .shop-widget .arrow {
cursor: pointer;
}
.sidebar .shop-widget .arrow:before {
font-family: fontello;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
font-size: 18px;
position: absolute;
top: 17px;
right: 10px;
color: #686b6d;
content: '\e899';
}
.sidebar .price_slider {
margin: 20px 0 15px;
}
.sidebar .shop-widget.opened .arrow:before {
content: '\e898';
}
.refine-type-content {
padding-top: 10px;
position: relative;
height: 250px;
overflow: hidden;
}
.refine-type.product-price-range .refine-type-content {
height: auto;
}
.price-range-min {
float: left;
}
.price-range-max {
float: right;
}
.refine-type input[type="checkbox"] {
display: none;
}
.refine-type input[type="checkbox"]+label {
display: block;
font-weight: 400;
font-size: 11px;
color: #000000;
text-transform: uppercase;
position: relative;
padding-left: 15px;
cursor: pointer;
}
.refine-type input[type="checkbox"]+label:before {
content: '';
width: 8px;
height: 8px;
border: 1px solid #a8b1b7;
display: inline-block;
position: absolute;
left: 0;
top: 50%;
margin-top: -4px;
}
.refine-type input[type="checkbox"]:checked+label:after {
content: '';
width: 4px;
height: 4px;
background: #a8b1b7;
display: inline-block;
position: absolute;
left: 2px;
top: 50%;
margin-top: -2px;
}
/* Checkout */
form.checkout {
max-width: 500px;
}
form.checkout ul {
list-style: none;
margin: 0;
padding: 0;
}
form.checkout ul.payment_methods.methods {
margin: 40px 0;
}
form.checkout input[type="text"],
form.checkout input[type="password"],
form.checkout input[type="search"],
form.checkout textarea {
width: 100%;
border: 1px solid #ddd;
display: block;
padding: 5px 10px;
}
form.checkout textarea {
min-height: 200px;
}
.checkbox {
display: initial;
min-height: auto;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
form.checkout table {
width: 100%;
border: 1px solid #ddd;
}
form.checkout tr {
display: table-row !important;
width: 100% !important;
}
form.checkout tr+tr {
border-top: 1px solid #ddd;
}
form.checkout thead {
border-bottom: 1px solid #ddd;
}
form.checkout tfoot {
border-top: 1px solid #ddd;
}
form.checkout td+td,
form.checkout th+th,
form.checkout td+th,
form.checkout th+td {
border-left: 1px solid #ddd;
}
form.checkout th,
form.checkout td {
padding: 15px 20px;
text-transform: uppercase;
background: #fff;
}
form.checkout th {
color: #73848e;
}
/* Shop Details */
.product-single {
overflow: hidden;
display: table;
width: 100%;
vertical-align: top;
}
.product-single-image {
width: 390px;
padding-right: 30px;
display: table-cell;
vertical-align: top;
}
.product-single-details {
display: table-cell;
vertical-align: top;
}
.shop-product-slider {
margin-left: -5px;
margin-right: -5px;
overflow: hidden;
}
.shop-product-slider .ribbon {
left: 5px;
top: 15px;
}
.shop-product-slider .slides li {
position: relative;
}
.shop-product-slider .product-buttons {
position: absolute;
bottom: 5px;
display: table;
table-layout: fixed;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
.shop-product-slider .product-buttons li {
display: table-cell;
padding: 0 5px;
}
.shop-product-slider .product-buttons li:first-child {
padding-left: 15px;
}
.shop-product-slider .product-buttons li:last-child {
padding-right: 15px;
}
.shop-product-slider .product-buttons a.button {
display: block;
text-align: center;
font-size: 12px;
}
.shop-product-slider .slides li img {
padding: 5px;
}
.shop-product-slider .flex-control-thumbs {
display: table;
table-layout: fixed;
}
.shop-product-slider .flex-control-thumbs li {
display: table-cell;
width: auto;
float: none;
}
.shop-product-slider .flex-control-thumbs li img {
width: 100%;
border-width: 5px;
}
.shop-product-slider .flex-prev,
.shop-product-slider .flex-next {
top: 38%;
}
.shop-product-slider .flex-prev:before,
.shop-product-slider .flex-next:before {
font-family: fontello;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
content: '\e896';
}
.shop-product-slider .flex-next:before {
content: '\e897';
}
.shop-product-details h3 {
color: #19242a;
font-size: 18px;
font-weight: 400;
margin: 0;
}
.shop-product-details h4 {
color: #19242a;
font-size: 14px;
font-weight: 700;
margin: 10px 0 5px;
}
.shop-product-details .price {
font-size: 18px;
color: #1f95d5;
font-weight: 700;
text-decoration: none;
}
.shop-product-details .price>del {
font-size: 14px;
color: #73848e;
display: block;
font-weight: 400;
}
.shop-product-details ul {
list-style: none;
margin: 0;
padding: 0;
}
.shop-product-details select {
border: 1px solid #eaeaea;
padding: 5px;
display: block;
margin-bottom: 10px;
min-width: 120px;
}
.shop-product-submit .shop-item-count {
width: 40px;
height: 40px;
border: 2px solid #000;
font-weight: 700;
text-align: center;
}
.shop-product-submit input {
margin-right: 8px;
}
.shop-product-submit {
margin-bottom: 30px;
}
input[type="submit"].blue {
background: #BDA244;
color: #fff;
border: none;
font-size: 14px;
height: 40px;
padding: 8px 20px;
display: inline-block;
text-transform: uppercase;
transition: background .3s;
-webkit-transition: background .3s;
-moz-transition: background .3s;
margin: 5px 0;
}
input[type="submit"].blue:hover {
background: #a5352b;
}
input[type="submit"].empty {
background: none;
border: none;
}
.shop-we-recommend {
border: 1px solid #eceded;
padding: 20px 20px 20px 50px;
}
.shop-we-recommend h4 {
color: #0b2b33;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.shop-products-recommend {
height: 840px;
overflow: hidden;
position: relative;
padding-right: 30px;
}
.shop-products-recommend .item+.item {
margin-top: 30px;
}
.shop-products-recommend .item a.title {
display: block;
color: #73848e;
font-size: 12px;
line-height: 18px;
margin-top: 10px;
}
.shop-products-recommend .item a.title:hover {
color: #1f95d5;
}
.shop-products-recommend .item .price {
font-weight: 700;
color: #0b2b33;
font-size: 12px;
line-height: 18px;
}
.shop-products-recommend .item .price ins,
.shop-products-recommend .item .price del {
display: block;
}
.shop-products-recommend .item .price ins {
text-decoration: none;
color: #1f95d5;
}
.shop-products-recommend img {
width: 100%;
height: auto;
}
.shop-product-slider .slides img,
.cart_item .featured-image img {
height: auto;
}
ol.commentlist {
list-style: none;
margin: 0 0 15px;
padding: 0;
}
.shop-product-details .tab-content {
padding: 15px;
}
.comment_container {
position: relative;
padding-left: 65px;
}
.comment_container .avatar {
margin: 0;
left: 0;
top: 0;
width: 50px;
position: absolute;
}
.commentlist .comment {
overflow: hidden;
}
.commentlist .comment+.comment {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #e0e4e6;
}
.comment-text .star-rating,
.comment-text .meta {
display: inline-block;
margin-bottom: 0;
font-size: 11px;
}
.comment-text .star-rating {
display: block;
text-indent: -9999px;
margin-left: -3px;
height: 15px;
width: 90px;
background: url(../images/sprites/rating-rated.png) no-repeat;
}
.comment-text .star-rating.start-1 {
background-position: 0 0;
}
.comment-text .star-rating.start-2 {
background-position: -90px 0;
}
.comment-text .star-rating.start-3 {
background-position: -180px 0;
}
.comment-text .star-rating.start-4 {
background-position: -270px 0;
}
.comment-text .star-rating.start-5 {
background-position: -360px 0;
}
.comment-text .meta {
color: #96a3ad;
font-size: 10px;
text-transform: uppercase;
display: block;
}
.comment-text .description p {
color: #1f3845;
font-size: 11px;
}
.pp_content_container iframe {
width: 100%;
height: 300px;
}
.tab h2 {
font-size: 18px;
font-weight: 400;
}
.comment-form-rating .stars a+a {
margin-left: 10px;
}
.comment-form-rating .stars a {
text-indent: -9999px;
display: inline-block;
height: 15px;
background: url(../images/sprites/rating.png) no-repeat;
}
.comment-form-rating .stars a:hover,
.comment-form-rating .stars a.active {
background-position: 0 -16px;
}
#reviews {
display: block;
position: relative;
height: 300px;
overflow: hidden;
padding-right: 20px;
}
.comment-form-rating .stars a.star-1 {
width: 18px;
}
.comment-form-rating .stars a.star-2 {
width: 36px;
}
.comment-form-rating .stars a.star-3 {
width: 54px;
}
.comment-form-rating .stars a.star-4 {
width: 72px;
}
.comment-form-rating .stars a.star-5 {
width: 90px;
}
span.posted_in {
margin-bottom: 20px;
color: #8a979f;
font-size: 13px;
display: block;
}
span.posted_in a {
color: #0b2b33;
font-weight: 600;
}
div.woocommerce-message a.button {
float: right;
}
div.woocommerce-message {
background: #eee;
padding: 10px 20px;
margin: 20px 0;
overflow: auto;
}
nav.woocommerce-breadcrumb {
margin-top: 10px;
padding-bottom: 10px;
margin-left: -5000px;
margin-right: -5000px;
padding-left: 5000px;
padding-right: 5000px;
border-bottom: 1px solid #ececec;
}
nav.woocommerce-breadcrumb .back-to {
float: right;
}
nav.woocommerce-breadcrumb .back-to a {
color: #19242A;
}
nav.woocommerce-breadcrumb .back-to a:hover {
color: #BDA244;
}
#added_items {
position: fixed;
top: 100px;
right: 20px;
z-index: 1000;
}
.added_item {
position: relative;
top: 0;
padding: 10px;
background: #fff;
width: 260px;
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
z-index: 1000;
vertical-align: middle;
opacity: 0;
margin-bottom: 10px;
}
.added_item img {
float: left;
width: 47px;
margin-right: -60px;
}
.added_item p {
display: inline-block;
margin: 10px 0 5px 0;
padding-left: 70px;
clear: none;
}
.add_to_cart_button {
position: relative;
}
#fountainG {
position: relative;
width: 60px;
height: 7px;
display: inline-block;
margin-top: 11px;
margin-left: -30px;
}
.loader-container {
background: #BDA244;
position: absolute;
left: 0;
right: 0;
height: 100%;
top: 0;
padding-top: 5px;
padding-left: 22px;
text-align: center;
}
.fountainG {
position: absolute;
top: 0;
background-color: #FFFFFF;
width: 8px;
height: 8px;
-moz-animation-name: bounce_fountainG;
-moz-animation-duration: 1.3s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: linear;
-moz-transform: scale(.3);
-moz-border-radius: 5px;
-webkit-animation-name: bounce_fountainG;
-webkit-animation-duration: 1.3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: linear;
-webkit-transform: scale(.3);
-webkit-border-radius: 5px;
-ms-animation-name: bounce_fountainG;
-ms-animation-duration: 1.3s;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: linear;
-ms-transform: scale(.3);
-ms-border-radius: 5px;
-o-animation-name: bounce_fountainG;
-o-animation-duration: 1.3s;
-o-animation-iteration-count: infinite;
-o-animation-direction: linear;
-o-transform: scale(.3);
-o-border-radius: 5px;
animation-name: bounce_fountainG;
animation-duration: 1.3s;
animation-iteration-count: infinite;
animation-direction: linear;
transform: scale(.3);
border-radius: 5px;
}
#fountainG_1 {
left: 0;
-moz-animation-delay: 0.52s;
-webkit-animation-delay: 0.52s;
-ms-animation-delay: 0.52s;
-o-animation-delay: 0.52s;
animation-delay: 0.52s;
}
#fountainG_2 {
left: 8px;
-moz-animation-delay: 0.65s;
-webkit-animation-delay: 0.65s;
-ms-animation-delay: 0.65s;
-o-animation-delay: 0.65s;
animation-delay: 0.65s;
}
#fountainG_3 {
left: 15px;
-moz-animation-delay: 0.78s;
-webkit-animation-delay: 0.78s;
-ms-animation-delay: 0.78s;
-o-animation-delay: 0.78s;
animation-delay: 0.78s;
}
#fountainG_4 {
left: 23px;
-moz-animation-delay: 0.91s;
-webkit-animation-delay: 0.91s;
-ms-animation-delay: 0.91s;
-o-animation-delay: 0.91s;
animation-delay: 0.91s;
}
#fountainG_5 {
left: 30px;
-moz-animation-delay: 1.04s;
-webkit-animation-delay: 1.04s;
-ms-animation-delay: 1.04s;
-o-animation-delay: 1.04s;
animation-delay: 1.04s;
}
#fountainG_6 {
left: 38px;
-moz-animation-delay: 1.17s;
-webkit-animation-delay: 1.17s;
-ms-animation-delay: 1.17s;
-o-animation-delay: 1.17s;
animation-delay: 1.17s;
}
#fountainG_7 {
left: 45px;
-moz-animation-delay: 1.3s;
-webkit-animation-delay: 1.3s;
-ms-animation-delay: 1.3s;
-o-animation-delay: 1.3s;
animation-delay: 1.3s;
}
#fountainG_8 {
left: 53px;
-moz-animation-delay: 1.43s;
-webkit-animation-delay: 1.43s;
-ms-animation-delay: 1.43s;
-o-animation-delay: 1.43s;
animation-delay: 1.43s;
}
@-moz-keyframes bounce_fountainG {
0% {
-moz-transform: scale(1);
background-color: #FFFFFF;
}
100% {
-moz-transform: scale(.3);
background-color: #FFFFFF;
}
}
@-webkit-keyframes bounce_fountainG {
0% {
-webkit-transform: scale(1);
background-color: #FFFFFF;
}
100% {
-webkit-transform: scale(.3);
background-color: #FFFFFF;
}
}
@-ms-keyframes bounce_fountainG {
0% {
-ms-transform: scale(1);
background-color: #FFFFFF;
}
100% {
-ms-transform: scale(.3);
background-color: #FFFFFF;
}
}
@-o-keyframes bounce_fountainG {
0% {
-o-transform: scale(1);
background-color: #FFFFFF;
}
100% {
-o-transform: scale(.3);
background-color: #FFFFFF;
}
}
@keyframes bounce_fountainG {
0% {
transform: scale(1);
background-color: #FFFFFF;
}
100% {
transform: scale(.3);
background-color: #FFFFFF;
}
}
/* 404 */
.page-heading.white-bg {
border-bottom: 1px solid #e5e8ea;
padding-top: 0;
padding-bottom: 0;
}
.page-heading.white-bg .breadcrumbs {
font-size: 11px;
color: #BDA244;
}
.page-heading.white-bg .breadcrumbs a {
color: #73848e;
}
.error404-section {
text-align: center;
border-bottom: 1px solid #e5e8ea;
padding: 40px 0;
}
.error404-section h1 {
font-size: 220px;
color: #c3ddf1;
line-height: 200px;
}
.error404-section h2 {
font-size: 18px;
}
.error404-section a.button.big {
padding: 20px 45px;
margin-bottom: 40px;
}
.search-form input[type="text"] {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
background: #f7f7f7;
}
.search-form input[type="submit"]+.icons {
color: #999 !important;
}
.search-form input[type="submit"]:hover+.icons {
color: #333 !important;
}
.search-form p {
color: #73848e;
}
/* FAQ */
.sidebar .info-box h2 {
margin-bottom: 0;
}
.sidebar .info-box h4 {
margin-top: 0;
}
.faq-filters ul {
list-style: none;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #e5e8ea;
}
.faq-filters li {
display: inline-block;
color: #0b2b33;
font-size: 11px;
text-transform: uppercase;
cursor: pointer;
transition: color 0.3s;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
}
.faq-filters li.active,
.faq-filters li:hover {
color: #BDA244;
}
.faq-filters li+li {
margin-left: 10px;
}
.faq-accordions .mix {
display: none;
}
/* Posts List Widget */
.posts-list {
margin: 0;
padding: 0;
list-style: none;
}
.tab>.posts-list {
margin: 5px;
}
.posts-list .post-item {
display: table;
vertical-align: top;
}
.posts-list .post-item+.post-item {
border-top: 1px solid #ebedee;
padding-top: 10px;
margin-top: 10px;
}
.posts-list .post-item .featured-image,
.posts-list .post-item .post-content {
display: table-cell;
vertical-align: top;
}
.posts-list .post-item .featured-image,
.posts-list .post-item .featured-image img {
width: 50px;
}
.posts-list .post-item .post-content {
padding-left: 20px;
}
.posts-list .post-item .post-content .post-meta {
margin: 0;
padding: 0;
border: none;
color: #96a3ad;
}
.posts-list .post-item .post-content .post-meta li+li {
background: none;
padding: 0;
}
.posts-list .post-item .post-content .post-meta li+li:before {
content: '| ';
}
.posts-list .post-item .post-content .post-title {
font-style: italic;
}
.posts-list .post-item .post-content p {
margin: 0;
}
/* Sidenav */
ul.sidenav,
.sidebar .widget_nav_menu ul {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
ul.sidenav:after,
.sidebar .widget_nav_menu ul:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
background: #dedede;
background: -moz-linear-gradient(top, #ffffff 0%, #dedede 19%, #dedede 79%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(19%, #dedede), color-stop(79%, #dedede), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #dedede 19%, #dedede 79%, #ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%, #dedede 19%, #dedede 79%, #ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #dedede 19%, #dedede 79%, #ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%, #dedede 19%, #dedede 79%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
ul.sidenav li,
.sidebar .widget_nav_menu ul li {
position: relative;
}
ul.sidenav li:after,
.sidebar .widget_nav_menu ul li:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
border-right: 3px solid transparent;
transition: border 0.3s;
-webkit-transition: border 0.3s;
-moz-transition: border 0.3s;
}
ul.sidenav a,
.sidebar .widget_nav_menu ul a {
color: #93a6b0;
font-size: 11px;
text-transform: uppercase;
display: block;
padding: 7px 0;
}
ul.sidenav a:before,
.sidebar .widget_nav_menu ul a:before {
content: '• ';
font-size: 14px;
margin-right: 5px;
position: relative;
top: 2px;
}
ul.sidenav li:hover a,
ul.sidenav li.current-menu-item a,
.sidebar .widget_nav_menu ul li:hover a,
.sidebar .widget_nav_menu ul li.current-menu-item a {
color: #BDA244;
}
ul.sidenav li:hover:after,
ul.sidenav li.current-menu-item:after,
.sidebar .widget_nav_menu ul li:hover:after,
.sidebar .widget_nav_menu ul li.current-menu-item:after {
border-right-color: #BDA244;
}
ul.sidenav li+li:before,
.sidebar .widget_nav_menu ul li+li:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
height: 1px;
background: #dedede;
background: -moz-linear-gradient(left, #ffffff 16%, #dedede 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(16%, #ffffff), color-stop(100%, #dedede));
background: -webkit-linear-gradient(left, #ffffff 16%, #dedede 100%);
background: -o-linear-gradient(left, #ffffff 16%, #dedede 100%);
background: -ms-linear-gradient(left, #ffffff 16%, #dedede 100%);
background: linear-gradient(to right, #ffffff 16%, #dedede 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede', GradientType=1);
}
.section {
background-size: cover !important;
}
.section .row+.row {
margin-top: 20px;
}
.widget_search input[type="text"],
.widget_product_search input[type="text"] {
padding: 5px 10px;
height: 40px;
}
.widget_search input[type="text"]:focus,
.widget_product_search input[type="text"]:focus {
outline: none;
}
.widget_search input[type="submit"],
.widget_product_search input[type="submit"] {
width: 40px;
height: 40px;
text-indent: -9999px;
background: url(../images/sprites/search.png) center center no-repeat;
float: right;
position: relative;
top: -40px;
margin-bottom: -40px;
border: none;
}
a.icon-button {
font-size: 42px;
text-align: center;
display: inline-block;
border: 2px solid #fff;
width: 80px;
height: 80px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
padding-top: 23px;
color: #fff;
margin-top: 20px;
}
/* Main 4 */
.project.light {
margin-bottom: 30px;
}
.project.light .project-meta {
background: #ffffff;
}
.project.light .project-hover>a {
border: 3px solid rgba(255, 255, 255, .4);
padding-top: 12px;
}
.project.light .project-meta:before {
border-bottom-color: #fff;
}
.project.light .project-meta h4,
.project.light .project-meta h4 a {
color: #45484a;
}
.project.light .project-like .icons {
color: #95a1a8;
}
.project.light .project-like span.like-count {
color: #95a1a8;
}
.project.light .project-like:hover .icons {
color: #ec7064;
}
.project.light:hover .project-meta h4,
.project.light:hover .project-meta h4 a {
color: #000000;
}
/* project style2 */
.projects-style3 {
padding: 0 15px;
}
.projects-style3 .mix {
padding: 0;
}
.project.style2 {
border: none !important;
}
.project.style2 .project-hover {
background: #e66864;
background: rgba(27, 27, 27, .9);
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-top: 0;
}
.projects-style3 .project.style2 .project-hover {
background: #26cb9e;
background: rgba(38, 203, 158, .9);
}
.project.style2 .project-hover .project-description {
display: table;
width: 100%;
height: 100%;
}
.project.style2 .project-hover .project-description>div {
display: table-cell;
vertical-align: middle;
}
.project.style2 .project-hover .project-description h4 {
color: #fff;
font-size: 22px;
font-weight: 700;
margin: 0;
}
.project.style2 .project-hover .project-description span {
color: #fff;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.projects-style3 .project.style2 .project-hover .project-description h4 {
font-weight: 300;
}
.projects-style3 .project.style2 .project-hover .project-description span {
font-weight: 700;
}
.project.style2 .project-hover .project-buttons {
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
}
.project.style2 .project-hover .project-buttons a {
width: 55px;
height: 55px;
border: none;
display: block;
float: left;
margin: 0;
margin-right: 1px;
background: #fff url(../images/sprites/hover-icons2.png) 7px 7px no-repeat;
transition: background .3s, bottom .3s, opacity .3s ease-out;
-webkit-transition: background .3s, bottom .3s, opacity .3s ease-out;
-moz-transition: background .3s, bottom .3s, opacity .3s ease-out;
transition-delay: 0s, 0s, 0s;
-webkit-transition-delay: 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s;
position: relative;
opacity: 0;
bottom: -60px;
}
.project.style2 .project-hover:hover .project-buttons a {
bottom: 0;
opacity: 1;
transition-delay: 0s, .2s, .2s;
-webkit-transition-delay: 0s, .2s, .2s;
-moz-transition-delay: 0s, .2s, .2s;
}
.project.style2 .project-hover:hover .project-buttons a+a {
transition-delay: 0s, .4s, .4s;
-webkit-transition-delay: 0s, .4s, .4s;
-moz-transition-delay: 0s, .4s, .4s;
}
.project.style2 .project-hover .project-buttons a:hover {
background-color: #eee;
background-color: rgba(255, 255, 255, .8);
}
.project.style2 .project-hover .project-buttons a.link-icon {
background-position: 7px 7px;
}
.project.style2 .project-hover .project-buttons a.search-icon {
background-position: -33px 7px;
}
.project.style2 .project-hover>a+a {
left: 56px;
}
.sorting-tags.style2 {
background: transparent;
background: rgba(255, 255, 255, .05);
display: inline-block;
padding: 5px 20px;
border: 1px solid #374254;
margin-top: 20px;
margin-bottom: 60px;
}
.sorting-tags.style2>div {
background: none;
padding: 0;
}
.sorting-tags.style2>div:hover,
.sorting-tags.style2>div.active {
color: #f9fbfc;
}
.sorting-tags.style2>div+div:before {
margin-left: 10px;
content: '|';
margin-right: 10px;
position: relative;
top: -2px;
color: #455161;
}
.sorting-tags.style2 div {
/*color: inherit;*/
}
.dark-portfolio-bg {
color: #aab8d6;
background: #313d56;
/* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #313d56 0%, #131a26 100%);
/* FF3.6+ */
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #313d56 0%, #131a26 100%);
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #313d56 0%, #131a26 100%);
/* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #313d56 0%, #131a26 100%);
/* IE10+ */
background: radial-gradient(ellipse at center, #313d56 0%, #131a26 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313d56', endColorstr='#131a26', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.dark-portfolio-bg h2 {
color: #fff;
margin-bottom: 10px;
}
.page-template-template-portfolio-1-col-php .project-item+.project-item {
margin-top: -6px;
}
.page-template-template-portfolio-1-col-php .project-description {
padding-top: 20px;
border-top: 1px solid #e5e8ea;
}
/* Testimonial Slider Item */
.testimonial-slider {
margin-bottom: 80px;
}
.testimonial-slider .flex-control-nav {
z-index: 100;
bottom: -80px;
}
.testimonial-slider .flex-control-nav a {
width: 10px;
height: 10px;
background: transparent;
border: 1px solid #fff;
border-radius: 0;
position: relative;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
margin: 0 3px;
}
.testimonial-slider.style2 .flex-control-nav a {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border: 3px solid #fff;
width: 14px;
height: 14px;
margin: 0 1px;
}
.testimonial-slider.style2 .flex-control-nav a.flex-active:before,
.testimonial-slider.style2 .flex-control-nav a:hover:before {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.testimonial-slider .flex-control-nav a.flex-active:before,
.testimonial-slider .flex-control-nav a:hover:before {
background: #fff;
width: 6px;
height: 6px;
content: '';
position: absolute;
left: 1px;
top: 1px;
}
.testimonial-slider.nav-dark .flex-control-nav a {
border: 1px solid #000;
}
.testimonial-slider.nav-dark .flex-control-nav a.flex-active:before,
.testimonial-slider.nav-dark .flex-control-nav a:hover:before {
background: #000;
}
.testimonial-slider.nav-dark .flex-control-paging li a.flex-active {
background: #FFF;
background: rgba(255, 255, 255, 0.9);
cursor: default;
}
.testimonial-slider.style2 .testimonial-slide {
display: table;
width: 100%;
left: 0;
opacity: 1;
transition: none;
-webkit-transition: none;
-moz-transition: none;
}
.testimonial-slider.style2 .testimonial-slide>div {
display: table-cell;
vertical-align: top;
}
.testimonial-slide .testimonial-author {
width: 33%;
text-align: left;
position: relative;
opacity: 0;
left: -40px;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition-duration: 0s;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
}
.testimonial-slide .testimonial-author>div {
display: block;
float: left;
padding-top: 40px;
}
.testimonial-slide .testimonial-author img {
display: inline-block;
margin-right: 30px;
width: auto;
height: auto;
float: left;
}
.testimonial-slide .testimonial-author .author {
font-weight: 700;
margin-top: 0;
text-transform: uppercase;
}
.testimonial-slide .testimonial-author .job {
color: #a1b4c3;
}
.testimonial-slide .testimonial-content {
position: relative;
opacity: 0;
left: -40px;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition-delay: .3s;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-duration: 0s;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
}
.testimonial-slide .testimonial-content p {
color: #fff;
text-align: left;
font-size: 18px;
padding-top: 20px;
}
.testimonial-slide {
text-align: center;
position: relative;
left: -40px;
opacity: 0;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition-duration: 0s;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
}
.flex-active-slide .testimonial-slide,
.flex-active-slide .testimonial-author,
.flex-active-slide .testimonial-content {
left: 0;
opacity: 1;
transition-duration: .3s;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
}
.testimonial-slide .icons {
font-size: 48px;
color: #fff;
margin-bottom: 20px;
display: block;
}
.testimonial-slide p {
font-size: 18px;
font-style: italic;
color: #fff;
line-height: 28px;
}
.testimonial-slide span.author {
display: block;
color: #fff;
font-size: 18px;
text-transform: none;
margin-top: 40px;
}
.testimonial-slide span.job {
color: #BDA244;
font-size: 10px;
text-transform: uppercase;
}
.contact-map-section iframe {
width: 100%;
height: 400px;
margin-bottom: -5px;
}
.sc-call-to-action h2 {
margin-top: 15px;
}
/* Video player */
.sc-videp-popup-wrapper.left {
float: left;
}
.sc-videp-popup-wrapper.right {
float: right;
}
.sc-videp-popup-wrapper.center {
width: 80px;
margin-left: auto;
margin-right: auto;
}
.sc-video-popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
overflow: hidden;
z-index: 999999;
}
.sc-video-popup iframe {
float: left;
width: 100%;
height: 100%;
}
.sc-video-popup .sc-close-video {
position: absolute;
top: 17px;
left: 17px;
font-size: 30px;
color: #DDD;
cursor: pointer;
overflow: hidden;
z-index: 9999999;
}
/**
* Map container
*/
.sc-map {
overflow: hidden;
}
.sc-map.full {
margin-left: -5000px;
margin-right: -5000px;
}
.sc-map-container {
display: block;
height: 400px;
}
.sc-map-container>p {
display: none;
}
.sc-map-container>div {
height: 100%;
position: relative;
width: 100% !important;
margin: 0;
}
.sc-map-container .wpgmappity_container {
width: 100% !important;
}
/* Footer 2 */
.footer-2 #main-footer,
.footer-2 #lower-footer {
background: #1d2636;
position: relative;
}
.footer-2 #lower-footer {
z-index: -1;
}
.footer-contact-form>form {
position: absolute;
z-index: 1000;
background: #fff;
top: -260px;
left: 15px;
right: 15px;
padding: 30px;
text-align: center;
}
#footer .footer-contact-form>form h3 {
color: #1d2636;
}
.footer-contact-form>form .iconic-input+.iconic-input,
.footer-contact-form>form .iconic-input+textarea,
.footer-contact-form>form textarea+input {
margin-top: 20px;
}
.footer-contact-form>form input[type="submit"] {
height: 60px;
padding: 16px 35px;
}
.footer-contact-form .message {
color: #BDA244;
}
.footer-contact-form .error {
color: #FF0000;
}
.footer-2 #main-footer input[type="text"],
.footer-2 #main-footer input[type="password"],
.footer-2 #main-footer textarea {
background: #fcfcfc;
width: 100%;
border: 1px solid #eceded;
font-size: 14px;
padding: 8px 10px;
transition: background 0.3s;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
}
.footer-2 #main-footer input[type="text"]:focus,
.footer-2 #main-footer input[type="password"]:focus,
.footer-2 #main-footer textarea:focus {
outline: none;
background: #eee;
}
#main-footer p+.social-media {
margin-top: 20px;
}
.footer-2 #lower-footer {
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}
.footer-2 #main-footer .social-media li a {
font-size: 22px;
color: #7ca1b3;
}
.footer-2 .iconic-list li {
padding-left: 40px;
}
.footer-2 .iconic-list li .icons {
font-size: 24px;
}
.footer-2 #main-footer .social-media .tooltip-inner {
white-space: nowrap;
}
.wpgmappity_container {
height: 100% !important;
}
/* Main Footer */
#main-footer {
background: #7a7d822e;
color: #000;
}
#main-footer img {
margin-bottom: 12px;
}
#main-footer h4 {
margin-bottom: 30px;
}
#main-footer p {
margin: 10px 0;
font-size: 12px;
}
#main-footer li {
word-break: break-all;
}
/* Footer Blog Posts */
#main-footer .blog-post {
border-bottom: 1px solid #ffffff;
margin-top: 10px;
margin-bottom: 0;
}
#main-footer .blog-post:last-child {
border: none;
}
#main-footer .blog-post .post-meta {
display: block;
text-transform: uppercase;
text-align: left;
font-size: 10px;
}
#main-footer .blog-post .post-title {
color: #000;
font-size: 13px;
font-style: italic;
text-decoration: none;
}
.foot-logo{
/* height: 210px; */
max-width: 150px;
}
#main-footer .blog-post .post-title:hover {
color: #FFF;
}
#main-footer .blog-post p {
margin: 0 0 10px;
}
/* Footer Contact List */
.iconic-list {
margin: 0;
padding: 0;
list-style: none;
}
.iconic-list li {
position: relative;
margin-bottom: 10px;
}
.iconic-list .icons {
position: absolute;
top: 0;
left: 0;
font-size: 18px;
}
/* Footer Newsletter */
#main-footer input[type="text"],
#main-footer input[type="password"],
#main-footer textarea {
background: #000000;
width: 100%;
border: none;
padding: 8px 10px;
transition: background .3s;
-webkit-transition: background .3s;
-moz-transition: background .3s;
}
#main-footer input[type="text"]:focus,
#main-footer input[type="password"]:focus,
#main-footer textarea:focus {
outline: none;
background: #364852;
}
.iconic-submit {
position: relative;
}
.iconic-submit input[type="submit"] {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
bottom: 0;
background: transparent;
border: none;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
z-index: 10;
}
.iconic-submit input[type="submit"]:hover+.icons {
color: #fff;
}
.iconic-submit .icons {
position: absolute;
top: 10px;
right: 10px;
z-index: 9;
transition: color .3s;
-webkit-transition: color .3s;
-moz-transition: color .3s;
}
#main-footer form {
margin-bottom: 20px;
}
#main-footer .social-media {
list-style: none;
margin: -15px 0 0;
padding: 0;
}
#main-footer .social-media li {
display: inline-block;
-webkit-transform: translateZ(0px);
transition: color 0.2s, opacity 0.2s;
-webkit-transition: color 0.2s, opacity 0.2s;
-moz-transition: color 0.2s, opacity 0.2s;
}
#main-footer .social-media li a {
font-size: 18px;
color: #93a6b0;
}
#main-footer .social-media li:hover {
-webkit-transform: scale(1.1) translateZ(0px);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
/* Lower Footer */
#lower-footer {
color: #999999;
background: #333333;
padding: 20px 0;
}
.alternate-slider-bg {
position: relative;
z-index: 100;
background: #23acc1;
background: -moz-linear-gradient(top, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23acc1), color-stop(100%, #0191d3));
background: -webkit-linear-gradient(top, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%);
background: -o-linear-gradient(top, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%);
background: -ms-linear-gradient(top, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%);
background: linear-gradient(to bottom, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23acc1', endColorstr='#0191d3', GradientType=0);
}
/* Responsive Layout */
@media (min-width:1200px) {
body.w960 .container,
body.b960 .container {
width: 990px;
}
.col-lg-one-fifth {
width: 20%;
}
}
@media (min-width:992px) and (max-width:1199px) {
body.b1170 #upper-header>.container,
body.b1170 #main-header>.container,
body.b1170 #lower-header>.container,
body.b1170 #upper-footer>.container,
body.b1170 #main-footer>.container,
body.b1170 #lower-footer>.container,
body.b1170 #main-content>.container,
body.b1170 #slider>.container {
width: 1080px;
}
}
@media (min-width:768px) and (max-width:991px) {
body.b1170 #upper-header>.container,
body.b1170 #main-header>.container,
body.b1170 #lower-header>.container,
body.b1170 #upper-footer>.container,
body.b1170 #main-footer>.container,
body.b1170 #lower-footer>.container,
body.b1170 #main-content>.container,
body.b1170 #slider>.container {
width: 760px;
padding-left: 20px;
padding-right: 20px;
}
body.b960 #upper-header>.container,
body.b960 #main-header>.container,
body.b960 #lower-header>.container,
body.b960 #upper-footer>.container,
body.b960 #main-footer>.container,
body.b960 #lower-footer>.container,
body.b960 #main-content>.container,
body.b960 #slider>.container {
width: 760px;
padding-left: 20px;
padding-right: 20px;
}
body.b1170 .full-width-bg,
body.b960 .full-width-bg {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
body.b1170 .page-heading,
body.b960 .page-heading,
body.b1170 .full-width-bg,
body.b960 .full-width-bg,
body.b1170 .full-width,
body.b960 .full-width,
body.b1170 .sc-map.full,
body.b950 .sc-map.full {
margin-left: -20px;
margin-right: -20px;
}
#main-header #main-nav>li+li,
#main-header div.menu>ul>li+li {
margin-left: 10px;
}
.service,
.team-member {
margin-bottom: 40px;
}
.projects-section .col-one-fifth {
width: 33.333333%;
}
.shop-banner h2 {
font-size: 24px;
}
.shop-banner h3 {
font-size: 20px;
margin: 15px 0 0;
}
.shop-banner h4 {
margin: 0 0 15px;
font-size: 16px;
}
.shop-banner h4:before {
display: none;
}
.shop-banner h4:after {
display: none;
}
.shop-banner p {
font-size: 14px;
font-weight: 300;
margin-top: 15px;
text-transform: none;
}
.banner-content-inner {
padding: 0;
vertical-align: middle;
}
.banner-content-inner a.button {
font-size: 12px;
}
.banner-content-inner .overlay {
padding-top: 10px;
padding-bottom: 10px;
}
.team-member img {
width: 140px;
}
#main-nav>li,
div.menu>ul>li {
margin-right: 12px;
}
.lower-logo {
display: none;
}
.circular-counter canvas {
width: 150px;
text-align: center;
}
.product-single,
.product-single-image,
.shop-product-details {
display: block;
width: 100%;
padding: 0;
}
.product-single-image {
margin-bottom: 20px;
}
.shopping-cart>tbody>tr>th {
font-size: 10px;
line-height: 18px;
padding: 5px;
}
.shopping-cart td {
padding: 5px;
}
.cart-subtotal th,
.cart-subtotal td {
padding: 10px;
}
.shopping-cart .coupon {
float: none;
}
.shopping-cart .update-cart {
margin: 10px 0;
float: none;
}
.blog-post.recent-post ul.post-meta {
display: inline-block;
}
.blog-post.recent-post .post-image {
overflow: hidden;
float: none;
margin: 0 auto 20px;
}
.blog-post.recent-post .post-content {
text-align: center;
}
}
@media (max-width:767px) {
table,
thead,
tbody,
tfoot,
tr,
td,
th {
display: block;
}
body.b1170 #upper-header>.container,
body.b1170 #main-header>.container,
body.b1170 #lower-header>.container,
body.b1170 #upper-footer>.container,
body.b1170 #main-footer>.container,
body.b1170 #lower-footer>.container,
body.b1170 #main-content>.container {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
body.b960 #upper-header>.container,
body.b960 #main-header>.container,
body.b960 #lower-header>.container,
body.b960 #upper-footer>.container,
body.b960 #main-footer>.container,
body.b960 #lower-footer>.container,
body.b960 #main-content>.container {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
body.b1170 .full-width-bg,
body.b960 .full-width-bg {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
}
body.b1170 .page-heading,
body.b960 .page-heading,
body.b1170 .full-width-bg,
body.b960 .full-width-bg,
body.b1170 .full-width,
body.b960 .full-width,
body.b1170 .sc-map.full,
body.b950 .sc-map.full {
margin-left: -15px;
margin-right: -15px;
}
.col-one-fifth {
width: 100%;
}
.service,
.team-member {
margin-bottom: 40px;
}
.post-thumbnail img {
width: 100%;
margin: 10px 0;
}
.post-image {
text-align: center;
}
span.post-day {
font-size: 30px;
}
span.post-date,
span.post-format {
display: inline-block;
margin: 0 10px;
}
.projects-section .col-one-fifth {
width: 50%;
}
.client-logo {
width: 50%;
margin: 20px 0;
}
.services-list {
margin: 20px 0;
}
.latest-tweets {
display: block;
padding: 20px 0;
text-align: center;
}
.tweet-icon {
display: inline-block;
margin-bottom: 40px;
padding-top: 15px;
}
.tweet-icon:after {
border-width: 0 17px 17px 0;
border-color: transparent #1f9cda transparent transparent;
top: auto;
right: 20px;
bottom: -17px;
}
.tweet-carousel {
display: block;
padding: 0 0 30px;
}
.tweets-flexslider {
padding-right: 40px;
}
.tweet-slider-arrows {
position: absolute;
bottom: -30px;
right: auto;
left: 50%;
margin-left: -30px;
color: #fff;
font-size: 20px;
}
#main-footer h4 {
margin-top: 40px;
}
.pricing-table-item {
display: block;
}
.pricing-table-legend {
padding: 20px 0;
}
.pricing-table-legend .table-content {
text-align: center;
}
.project {
border-right-color: transparent;
}
.project,
.project-item {
width: 100%;
}
.timeline-line {
display: none;
}
.left-timeline-item {
padding-right: 15px;
position: relative;
}
.right-timeline-item {
padding-left: 15px;
position: relative;
}
.left-timeline-item:after,
.left-timeline-item:before,
.right-timeline-item:after,
.right-timeline-item:before {
display: none;
}
.shop-banner h2 {
font-size: 24px;
}
.shop-banner h3 {
font-size: 20px;
margin: 15px 0 0;
}
.shop-banner h4 {
margin: 0 0 15px;
font-size: 16px;
}
.shop-banner h4:before {
display: none;
}
.shop-banner h4:after {
display: none;
}
.shop-banner p {
font-size: 14px;
font-weight: 300;
margin-top: 15px;
text-transform: none;
}
.banner-content-inner {
padding: 0;
vertical-align: middle;
}
.banner-content-inner a.button {
font-size: 12px;
}
.banner-content-inner .overlay {
padding-top: 10px;
padding-bottom: 10px;
}
.shop-logos {
display: block;
text-align: center;
}
.shop-logos img {
padding: 5px 10px;
}
.shop-logos li {
display: block;
}
.shop-page-header .shop-header-links,
.shop-page-header .breadcrumbs {
text-align: center;
}
.shopping-cart,
.shopping-cart tbody,
.shopping-cart tfoot {
width: 100%;
display: block;
text-align: center;
}
.shopping-cart tr {
display: block;
}
.shopping-cart th {
display: none;
}
.shopping-cart td {
display: block;
}
.shopping-cart td+td {
border: none;
}
.shopping-cart .featured-image {
width: 100%;
display: block;
float: none;
margin-right: 0;
margin-bottom: 10px;
}
.cart-subtotal,
.update-totals {
display: block;
width: auto;
max-width: 270px;
}
.update-totals {
margin-right: 0;
}
.cart-subtotal table {
width: 100%;
}
.cart-subtotal th,
.cart-subtotal td {
padding: 5px;
text-transform: uppercase;
background: #fff;
display: table-cell;
}
.cart-subtotal .price.blue {
color: #BDA244;
}
.shopping-cart-button {
display: block;
margin-top: 20px;
}
.shopping-cart-button a.button {
font-size: 14px;
}
.head-banner h1 {
font-size: 40px;
letter-spacing: 0;
line-height: 50px;
}
.error404-section h1 {
font-size: 32px;
line-height: 36px;
}
.error404-section a.button.big {
padding: 10px 20px;
}
.footer-contact-form>form {
position: relative;
top: 0;
left: 0;
right: 0;
margin: 30px 0;
}
#main-content #slider,
body .portfolio-extended-image,
body .google-map-heading {
margin-top: 0 !important;
}
.team-member img {
width: 100%;
}
.col-lg-3 .team-member img {
width: 100%;
max-width: 190px;
}
.tweets-flexslider {
padding-right: 0;
}
.tweets-flexslider .slides li {
height: auto;
}
a.portfolio-button {
float: none;
}
.portfolio-arrows {
text-align: center;
}
.page-heading.portfolio-heading.style2 h1 {
margin: 20px 0 0;
}
#upper-header {
padding: 10px 0;
}
#upper-header .item.left,
#upper-header .item.right {
float: none;
}
#upper-header .cart-menu-item {
display: inline-block;
}
#upper-header .shopping-cart-dropdown {
right: 50%;
margin-right: -150px;
}
#upper-header .shopping-cart-dropdown:after {
right: 50%;
margin-right: -10px;
}
#header .text-list,
#header .social-media,
#upper-header .menu {
display: block;
font-size: 16px;
text-align: center;
}
.col-one-fifth>img {
margin-left: auto;
margin-right: auto;
}
.sc-call-to-action,
.sc-call-to-action .align-right {
text-align: center;
}
.blog-post.recent-post ul.post-meta {
display: inline-block;
}
.blog-post.recent-post .post-image {
overflow: hidden;
float: none;
margin: 0 auto 20px;
}
.blog-post.recent-post .post-content {
text-align: center;
}
.shopping-cart .actions {
overflow: hidden;
}
.shopping-cart .coupon {
float: none;
}
.shopping-cart .update-cart {
float: none;
margin-top: 10px;
}
.product-single,
.product-single-image,
.shop-product-details {
display: block;
width: 100%;
padding: 0;
}
.product-single-image {
margin-bottom: 20px;
}
.shop-we-recommend {
padding: 20px 15px 20px 15px;
margin-top: 30px;
}
.shop-products-recommend {
padding-right: 20px;
}
nav.woocommerce-breadcrumb {
text-align: center;
}
nav.woocommerce-breadcrumb .back-to {
float: none;
}
.portfolio-1column-ext .project-item+.project-item {
margin-top: 30px;
}
.page-heading,
.page-heading .breadcrumbs {
text-align: center;
}
span.post-date,
span.post-format {
display: block;
}
#header .logo img {
height: auto;
padding-right: 0;
min-height: 0;
}
#header .logo {
padding-right: 70px;
min-height: 20px;
}
}
@media (max-width:500px) {
#header .logo img {
height: 60px;
}
.projects-section .col-one-fifth {
width: 100%;
}
.client-logo {
width: 100%;
}
.tabs.style2>div {
display: block;
width: 100% !important;
}
.tab-header ul li {
display: block;
}
}
@media (max-width:320px) {
.blog-post-list .blog-post-meta,
.blog-post-alternate .blog-post-meta {
display: none;
}
}
.ts-map {
width: 100%;
}
.ts-map #ts-map-ci {
width: 100%;
}
.admin-bar #header {
margin-top: 32px;
}
.gallery-caption {}
.bypostauthor {}
.alignnone {}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
/* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
/* Get In Touch */
.get-in-touch {
text-align: center;
margin-bottom: 40px;
}
.get-in-touch.light {
text-align: left;
}
.get-in-touch input[type="text"],
.get-in-touch input[type="password"],
.get-in-touch textarea {
background: #fff;
background: rgba(255, 255, 255, 0.6);
width: 100%;
border: none;
padding: 10px 15px;
margin-bottom: 10px;
transition: background 0.3s;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
}
.get-in-touch input[type="text"]:focus,
.get-in-touch input[type="password"]:focus,
.get-in-touch textarea:focus {
outline: none;
background: rgba(255, 255, 255, 0.9);
}
.get-in-touch textarea {
height: 100px;
}
::-webkit-input-placeholder {
color: #333;
}
:-moz-placeholder {
color: #333;
}
::-moz-placeholder {
color: #333;
}
:-ms-input-placeholder {
color: #333;
}
.iconic-input {
position: relative;
}
.iconic-input .icons {
position: absolute;
top: 10px;
right: 10px;
color: #DECA86;
font-size: 18px;
}
h2.big p {
margin: 0;
padding: 0;
font-size: inherit;
}
.comment-form input[type="submit"],
.comment-form input[type="reset"] {
background: #64737f;
color: #fff;
border: none;
padding: 12px 25px;
text-align: center;
text-transform: uppercase;
display: inline-block;
font-size: 11px;
position: relative;
transition: background 0.3s;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
}
.comment-form input[type="submit"]:hover,
.comment-form input[type="reset"]:hover {
background: #535e67;
}
.iconic-button {
display: inline-block;
position: relative;
}
.iconic-button input[type="submit"],
.iconic-button input[type="reset"] {
padding-right: 40px;
}
.iconic-button .icons {
position: absolute;
top: 11px;
right: 15px;
}
.comment-form input[type="reset"] {
background: #000000;
}
.comment-form input[type="reset"]:hover {
background: #101c23;
}
.comment-form input[type="submit"] {
background: #BDA244;
}
.comment-form input[type="submit"]:hover {
background: #a5352b;
}
.comment-form .iconic-button .icons {
color: #fff;
}
.comment-form input[type="text"],
.comment-form input[type="password"],
.comment-form textarea {
border: 1px solid #EEEEEE !important;
}
.comment-form input[type="text"],
.comment-form input[type="password"],
.comment-form textarea {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
border: medium none;
margin-bottom: 10px;
padding: 10px 15px;
transition: background 0.3s ease 0s;
width: 100%;
}
#reply-title {
font-weight: bold;
font-size: 20px;
}
.comment-form .form-submit {
display: none;
}
.widget_wysija_cont input.wysija-submit {
background: #fff url(../images/tick.png) center center no-repeat;
;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.07);
color: #B1B6B9;
float: right;
font-size: 0px;
height: 29px;
margin-right: 6px;
margin-top: -30px;
position: relative;
background-color: transparent;
border: 0 solid #000;
width: 29px;
}
.widget_wysija p label {
display: none;
}
.circular-counter {
position: relative !important;
text-align: center;
margin: 20px 0;
}
.shop-product-details .price ins .amount {
color: #1F95D5;
}
input.blue[type="submit"],
button.blue {
background: none repeat scroll 0 0 #BDA244;
border: medium none;
color: #FFFFFF;
display: inline-block;
font-size: 14px;
height: 40px;
margin: 0 0;
padding: 8px 20px;
text-transform: uppercase;
transition: background 0.3s ease 0s;
}
.minus,
.plus {
display: none !important;
}
.woocommerce-tabs {
clear: both;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.shop-product-submit .qty {
border: 2px solid #000000;
font-weight: 700;
height: 40px;
text-align: center;
width: 40px;
}
.shop-product-submit input {
float: left;
}
.variations label {
display: none;
}
.first-page {
margin-top: -40px;
}
.last-page {
margin-bottom: -40px;
}
/*##################### NEW STYLES #################################*/
.marine-full-bg {
background-image: url(http://placehold.it/1920x962);
background-attachment: scroll;
background-position: center center;
margin-top: -40px;
padding-top: 100px;
}
.marine-special-text {
font-size: 48px;
font-weight: bolder;
text-align: left
}
.marine-special-text-h6 {
color: #0b2b33;
font-size: 18px;
text-align: left
}
.marine-special-text-h6-1 {
color: #73848e;
font-size: 16px;
margin-bottom: 30px;
text-align: left
}
.marine-special-text-span {
color: #e66864;
}
.marine-full_bg {
background-color: #002250;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 40px;
margin-bottom: 20px;
}
.marine-special-projects-h2 {
color: #ffffff;
font-size: 48px;
font-weight: bolder;
text-align: center
}
.marine-special-projects-h4 {
color: #FFFFFF;
font-size: 16px;
text-align: center
}
.marine-full_bg-services {
background-color: #e9edf1;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 70px;
padding-bottom: 70px;
margin-bottom: 20px;
}
.marine-special-services-h2 {
color: #0b2b33;
font-size: 48px;
font-weight: bolder;
text-align: center
}
.marine-special-services-h4 {
color: #999999;
font-size: 16px;
margin-bottom: 100px;
text-align: center
}
.marine-special-services-h3 {
color: #0b2b33;
font-size: 30px;
font-weight: 300;
margin-top: 30px;
text-align: center
}
.marine-special-services-h3-1 {
color: #333;
font-size: 14px;
font-weight: 300;
text-align: center
}
.marine-full_bg-testimonials {
background-image: url(http://placehold.it/1920x610);
background-attachment: scroll;
background-position: center center;
padding-top: 100px;
padding-bottom: 65px;
}
.marine-testimonials-h2 {
color: #ffffff;
font-size: 48px;
font-weight: bolder;
text-align: center
}
.marine-sc-map {
height: 455px;
margin-top: -100px
}
.marine-menu-bg {
background-image: url(http://placehold.it/2152x217);
}
.marine-page-heading {
background-image: url(http://placehold.it/1920x310);
}
.marine-blog-left-top {
background-image: url(http://placehold.it/2000x820)
}
.marine-blog-right-top {
background-image: url(http://placehold.it/1920x310)
}
.marine-special-text-fonts {
color: #BDA244;
font-size: 30px;
margin-bottom: 35px;
text-align: left
}
.special-fonts-text {
color: #23333b;
font-size: 18px;
text-align: left
}
.clearfix-height0 {
height: 0px;
}
.clearfix-height10 {
height: 10px;
}
.clearfix-height20 {
height: 20px;
}
.clearfix-height30 {
height: 30px
}
.clearfix-height35 {
height: 35px;
}
.clearfix-height40 {
height: 40px
}
.clearfix-height45 {
height: 45px
}
.clearfix-height50 {
height: 150px
}
.clearfix-height50p {
height: 50px
}
.clearfix-height60 {
height: 60px
}
.clearfix-height80 {
height: 80px
}
.clearfix-height160 {
height: 160px
}
.clearfix-height65 {
height: 65px;
}
.marine-header2-full_bg {
background-image: url(../images/bg1.jpg);
background-attachment: scroll;
background-position: center center;
margin-top: -40px;
padding-top: 20px;
padding-bottom: 60px;
}
.marine-header2-h3 {
color: #FFFFFF;
font-size: 30px;
font-weight: 300;
text-align: center
}
.marine-header2-h6 {
color: #FFFFFF
}
.marine-header2-special-text {
color: #FFFFFF;
font-size: 13px;
font-weight: normal;
text-align: center
}
.marine-header2-special-text1 {
color: #FFF;
font-size: 14px;
text-align: center
}
.marine-header2-special-text2 {
color: #ffffff;
font-size: 14px;
margin-bottom: 45px;
text-align: center
}
.marine-header2-special-text-h3 {
color: #ffffff;
font-size: 20px;
font-weight: 300;
margin-top: 20px;
margin-bottom: 5px;
text-align: center
}
.marine-header2-section-style {
background: #fcfcfc;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb
}
.marine-header2-h2-color {
color: #000000
}
.marine-header2-span-color {
color: #BDA244;
}
.marine-header2-full_bg1 {
background-color: #e4e6e7;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 60px;
padding-bottom: 60px;
margin-bottom: 40px;
}
.marine-header2-map-height {
height: 295px
}
.marine-header2-map4-height {
width: 270px;
height: 300px;
}
.marine-header2-form-alignment {
text-align: left;
}
.marine-header2-clearfix60 {
height: 60px
}
.marine-header2-full_bg2 {
background-color: #fcfcfc;
border: 1px solid #eceded;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 60px;
padding-bottom: 60px;
}
.marine-header2-full_bg3 {
background-image: url(../images/bay-area-airport-transfers.jpeg);
background-attachment: scroll;
background-position: center center;
padding-top: 10px;
margin-bottom: 0px;
}
.marine-header4-h2 {
color: #FFF;
font-size: 60px;
font-weight: normal;
font-family: Nella Sue;
text-align: center;
}
.marine-header4-h3 {
color: #0b2b33;
font-size: 30px;
font-weight: 300;
text-align: center;
}
.marine-header4-h6 {
color: #73848e;
}
.marine-header4-h3-style1 {
color: #BDA244;
font-size: 20px;
font-weight: 300;
margin-top: 20px;
margin-bottom: 5px;
text-align: center
}
.marine-header4-h4 {
color: #f8f8f8;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.marine-header4-special1 {
color: #73848e;
font-size: 13px;
font-weight: normal;
text-align: center
}
.marine-header4-clearfix90 {
height: 90px;
}
.marine-header4-creative-full_bg {
background-image: url(../images/rs-images/Layer-49011.jpg);
background-attachment: scroll;
min-height: 400px;
background-position: center center;
padding-top: 110px;
}
.marine-header4-projects-full_bg {
background-color: #202939;
background-attachment: scroll;
min-height: 400px;
background-position: left top;
padding-top: 55px;
padding-bottom: 60px;
margin-bottom: 40px;
}
.marine-header4-projects-h2 {
color: #f9fbfc;
}
.marine-header4-projects-p {
color: #aab8d6;
}
.marine-header4-projects-h3 {
color: #0b2b33;
font-size: 36px;
font-weight: 300;
text-align: center
}
.marine-header4-testimonial-bg {
background-image: url(../images/rs-images/Layer-49011.jpg);
background-attachment: scroll;
min-height: 400px;
background-position: left top;
padding-top: 80px;
padding-bottom: 40px;
}
.marine-header4-testimonial-h3 {
color: #ffffff;
font-size: 60px;
font-weight: normal;
font-family: Nella Sue;
text-align: center
}
.marine-header4-map-container {
height: 550px;
margin-top: -150px
}
.marine-header4-map-height {
height: 400px;
}
.marine-food-map-container {
width: 1000px;
height: 400px;
}
.marine-header5-special-h3 {
color: #0b2b33;
font-size: 30px;
font-weight: 300;
text-align: center
}
.clearfix-height90 {
height: 90px;
}
.marine-creative-full_bg {
background-color: #F7F7F7;
background-attachment: scroll;
min-height: 400px;
background-position: left top;
padding-top: 55px;
padding-bottom: 60px;
margin-bottom: 40px;
}
.marine-header6-sc-style {
background: #fcfcfc;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
}
.marine-header6-services-full_bg {
background-image: url(http://placehold.it/1600x453);
background-attachment: scroll;
background-position: center center;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 50px;
}
.marine-header6-h2 {
color: #ffffff;
font-size: 30px;
font-weight: 300;
margin-bottom: 55px;
text-align: center
}
.marine-header6-h3-color {
color: #ffffff;
}
.marine-header6-p-color {
color: #86949d;
}
.marine-header6-serviceslist-li {
border-color: #eaeaea !important;
}
.marine-header6-services-h3 {
color: #000000;
}
.marine-header6-clients-full_bg {
background-color: #fcfcfc;
border: 1px solid #eceded;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 60px;
padding-bottom: 60px;
}
.marine-header6-flexslider-bg {
background-color: #000000;
border: 1px solid #a9a9a9;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.marine-header6-gallery-h3 {
color: #ffffff;
font-size: 36px;
font-weight: 300;
text-align: left;
}
.marine-header6-special-text {
color: #73848e;
font-size: 13px;
font-weight: normal;
margin-bottom: 20px;
text-align: left
}
.marine-header7-page-bg {
background-color: #FCFCFC;
border: 1px solid #EEEEEE;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 40px;
padding-bottom: 20px;
}
.rating-width20 {
width: 20%;
}
.rating-width40 {
width: 40%;
}
.rating-width60 {
width: 60%;
}
.rating-width80 {
width: 80%
}
.rating-width90 {
width: 90%;
}
.rating-width100 {
width: 100%;
}
.form-map-bg {
background-image: url(../images/limo-interior.jpg);
background-attachment: scroll;
background-position: center center;
padding-top: 20px;
padding-bottom: 10px;
margin-bottom: -41px;
}
.form-map-h3 {
color: #ffffff;
font-size: 30px;
font-weight: 300;
margin-bottom: 40px;
text-align: center
}
.display-block {
display: block;
}
.marine-main-bg {
background-color: #000000;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
margin-top: -40px;
padding-top: 20px;
}
.marine-main-special-h3 {
color: #c4d3de;
font-size: 30px;
font-weight: 300;
text-align: center
}
.marine-main-special {
olor: #658190;
font-size: 14px;
font-weight: normal;
text-align: center
}
.marine-main-special1 {
color: #658190;
font-size: 14px;
font-weight: normal;
margin-bottom: 35px;
text-align: center
}
.marine-main-call-action {
background: #fcfcfc;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE
}
.marine-main-bg1 {
background-image: url(http://placehold.it/1920x866);
background-attachment: fixed;
background-position: center center;
padding-top: 60px;
padding-bottom: 60px;
}
.marine-main-p-col {
color: #8cd9ff
}
.marine-main-p-color {
color: #8ad8fe
}
.marine-main-h4 {
color: #ffffff
}
.marine-main-h4-span {
color: #2691ac
}
.marine-text-content {
color: #ccd2da !important;
}
.marine-aboutus-page-altenate-slider {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(36, 156, 213, 0.7)), to(rgba(36, 156, 213, 0.7)));
background-image: -moz-linear-gradient(right center, rgba(36, 156, 213, 0.7) 20%, rgba(36, 156, 213, 0.7) 95%);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColor=#249cd5, endColorStr=#249cd5);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColor=#249cd5, endColorStr=#249cd5);
}
.marine-contents-container {
padding-top: 0;
}
.marine-page-aboutus-title {
padding-top: 60px;
margin-bottom: 20px;
font-size: 36px;
}
.marine-aboutus-team-bg {
margin-bottom: 0 !important;
}
.marine-contactus-page-title {
font-size: 36px;
}
.marine-contactus-page-team-bg {
margin-bottom: 0 !important;
}
.marine-team-border-top {
border-top-color: #ccd2da !important;
}
.marine-main-team-bg {
background-image: url(http://placehold.it/1920x847);
background-attachment: fixed;
background-position: center center;
padding-top: 20px;
padding-bottom: 60px;
margin-bottom: 30px;
}
.marine-map-bg {
background-image: url(http://placehold.it/1920x442);
background-attachment: scroll;
background-position: center center;
padding-top: 20px;
padding-bottom: 10px;
margin-bottom: -41px;
}
.marine-food-h3 {
color: #23292c;
font-size: 60px;
font-weight: normal;
font-family: Great Vibes;
margin-bottom: 30px;
text-align: center
}
.marine-food-h3-2 {
color: #73848e;
font-size: 16px;
font-weight: normal;
margin-bottom: 1px;
text-align: center
}
.marine-food-h3-span {
color: #e1560e;
}
.marine-food-special {
color: #73848e;
font-size: 16px;
font-weight: normal;
margin-bottom: 50px;
text-align: center
}
.marine-food-h4 {
color: #e36630;
font-size: 30px;
font-weight: normal;
font-family: Times New Roman;
margin-top: 50px;
margin-bottom: 35px;
text-align: center
}
.marine-food-h4-2 {
color: #73848e;
font-size: 16px;
font-weight: normal;
text-align: center
}
.marine-food-team {
color: #23292c;
font-family: Great Vibes;
}
.marine-food-tspan-color {
color: #cc5600
}
.marine-food-main-bg {
background-color: #23292c;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 80px;
margin-bottom: -41px;
}
.marine-food-h2 {
color: #eae5d6;
font-size: 60px;
font-weight: normal;
font-family: Great Vibes;
text-align: center;
}
.marine-food-chef-h4 {
color: #eae5d6;
font-size: 16px;
text-align: center;
}
.marine-food-tag {
color: #eae5d6;
background-color: #292e31;
border-color: #73848e !important;
}
.marine-food-tag div {
color: #eae5d6;
}
.marine-food-contact-h3 {
font-family: Great Vibes;
font-size: 60px !important;
color: #0b2b33;
}
.marine-food-bg {
background-color: #;
background-image: url(https://placehold.it/2000x1336);
background-attachment: fixed;
min-height: 200px;
background-position: center center;
padding-top: 80px;
padding-bottom: 80px;
}
.marine-seo-bg {
background-color: #f5fdff;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
margin-top: -40px;
padding-top: 100px;
padding-bottom: 100px;
margin-bottom: -41px;
}
.marine-seo-bg1 {
background-color: #52c0de;
background-attachment: fixed;
background-position: center center;
padding-top: 60px;
padding-bottom: 60px;
}
.marine-seo-h3-color {
color: #283233
}
.marine-seo-p-color {
color: #FFFFFF
}
.marine-li-border {
border-color: #71d3ee
}
.marine-seo-bg2 {
background-color: #153f5d;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 70px;
padding-bottom: 70px;
margin-bottom: 60px;
}
.marine-seo-h2 {
color: #f9fbfc;
font-size: 36px;
font-weight: 300;
font-style: left;
text-align: center
}
.marine-seo-h2-1 {
color: #000000;
font-size: 30px;
font-weight: 300;
margin-bottom: 55px;
text-align: center
}
.marine-seo-h4 {
color: #aab8d6;
font-size: 16px;
font-weight: normal;
text-align: center
}
.marine-seo-bg3 {
background-color: #333333;
background-attachment: scroll;
background-position: center center;
padding-top: 40px;
padding-bottom: 40px;
}
.marine-seo-vectors-h3 {
font-size: 18px !important;
font-weight: normal !important;
color: #999999
}
.marine-seo-testimonial-bg {
background-image: url(http://placehold.it/1629x356);
background-attachment: scroll;
background-position: left top;
padding-top: 80px;
padding-bottom: 70px;
}
.marine-seo-map-height {
height: 355px
}
.marine-seo-map-container {
height: 510px;
margin-top: -155px
}
.marine-seo-google {
height: 510px;
margin-top: -155px
}
.marine-seo-contact-h3 {
font-family: Open Sans;
font-size: 36px !important;
color: #1d2636
}
.marine-seo-span {
font-weight: 300;
}
.marine-container-bg {
background-image: url(http://placehold.it/1920x566/000000/ffffff);
background-attachment: fixed;
background-position: center center;
margin-top: -40px;
padding-top: 60px;
padding-bottom: 60px;
}
.marine-team-h4 {
color: #f5f5f5
}
.marine-icon-color {
color: #61cbff
}
.marine-progress-bg {
background-image: url(http://placehold.it/1920x280);
background-attachment: scroll;
background-position: center center;
padding-top: 30px;
padding-bottom: 45px;
}
.marine-features-bg {
background-image: url(http://placehold.it/1600x453);
background-attachment: scroll;
background-position: center center;
padding-top: 40px;
padding-bottom: 80px;
}
.marine-special-text {
color: #333333;
font-size: 14px;
font-weight: normal;
text-align: left
}
.column-h1 {
color: #444444;
font-size: 26px;
font-weight: 300;
font-style: left;
text-align: left
}
.column-h1-special {
color: #d4f0ff;
font-size: 18px;
font-weight: 300;
font-style: left;
text-align: left
}
.sc-column-section {
background-color: #f2f2f2;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 60px;
padding-bottom: 90px;
}
.sc-column-section-bg {
background-color: #24323b;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 60px;
padding-bottom: 80px;
}
.sc-column-divider {
border-color: #f9f9f9
}
.full-width-p-col {
color: #b5b5b5
}
.full-width-special {
color: #ffffff;
font-size: 32px;
font-weight: 300;
font-style: left;
margin-bottom: 30px;
text-align: center
}
.portfolio-fullwidth-bg {
background-color: #2b3b46;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 80px;
padding-bottom: 100px;
}
.portfolio-project-hover {
background-color: rgba(224, 86, 35, 0.9)
}
.portfolio-sorting-tags {
color: #686868;
background-color: #ffffff;
border-color: #e8e8e8
}
.testimonial-job-span {
color: #5dbdf4
}
.marine-parallax-bg {
pointer-events: none;
}
.team-page-heading {
background-image: url('../images/2a1.jpg')
}
.team-section-bg {
background-image: url(http://placehold.it/1920x847);
background-attachment: fixed;
background-position: center center;
margin-top: -40px;
padding-top: 70px;
padding-bottom: 40px;
}
.portfolio-page-items .project {
border-right: 1px solid #000000 !important;
}
.marine-sections-page-contents {
padding-right: 0;
padding-left: 0;
}
.line-seprator {
display: inline-block;
width: 100%;
height: 1px;
margin-bottom: 35px;
background: #ebebeb;
}
.margin-bottom-50 {
margin-bottom: 50px;
}
.margin-top-60 {
margin-top: 60px;
}
.margin-bottom-35 {
margin-bottom: 35px;
}
.margin-bottom-45 {
margin-bottom: 45px;
}
.team-special-h3 {
color: #f5f5f5;
font-size: 36px;
font-weight: 300;
margin-top: 1px;
text-align: left
}
.team-special-h4 {
color: #BDA244;
font-size: 14px;
font-weight: bolder;
text-align: left
}
.team-special {
color: #b9c3ca;
font-size: 13px;
font-weight: normal;
margin-bottom: 20px;
text-align: left
}
.team-client-bg {
background-color: #FCFCFC;
border: 1px solid #eceded;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 40px;
padding-bottom: 40px;
}
.team-progress-bg {
background-image: url(http://placehold.it/1920x280);
background-attachment: scroll;
background-position: center center;
padding-top: 30px;
padding-bottom: 45px;
margin-bottom: -41px;
}
.services-special-h3 {
font-size: 24px;
font-weight: normal;
margin-top: 1px;
text-align: left
}
.services-full-bg {
background-image: url(http://placehold.it/1600x453);
background-attachment: scroll;
background-position: center center;
padding-top: 40px;
padding-bottom: 80px;
margin-bottom: 50px;
}
.services-full-bg-solid {
background-color: #fcfcfc;
border: 1px solid #eceded;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 60px;
padding-bottom: 60px;
margin-bottom: -41px;
}
.contactv2-map-container {
height: 940px;
margin-top: -150px
}
.business-special-h3 {
color: #ffffff;
font-size: 30px;
font-weight: 300;
text-align: center
}
.business-special {
color: #ffffff;
font-size: 14px;
text-align: center
}
.business-special1 {
color: #ffffff;
font-size: 14px;
margin-bottom: 45px;
text-align: center
}
.business-h6 {
color: #c3fbff
}
.business-specialh3 {
color: #ffffff;
font-size: 20px;
font-weight: 300;
margin-top: 20px;
margin-bottom: 5px;
text-align: center
}
.business-special-2 {
color: #c3fbff;
font-size: 13px;
font-weight: normal;
text-align: center
}
.business-call-action-bg {
background: #fcfcfc;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb
}
.business-call-action-span {
color: #BDA244;
}
.business-services-bg {
background-image: url(http://placehold.it/1920x555);
background-attachment: scroll;
background-position: center center;
padding-top: 10px;
margin-bottom: -41px;
}
.business-full-bg {
background-image: url(http://placehold.it/1920x555);
background-attachment: scroll;
background-position: center center;
margin-top: -40px;
padding-top: 20px;
padding-bottom: 60px;
}
.business-posts-bg {
background-color: #e4e6e7;
background-attachment: scroll;
background-position: left top;
background-size: 100% 100%;
padding-top: 60px;
padding-bottom: 60px;
margin-bottom: 40px;
}
.business-map-height {
height: 295px
}
.tp-caption.big_light_60_dark {
background-color: transparent;
border-color: rgb(0, 0, 0);
border-style: none;
border-width: 0;
color: #23332a;
font-family: "Open Sans";
font-size: 60px;
font-weight: 300;
line-height: 67px;
text-decoration: none;
}
.tp-caption.black_description_18_italic {
background-color: transparent;
border-color: rgb(0, 0, 0);
border-style: none;
border-width: 0;
color: rgb(35, 51, 59);
font-size: 18px;
font-style: italic;
font-weight: 500;
line-height: 31px;
text-align: left;
text-decoration: none;
text-shadow: none;
}
.tp-caption.big_heavy_60_red {
background-color: transparent;
border-color: rgb(0, 0, 0);
border-style: none;
border-width: 0;
color: rgb(234, 111, 94);
font-family: "Open Sans";
font-size: 60px;
font-weight: 900;
line-height: 60px;
text-decoration: none;
}
.tp-caption.big_extraheavy_60 {
background-color: transparent;
border-color: rgb(0, 0, 0);
border-style: none;
border-width: 0;
color: rgb(255, 255, 255);
font-family: "Open Sans";
font-size: 82px;
font-weight: 900;
line-height: 60px;
text-decoration: none;
text-shadow: 1px 2px 7px rgb(8, 13, 16);
}
.tp-caption.big_light_60 {
background-color: transparent;
border-color: rgb(0, 0, 0);
border-style: none;
border-width: 0;
color: #ffffff;
font-family: "Open Sans";
font-size: 60px;
font-weight: 300;
line-height: 67px;
text-decoration: none;
text-shadow: 1px 2px 7px rgba(8, 13, 16, 1);
}
.tp-caption.black_description_18 {
background-color: transparent;
border-color: rgb(0, 0, 0);
border-style: none;
border-width: 0;
color: rgb(35, 51, 59);
font-size: 18px;
font-weight: 500;
line-height: 31px;
text-align: left;
text-decoration: none;
text-shadow: none;
}
.tp-caption.normal_nelle {
background-color: transparent;
border-color: rgb(0, 0, 0);
border-style: none;
border-width: 0;
color: rgb(255, 255, 255);
font-family: "Nella Sue";
font-size: 120px;
font-weight: 600;
line-height: 60px;
text-decoration: none;
text-shadow: 1px 2px 7px rgb(8, 13, 16);
}
.tp-caption.big_intro_inline {
color: rgb(255, 255, 255);
font-family: intro_inlineregular;
font-size: 106px;
font-weight: 600;
line-height: 60px;
text-shadow: 1px 2px 7px rgb(8, 13, 16)
}
.tp-caption.arrowicon {
border-color: rgb(34, 34, 34);
border-style: none;
border-width: 0;
line-height: 1px;
}
.tp-caption.extrabold_littlesub {
background-color: transparent;
border-color: rgb(34, 34, 34);
border-style: none;
border-width: 0;
color: rgb(248, 248, 248);
font-family: intro_regular;
font-size: 18px;
font-weight: 300;
line-height: 22px;
text-decoration: none;
}
.tp-caption.big_nelle {
background-color: transparent;
border-color: rgb(0, 0, 0);
border-style: none;
border-width: 0;
color: rgb(255, 255, 255);
font-family: "Nella Sue";
font-size: 147px;
font-weight: 600;
line-height: 60px;
text-decoration: none;
text-shadow: 1px 2px 7px rgb(8, 13, 16);
}
.tp-caption.big_intro_inline {
background-color: transparent;
border-color: rgb(0, 0, 0);
border-style: none;
border-width: 0;
color: rgb(255, 255, 255);
font-family: intro_inlineregular;
font-size: 106px;
font-weight: 600;
line-height: 60px;
text-decoration: none;
text-shadow: 1px 2px 7px rgb(8, 13, 16);
}
.tp-caption.big_sweety_broken {
background-color: transparent;
border-color: rgb(0, 0, 0);
border-style: none;
border-width: 0;
color: #ffffff;
font-family: sweetly_brokenregular;
font-size: 182px;
font-weight: 600;
line-height: 60px;
text-decoration: none;
text-shadow: 1px 2px 7px rgb(8, 13, 16);
}
.arrowicon {
border-color: rgb(34, 34, 34);
border-style: none;
border-width: 0;
line-height: 1px;
}
.extrabold_littlesub {
background-color: transparent;
border-color: rgb(34, 34, 34);
border-style: none;
border-width: 0;
color: rgb(248, 248, 248);
font-family: intro_regular;
font-size: 18px;
font-weight: 300;
line-height: 22px;
text-decoration: none;
}
.big_nelle {
background-color: transparent;
border-color: rgb(0, 0, 0);
border-style: none;
border-width: 0;
color: rgb(255, 255, 255);
font-family: "Nella Sue";
font-size: 147px;
font-weight: 600;
line-height: 60px;
text-decoration: none;
text-shadow: 1px 2px 7px rgb(8, 13, 16);
}
.big_intro_inline {
background-color: transparent;
border-color: rgb(0, 0, 0);
border-style: none;
border-width: 0;
color: rgb(255, 255, 255);
font-family: intro_inlineregular;
font-size: 106px;
font-weight: 600;
line-height: 60px;
text-decoration: none;
text-shadow: 1px 2px 7px rgb(8, 13, 16);
}
.big_sweety_broken {
background-color: transparent;
border-color: rgb(0, 0, 0);
border-style: none;
border-width: 0;
color: #ffffff;
font-family: sweetly_brokenregular;
font-size: 182px;
font-weight: 600;
line-height: 60px;
text-decoration: none;
text-shadow: 1px 2px 7px rgb(8, 13, 16);
}
.tp-caption.big_code_light {
color: rgb(255, 255, 255);
font-family: code_lightregular;
font-size: 132px;
font-weight: 300;
line-height: 60px;
text-shadow: 1px 2px 7px rgb(8, 13, 16);
}
.tp-caption.arrowicon {
line-height: 1px;
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none
}
.tp-caption.big_extraheavy_170 {
font-size: 150px;
line-height: 60px;
font-weight: 900;
font-family: "Open Sans Extrabold";
color: #ffffff;
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.tp-caption.semibold_bigsub {
font-size: 40px;
line-height: 22px;
font-weight: 600;
font-family: "Open Sans";
color: rgb(248, 248, 248);
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none
}
.tp-caption.big_extraheavy_54 {
font-size: 54px;
line-height: 60px;
font-weight: 900;
letter-spacing: -4px;
font-family: "Open Sans Extrabold";
color: #ffffff;
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.arrowicon {
line-height: 1px;
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none
}
.big_extraheavy_170 {
font-size: 150px;
line-height: 60px;
font-weight: 900;
font-family: "Open Sans Extrabold";
color: #ffffff;
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.semibold_bigsub {
font-size: 40px;
line-height: 22px;
font-weight: 600;
font-family: "Open Sans";
color: rgb(248, 248, 248);
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none
}
.big_extraheavy_54 {
font-size: 54px;
line-height: 60px;
font-weight: 900;
letter-spacing: -4px;
font-family: "Open Sans Extrabold";
color: #ffffff;
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.tp-caption.arrowicon {
line-height: 1px;
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none
}
.tp-caption.big_telegraficoregular {
color: rgb(255, 255, 255);
font-size: 140px;
line-height: 64px;
font-weight: 600;
font-family: telegraficoregular;
text-decoration: none;
text-shadow: rgb(8, 13, 16) 1px 2px 7px;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.tp-caption.medium_telegraficoregular {
font-size: 72px;
line-height: 69px;
font-weight: 600;
font-family: telegraficoregular;
color: rgb(255, 255, 255);
text-decoration: none;
text-shadow: rgb(8, 13, 16) 1px 2px 7px;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.tp-caption.italic_littlesub {
font-size: 18px;
line-height: 22px;
font-weight: 300;
font-family: "Open Sans";
color: #ffffff;
font-style: italic;
text-align: center;
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none
}
.big_telegraficoregular {
color: rgb(255, 255, 255);
font-size: 140px;
line-height: 64px;
font-weight: 600;
font-family: telegraficoregular;
text-decoration: none;
text-shadow: rgb(8, 13, 16) 1px 2px 7px;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.medium_telegraficoregular {
font-size: 72px;
line-height: 69px;
font-weight: 600;
font-family: telegraficoregular;
color: rgb(255, 255, 255);
text-decoration: none;
text-shadow: rgb(8, 13, 16) 1px 2px 7px;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.italic_littlesub {
font-size: 18px;
line-height: 22px;
font-weight: 300;
font-family: "Open Sans";
color: #ffffff;
font-style: italic;
text-align: center;
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none
}
.tp-caption.big_light_60_lato {
color: #ffffff;
font-size: 68px;
line-height: 67px;
font-weight: 100;
font-family: Lato;
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.tp-caption.big_light_35_lato {
font-size: 35px;
line-height: 67px;
font-weight: 300;
font-family: Lato;
color: #ffffff;
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.tp-caption.NORMAL {
font-size: 16px;
line-height: 28px;
font-weight: 400;
font-family: "Open Sans";
color: #ffffff;
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none
}
.big_light_60_lato {
color: #ffffff;
font-size: 68px;
line-height: 67px;
font-weight: 100;
font-family: Lato;
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.big_light_35_lato {
font-size: 35px;
line-height: 67px;
font-weight: 300;
font-family: Lato;
color: #ffffff;
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.NORMAL {
font-size: 16px;
line-height: 28px;
font-weight: 400;
font-family: "Open Sans";
color: #ffffff;
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none
}
.tp-caption.extrabold_littlesub_open {
font-size: 14px;
line-height: 22px;
font-weight: 900;
font-family: "Open Sans";
color: #f8f8f8;
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none
}
.tp-caption.big_extraheavy_110 {
font-size: 110px;
line-height: 60px;
font-weight: 900;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
text-shadow: rgb(8, 13, 16) 1px 2px 7px;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.big_extraheavy_110 {
font-size: 110px;
line-height: 60px;
font-weight: 900;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
text-shadow: rgb(8, 13, 16) 1px 2px 7px;
background-color: transparent;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
#rev_slider_8_1_wrapper .tp-loader.spinner4 div {
background-color: #fff !important;
}
#rev_slider_21_1_wrapper .tp-loader.spinner4 div {
background-color: #fff !important;
}
#rev_slider_9_1_wrapper .tp-loader.spinner4 div {
background-color: #fff !important;
}
#rev_slider_28_1_wrapper .tp-loader.spinner4 div {
background-color: #fff !important;
}
#rev_slider_13_1_wrapper .tp-loader.spinner4 div {
background-color: #fff !important;
}
#rev_slider_11_1_wrapper .tp-loader.spinner4 div {
background-color: #fff !important;
}
#rev_slider_27_1_wrapper .tp-loader.spinner4 div {
background-color: #fff !important;
}
#rev_slider_1_1_wrapper .tp-loader.spinner4 div {
background-color: #fff !important;
}
#rev_slider_22_1_wrapper .tp-loader.spinner4 div {
background-color: #fff !important;
}
#rev_slider_4_1_wrapper .tp-loader.spinner4 div {
background-color: #b5b5b5 !important;
}
#rev_slider_26_1_wrapper .tp-loader.spinner4 div {
background-color: #fff !important;
}
#rev_slider_25_1_wrapper .tp-loader.spinner4 div {
background-color: #b5b5b5 !important;
}
.statusMessage {
color: white;
text-align: center;
display: none;
color: #b0babf;
}
.subscribe-form-result {
display: none;
margin-top: 10px;
}
.marine-typo-page-title {
font-size: 36px;
}
.marine-main-top-iconbox h3 {
color: #ffffff;
}
.page-top-calltoaction h2 {
color: white;
}
.page-top-calltoaction a {
background-color: white;
color: black;
}
.testimonials-page-slider {
background-image: url(../images/rs-images/bg2.jpg);
margin-bottom: -40px !important;
padding-top: 140px !important;
padding-right: 100px !important;
padding-bottom: 200px !important;
padding-left: 100px !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-attachment: fixed;
}
.light-border {
border-color: #e8e8e8 !important;
}
.orange-border {
border-color: rgba(221, 99, 86, 0.25) !important;
}
.parallax-window {
min-height: 1000px;
background: transparent;
}
.dark-title {
color: #000000;
}
.padding-top10 {
padding-top: 10px;
}
.padding-top20 {
padding-top: 20px;
}
.padding-top25 {
padding-top: 25px;
}
.padding-top30 {
padding-top: 30px;
}
.padding-top35 {
padding-top: 35px;
}
.padding-top40 {
padding-top: 40px;
}
.padding-top45 {
padding-top: 45px;
}
.padding-top50 {
padding-top: 50px;
}
.padding-top60 {
padding-top: 60px;
}
.padding-top70 {
padding-top: 70px;
}
.padding-top75 {
padding-top: 75px;
}
.padding-top80 {
padding-top: 80px;
}
.padding-top90 {
padding-top: 90px;
}
.padding-top100 {
padding-top: 100px;
}
.padding-top120 {
padding-top: 120px;
}
.padding-top140 {
padding-top: 75px;
}
.padding-top150 {
padding-top: 150px;
}
.padding-top200 {
padding-top: 200px;
}
.padding-bottom0 {
padding-bottom: 0 !important;
}
.padding-bottom20 {
padding-bottom: 20px;
}
.padding-bottom30 {
padding-bottom: 30px;
}
.padding-bottom35 {
padding-bottom: 35px;
}
.padding-bottom40 {
padding-bottom: 40px;
}
.padding-bottom45 {
padding-bottom: 45px;
}
.padding-bottom50 {
padding-bottom: 50px;
}
.padding-bottom60 {
padding-bottom: 60px;
}
.padding-bottom70 {
padding-bottom: 70px;
}
.padding-bottom80 {
padding-bottom: 80px;
}
.padding-bottom90 {
padding-bottom: 90px;
}
.padding-bottom100 {
padding-bottom: 100px;
}
.padding-bottom140 {
padding-bottom: 140px;
}
.padding-bottom200 {
padding-bottom: 200px;
}
.margin-top1 {
margin-top: 1px;
}
.margin-top0 {
margin-top: 0 !important;
}
.margin-top80 {
margin-top: 80px;
}
.margin-top20 {
margin-top: 20px !important;
}
.margin-bottom0 {
margin-bottom: 0 !important;
}
.margin-bottom5 {
margin-bottom: 5px;
}
.margin-bottom20 {
margin-bottom: 20px;
}
.margin-bottom30 {
margin-bottom: 30px;
}
.margin-bottom35 {
margin-bottom: 35px;
}
.margin-bottom40 {
margin-bottom: 40px;
}
.margin-bottom120 {
margin-bottom: 120px;
}
.pull-up41 {
margin-bottom: -41px;
}
.black-background {
background: black !important;
color: white;
}
.white-color {
color: white !important;
}
.fade-white {
color: #aaaaaa !important;
color: rgba(255, 255, 255, 0.701961) !important;
}
.white-bg {
background: white;
}
.light-blue-bg {
background-color: #34b4e4;
}
.small-padding-first-child {
margin-top: -40px;
}
.small-padding-last-child {
margin-bottom: -40px;
}
.special-text-title {
color: #000000;
font-size: 48px;
font-weight: bolder;
text-align: center;
}
.special-text-title span {
color: #BDA244;
}
.special-text-subtitle {
color: #141d22;
font-size: 18px;
font-weight: normal;
text-align: center;
}
.special-h3 {
font-family: Open Sans;
font-size: 36px;
color: #0b2b33
}
.special-h3 span {
color: #e66864;
}
.red-button {
background-color: #e66864 !important;
}
.orange-button {
color: #ffffff !important;
background-color: #333333 !important;
}
.freelancer-tetimonials-slider {
background-image: url(../images/Layer-519.png);
}
.services-span-color {
color: #BDA244;
}
.marine-chefs-slider {
margin-top: -40px;
}
.marine-seo-li-border {
border-bottom-color: #71d3ee !important;
}
.marine-seo-pricing-table-header {
font-size: 36px;
}
.widget_call_to_action h2 {
font-size: 36px;
}
.red {
color: #FFFFFF !important;
}
.red-orange {
color: #D0B867;
}
.gray {
color: #999;
}
.light-gray {
color: #a8a8a8;
}
.orange-color {
color: #333333;
}
.orange-bg {
background-color: #dd6356;
}
.dark-blue-bg {
background-color: #202939;
}
.dark-bg {
background-color: #0a0a0a;
}
.black-border {
border-color: black !important;
}
.black-bg-call-to-action h1 {
font-family: Lato;
font-size: 35px;
font-weight: normal;
text-align: left;
}
.black-bg-call-to-action .button {
color: #0a0a0a;
background-color: #ffffff;
}
.transparent-border {
border-color: rgba(0, 0, 0, 0) !important;
}
.special-text-h1 {
color: #202b31;
font-size: 24px;
font-weight: 300;
font-family: Open Sans;
margin-bottom: 20px;
text-align: left;
}
.section-header {
text-align: center;
}
.section-header h1 {
color: #232323;
font-size: 34px;
font-weight: 300;
font-family: Lato;
margin-top: 40px;
text-align: center;
}
.section-header h2 {
color: #757575;
font-size: 24px;
font-weight: 300;
font-style: italic;
font-family: Lato;
margin-top: -15px;
text-align: center;
}
.section-header-style1 h1 {
color: #232323;
font-size: 42px;
font-weight: 300;
font-family: Open Sans;
margin-top: 50px;
}
.section-header-style1 h1 strong {
font-weight: 700;
}
.section-header-style1 h3 {
color: #aaaaaa;
font-size: 18px;
font-weight: 300;
font-family: Open Sans;
margin-bottom: 20px;
}
.section-header-style2 h1 {
color: rgb(35, 35, 35);
font-size: 30px;
font-weight: 300;
font-family: 'Open Sans';
text-align: left;
}
.section-header-style2 h3 {
color: rgb(0, 0, 0);
font-size: 16px;
font-weight: 300;
text-align: left;
}
.section-header-style3 h1 {
color: rgba(0, 0, 0, 0.8);
font-size: 44px;
font-weight: 300;
font-family: Open Sans;
text-align: center;
}
.section-header-style3 h1 span {
color: #d95147;
}
.section-header-style4 h1 {
color: rgba(255, 255, 255, 0.8);
font-size: 34px;
font-weight: 300;
font-family: Open Sans;
text-align: left
}
.section-header-style4 h2 {
color: rgba(255, 255, 255, 0.5);
font-size: 22px;
font-weight: 300;
font-family: Open Sans;
text-align: left;
}
.section-header-style4 .button {
color: #ffffff !important;
background-color: rgba(208, 83, 66, 0.9) !important;
}
.big-button {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid transparent;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.round-button {
border-radius: 25px;
}
.dark-button {
background-color: #2a2a2a;
color: #f7f7f7;
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
text-decoration: none !important;
}
.dark-button:hover {
background-color: #1b1b1b;
color: #f7f7f7;
}
.chino-button {
background-color: #cec2ab;
color: #ffffff !important;
}
.round-corner8 {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.image-box {
border: 1px solid rgba(0, 0, 0, 0.12);
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.image-box:hover {
-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
transform: translateY(-6px);
}
.image-box img {
width: 100%;
}
.image-box .text-wrap {
padding: 26px 36px;
text-align: center;
position: relative;
}
.image-box .icon-circ-wrap {
position: absolute;
left: 50%;
-webkit-border-radius: 50em;
-moz-border-radius: 50em;
-ms-border-radius: 50em;
-o-border-radius: 50em;
border-radius: 50em;
display: block;
width: 64px;
height: 64px;
top: 0;
text-align: center;
margin-left: -32px;
margin-top: -32px;
}
.image-box .icon-circ-wrap i {
line-height: 64px;
font-size: 18px;
color: #fff;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.15);
}
.image-box .overlay-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.image-box .text-wrap h4 {
font-weight: 400;
font-size: 13px;
color: gray;
line-height: 1.5;
margin: 0;
font-family: "Montserrat", Helvetica, sans-serif;
text-transform: uppercase;
}
.image-box .text-wrap h3 {
color: #cf6e6e;
font-size: 28px;
line-height: 1.3;
padding: 0 0 24px;
font-weight: 400;
margin: 0;
font-family: "Montserrat", Helvetica, sans-serif;
text-transform: uppercase;
}
.image-box .text-wrap p {
padding-top: 30px;
color: #999999;
font-size: 14px;
line-height: 1.9;
}
.image-box-style1 .img-wrap {
border-bottom: 4px solid black;
}
.image-box-style2 {
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
}
.image-box-style2 .img-wrap {
border-bottom: 9px solid #eddccc;
}
.image-box-style2 .text-wrap h4 {
font-family: Montserrat;
font-weight: 400;
font-size: 13px;
color: gray;
line-height: 1.5;
margin: 0;
}
.image-box-style2 .text-wrap h3 {
font-family: Montserrat;
font-size: 28px;
color: #eddccc;
line-height: 1.3;
margin: 0;
padding: 0 0 24px;
font-weight: 400;
border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}
.image-box-style3 {
background: white;
}
.image-box-style3 .text-wrap {
text-align: left;
}
.image-box-style3 .text-wrap h2 {
font-size: 18px;
font-weight: 300;
line-height: 1.3;
margin: 25px 0 13px;
text-transform: none;
color: #000;
font-family: "Montserrat", Helvetica, sans-serif;
}
.image-box-style3 .text-wrap p {
color: #999;
font-size: 14px;
line-height: 1.9;
padding: 0;
}
.image-box-style3 .text-wrap .image-box-link a {
color: #34b4e4;
border-bottom: 1px dotted #34b4e4;
}
.image-box-style4 .img-wrap {
border-bottom: 8px solid #000000;
}
.image-box-style4 .text-wrap {
padding: 26px 36px;
}
.image-box-style4 .text-wrap h3 {
color: #333333;
}
.image-box-style4 .text-wrap h3 {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.image-box-style4 .text-wrap p {
color: #5f5f5f;
}
.features-style1 h1 {
color: #0a0a0a;
font-size: 33px;
font-weight: 300;
font-family: Lato;
text-align: left;
}
.features-style1 h3 {
color: rgba(10, 10, 10, 0.75);
font-size: 20px;
font-weight: 300;
font-family: Lato;
margin-top: 20px;
text-align: left;
}
.features-style1 .button {
color: #ffffff !important;
background-color: #0a0a0a !important;
margin-bottom: 0;
}
.features-style2 h1 {
color: #232323;
font-size: 34px;
font-weight: 300;
font-family: Lato;
margin-top: 40px;
text-align: left;
}
.features-style2 h2 {
color: #757575;
font-size: 16px;
font-weight: 300;
font-family: Lato;
text-align: left;
}
.features-style2 .img-wrap {
text-align: center;
}
.features-style3 h1 {
color: rgba(10, 10, 10, 0.74902);
font-size: 24px;
font-weight: 300;
font-family: Lato;
margin-top: 15px;
}
.facts-style1 .fact {
text-align: center;
}
.facts-style1 .fact h3 {
font-size: 70px;
font-weight: 500;
font-family: "Montserrat", sans-serif;
}
.facts-style1 .fact h4 {
text-transform: uppercase;
font-weight: 700;
font-family: "Montserrat", sans-serif;
}
.facts-style1 .vision-counter {
font-size: 70px;
font-weight: 500;
font-family: "Montserrat", sans-serif;
}
.facts-style1 .fact h3:after {
content: '';
background: white;
display: block;
width: 66px;
height: 2px;
margin: 15px auto 22px;
}
.services-list-style1 {
background-color: #faf5f0;
}
.services-list-style2 .service .service-icon {
color: #dd6356;
border: 2px solid #dd6356;
background: none;
font-size: 35px;
line-height: 100px;
height: 150px;
width: 150px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
-webkit-transition: all 0.5s ease-in-out, 0.5s;
-webkit-transition-delay: 0s, 0s;
-moz-transition: all 0.5s ease-in-out 0s, 0.5s;
-o-transition: all 0.5s ease-in-out 0s, 0.5s;
transition: all 0.5s ease-in-out 0s, 0.5s;
}
.services-list-style2 .service .service-icon:hover {
background: #dd6356;
color: white;
}
.services-list-style2 .service .service-description {
margin-top: 30px;
}
.services-list-style2 .service .service-description h4 {
color: #000;
font-family: "Montserrat", Helvetica, sans-serif;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 22px;
font-size: 16px;
}
.services-list-style2 .service .service-description p {
color: #808080;
font-size: 15px;
line-height: 1.8;
}
.accordion-style2 .accordion-header {
border: 1px solid #e1e1e1;
position: relative;
background-color: #FFF;
background-image: linear-gradient(to bottom, #FFF, #EFEFEF);
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EFEFEF));
background-image: -webkit-linear-gradient(top, #FFF, #EFEFEF);
background-image: -moz-linear-gradient(top, #FFF, #EFEFEF);
background-image: -webkit-linear-gradient(top, #FFF, #EFEFEF);
background-image: -o-linear-gradient(top, #FFF, #EFEFEF);
background-image: ms-linear-gradient(to bottom, #FFF, #EFEFEF);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#efefef');
border: 1px solid #e1e1e1;
border-radius: 5px;
color: #666;
cursor: pointer;
margin-bottom: 4px;
text-indent: 50px;
font-weight: 500;
font-size: 13px;
line-height: 18.5714282989502px;
position: relative;
padding: 20px 0;
width: 100%;
}
.accordion-style2 .accordion-active .accordion-header:before {
content: "\f068";
}
.accordion-style2 .accordion-header:before {
content: "\f067";
font-family: FontAwesome;
position: absolute;
left: -30px;
top: 37%;
font-size: 14px;
}
.accordion-style2 .accordion-header,
.accordion-style2 .accordion-header:before {
color: #666666;
}
.accordion-style2 .accordion-active .accordion-header,
.accordion-style2 .accordion-active .accordion-header:before {
color: #88bbc8;
}
.accordion-style2 .accordion-content {
display: none;
line-height: 1.8;
padding: 20px;
margin: 0 !important;
}
.accordion-style2 .accordion-content p {
margin-bottom: 10px;
}
.call-to-action-blue h1 {
color: #ffffff;
font-size: 38px;
font-weight: normal;
font-family: Open Sans;
text-align: left;
}
.call-to-action-blue .button {
color: #34b4e4 !important;
background-color: #ffffff !important;
}
.call-to-action-orange h1 {
color: #ffffff;
font-size: 52px;
font-weight: 300;
font-family: Open Sans;
text-align: center;
margin-bottom: 0;
}
.call-to-action-orange a.button {
color: #ffffff !important;
background-color: #e47e72 !important;
margin-bottom: 0;
text-align: center;
padding: 20px 60px;
margin-top: 10px;
font-size: 13px;
-webkit-transform: translateZ(0px);
}
.call-to-action-red-orange h1 {
color: #ffffff;
font-size: 38px;
font-weight: bold;
font-family: Open Sans;
text-align: left;
}
.call-to-action-red-orange .button {
color: rgba(10, 10, 10, 0.8) !important;
background-color: rgba(255, 255, 255, 0.9) !important;
}
.skills-circular1 .vision-circle-loader {
text-align: center;
}
.skills-circular1 .vision-circle-loader .easyPieChart {
position: relative;
width: 174px;
height: 174px;
line-height: 174px;
margin: 0 auto 35px;
}
.skills-circular1 .vision-circle-loader .vision-circle-number-wrap {
font-size: 35px;
font-weight: 400;
font-family: "Montserrat", Helvetica, sans-serif;
text-transform: uppercase;
}
.skills-circular1 .vision-circle-loader canvas {
position: absolute;
left: 0;
top: 0;
}
.skills-circular1 .loader-details h3 {
color: #000;
font-family: "Montserrat", Helvetica, sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.socials-style1 {
list-style: none;
margin: 0;
padding: 0;
}
.socials-style1 li {
margin-right: 20px;
margin-bottom: 10px;
float: left;
}
.socials-style1 li a {
color: #fff;
background: rgba(0, 0, 0, 0.4);
font-size: 20px;
width: 30px;
height: 30px;
line-height: 30px;
padding: 1px;
-moz-border-radius: 20em;
-webkit-border-radius: 20em;
border-radius: 20em;
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.socials-style1 li a:hover {
background: black;
}
#tabs-style3 {
border: 1px solid #e4e4e4;
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
position: relative;
background: #fff;
color: #666;
overflow: hidden;
}
#tabs-style3 .nav-stacked {
font-weight: bold;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: #f6f6f6;
width: 257px;
margin: 0;
padding-left: 0;
list-style: none;
}
#tabs-style3 .nav-stacked>li {
display: block;
}
#tabs-style3 .nav-stacked li {
border-bottom: 1px solid #e1e1e1;
margin: 0;
padding: 0;
position: relative;
}
#tabs-style3 .nav-stacked li:first-child {
margin-top: 22px;
}
#tabs-style3 .nav-stacked>li.active:after {
content: '';
display: block;
position: absolute;
z-index: 9;
right: 0;
top: 50%;
margin-top: -17px;
width: 18px;
height: 34px;
background: url(../images/tabs-3-active.png) no-repeat;
}
#tabs-style3 .nav-stacked>li>a {
display: block;
padding: 18px 55px;
line-height: 20px;
text-decoration: none;
color: #666;
border-radius: 4px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
#tabs-style3 .nav-stacked>li.active>a {
color: #dd6356 !important;
background: #fff;
border-radius: 0;
}
#tabs-style3 .nav-stacked>li>a>.fa {
font-size: 20px;
height: 20px;
line-height: 20px;
position: absolute;
left: 22px;
top: 50%;
margin-top: -10px;
z-index: 1;
}
#tabs-style3 .tab-content {
border: 1px solid #ddd;
border-top: none;
padding: 10px;
margin-left: 257px;
padding: 40px;
}
#tabs-style3 .tab-content>.tab-pane {
display: none;
}
#tabs-style3 .tab-content>.active {
display: block;
}
#tabs-style3 .tab-content>.tab-pane h2 {
font-size: 36px;
font-weight: normal;
}
#tabs-style3 .tab-content>.tab-pane h3 {
font-size: 20px;
font-weight: 300;
color: #757575;
}
.gallery_slides-style1 {
margin: 0 0 60px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
-o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
zoom: 1;
}
.gallery_slides-style1 .flex-prev,
.gallery_slides-style1 .flex-next {
opacity: 0;
visibility: hidden;
}
.gallery_slides-style1 .flex-prev:before,
.gallery_slides-style1 .flex-next:before {
line-height: 1;
}
.gallery_slides-style1:hover .flex-prev {
opacity: 1;
visibility: visible;
}
.gallery_slides-style1:hover .flex-next {
opacity: 1;
visibility: visible;
}
.gallery_slides-style1 .flex-prev:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
}
.gallery_slides-style1 .flex-next:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f002';
}
.parallax-area {
background-attachment: fixed;
background-position: center center;
}
.min-height600 {
min-height: 600px;
}
.min-height400 {
min-height: 400px;
}
.min-height300 {
min-height: 300px;
}
.parallax-area1 {
background-image: url(https://placehold.it/2560x1000);
}
.parallax-area2 {
background-image: url(https://placehold.it/2560x1001);
}
.parallax-area3 {
background-image: url(https://placehold.it/2560x1002);
}
.parallax-area3 {
background-image: url(https://placehold.it/2560x1003);
}
.parallax-area4 {
background-image: url(https://placehold.it/2560x1004);
}
.motors-skills {
background-image: url(../images/desert-bg.jpg);
}
.motors-parallax-sec {
background: url(https://placehold.it/1920x1200);
}
.motors-call-to-action {
background: url(https://placehold.it/1920x1680);
}
.corporation-call-to-action,
.corporation-services {
background: url(https://placehold.it/2800x800);
}
.corporation-skills,
.corporation-testimonials,
.corporation-portfolio {
background: url(https://placehold.it/1602x780);
}
.architetti-testimonials {
background: url(https://placehold.it/1920x1080);
}
.architetti-circular-counter {
background: url(https://placehold.it/1920x1080);
}
.fashion-services {
background: url(https://placehold.it/1920x1080);
}
.fashion-features1 {
background: url(https://placehold.it/1920x1375);
}
.fashion-features2 {
background: url(https://placehold.it/2000x1000);
}
.medical-image-box,
.medical-call-to-action {
background: url(https://placehold.it/2000x1500);
}
.medical-accordion {
background: url(https://placehold.it/2000x1262);
}
/* Slider Contact Form */
.slider-contact-form {
margin: 45px 0 25px;
}
.slider-contact-form .featured-box {
text-align: left;
background: #F5F5F5;
background: -webkit-linear-gradient(top, #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
background: linear-gradient(to bottom, #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #DFDFDF;
border-left: 1px solid #ECECEC;
border-radius: 8px;
border-right: 1px solid #ECECEC;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
min-height: 375px;
position: relative;
}
.slider-contact-form textarea {
resize: none;
}
/* Responsive */
@media (min-width: 1024px) {
.slider-contact-form {
margin: 0;
position: absolute;
top: 305px;
z-index: 99;
width: 100%;
}
}
/* Slider With Overlay */
.slider-with-overlay {
position: relative;
}
.slider-with-overlay .slider-container {
z-index: auto;
}
.form-sidebar {
max-width: 676px;
position: absolute;
right: 0;
z-index: 999;
top: 125px;
right: 150px;
}
#ores4iframe {
min-width: 676px !important;
}
.ms-slide .ms-layer {
position: absolute;
margin-top: 30px !important;
margin-left: 1% !important;
left: 0px !important;
}
.ms-layer.left-sdebar {
margin-top: 250px !important;
}
@media (max-width: 981px) {
.form-sidebar {
max-width: 100%;
float: right;
position: relative;
right: 0;
z-index: 999;
top: 20px;
clear: both;
margin-bottom: 25px;
width: 100%;
}
.ms-slide .ms-layer {
position: relative;
margin-top: 40px !important;
margin-left: 20px !important;
left: 2% !important;
}
}
@media (max-width: 667px) {
.home_stars {
left: 0 !important;
display: block !important;
}
.down_app img {
margin-right: 0 !important;
}
.feature span {
width: 89%;
}
.down_app .col-sm-9 {
padding-left: 10px !important;
text-align: center;
}
.down_app .col-sm-3 {
text-align: center;
}
}
.our-fleet {
margin-bottom: 50px;
}
.fleet-detail {
margin-top: 50px;
}
.fleet-detail h3 {
margin-bottom: 0;
}
.specs {
margin: 25px 0 0;
padding: 0;
list-style-type: none;
}
.fleet-btn a {
background-color: #7a7d822e;
padding: 15px 40px;
color: #000;
text-transform: uppercase;
font-size: 25px;
font-weight: 500;
}
.fleet-btn {
position: relative;
text-align: center;
margin-top: 80px;
}
.specs .group {
background: url('/images/people.png') no-repeat 0 0;
width: 25px;
height: 23px;
display: inline-block;
}
.specs .briefcase {
background: url('/images/briefcase.png') no-repeat 0 0;
width: 25px;
height: 20px;
display: inline-block;
}
.specs span {
margin-left: 10px;
display: inline-block;
font-size: 16px;
position: relative;
top: -5px;
}
.rev_btn {
position: relative;
top: -70px;
left: 18%;
width: 150px !important;
height: 58px !important;
}
#appointsModal {
top: 10%;
left: 15%;
}
.modal-header .close {
font-size: 36px;
}
.modal-header {
padding: 0 15px 0;
border: none;
}
.specs li {
display: inline-block;
margin-right: 30px;
}
.fleet-detail h2 {
font-weight: 700;
margin: 0;
}
.fleet-detail p {
font-size: 16px;
font-weight: bold;
}
.features {
margin-top: 40px;
}
.feature {
margin-bottom: 15px;
clear: both;
overflow: hidden;
}
.feature i {
display: inline-block;
margin-right: 10px;
position: relative;
/*top: 5px;*/
float: left;
}
.feature i.clock {
background: url('../images/clock.png') no-repeat 0 0;
width: 23px;
height: 24px;
}
.feature i.chauffeur {
background: url('../images/chauffeur_small.png') no-repeat 0 0;
width: 24px;
height: 28px;
}
.feature i.bottle {
background: url('../images/bottle1.png') no-repeat 0 0;
width: 24px;
height: 24px;
}
.feature i.meetgreet {
background: url('../images/smile.png') no-repeat 0 0;
width: 24px;
height: 24px;
}
.feature i.wifi {
background: url('../images/wifi.png') no-repeat 0 0;
width: 30px;
height: 23px;
}
.feature span {
font-size: 16px;
line-height: 1.5em;
font-weight: 500;
float: left;
}
.down_app {
background-color: #f1f1f1;
padding: 10px;
}
.down_app .col-sm-9 {
padding-left: 150px;
}
.down_app h2 {
font-size: 30px;
font-weight: 500;
margin-top: 30px;
color: #55B75B !important;
}
.down_app p {
font-size: 16px;
}
.down_app img {
margin-right: 40px;
}
.download_buttons {
margin-top: 50px;
margin-bottom: 30px;
}
.top_banner {
background: url('../images/cars-slide-01.jpg') no-repeat 50% 50%;
background-size: cover;
height: 777px;
position: relative;
}
.quote_btns {
position: absolute;
bottom: 40px;
left: 50px;
}
.quote_btns a {
font-size: 20px;
font-weight: bold;
}
/* media queries */
#mobile-nav{
display: none;
}
.navbar {
width: 100%;
box-shadow: 0 1px 4px rgb(146 161 176 / 15%);
}
.nav-container {
display: flex;
justify-content: space-between;
align-items: center;
height: 62px;
}
.navbar .menu-items {
display: flex;
background-color: #e6e8ea;
}
.navbar .nav-container li {
list-style: none;
}
.navbar .nav-container a {
text-decoration: none;
color: #0e2431;
font-weight: 500;
font-size: 1.2rem;
padding: 0.7rem;
}
.navbar .nav-container a:hover {
font-weight: bolder;
}
.nav-container {
display: block;
position: relative;
height: 60px;
}
.nav-container .checkbox {
position: absolute;
display: block;
height: 32px;
width: 32px;
top: 20px;
left: 20px;
z-index: 5;
opacity: 0;
cursor: pointer;
}
.nav-container .hamburger-lines {
display: block;
height: 26px;
width: 32px;
position: absolute;
top: 17px;
left: 20px;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.nav-container .hamburger-lines .line {
display: block;
height: 4px;
width: 100%;
border-radius: 10px;
background: #0e2431;
}
.nav-container .hamburger-lines .line1 {
transform-origin: 0% 0%;
transition: transform 0.4s ease-in-out;
}
.nav-container .hamburger-lines .line2 {
transition: transform 0.2s ease-in-out;
}
.nav-container .hamburger-lines .line3 {
transform-origin: 0% 100%;
transition: transform 0.4s ease-in-out;
}
.navbar .menu-items {
padding-top: 30px;
box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
height: 100vh;
width: 100%;
transform: translate(-150%);
display: flex;
flex-direction: column;
margin-left: -40px;
padding-left: 50px;
transition: transform 0.5s ease-in-out;
text-align: center;
}
.navbar .menu-items li {
margin-bottom: 1.2rem;
font-size: 1.5rem;
font-weight: 500;
}
.logo {
position: absolute;
top: 5px;
right: 15px;
font-size: 1.2rem;
color: #0e2431;
}
.nav-container input[type="checkbox"]:checked~.menu-items {
transform: translateX(0);
}
.nav-container input[type="checkbox"]:checked~.hamburger-lines .line1 {
transform: rotate(45deg);
}
.nav-container input[type="checkbox"]:checked~.hamburger-lines .line2 {
transform: scaleY(0);
}
.nav-container input[type="checkbox"]:checked~.hamburger-lines .line3 {
transform: rotate(-45deg);
}
.nav-container input[type="checkbox"]:checked~.logo {
display: none;
}
.main-email{
font-size: 20;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
#upper-header ul,
#upper-header ul li{
font-size: 13px;
}
#lower-header {
display: none;
}
.main-email {
font-size: 15px;
}
#mobile-nav {
display: block;
}
}
@media only screen and (max-width: 400px) {
#mobile-nav {
display: block;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
/* @media only screen and (min-width: 600px) {
#lower-header {
display: none;
}
#mobile-nav {
display: block;
}
} */
/* Medium devices (landscape tablets, 768px and up) */
/* @media only screen and (min-width: 768px) {
...
} */
/* Large devices (laptops/desktops, 992px and up) */
/* @media only screen and (min-width: 992px) {
...
} */
/* Extra large devices (large laptops and desktops, 1200px and up) */
/* @media only screen and (min-width: 1200px) {
...
} */
/* .email-header{
font-size: 20px;
color: white
} */
.container {
max-width: 1200px;
width: 90%;
margin: auto;
}
.btn {
display: inline-block;
padding: 0.5em 1.5em;
text-decoration: none;
border-radius: 50px;
cursor: pointer;
outline: none;
text-transform: uppercase;
font-weight: small;
}
.btn-primary {
color: #fff;
background: #16a083;
}
.btn-primary:hover {
background: #117964;
transition: background 0.3s ease-in-out;
}
/* ............/navbar/............ *
/* desktop mode............/// */
.navbar input[type="checkbox"],
.navbar .hamburger-lines {
display: none;
}
.navbar {
/* box-shadow: 0px 5px 10px 0px #aaa; */
position: fixed;
width: 100%;
background: #fff;
color: #000;
opacity: 0.85;
height: 50px;
z-index: 12;
}
.navbar-container {
display: flex;
justify-content: space-between;
height: 64px;
align-items: center;
}
.menu-items {
order: 2;
display: flex;
}
.menu-items li {
list-style: none;
margin-left: 1.5rem;
margin-bottom: 0.5rem;
font-size: 1.2rem;
}
.menu-items a {
text-decoration: none;
color: #444;
font-weight: 500;
transition: color 0.3s ease-in-out;
}
.menu-items a:hover {
color: #117964;
transition: color 0.3s ease-in-out;
}
.logo {
order: 1;
font-size: 2.3rem;
margin-bottom: 0.5rem;
}
/* ............//// Showcase styling ////......... */
.showcase-area {
height: 50vh;
background: linear-gradient(
rgba(240, 240, 240, 0.144),
rgba(255, 255, 255, 0.336)
),
url("https://i.postimg.cc/wT3TQS3V/header-image2.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.showcase-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
font-size: 1.6rem;
}
.main-title {
text-transform: uppercase;
margin-top: 1.5em;
}
/* ......//about us//...... */
#about {
padding: 50px 0;
background: #f5f5f7;
}
.about-wrapper {
display: flex;
flex-wrap: wrap;
}
#about h2 {
font-size: 2.3rem;
}
#about p {
font-size: 1.2rem;
color: #555;
}
#about .small {
font-size: 1.2rem;
color: #666;
font-weight: 600;
}
.about-img {
flex: 1 1 400px;
padding: 30px;
transform: translateX(150%);
animation: about-img-animation 1s ease-in-out forwards;
}
@keyframes about-img-animation {
100% {
transform: translate(0);
}
}
.about-text {
flex: 1 1 400px;
padding: 30px;
margin: auto;
transform: translate(-150%);
animation: about-text-animation 1s ease-in-out forwards;
}
@keyframes about-text-animation {
100% {
transform: translate(0);
}
}
.about-img img {
display: block;
height: 400px;
max-width: 100%;
margin: auto;
object-fit: cover;
object-position: right;
}
/* ..........////Food category///........... */
#food {
padding: 5rem 0 10rem 0;
}
#food h2 {
text-align: center;
font-size: 2.5rem;
font-weight: 400;
margin-bottom: 40px;
text-transform: uppercase;
color: #555;
}
.food-container {
display: flex;
justify-content: space-between;
}
.food-container img {
display: block;
width: 100%;
margin: auto;
max-height: 300px;
object-fit: cover;
object-position: center;
}
.img-container {
margin: 0 1rem;
position: relative;
}
.img-content {
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
z-index: 2;
text-align: center;
transition: all 0.3s ease-in-out 0.1s;
}
.img-content h3 {
color: #fff;
font-size: 2.2rem;
}
.img-content a {
font-size: 1.2rem;
}
.img-container::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.871);
opacity: 0;
z-index: 1;
transform: scaleY(0);
transform-origin: 100% 100%;
transition: all 0.3s ease-in-out;
}
.img-container:hover::after {
opacity: 1;
transform: scaleY(1);
}
.img-container:hover .img-content {
opacity: 1;
top: 40%;
}
/* .........../Food Menu/............ */
.food-menu-heading {
text-align: center;
font-size: 3.4rem;
font-weight: 400;
color: #666;
}
.food-menu-container {
display: flex;
flex-wrap: wrap;
padding: 50px 0px 30px 0px;
}
.food-menu-container img {
display: block;
width: 250px;
height: 250px;
border-radius: 50%;
object-fit: cover;
object-position: center;
}
.food-menu-item {
display: flex;
flex: 1 1 600px;
justify-content: space-evenly;
margin-bottom: 3rem;
}
.food-description {
margin: auto 1.5rem;
}
.font-title {
font-size: 1.8rem;
font-weight: 400;
color: #444;
}
.food-description p {
font-size: 1.4rem;
color: #555;
font-weight: 500;
}
.food-description .food-price {
color: #117964;
font-weight: 700;
}
/* ........./ Testimonial /.......... */
#testimonials {
padding: 5rem 0;
background: rgba(243, 243, 243);
}
.testimonial-title {
text-align: center;
font-size: 2.8rem;
font-weight: 400;
color: #555;
}
.testimonial-container {
display: flex;
justify-content: space-between;
font-size: 1.4rem;
padding: 1rem;
}
.testimonial-box .checked {
color: #ff9529;
}
.testimonial-box .testimonial-text {
margin: 1rem 0;
color: #444;
}
.testimonial-box {
text-align: center;
padding: 1rem;
}
.customer-photo img {
display: block;
width: 150px;
height: 150px;
object-fit: cover;
object-position: center;
border-radius: 50%;
margin: auto;
}
/* ........ Contact Us........... */
#contact {
padding: 5rem 0;
background: rgb(226, 226, 226);
}
.contact-container {
display: flex;
background: #fff;
}
.contact-img {
width: 50%;
}
.contact-img img {
display: block;
height: 400px;
width: 100%;
object-position: center;
object-fit: cover;
}
.form-container {
padding: 1rem;
width: 50%;
margin: auto;
}
.form-container input {
display: block;
width: 100%;
border: none;
border-bottom: 2px solid #ddd;
padding: 1rem 0;
box-shadow: none;
outline: none;
margin-bottom: 1rem;
color: #444;
font-weight: 500;
}
.form-container textarea {
display: block;
width: 100%;
border: none;
border-bottom: 2px solid #ddd;
color: #444;
outline: none;
padding: 1rem 0;
resize: none;
}
.form-container h2 {
font-size: 2.7rem;
font-weight: 500;
color: #444;
margin-bottom: 1rem;
margin-top: -1.2rem;
}
.form-container a {
font-size: 1.3rem;
}
#footer h2 {
text-align: center;
font-size: 1.8rem;
padding: 2.6rem;
font-weight: 500;
color: #fff;
background: rgb(65, 65, 65);
}
/* ......../ media query /.......... */
@media (max-width: 768px) {
.navbar {
opacity: 0.95;
}
.navbar-container input[type="checkbox"],
.navbar-container .hamburger-lines {
display: block;
}
.navbar-container {
display: block;
/* position: relative; */
height: 64px;
}
.navbar-container input[type="checkbox"] {
display: block;
height: 32px;
width: 30px;
top: 20px;
left: 20px;
z-index: 5;
opacity: 0;
}
.navbar-container .hamburger-lines {
display: block;
height: 23px;
width: 35px;
position: absolute;
top: 12px;
left: 20px;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.navbar-container .hamburger-lines .line {
display: block;
height: 4px;
width: 100%;
border-radius: 10px;
background: #333;
}
.navbar-container .hamburger-lines .line1 {
transform-origin: 0% 0%;
transition: transform 0.4s ease-in-out;
}
.navbar-container .hamburger-lines .line2 {
transition: transform 0.2s ease-in-out;
}
.navbar-container .hamburger-lines .line3 {
transform-origin: 0% 100%;
transition: transform 0.4s ease-in-out;
}
.navbar .menu-items {
/* padding-top: 100px;
background: #fff;
height: 125vh;
max-width: 300px;
transform: translate(-150%); */
/* display: flex; */
/* flex-direction: column; */
/* margin-left: -40px;
padding-left: 50px;
transition: transform 0.5s ease-in-out;
box-shadow: 5px 0px 10px 0px #aaa; */
}
.navbar .menu-items li {
margin-bottom: 1.5rem;
font-size: 1.3rem;
font-weight: 500;
}
.navbar{
display: flex;
flex-direction: row;
}
/* .logo {
position: absolute;
top: 5px;
right: 15px;
font-size: 2rem;
} */
.navbar-container input[type="checkbox"]:checked ~ .menu-items {
transform: translateX(0);
}
.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
transform: rotate(35deg);
}
.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
transform: scaleY(0);
}
.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
transform: rotate(-35deg);
}
/* ......./ food /......... */
.food-container {
flex-direction: column;
align-items: stretch;
}
.food-type:not(:last-child) {
margin-bottom: 3rem;
}
.food-type {
box-shadow: 5px 5px 10px 0 #aaa;
}
.img-container {
margin: 0;
}
}
@media (max-width: 500px) {
html {
font-size: 65%;
}
.navbar .menu-items li{
font-size: 1.6rem;
}
.testimonial-container {
flex-direction: column;
text-align: center;
}
.food-menu-container img {
margin: auto;
}
.food-menu-item {
flex-direction: column;
text-align: center;
}
.form-container {
width: 90%;
}
.contact-container {
display: flex;
flex-direction: column;
}
.contact-img {
width: 90%;
margin: 3rem auto;
}
.logo {
position: absolute;
top: 06px;
right: 15px;
font-size: 3rem;
}
.navbar .menu-items li {
margin-bottom: 2.5rem;
font-size: 1.8rem;
font-weight: 500;
}
}
@media (min-width: 769px) and (max-width: 1200px) {
.img-container h3 {
font-size: 1.5rem;
}
.img-container .btn {
font-size: 0.7rem;
}
}
@media (orientation: landscape) and (max-height: 500px) {
.showcase-area {
height: 50vmax;
}
}
.mob-links{
font-size: 15px !important;
font-weight: 600 !important;
}