/*
Theme Name: Construct
Author: DeerCreative
Author URI: https://themeforest.net/user/deercreative
Version: 1.0.0
/*-------------------------[Table of contents]----------------------
This files contains the styling for the actual templates, this is the file you need to edit to change the look of the template.
This file contents are outlined below.
----------------------
[Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
content / #[keyword to find]
0. LAYOUT STYLE / #layout
1. COMPONENTS
1.1 ACCORDION / #accordion
1.2 BANNER / #banner
1.3 BUTTON / #btn
1.4 CLIENT / #block-client
1.5 COMMENT / #block-comment
1.6 FOOTER / #footer
1.7 FORM / #form
1.8 HEADER / #header
1.9 INPUT / #input
1.10 LOADING / #loader
1.11 MAP / #block-map
1.12 PAGING / #paging
1.13 PARTNER / #partner-item
1.14 PRICING TABLE / #pricing-table-item
1.15 PROGRESS BAR / #progress-item
1.16 QUOTE / #quote-wrapper
1.17 SLIDER / #owl
1.18 SOCIAL / #list-social
1.19 STAFF / #our-team-item
1.20 TABS / #tabs
1.21 VIDEO, IMAGE RESPONSIVE / #video-wrapper | #image-responsive
1.22 WIDGET / #widget-
2 HOMEPAGE / #homepage-
2.1 CLIENTS SAY | OUR CLIENTS / #client-wrapper
2.2 CONTACT US / #block-contact-wrapper
2.3 FEATURED WORK / #block-project-wrapper
2.4 LATEST NEWS / #block-news-post
2.5 OUR TEAM / #block-our-team
2.6 OURS SERVICE / #block-service-wrapper
2.7 WHY CHOOSE US / #block-choose-us
3 ABOUT US / #about-us
4 COMPANY HISTORY / #history-
5 CAREER / #career-
7 OUR TEAM / #our-team
8 CONTACT US / #contact-
9 SERVICE / #service-
10 PROJECT
10.1 PROJECT GRID / #grid
10.2 PROJECT ITEM / #project-item
10.3 PROJECT RELATED / #project-related
10.4 PROJECT SINGLE / #project-single
11 NEWS / #news-grid
12 SHOP
12.1 PRODUCT ITEM / #product-item
12.2 SHOP SINGLE / #block-shop-single
13 PAYMENT
13.1 CART / #cart
13.2 DISCOUNT / #block-discount
13.3 SHIPPING ADDRESS / #block-shipping-address
13.4 SHIPPING TAX / #block-shipping-tax
13.5 STEP BAR / #step-bar
13.6 SUMMARY / #block-summary
14 TYPOGRAPHY / #typography
15 ELEMENT / #element
16 FAQ / #block-faq
17 404 / #block-error
18 COMING SOON / #coming-soon
------------------------------------------------------------------*/
@-webkit-keyframes ripple-out {
100% {
border-width: 3px;
border-color: #222626;
bottom: -10px;
left: -10px;
opacity: 0;
right: -10px;
top: -10px;
}
}
@keyframes ripple-out {
100% {
border-width: 3px;
border-color: #222626;
bottom: -10px;
left: -10px;
opacity: 0;
right: -10px;
top: -10px;
}
}
@-webkit-keyframes ripple-out-2 {
100% {
border-color: #fff;
bottom: -10px;
left: -10px;
opacity: 0;
right: -10px;
top: -10px;
}
}
@keyframes ripple-out-2 {
100% {
border-color: #fff;
bottom: -10px;
left: -10px;
opacity: 0;
right: -10px;
top: -10px;
}
}
.now-animated {
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes now-shake {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
}
@keyframes now-shake {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
}
.now-shake {
-webkit-animation-name: now-shake;
animation-name: now-shake;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.icon-btn-play {
background-image: url(../images/sprite.png);
background-position: 0px 0px;
width: 50px;
height: 50px;
}
.icon-quote {
background-image: url(../images/sprite.png);
background-position: -74px -15px;
width: 18px;
height: 16px;
}
.icon-search {
background-image: url(../images/sprite.png);
background-position: -50px -15px;
width: 24px;
height: 24px;
}
.icon-underline {
background-image: url(../images/sprite.png);
background-position: -50px 0px;
width: 63px;
height: 15px;
}
/* LAYOUT STYLE */
html,
body {
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #222626;
font-family: 'Poppins', Arial, sans-serif;
line-height: 1;
position: relative;
}
@media (max-width: 767px) {
html {
font-size: 5px;
}
}
body {
font-size: 16px;
max-width: 1920px;
}
body.nav-open {
overflow: hidden;
}
body.nav-open:after {
background-color: rgba(0, 0, 0, 0.15);
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0;
}
body.loading {
overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
margin: 3rem 0 1rem;
background: transparent;
border: 0;
line-height: 1.875;
padding: 0;
vertical-align: baseline;
}
h1 {
font-size: 2.25em;
}
h2 {
font-size: 1.875em;
}
h3 {
font-size: 1.625em;
}
h4 {
font-size: 1.375em;
}
h5 {
font-size: 1.125em;
}
h6 {
font-size: 1em;
}
p {
background: transparent;
border: 0;
line-height: 1.875;
margin: 0;
padding: 0;
vertical-align: baseline;
}
p:first-letter {
text-transform: capitalize;
}
:focus {
outline: none;
}
a {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-decoration: none;
}
a:focus,
a:hover {
color: inherit;
text-decoration: none;
}
button {
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
select {
-webkit-moz-appearance: none;
-moz-moz-appearance: none;
-ms-moz-appearance: none;
-o-moz-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
img {
height: auto;
max-width: 100%;
}
.subpage:not(.about-us) > .main {
/* padding-top: 5rem;
padding-bottom: 5rem;*/
}
@media (max-width: 991px) {
.subpage:not(.about-us) > .main {
padding-top: 10rem;
padding-bottom: 10rem;
}
.banner-main-item {
min-height: 29rem/*85rem*/;
overflow: hidden;
position: relative;
}
}
.project-single.fullwidth > .main {
padding-top: 0;
}
.coming-soon > .main {
margin: 10rem;
background-color: #fff;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 991px) {
.coming-soon > .main {
margin: 5rem;
}
.banner-main-item {
min-height:29rem !important/*85rem*/;
overflow: hidden;
position: relative;
}
}
@media (max-width: 767px) {
.coming-soon > .main {
margin: 1.5rem;
}
}
@media (max-width: 767px) {
.sidebar {
margin-top: 6rem;
}
}
@media (min-width: 1200px) {
.outer {
padding: 0;
}
}
@media (max-width: 991px) {
.outer {
width: 100%;
}
.news-grid .outer,
.history .outer,
.order-completed .outer,
.element .outer,
.typography .outer {
padding-left: 15px;
padding-right: 15px;
}
}
.icon {
display: inline-block;
vertical-align: top;
}
.list-inline {
margin-bottom: 0;
margin-left: 0;
}
.list-inline > li {
padding: 0;
}
.logo {
display: inline-block;
line-height: 1;
text-align: center;
}
.logo figcaption {
font-weight: 700;
font-size: 1.5em;
margin-top: 3rem;
text-transform: uppercase;
}
.footer .logo {
color: #fff;
}
.header .logo {
color: #222626;
}
.header.type-4 .header-top .logo,
.header.type-3 .header-top .logo {
padding-top: 2.7rem;
background-color: #fff44d;
bottom: 0;
color: #fff;
position: absolute;
top: 0;
width: 25rem;
z-index: 10;
}
.header.type-4 .header-top .logo:after,
.header.type-3 .header-top .logo:after {
border-left: 125px solid transparent;
border-right: 125px solid transparent;
border-top: 45px solid #fff44d;
bottom: -90px;
content: '';
display: block;
height: 90px;
position: absolute;
width: 100%;
}
@media (max-width: 1199px) {
.header.type-4 .header-top .logo,
.header.type-3 .header-top .logo {
width: 20rem;
}
.header.type-4 .header-top .logo:after,
.header.type-3 .header-top .logo:after {
border-left-width: 100px;
border-right-width: 100px;
}
}
.header.type-3 .header-top .logo {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
@media (max-width: 1199px) {
.header.type-4 .header-top .logo {
left: 0;
}
}
.fixed-header .logo {
line-height: 68px;
}
.block-title {
font-size: 2.813em;
font-weight: 600;
line-height: 1;
margin: 0;
position: relative;
text-transform: capitalize;
}
.block-title:not(.no-icon):after {
background-image: url(../images/sprite.png);
background-position: -50px 0px;
width: 63px;
height: 15px;
content: '';
display: block;
margin-top: 30px;
}
.block-title.center:after {
margin-left: auto;
margin-right: auto;
}
.block-title.right:after {
margin-left: auto;
}
@media (max-width: 991px) {
.block-title {
font-size: 1.875em;
}
}
@media (max-width: 767px) {
.block-title {
font-size: 1.375em;
}
.block-title:not(.no-icon):after {
margin-top: 15px;
}
}
dl:before,
dl:after {
display: table;
content: "";
}
dl:after {
clear: both;
}
dd,
dt {
float: left;
}
dt {
clear: both;
}
/* LAYOUT STYLE */
/* ACCORDION */
.accordion .panel {
border-color: rgba(36, 45, 46, 0.1);
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.accordion .panel:last-child {
margin-bottom: 0;
}
.accordion .panel-heading {
padding: 0;
border-radius: 0;
border: 0;
position: relative;
text-transform: capitalize;
}
.accordion .panel-title {
font-weight: 600;
display: block;
padding: 16px 25px 16px 0;
position: relative;
}
.accordion .panel-title .icon {
width: 20px;
height: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 0;
}
.accordion .panel-title .icon:after {
width: 100%;
height: 2px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
background-color: #242d2e;
content: '';
}
.accordion .panel-title.collapsed .icon:before {
width: 2px;
height: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #242d2e;
content: '';
left: 50%;
position: absolute;
}
.accordion .panel-collapse {
border-top: 1px solid rgba(36, 45, 46, 0.1);
}
.accordion .panel-body {
padding-top: 2rem;
padding-bottom: 2rem;
color: #717c7c;
}
.accordion.type-1 .panel {
padding-left: 3rem;
padding-right: 3rem;
}
.accordion.type-1 .panel-body {
padding-left: 0;
padding-right: 0;
}
.accordion.type-2 .panel-heading,
.accordion.type-2 .panel-body {
padding-left: 3rem;
padding-right: 3rem;
}
.accordion.type-2 .panel-heading {
color: #fff;
background-color: #fff44d;
}
.accordion.type-2 .panel-title .icon:before,
.accordion.type-2 .panel-title .icon:after {
background-color: #fff;
}
.accordion.type-3 .panel-heading,
.accordion.type-3 .panel-body {
padding-left: 3rem;
padding-right: 3rem;
}
.accordion.type-3 .panel-heading:before {
background-color: #fff44d;
content: '';
height: 100%;
left: -1px;
position: absolute;
width: 4px;
}
/* ACCORDION */
/* BANNER */
.banner-main-item {
min-height:37em/*59rem85rem*/;
overflow: hidden;
position: relative;
}
.banner-main-item:before {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.banner-main-item .item-image {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
max-width: none;
position: absolute;
top: 50%;
}
.block-main-banner .banner-main-item .item-image {
width: auto;
}
.banner-main-item .item-content {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
color: #fff;
left: 0;
right: 0;
z-index: 2;
}
.banner-main-item .item-title {
font-weight: 600;
font-size: 6.25em;
line-height: 1;
margin: 0;
text-transform: capitalize;
}
.banner-main-item .item-highlight {
color: #fff44d;
}
.banner-main-item .item-des {
font-size: 1.125em;
margin-top: 4rem;
max-width: 75%;
}
.banner-main-item .item-action {
margin-top: 7.5rem;
}
.banner-main-item .item-action .primary {
margin-right: 0.5rem;
}
.banner-main-item .item-action .secondary {
margin-left: 0.5rem;
}
.banner-main-item.type-2 .item-des {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 991px) {
.banner-main-item .item-title {
font-size: 3.75em;
}
.banner-main-item .item-des {
font-size: 0.938em;
}
}
@media (max-width: 767px) {
.banner-main-item .item-title {
font-size: 2.5em;
}
.banner-main-item .item-des {
font-size: 0.75em;
max-width: 90%;
}
}
@media (max-width: 480px) {
.banner-main-item .item-title {
font-size: 1.875em;
}
}
.header-banner {
background-image: url('../images/bgd-1.jpg');
background-size: contain;
min-height: 3rem;
overflow: hidden;
position: relative;
}
.header-banner .text-wrap {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
text-align: center;
width: 100%;
}
.header-banner .title {
font-size: 3.75em;
font-weight: 600;
line-height: 1;
margin: 0;
text-transform: capitalize;
}
.header-banner .breadcrumb {
font-size: 1.125em;
margin: 2rem 0 0;
background-color: transparent;
padding: 0;
text-transform: capitalize;
}
.header-banner .breadcrumb > li + li:before {
color: #717c7c;
content: '~';
}
.header-banner .breadcrumb a {
color: #717c7c;
}
@media (max-width: 991px) {
.header-banner .title {
font-size: 2.5em;
}
.header-banner .breadcrumb {
font-size: 0.75em;
}
}
@media (max-width: 767px) {
.header-banner .title {
font-size: 1.875em;
}
}
@media (max-width: 600px) {
.header-banner .title {
font-size: 1.5em;
}
}
.block-sub-banner {
position: relative;
}
.block-sub-banner .item-title {
font-size: 2.813em;
font-weight: 600;
margin: 5rem 0 4rem;
line-height: 1.3;
}
.block-sub-banner .item-des {
margin-bottom: 7rem;
line-height: 1.5;
}
.block-sub-banner .item-image {
position: absolute;
}
.block-sub-banner.type-1 {
min-height: 54rem;
overflow: hidden;
}
.block-sub-banner.type-1 .item-image {
max-width: 30rem;
right: 8.5%;
top: 0;
width: 32%;
}
@media (max-width: 1199px) {
.block-sub-banner.type-1 .item-title {
margin-top: 3rem;
}
.block-sub-banner.type-1 .item-des {
margin-bottom: 4rem;
}
}
@media (max-width: 991px) {
.block-sub-banner.type-1 .item-title {
margin: 1rem 0 3rem;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.block-sub-banner.type-1 {
min-height: 44rem;
}
}
.block-sub-banner.type-2 {
min-height: 65rem;
}
.block-sub-banner.type-2 .item-image {
max-width: 32rem;
right: 12.8%;
top: 0;
width: 25%;
}
@media (max-width: 1199px) {
.block-sub-banner.type-2 {
min-height: 54rem;
}
}
@media (max-width: 991px) {
.block-sub-banner.type-2 {
min-height: 43rem;
}
.block-sub-banner.type-2 .item-title {
margin-top: 3rem;
}
.block-sub-banner.type-2 .item-des {
margin-bottom: 4rem;
}
}
@media (max-width: 767px) {
.block-sub-banner.type-2 {
min-height: 69rem;
}
}
.block-sub-banner.type-3 {
min-height: 54rem;
text-align: center;
}
.block-sub-banner:not(.type-4) {
padding-top: 6rem;
background-image: url('../images/bgd-1.jpg');
background-size: contain;
}
.block-sub-banner:not(.type-4) .item-des {
color: #717c7c;
}
.block-sub-banner.type-4 {
padding-top: 11rem;
overflow: hidden;
min-height: 65rem;
background-color: #fff44d;
}
.block-sub-banner.type-4 .item-title,
.block-sub-banner.type-4 .item-des {
color: #fff;
}
.block-sub-banner.type-4 .item-image {
max-width: 50rem;
right: 6%;
top: -30px;
width: 42%;
}
@media (max-width: 767px) {
.block-sub-banner.type-4 .item-title {
margin-top: 3rem;
}
.block-sub-banner.type-4 .item-des {
margin-bottom: 5rem;
}
}
@media (max-width: 600px) {
.block-sub-banner.type-4 .item-title {
margin: 0;
}
.block-sub-banner.type-4 .item-des {
margin-bottom: 3rem;
}
}
@media (max-width: 991px) {
.block-sub-banner .item-title {
font-size: 1.875em;
}
.block-sub-banner .item-des {
font-size: 0.875em;
}
}
@media (max-width: 767px) {
.block-sub-banner .item-title {
font-size: 1.25em;
}
}
@media (max-width: 600px) {
.block-sub-banner .item-image {
display: none;
}
.block-sub-banner .item-content {
width: 100%;
}
}
.block-sub-banner-inner {
position: relative;
}
@media (max-width: 600px) {
.block-sub-banner-inner {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
text-align: center;
}
}
/* BANNER */
/* BUTTON */
.btn {
font-size: 0.813em;
border-radius: 0;
background-color: #222626;
color: #fff;
line-height: 1;
padding: 15px 20px;
position: relative;
text-transform: uppercase;
white-space: normal;
min-width: 140px;
z-index: 1;
}
@media (max-width: 767px) {
.btn {
font-size: 0.75em;
}
}
.btn:active:focus,
.btn:focus {
outline: 0;
}
.btn:hover,
.btn:focus {
color: #fff;
}
.btn:after,
.btn:before {
content: '';
position: absolute;
}
.btn.shape-round {
border-radius: 5px;
}
.btn.shape-square {
border-radius: 0;
}
.btn.shape-circle {
border-radius: 45px;
}
.btn.size-supper {
font-size: 1em;
padding-bottom: 21px;
padding-top: 21px;
min-width: 210px;
}
.btn.size-large {
font-size: 0.875em;
padding-bottom: 17px;
padding-top: 17px;
min-width: 180px;
}
.btn.size-base {
min-width: 160px;
}
.btn.size-small {
font-size: 0.75em;
padding-bottom: 13px;
padding-top: 13px;
min-width: 150px;
}
.btn.color-1 {
background-color: #ff6766;
}
.btn.color-2 {
background-color: #e1c486;
}
.btn.color-3 {
background-color: #4ce0db;
}
.btn.color-4 {
background-color: #879ef5;
}
.btn.color-5 {
background-color: #ec9a49;
}
.btn.color-6 {
background-color: #ced85e;
}
.btn.color-7 {
background-color: #ce93ea;
}
.btn.color-8 {
background-color: #a6d96d;
}
.btn.color-9 {
background-color: #f9cc4a;
}
.btn.color-10 {
background-color: #f1e85d;
}
.btn.color-11 {
background-color: #f074ae;
}
.btn.color-12 {
background-color: #5eb4e7;
}
.btn.shadow {
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.btn.transparent.shape-round:before {
border-radius: 5px;
}
.btn.transparent.shape-circle:before {
border-radius: 45px;
}
.btn:not(.unique):not(.dark):not(.transparent) {
overflow: hidden;
}
.btn:not(.unique):not(.dark):not(.transparent):before {
-webkit-opacity: 0.3;
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
width: 150%;
height: 20px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
background-color: #fff;
left: -80%;
top: -50%;
z-index: -1;
}
.btn:not(.unique):not(.dark):not(.transparent):hover:before {
-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
left: 90%;
}
.btn:not(.unique):not(.dark).transparent {
background-color: transparent;
color: #242d2e;
}
.btn:not(.unique):not(.dark).transparent:not(.gradient) {
border-color: #242d2e;
}
.btn:not(.unique):not(.dark).transparent:before {
-webkit-animation-duration: 1s;
animation-duration: 1s;
border: 1px solid transparent;
bottom: -1px;
left: -1px;
right: -1px;
top: -1px;
}
.btn:not(.unique):not(.dark).transparent:hover:before {
-webkit-animation-name: ripple-out;
animation-name: ripple-out;
}
.btn:not(.unique):not(.dark).transparent.color-1 {
border-color: #ff6766;
color: #ff6766;
}
.btn:not(.unique):not(.dark).transparent.color-2 {
border-color: #e1c486;
color: #e1c486;
}
.btn:not(.unique):not(.dark).transparent.color-3 {
border-color: #4ce0db;
color: #4ce0db;
}
.btn:not(.unique):not(.dark).transparent.color-4 {
border-color: #879ef5;
color: #879ef5;
}
.btn:not(.unique):not(.dark).transparent.color-5 {
border-color: #ec9a49;
color: #ec9a49;
}
.btn:not(.unique):not(.dark).transparent.color-6 {
border-color: #ced85e;
color: #ced85e;
}
.btn:not(.unique):not(.dark).transparent.color-7 {
border-color: #ce93ea;
color: #ce93ea;
}
.btn:not(.unique):not(.dark).transparent.color-8 {
border-color: #a6d96d;
color: #a6d96d;
}
.btn:not(.unique):not(.dark).transparent.color-9 {
border-color: #f9cc4a;
color: #f9cc4a;
}
.btn:not(.unique):not(.dark).transparent.color-10 {
border-color: #f1e85d;
color: #f1e85d;
}
.btn:not(.unique):not(.dark).transparent.color-11 {
border-color: #f074ae;
color: #f074ae;
}
.btn:not(.unique):not(.dark).transparent.color-12 {
border-color: #5eb4e7;
color: #5eb4e7;
}
.btn.dark:not(.transparent) {
background-color: #fff;
color: #222626;
}
.btn.dark:not(.transparent):before {
-webkit-animation-duration: 1s;
animation-duration: 1s;
border: 3px solid transparent;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.btn.dark:not(.transparent):hover:before {
-webkit-animation-name: ripple-out-2;
animation-name: ripple-out-2;
}
.btn.dark:not(.transparent).color-1 {
border-color: #ff6766;
color: #ff6766;
}
.btn.dark:not(.transparent).color-2 {
border-color: #e1c486;
color: #e1c486;
}
.btn.dark:not(.transparent).color-3 {
border-color: #4ce0db;
color: #4ce0db;
}
.btn.dark:not(.transparent).color-4 {
border-color: #879ef5;
color: #879ef5;
}
.btn.dark:not(.transparent).color-5 {
border-color: #ec9a49;
color: #ec9a49;
}
.btn.dark:not(.transparent).color-6 {
border-color: #ced85e;
color: #ced85e;
}
.btn.dark:not(.transparent).color-7 {
border-color: #ce93ea;
color: #ce93ea;
}
.btn.dark:not(.transparent).color-8 {
border-color: #a6d96d;
color: #a6d96d;
}
.btn.dark:not(.transparent).color-9 {
border-color: #f9cc4a;
color: #f9cc4a;
}
.btn.dark:not(.transparent).color-10 {
border-color: #f1e85d;
color: #f1e85d;
}
.btn.dark:not(.transparent).color-11 {
border-color: #f074ae;
color: #f074ae;
}
.btn.dark:not(.transparent).color-12 {
border-color: #5eb4e7;
color: #5eb4e7;
}
.btn.dark.transparent {
background-color: transparent;
border-color: #fff;
color: #fff;
overflow: hidden;
}
.btn.dark.transparent:before {
-webkit-opacity: 0.2;
-khtml-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
filter: alpha(opacity=20);
width: 100%;
height: 20px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
background-color: #fff;
left: -60%;
top: -25%;
z-index: -1;
}
.btn.dark.transparent:hover:before {
-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
left: 90%;
}
.btn.unique {
background-color: #fff;
border-color: #242d2e;
color: #242d2e;
}
.btn.unique.type-1:after,
.btn.unique.type-1:before {
width: 20px;
height: 1px;
background-color: #fff;
}
.btn.unique.type-1:before {
top: -1px;
left: 70%;
}
.btn.unique.type-1:after {
bottom: -1px;
right: 70%;
}
.btn.unique.type-2:after,
.btn.unique.type-2:before {
background-color: #fff;
border: 1px solid #242d2e;
height: -webkit-calc(100% + 2px);
height: calc(100% + 2px);
left: 0;
width: -webkit-calc(100% + 2px);
width: calc(100% + 2px);
z-index: -1;
}
.btn.unique.type-2:after {
left: -1px;
top: -1px;
}
.btn.unique.type-2:before {
top: 3px;
left: 3px;
}
.btn.unique.type-3:after,
.btn.unique.type-3:before {
width: 1px;
height: 100%;
background-color: #fff;
}
.btn.unique.type-3:before {
left: -1px;
}
.btn.unique.type-3:after {
right: -1px;
}
.btn.unique.type-4:after,
.btn.unique.type-4:before {
width: 100%;
height: 1px;
background-color: #fff;
left: 0;
}
.btn.unique.type-4:before {
top: -1px;
}
.btn.unique.type-4:after {
bottom: -1px;
}
.btn.unique.type-5:after,
.btn.unique.type-5:before {
width: 50%;
height: 50%;
background-color: #fff;
z-index: -1;
}
.btn.unique.type-5:before {
left: -1px;
top: -1px;
}
.btn.unique.type-5:after {
bottom: -1px;
right: -1px;
}
.btn.unique.type-6:after,
.btn.unique.type-6:before {
width: 1px;
height: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #fff;
top: 50%;
}
.btn.unique.type-6:before {
left: -1px;
}
.btn.unique.type-6:after {
right: -1px;
}
.btn.gradient:not(.transparent).type-1 {
background: #9c66ff;
background: -webkit-gradient(left top, left bottom, color-stop(0%, #9c66ff), color-stop(100%, #eb4af9));
background: -webkit-linear-gradient(top, #9c66ff 0%, #eb4af9 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#9c66ff), to(#eb4af9));
background: linear-gradient(to bottom, #9c66ff 0%, #eb4af9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c66ff', endColorstr='#eb4af9', GradientType=0);
}
.btn.gradient:not(.transparent).type-2 {
background: #66d9ff;
background: -webkit-gradient(left top, left bottom, color-stop(0%, #66d9ff), color-stop(100%, #4af9c6));
background: -webkit-linear-gradient(top, #66d9ff 0%, #4af9c6 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#66d9ff), to(#4af9c6));
background: linear-gradient(to bottom, #66d9ff 0%, #4af9c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66d9ff', endColorstr='#4af9c6', GradientType=0);
}
.btn.gradient:not(.transparent).type-3 {
background: #ff6a66;
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff6a66), color-stop(100%, #f9c14a));
background: -webkit-linear-gradient(top, #ff6a66 0%, #f9c14a 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ff6a66), to(#f9c14a));
background: linear-gradient(to bottom, #ff6a66 0%, #f9c14a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6a66', endColorstr='#f9c14a', GradientType=0);
}
.btn.gradient:not(.transparent).type-4 {
background: #ffc066;
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffc066), color-stop(100%, #f9ef4a));
background: -webkit-linear-gradient(top, #ffc066 0%, #f9ef4a 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ffc066), to(#f9ef4a));
background: linear-gradient(to bottom, #ffc066 0%, #f9ef4a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc066', endColorstr='#f9ef4a', GradientType=0);
}
.btn.gradient:not(.transparent).type-5 {
background: #ff667f;
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff667f), color-stop(100%, #994f85));
background: -webkit-linear-gradient(top, #ff667f 0%, #994f85 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ff667f), to(#994f85));
background: linear-gradient(to bottom, #ff667f 0%, #994f85 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff667f', endColorstr='#994f85', GradientType=0);
}
.btn.gradient:not(.transparent).type-6 {
background: #66aaff;
background: -webkit-gradient(left top, left bottom, color-stop(0%, #66aaff), color-stop(100%, #4aeff9));
background: -webkit-linear-gradient(top, #66aaff 0%, #4aeff9 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#66aaff), to(#4aeff9));
background: linear-gradient(to bottom, #66aaff 0%, #4aeff9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66aaff', endColorstr='#4aeff9', GradientType=0);
}
.btn.gradient.transparent {
-moz-background-size: 1px 100%;
-webkit-background-size: 1px 100%;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
background-size: 1px 100%;
}
.btn.gradient.transparent.type-1 {
background-image: -webkit-linear-gradient(top, #9c66ff 0%, #eb4af9 100%), -webkit-linear-gradient(top, #9c66ff 0%, #eb4af9 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#9c66ff), to(#eb4af9)), -webkit-gradient(linear, left top, left bottom, from(#9c66ff), to(#eb4af9));
background-image: linear-gradient(to bottom, #9c66ff 0%, #eb4af9 100%), linear-gradient(to bottom, #9c66ff 0%, #eb4af9 100%);
border-bottom: 1px solid #eb4af9;
border-top: 1px solid #9c66ff;
}
.btn.gradient.transparent.type-2 {
background-image: -webkit-linear-gradient(top, #66d9ff 0%, #4af9c6 100%), -webkit-linear-gradient(top, #66d9ff 0%, #4af9c6 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#66d9ff), to(#4af9c6)), -webkit-gradient(linear, left top, left bottom, from(#66d9ff), to(#4af9c6));
background-image: linear-gradient(to bottom, #66d9ff 0%, #4af9c6 100%), linear-gradient(to bottom, #66d9ff 0%, #4af9c6 100%);
border-bottom: 1px solid #4af9c6;
border-top: 1px solid #66d9ff;
}
.btn.gradient.transparent.type-3 {
background-image: -webkit-linear-gradient(top, #ff6a66 0%, #f9c14a 100%), -webkit-linear-gradient(top, #ff6a66 0%, #f9c14a 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6a66), to(#f9c14a)), -webkit-gradient(linear, left top, left bottom, from(#ff6a66), to(#f9c14a));
background-image: linear-gradient(to bottom, #ff6a66 0%, #f9c14a 100%), linear-gradient(to bottom, #ff6a66 0%, #f9c14a 100%);
border-bottom: 1px solid #f9c14a;
border-top: 1px solid #ff6a66;
}
.btn.gradient.transparent.type-4 {
background-image: -webkit-linear-gradient(top, #ffc066 0%, #f9ef4a 100%), -webkit-linear-gradient(top, #ffc066 0%, #f9ef4a 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc066), to(#f9ef4a)), -webkit-gradient(linear, left top, left bottom, from(#ffc066), to(#f9ef4a));
background-image: linear-gradient(to bottom, #ffc066 0%, #f9ef4a 100%), linear-gradient(to bottom, #ffc066 0%, #f9ef4a 100%);
border-bottom: 1px solid #f9ef4a;
border-top: 1px solid #ffc066;
}
.btn.gradient.transparent.type-5 {
background-image: -webkit-linear-gradient(top, #ff667f 0%, #994f85 100%), -webkit-linear-gradient(top, #ff667f 0%, #994f85 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff667f), to(#994f85)), -webkit-gradient(linear, left top, left bottom, from(#ff667f), to(#994f85));
background-image: linear-gradient(to bottom, #ff667f 0%, #994f85 100%), linear-gradient(to bottom, #ff667f 0%, #994f85 100%);
border-bottom: 1px solid #994f85;
border-top: 1px solid #ff667f;
}
.btn.gradient.transparent.type-6 {
background-image: -webkit-linear-gradient(top, #66aaff 0%, #4aeff9 100%), -webkit-linear-gradient(top, #66aaff 0%, #4aeff9 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#66aaff), to(#4aeff9)), -webkit-gradient(linear, left top, left bottom, from(#66aaff), to(#4aeff9));
background-image: linear-gradient(to bottom, #66aaff 0%, #4aeff9 100%), linear-gradient(to bottom, #66aaff 0%, #4aeff9 100%);
border-bottom: 1px solid #4aeff9;
border-top: 1px solid #66aaff;
}
@media (min-width: 768px) {
.btn.btn-load-more,
.btn.btn-sub-banner,
.btn.btn-main-banner {
min-width: 180px;
}
}
.btn.btn-contact {
min-width: 180px;
}
@media (max-width: 991px) and (min-width: 768px) {
.btn.btn-contact {
min-width: 0;
width: 100%;
}
}
.btn.btn-reply {
padding-bottom: 0.75rem;
padding-top: 0.75rem;
min-width: 105px;
}
@media (max-width: 767px) {
.btn.btn-reply {
min-width: 0;
}
}
.btn.btn-contact-us {
min-width: 200px;
}
.btn.btn-submit {
background-color: #242d2e;
min-width: 200px;
}
.btn.btn-add-to-cart {
background-color: #242d2e;
min-width: 0;
width: 100%;
}
@media (max-width: 767px) {
.btn.btn-add-to-cart {
padding-bottom: 4rem;
padding-top: 4rem;
}
}
.btn.action {
letter-spacing: 2px;
}
.btn.action.continue-shopping {
min-width: 260px;
}
.btn.action.update-cart {
min-width: 210px;
}
.btn.action.submit-location {
min-width: 190px;
}
.btn.action.checkout {
min-width: 290px;
}
.btn.action.order {
min-width: 190px;
}
@media (max-width: 991px) {
.btn.action.checkout {
display: block;
margin-left: 15px;
margin-right: 15px;
min-width: 0;
}
}
@media (max-width: 767px) {
.btn.action.continue-shopping,
.btn.action.update-cart {
min-width: 0;
width: 100%;
}
}
.btn.btn-return-homepage {
letter-spacing: 2px;
min-width: 220px;
}
.btn.btn-submit-product {
min-width: 0;
width: 100%;
}
/* BUTTON */
/* CLIENT */
.block-client .client-logo {
border-collapse: collapse;
display: table;
table-layout: fixed;
width: 100%;
}
.block-client .item {
display: table-cell;
}
.block-client .item-image:hover,
.block-client .item-image:focus {
-webkit-opacity: 0.3;
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
}
.block-client.type-1 .client-logo {
margin-top: 4.5rem;
}
.block-client.type-1 .item {
text-align: center;
}
.block-client.type-2 .client-logo {
margin-top: 6rem;
}
.block-client.type-2 .content-wrapper-inner {
display: table-row;
}
.block-client.type-2 .content-wrapper-inner + .content-wrapper-inner {
border-top: 1px solid #e9eaea;
}
.block-client.type-2 .item {
padding: 1rem 0;
border-right: 1px solid #e9eaea;
}
.block-client.type-2 .item:not(:first-child):not(:last-child) {
text-align: center;
}
.block-client.type-2 .item:last-child {
border-right: 0;
text-align: right;
}
/* CLIENT */
/* COMMENT */
.block-comment {
padding-top: 6rem;
border-top: 1px solid #e9e9e9;
}
.block-comment .block-title {
font-size: 1.5em;
font-weight: 600;
margin-bottom: 4rem;
}
@media (max-width: 600px) {
.block-comment {
font-size: 0.75em;
}
}
.list-comments {
margin-bottom: 0;
}
.list-comments > li:first-child > .comment {
padding-top: 0;
}
.list-comments > li:last-child > .comment {
padding-bottom: 0;
}
.list-sub-comments {
margin-left: 10rem;
}
.comment {
padding-bottom: 1.5rem;
padding-top: 1.5rem;
overflow: visible;
}
.comment .comment-avatar {
padding-right: 0;
}
.comment .comment-avatar .inner {
padding-bottom: 3rem;
padding-right: 3rem;
border-right: 1px solid #e9e9e9;
}
.comment img {
max-width: 7rem;
}
.comment .comment-detail {
padding-left: 3rem;
overflow: visible;
}
.comment .comment-info {
margin-bottom: 1.5rem;
display: table;
table-layout: fixed;
width: 100%;
}
.comment .comment-info [class*='box-'] {
display: table-cell;
}
.comment .comment-created-date {
font-size: 0.875em;
margin-bottom: 1.3rem;
color: #b2b8b8;
}
.comment .comment-author {
font-size: 1.125em;
font-weight: 600;
color: #222626;
display: block;
text-transform: capitalize;
}
.comment .comment-content {
color: #717c7c;
}
.comment .comment-action {
text-align: right;
}
.leave-comment {
margin-top: 4.5rem;
}
.comment-form .item,
.comment-form .form-group {
margin-bottom: 4rem;
}
.comment-form .item:last-child,
.comment-form .form-group:last-child {
margin-bottom: 0;
}
.comment-form .item:nth-last-child(2),
.comment-form .form-group:nth-last-child(2) {
margin-bottom: 6rem;
}
.comment-form .form-input {
font-size: 1em;
padding: 0 0 2rem 0;
border-radius: 0;
border: 0;
border-bottom: 1px solid #e5e5e5;
-webkit-box-shadow: none;
box-shadow: none;
}
.comment-form .form-input::-webkit-input-placeholder {
color: #b2b8b8;
}
.comment-form .form-input:-moz-placeholder {
color: #b2b8b8;
}
.comment-form .form-input::-moz-placeholder {
color: #b2b8b8;
}
.comment-form .form-input:-ms-input-placeholder {
color: #b2b8b8;
}
.comment-form .form-input:focus {
border-bottom-color: #000;
}
.comment-form textarea {
line-height: 1.1;
min-height: 80px;
overflow: hidden;
resize: none;
}
/* COMMENT */
/* FORM */
.form .field {
font-size: 0.875em;
color: #717c7c;
}
.form .field .title {
text-transform: uppercase;
}
.form .field .title span {
position: relative;
}
.form .field .title span:after {
content: '';
position: absolute;
}
.form .field.required .title span:after {
content: '*';
}
.form .field.coupon .input {
padding: 0 1rem;
text-align: center;
}
.form .field .option-wrapper {
position: relative;
}
.form .field .option-wrapper:after {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
content: '\f107';
font-family: 'FontAwesome';
pointer-events: none;
}
.form .field .option {
padding-left: 2rem;
border-color: #e5e5e5;
height: 40px;
line-height: 1.4;
width: 100%;
}
.form .field .input {
padding: 0 2rem;
border: 1px solid transparent;
border-bottom-color: #e5e5e5;
height: 40px;
width: 100%;
}
.form .field .input:focus {
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
border-bottom-color: #222626;
}
.form-cart {
margin-top: 6rem;
}
.form-cart .table-wrapper {
border: 0;
}
.form-cart .actions {
display: table;
width: 100%;
}
.form-cart .action-wrapper {
display: table-cell;
width: 50%;
}
.form-cart .action-wrapper:first-child {
text-align: left;
}
.form-cart .action-wrapper:last-child {
text-align: right;
}
@media (max-width: 767px) {
.form-cart .action-wrapper {
padding: 2rem;
display: block;
width: 100%;
}
}
.form-shipping-address {
margin-top: 2.5rem;
}
@media (max-width: 1199px) {
.form-shipping-address {
font-size: 0.875em;
}
}
.form-shipping-address .field:not(.notes) {
width: 100%;
display: table;
font-weight: normal;
}
.form-shipping-address .field:not(.notes) .title,
.form-shipping-address .field:not(.notes) .option-wrapper,
.form-shipping-address .field:not(.notes) .input-wrapper {
display: table-cell;
}
.form-shipping-address .field:not(.notes) .title {
width: -webkit-calc((100% * 200) / 770);
width: calc((100% * 200) / 770);
vertical-align: bottom;
}
.form-shipping-address .field:not(.notes):not(.coupon) .option-wrapper,
.form-shipping-address .field:not(.notes):not(.coupon) .input-wrapper {
padding-left: 3rem;
}
.form-shipping-address .field:not(.notes) .option-wrapper:after {
right: 0;
}
.form-shipping-address .field:not(.notes) .option {
padding-right: 2rem;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
}
.form-shipping-address .field.notes {
margin-bottom: 3rem;
}
.form-shipping-address .field.checkbox {
margin-top: 0;
}
.form-contact {
margin-top: 5rem;
}
.form-contact .field {
font-size: 1em;
}
.form-contact .field .input {
padding: 0 0 2rem;
}
.form-contact .field.message {
margin-top: 4rem;
}
.form-contact .field.message .input {
padding-bottom: 0;
display: block;
height: auto;
line-height: 1.15;
max-width: 100%;
min-height: 70px;
overflow: hidden;
resize: none;
}
@media (max-width: 767px) {
.form-contact .field {
font-size: 0.875em;
}
.form-contact .field:not(:first-child) {
margin-top: 3rem;
}
}
.form-contact .actions {
margin-top: 6rem;
text-align: center;
}
.form-add-cart {
padding: 3rem 0 4rem;
border-bottom: 1px solid rgba(34, 38, 38, 0.1);
display: table;
width: 100%;
}
/* FORM */
/* ICON */
@font-face {
font-family: 'construct';
src: url('../fonts/construct.eot?2k34eh');
src: url('../fonts/construct.eot?2k34eh#iefix') format('embedded-opentype'), url('../fonts/construct.ttf?2k34eh') format('truetype'), url('../fonts/construct.woff?2k34eh') format('woff'), url('../fonts/construct.svg?2k34eh#construct') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'construct' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-truck:before {
content: "\e900";
}
.icon-bulb:before {
content: "\e901";
}
.icon-corkscrew:before {
content: "\e902";
}
.icon-monitor:before {
content: "\e903";
}
.icon-edit:before {
content: "\e904";
}
.icon-layer:before {
content: "\e905";
}
.icon-phone:before {
content: "\e906";
}
.icon-plane:before {
content: "\e907";
}
.icon-location:before {
content: "\e908";
}
.icon-puzzle:before {
content: "\e909";
}
.icon-settings:before {
content: "\e90a";
}
.icon-shield:before {
content: "\e90b";
}
.icon-soccer:before {
content: "\e90c";
}
.icon-wheelbarrow:before {
content: "\e90d";
}
.icon-worldwide:before {
content: "\e90e";
}
/* ICON */
/* INPUT */
input[type='checkbox'] {
display: none;
}
input[type='checkbox'] + label {
cursor: pointer;
display: inline-block;
line-height: 1.4;
padding-left: 25px;
position: relative;
}
input[type='checkbox'] + label:before {
display: inline-block;
left: 0;
position: absolute;
font-size: 14px;
content: '\f096';
font-family: FontAwesome;
}
input[type='checkbox']:checked + label:before {
content: '\f046';
}
input[type='radio'] {
display: none;
}
input[type='radio'] + label {
cursor: pointer;
display: inline-block;
line-height: 1.4;
padding-left: 25px;
position: relative;
}
input[type='radio'] + label:before {
border-radius: 50%;
width: 14px;
height: 14px;
background-color: #fff;
border: 1px solid #717c7c;
content: '';
display: inline-block;
left: 0;
position: absolute;
}
input[type='radio']:checked + label:before {
background-color: #717c7c;
}
/* INPUT */
/* LOADING */
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loader-wrapper {
width: 100%;
height: 100%;
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: #242d2e;
left: 0;
position: fixed;
top: 0;
z-index: 100;
}
.loaded .loader-wrapper {
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
z-index: -1;
}
.no-loading .loader-wrapper {
display: none;
}
.loader {
border-radius: 50%;
width: 150px;
height: 150px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
border: 3px solid transparent;
border-top-color: #3498db;
display: block;
left: 50%;
margin: -75px 0 0 -75px;
position: relative;
top: 50%;
z-index: 100;
}
.loader:before,
.loader:after {
border-radius: 50%;
border: 3px solid transparent;
content: "";
position: absolute;
}
.loader:before {
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
border-top-color: #e74c3c;
bottom: 5px;
left: 5px;
right: 5px;
top: 5px;
}
.loader:after {
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
border-top-color: #fff44d;
bottom: 15px;
left: 15px;
right: 15px;
top: 15px;
}
.loaded .loader {
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
/* LOADING */
/* MAP */
a[href^="http://maps.google.com/maps"],
a[href^="https://maps.google.com/maps"] {
display: none !important;
}
.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
display: none;
}
.gmnoprint div {
background: none !important;
}
.block-map {
position: relative;
}
.map-location-search {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
margin: 0.4rem 0.7rem;
border-radius: 3px;
background-color: #fff;
border: 1px solid #b1b9c7;
}
.map-location-search [class*='icon-'] {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
position: absolute;
top: 50%;
z-index: 1;
}
.map-location-search .input-control {
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
height: 5.8rem;
width: 5.8rem;
-webkit-transition: all 0.15s cubic-bezier(0.345, 0, 0.25, 1);
transition: all 0.15s cubic-bezier(0.345, 0, 0.25, 1);
border: 1px solid transparent;
cursor: pointer;
font-size: 16px;
padding: 0;
position: relative;
z-index: 2;
}
.map-location-search .input-control:focus {
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
padding: 1rem;
cursor: text;
width: 30rem;
}
@media (max-width: 767px) {
.banner-main-item {
min-height: 45rem !important;s
overflow: hidden;
position: relative;
}
#slider-thumbs
{
margin-top:550px
}
#map-home1{
display:none;
}
#map-home2
{
display:none
}
#logolink
{
display:block !important;
}
.header-top
{
display:none !important
}
#footer-mobile
{
display:block !important
}
#footer-main{
display:none !importants
}
.clients_text {
font-size:.6em !important;
}
.map-location-search {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.map-location-search .input-control {
font-size: 14px;
}
.map-location-search .input-control:focus {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
border-color: #b1b9c7;
}
}
.map {
height: 40rem;
}
/* MAP */
/* PAGING */
.paging {
display: table;
table-layout: fixed;
width: 100%;
}
.paging .paging-action,
.paging .paging-list {
display: table-cell;
vertical-align: middle;
}
@media (max-width: 480px) {
.paging .paging-action,
.paging .paging-list {
font-size: 0.875em;
}
.banner-main-item {
min-height: 25rem !important ;
overflow: hidden;
position: relative;
}
.banner-main-item .item-title {
margin-top: 15rem;
}
#slider-thumbs
{
margin-top:550px
}
#logolink
{
display:block !important;
}
.header-top
{
display:none !important
}
#footer-mobile
{
display:block !important
}
#footer-main{
display:none !importants
}
.clients_text {
font-size:.6em !important;
}
}
.paging .paging-list {
text-align: center;
}
.paging .paging-list a {
font-weight: 600;
border-radius: 50%;
width: 40px;
height: 40px;
background-color: transparent;
color: #242d2e;
display: block;
line-height: 40px;
}
.paging .paging-list a:hover,
.paging .paging-list a:focus,
.paging .paging-list a.current {
background-color: #242d2e;
color: #fff;
}
.paging .paging-list a.current {
pointer-events: none;
}
@media (max-width: 480px) {
.paging .paging-list a {
width: 25px;
height: 25px;
line-height: 25px;
}
}
.paging .paging-list + .paging-action {
text-align: right;
}
.paging .paging-action a {
font-weight: 600;
-webkit-transition: all 0.4s;
transition: all 0.4s;
color: #a4aeb0;
text-transform: capitalize;
}
.paging .paging-action a:hover,
.paging .paging-action a:focus {
color: #222626;
}
.paging .paging-action a:hover i,
.paging .paging-action a:focus i {
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: now-shake;
animation-name: now-shake;
}
.paging .paging-action span {
display: inline-block;
margin: 0 1.5rem;
}
.block-news-grid .paging {
margin-top: 6rem;
}
.block-shop .paging {
margin-top: 9rem;
}
/* PAGING */
/* PRICING-TABLE */
.pricing-table-item {
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear;
border: 1px solid #e5e5e5;
cursor: pointer;
position: relative;
text-align: center;
}
.pricing-table-item .item-title {
line-height: 1;
}
.pricing-table-item .item-des {
color: #717c7c;
}
.pricing-table-item .item-des p {
line-height: 1;
}
.pricing-table-item .item-des p:not(:last-child) {
margin-bottom: 2rem;
}
.pricing-table-item .price {
font-size: 3em;
color: #fff;
}
.pricing-table-item .price:before {
font-size: 18px;
position: absolute;
}
.pricing-table-item .price.dollar {
padding-left: 10px;
}
.pricing-table-item .price.dollar:before {
top: 5px;
}
.pricing-table-item .unit {
color: #b2b8b8;
}
.pricing-table-item .btn-select-plan {
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear;
width: 170px;
}
@media (max-width: 991px) {
.pricing-table-item .price {
font-size: 2em;
}
.pricing-table-item .price:before {
font-size: 12px;
}
}
.pricing-table-item.type-1 {
padding: 60px 50px;
}
.pricing-table-item.type-1 .item-header {
position: relative;
z-index: 1;
}
.pricing-table-item.type-1 .item-content {
position: relative;
}
.pricing-table-item.type-1 .item-title {
font-size: 1.5em;
margin: 4rem 0;
text-transform: capitalize;
}
.pricing-table-item.type-1 .item-des {
padding-bottom: 3rem;
padding-top: 3rem;
position: relative;
}
.pricing-table-item.type-1 .item-des:after,
.pricing-table-item.type-1 .item-des:before {
width: 70%;
height: 1px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.1);
content: '';
left: 50%;
position: absolute;
}
.pricing-table-item.type-1 .item-des:after {
bottom: 0;
}
.pricing-table-item.type-1 .item-des:before {
top: 0;
}
.pricing-table-item.type-1 .item-action {
margin-top: 3.8rem;
}
.pricing-table-item.type-1 .price-wrapper {
border-radius: 50%;
width: 180px;
height: 180px;
background-color: #647072;
display: table;
margin: auto;
}
.pricing-table-item.type-1 .price-wrapper-inner {
display: table-cell;
vertical-align: middle;
}
.pricing-table-item.type-1 .unit {
font-size: 1.125em;
padding-left: 1rem;
display: block;
}
.pricing-table-item.type-1 .unit:before {
left: 32%;
position: absolute;
}
@media (max-width: 991px) {
.pricing-table-item.type-1 {
padding: 40px 20px;
}
.pricing-table-item.type-1 .price-wrapper {
width: 160px;
height: 160px;
}
.pricing-table-item.type-1 .item-title {
font-size: 1em;
}
.pricing-table-item.type-1 .item-des {
font-size: 0.875em;
}
.pricing-table-item.type-1 .unit {
font-size: 0.75em;
}
}
.pricing-table-item.type-2 .item-content {
background-color: #fff;
padding: 60px 50px;
}
.pricing-table-item.type-2 .item-header {
padding: 6rem 0;
background-color: #647072;
}
.pricing-table-item.type-2 .item-title {
font-size: 1.125em;
margin-top: 1.4rem;
color: #fff;
margin-bottom: 0;
text-transform: uppercase;
}
.pricing-table-item.type-2 .item-action {
margin: 4rem 0 3rem;
}
.pricing-table-item.type-2 .unit {
font-size: 0.875em;
}
.pricing-table-item.type-2 .unit:before {
display: inline-block;
}
@media (max-width: 991px) {
.pricing-table-item.type-2 .item-content {
padding: 40px 20px;
}
.pricing-table-item.type-2 .item-title {
font-size: 1em;
}
.pricing-table-item.type-2 .item-des {
font-size: 0.875em;
}
.pricing-table-item.type-2 .unit {
font-size: 0.75em;
}
}
.pricing-table-item:hover,
.pricing-table-item.active {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
border-color: transparent;
}
.pricing-table-item:hover.type-1,
.pricing-table-item.active.type-1 {
background-color: #fff44d;
color: #fff;
}
.pricing-table-item:hover.type-1 .item-content:after,
.pricing-table-item.active.type-1 .item-content:after {
position: absolute;
display: block;
content: '';
bottom: 22px;
width: 100%;
height: -webkit-calc(100% + 108px);
height: calc(100% + 108px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.pricing-table-item:hover.type-1 .item-des,
.pricing-table-item.active.type-1 .item-des {
color: #fff;
}
.pricing-table-item:hover.type-1 .item-des:after,
.pricing-table-item.active.type-1 .item-des:after,
.pricing-table-item:hover.type-1 .item-des:before,
.pricing-table-item.active.type-1 .item-des:before {
background-color: rgba(255, 255, 255, 0.3);
}
.pricing-table-item:hover.type-1 .price-wrapper,
.pricing-table-item.active.type-1 .price-wrapper {
background-color: #fff;
}
.pricing-table-item:hover.type-1 .price,
.pricing-table-item.active.type-1 .price {
color: #222626;
}
.pricing-table-item:hover.type-2,
.pricing-table-item.active.type-2 {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
border-left: 0;
border-right: 0;
z-index: 1;
}
.pricing-table-item:hover.type-2 .item-header,
.pricing-table-item.active.type-2 .item-header {
background-color: #fff44d;
color: #fff;
}
.pricing-table-item:hover.type-2 .unit,
.pricing-table-item.active.type-2 .unit {
color: #fff;
}
@media (max-width: 767px) {
.pricing-table-item:hover.type-2,
.pricing-table-item.active.type-2 {
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
}
.price {
display: inline-block;
position: relative;
word-break: break-all;
}
.price.dollar:before {
content: '$';
left: 0;
}
.price.pound:before {
content: '£';
left: 0;
}
.unit {
position: relative;
}
.unit:before {
content: '/';
}
/* PRICING-TABLE */
/* PROGRESS-BAR */
.progress-item {
background-color: rgba(36, 45, 46, 0.1);
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
height: 3px;
margin-bottom: 0;
}
.progress-item .progress-bar {
position: relative;
font-size: 0.875em;
font-weight: 600;
}
.progress-item .progress-bar:before {
border-radius: 50%;
width: 14px;
height: 14px;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
content: '';
position: absolute;
right: 0;
top: -6px;
}
.progress-item .tooltip {
font-size: 1em;
font-weight: 600;
-webkit-transform: translate(50%, -100%);
-ms-transform: translate(50%, -100%);
transform: translate(50%, -100%);
right: 0;
top: -15px;
z-index: 5;
}
.progress-item .tooltip-inner {
border-radius: 0;
line-height: 1;
}
.progress-item.type-1 .progress-bar {
color: #242d2e;
}
.progress-item.type-1 .tooltip-inner {
color: inherit;
padding: 0;
background-color: transparent;
}
.progress-item.type-2 .progress-bar:after {
border-radius: 50%;
width: 32px;
height: 32px;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
content: '';
position: absolute;
right: 0;
top: -14px;
z-index: -1;
}
.progress-item.type-2 .tooltip {
margin: 0;
}
.progress-item.type-2 .tooltip-inner {
padding: 0.6rem 0 0.5rem;
width: 40px;
}
.progress-item.type-2.dark .progress-bar:after {
-webkit-opacity: 0.1;
-khtml-opacity: 0.1;
-moz-opacity: 0.1;
opacity: 0.1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
filter: alpha(opacity=10);
background-color: #242d2e;
}
.progress-item.type-2.dark .tooltip-arrow {
border-top-color: #242d2e;
}
.progress-item.type-2.dark .tooltip-inner {
background-color: #242d2e;
}
.progress-item.type-2.light .progress-bar:after {
-webkit-opacity: 0.1;
-khtml-opacity: 0.1;
-moz-opacity: 0.1;
opacity: 0.1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
filter: alpha(opacity=10);
background-color: #fff44d;
}
.progress-item.type-2.light .tooltip-arrow {
border-top-color: #fff44d;
}
.progress-item.type-2.light .tooltip-inner {
background-color: #fff44d;
}
.progress-item.dark .progress-bar {
background-color: #242d2e;
}
.progress-item.dark .progress-bar:before {
background-color: #242d2e;
}
.progress-item.light .progress-bar {
background-color: #fff44d;
}
.progress-item.light .progress-bar:before {
background-color: #fff44d;
}
/* PROGRESS-BAR */
/* QUOTE */
.highlight {
color: #fff;
padding: 0;
}
.highlight.type-1 {
background-color: #242d2e;
}
.highlight.type-2 {
background-color: #fff44d;
}
.block-error .highlight,
.confirmation .highlight {
color: #fff44d;
}
.quote-wrapper {
padding: 3rem;
}
.quote-wrapper .text {
font-size: 1.125em;
}
.quote-wrapper .author {
font-size: 1.5em;
font-weight: 600;
margin-top: 0.5rem;
text-transform: capitalize;
}
.quote-wrapper.type-1 {
border: 1px solid #f9cc4a;
}
.quote-wrapper.type-1 .text {
color: #717c7c;
}
.quote-wrapper.type-1 .author {
color: #222626;
}
.quote-wrapper.type-1 .author:before {
color: #242d2e;
}
.quote-wrapper.type-2 {
background-color: #222626;
}
.quote-wrapper.type-2 .quote {
border: 1px solid rgba(112, 112, 112, 0.3);
}
.quote-wrapper.type-2 .text {
color: #e1e1e1;
}
.quote-wrapper.type-2 .author {
color: #fff;
}
.quote-wrapper.type-2 .author:before {
color: #f9cc4a;
}
.quote {
padding: 4rem 4.8rem 3rem 3.5rem;
border-left: 0;
font-size: 100%;
margin: 0;
position: relative;
}
.quote:before {
color: #717c7c;
content: '\f10e';
font-family: 'FontAwesome';
font-size: 17px;
left: 35px;
position: absolute;
top: -11px;
}
.client-quote-slider {
margin-top: 6rem;
}
.client-quote-slider .item {
border-left: 0;
font-size: 1em;
letter-spacing: 0;
margin: 0;
padding: 0;
}
.client-quote-slider .item-content {
color: #647072;
line-height: 1.875;
}
.client-quote-slider footer {
margin-top: 1.5rem;
font-size: 100%;
text-transform: capitalize;
}
.client-quote-slider footer:before {
display: none;
}
.client-quote-slider .item-author {
font-size: 1.125em;
font-weight: 500;
margin-right: 1.5rem;
color: #222626;
display: inline-block;
line-height: 1;
}
.client-quote-slider .item-pos {
font-size: 1.125em;
color: #364FA3;
display: inline-block;
line-height: 1;
}
.client-quote-slider .item-pos:before {
content: '|';
display: inline-block;
margin-right: 15px;
width: 1px;
}
@media (max-width: 991px) and (min-width: 768px) {
.client-quote-slider .item-content {
font-size: 0.875em;
}
.client-quote-slider .item-author {
font-size: 1em;
}
.client-quote-slider .item-pos {
font-size: 0.625em;
}
}
/* QUOTE */
/* SERVICE */
.service-icon .service-item-inner:not(:first-child) {
margin-top: 8rem;
}
@media (max-width: 600px) {
.service-icon .service-item-inner:not(:first-child) {
margin-top: 3rem;
}
}
.service-img .service-item-inner:not(:first-child) {
margin-top: 5rem;
}
.service-item {
padding: 0 15px;
}
.service-item .item-image {
margin-bottom: 5rem;
}
.service-item .item-title {
font-size: 1.5em;
font-weight: 600;
line-height: 1;
margin: 0;
text-transform: capitalize;
}
.service-item .icon {
font-size: 3.75em;
}
.service-item.service-icon {
vertical-align: bottom;
}
.service-item.service-icon .item-title {
margin-top: 5rem;
}
.service-item > .item-detail {
margin-top: 3.5rem;
color: #717c7c;
}
.service-item.center .item-title:before {
margin-left: auto;
margin-right: auto;
}
.service-item.left .item-title:before {
margin-right: auto;
}
.service-item.right .item-title:before {
margin-left: auto;
}
@media (min-width: 601px) {
.service-item {
display: table-cell;
width: -webkit-calc(33.33333333%);
width: calc(33.33333333%);
}
}
@media (max-width: 600px) {
.service-item + .service-item {
margin-top: 3rem;
}
}
@media (max-width: 991px) {
.service-item {
font-size: 0.875em;
}
}
.service-feature {
-webkit-box-shadow: inset 0 -1px 1px #e3e3e3;
box-shadow: inset 0 -1px 1px #e3e3e3;
-webkit-transition: box-shadow 0.3s linear;
-webkit-transition: -webkit-box-shadow 0.3s linear;
transition: -webkit-box-shadow 0.3s linear;
transition: box-shadow 0.3s linear;
transition: box-shadow 0.3s linear, -webkit-box-shadow 0.3s linear;
padding: 5rem 5rem 4rem 5rem;
}
.service-feature:hover {
-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.service-feature:hover .icon-wrapper {
background-color: #fff44d;
}
@media (max-width: 480px) {
.service-feature {
padding: 2.5rem 2.5rem 2rem 2.5rem;
}
}
.service-feature .feature-icon {
padding-right: 3rem;
}
.service-feature .icon {
color: #fff;
vertical-align: sub;
}
.service-feature .icon-edit {
font-size: 1.813em;
}
.service-feature .icon-layer {
font-size: 1.563em;
}
.service-feature .icon-soccer {
font-size: 1.875em;
}
.service-feature .icon-settings {
font-size: 1.875em;
}
.service-feature .icon-worldwide {
font-size: 1.875em;
}
.service-feature .icon-monitor {
font-size: 1.563em;
}
.service-feature .icon-wrapper {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
width: 70px;
height: 70px;
background-color: #b2b8b8;
line-height: 70px;
text-align: center;
}
.service-feature .icon-wrapper > [class^=icon-] {
display: inline-block;
vertical-align: middle;
}
.service-feature .title {
font-size: 1.375em;
font-weight: 600;
line-height: 1;
margin: 0;
text-transform: capitalize;
}
@media (max-width: 767px) {
.service-feature .title {
font-size: 1.125em;
}
}
.service-feature .des {
margin-top: 1rem;
color: #717c7c;
}
@media (max-width: 767px) {
.service-feature .des {
font-size: 0.75em;
}
}
.service-post.type-1 {
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: box-shadow 0.4s ease-out;
-webkit-transition: -webkit-box-shadow 0.4s ease-out;
transition: -webkit-box-shadow 0.4s ease-out;
transition: box-shadow 0.4s ease-out;
transition: box-shadow 0.4s ease-out, -webkit-box-shadow 0.4s ease-out;
background-color: #fff;
padding: 20px 20px 45px;
}
.service-post.type-1:hover {
-webkit-box-shadow: 0 22px 59px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 22px 59px 0 rgba(0, 0, 0, 0.15);
}
.service-post.type-1 .item-content {
margin-top: 4.5rem;
padding: 0 2rem;
}
.service-post.type-1 .item-title {
font-size: 1.5em;
font-weight: 600;
line-height: 1.25;
text-transform: capitalize;
}
.service-post.type-1 .item-des {
margin-top: 2rem;
color: #717c7c;
line-height: 1.7;
}
.service-post.type-1 .item-action {
font-size: 0.813em;
margin-top: 3rem;
text-transform: uppercase;
}
.service-post.type-1 .item-action a {
border-bottom: 1px solid #b2b8b8;
color: #b2b8b8;
display: inline-block;
vertical-align: top;
}
.service-post.type-1 .item-action a:hover,
.service-post.type-1 .item-action a:focus {
color: #222626;
}
@media (max-width: 991px) {
.service-post.type-1 .item-content {
font-size: 0.875em;
margin-top: 2.5rem;
padding: 0 1rem;
}
}
.service-post.type-3 .item-figure,
.service-post.type-2 .item-figure {
padding: 7rem 0;
background: url('../images/bgd-1.jpg') repeat center;
background-size: cover;
}
.service-post.type-3 .video-outer-wrapper,
.service-post.type-2 .video-outer-wrapper {
-webkit-box-shadow: 0 22px 59px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 22px 59px 0 rgba(0, 0, 0, 0.15);
padding: 2rem;
background-color: #fff;
position: relative;
}
.service-post.type-3 .item-title,
.service-post.type-2 .item-title {
font-size: 2.813em;
font-weight: 600;
margin-bottom: 4rem;
}
@media (max-width: 991px) {
.service-post.type-3 .item-title,
.service-post.type-2 .item-title {
font-size: 1.875em;
}
}
@media (max-width: 767px) {
.service-post.type-3 .item-title,
.service-post.type-2 .item-title {
font-size: 1.25em;
}
}
@media (max-width: 991px) {
.service-post.type-3 .item-des,
.service-post.type-2 .item-des {
font-size: 0.875em;
}
}
.service-post.type-3 .item-des p + p,
.service-post.type-2 .item-des p + p {
margin-top: 2rem;
}
.service-post.type-3 .item-action,
.service-post.type-2 .item-action {
margin-top: 5rem;
}
.service-post.type-3 .item-action .btn,
.service-post.type-2 .item-action .btn {
min-width: 180px;
}
@media (max-width: 600px) {
.service-post.type-3 .item-figure,
.service-post.type-2 .item-figure,
.service-post.type-3 .item-content,
.service-post.type-2 .item-content {
float: none;
margin-left: 0;
width: 100%;
}
.service-post.type-3 .item-figure,
.service-post.type-2 .item-figure {
padding: 7rem;
}
.service-post.type-3 .item-content,
.service-post.type-2 .item-content {
padding-bottom: 15px;
padding-top: 15px;
}
.service-post.type-3 .video-outer-wrapper,
.service-post.type-2 .video-outer-wrapper {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media (min-width: 601px) {
.service-post.type-2 .video-outer-wrapper {
left: -webkit-calc((70 * 100%) / 400);
left: calc((70 * 100%) / 400);
}
.service-post.type-3 .video-outer-wrapper {
right: -webkit-calc((70 * 100%) / 400);
right: calc((70 * 100%) / 400);
}
}
/* SERVICE */
/* SLIDER */
.dot-vertical {
margin-left: auto;
margin-right: auto;
}
.dot-vertical.center {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
.dot-vertical .owl-dot {
display: block;
margin: 10px auto;
}
.dot-inside {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
position: absolute;
}
.owl-dots .owl-dot {
width: 4px;
height: 4px;
-webkit-transition: none;
transition: none;
background-color: transparent;
border: 4px solid #222626;
display: inline-block;
font-size: 0;
margin: 0 5px;
padding: 0;
vertical-align: middle;
}
.owl-dots .owl-dot.active {
width: 15px;
height: 15px;
border-width: 2px;
}
.owl-dots.banner-main-dots {
bottom: -webkit-calc((100% * 150) / 850);
bottom: calc((100% * 150) / 850);
}
.owl-dots.banner-main-dots .owl-dot {
border-color: #fff;
}
.owl-dots.career-dots {
bottom: 2rem;
}
.owl-dots.career-dots .owl-dot {
border-color: #fff;
}
.owl-dots.related-dots {
margin-top: 6rem;
}
.owl-dots.our-team-dots {
margin-top: 6rem;
}
.type-1 .owl-dots.client-quote-dots {
margin-top: 5.5rem;
}
.widget-quote .owl-dots.client-quote-dots,
.type-2 .owl-dots.client-quote-dots {
margin-top: 3.5rem;
}
.owl-dots.service-post-dots.type-1 {
left: -webkit-calc((527 * 100%) / 1170);
left: calc((527 * 100%) / 1170);
}
.owl-dots.service-post-dots.type-2 {
left: -webkit-calc((628 * 100%) / 1170);
left: calc((628 * 100%) / 1170);
}
@media (min-width: 601px) {
.owl-dots.service-post-dots {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
position: absolute;
margin-left: auto;
margin-right: auto;
}
.owl-dots.service-post-dots.center {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
.owl-dots.service-post-dots .owl-dot {
display: block;
margin: 10px auto;
}
}
@media (max-width: 600px) {
.owl-dots.service-post-dots {
margin-top: 6rem;
}
}
.owl-dots.base-dots {
margin-top: 6rem;
}
.owl-dots.grid-slider-dots {
margin-top: 6rem;
}
@media (min-width: 768px) {
.product-related .owl-stage-outer,
.our-team-list .owl-stage-outer,
.service-post-outer.type-1 .owl-stage-outer {
overflow: visible;
}
}
/* SLIDER */
/* SOCIAL */
.list-social > a {
float: left;
}
.footer .list-social > a:not(:first-child) {
margin-left: 3rem;
}
.header.type-2 .list-social > a:not(:first-child),
.header.type-1 .list-social > a:not(:first-child) {
margin-left: 4rem;
}
@media (max-width: 991px) {
.header.type-2 .list-social > a:not(:first-child),
.header.type-1 .list-social > a:not(:first-child) {
margin-left: 3rem;
}
}
.product-share .list-social > a,
.footer .list-social > a {
font-size: 0.875em;
}
.header .list-social > a {
font-size: 0.75em;
}
.header.type-1 .list-social > a {
color: #fff/*b2b8b8*/;
}
.header.type-2 .list-social > a {
color: #fff;
}
.product-share .list-social > a,
.block-coming-soon .list-social > a,
.footer-main .list-social > a,
.block-share .list-social > a,
.header.type-3 .list-social > a {
color: #fff/*717c7c*/;
}
.header.type-4 .list-social > a {
color: #222626;
}
.project-share .list-social > a {
color: #647072;
}
.block-coming-soon .list-social > a {
margin: 0 2.2rem;
}
@media (max-width: 600px) {
.block-coming-soon .list-social > a {
margin: 0 1.1rem;
}
}
.product-share .list-social > a,
.project-share .list-social > a,
.block-share .list-social > a,
.header.type-4 .list-social > a,
.header.type-3 .list-social > a {
margin-left: 3rem;
}
@media (max-width: 1199px) {
.header.type-4 .list-social > a,
.header.type-3 .list-social > a {
margin-left: 2rem;
}
}
@media (max-width: 991px) {
.header.type-4 .list-social > a,
.header.type-3 .list-social > a {
margin-left: 1rem;
}
}
.product-share .list-social > a:hover,
.product-share .list-social > a:focus,
.block-coming-soon .list-social > a:hover,
.block-coming-soon .list-social > a:focus,
.project-share .list-social > a:hover,
.project-share .list-social > a:focus,
.footer-main .list-social > a:hover,
.footer-main .list-social > a:focus,
.block-share .list-social > a:hover,
.block-share .list-social > a:focus,
.header.type-4 .list-social > a:hover,
.header.type-4 .list-social > a:focus,
.header.type-3 .list-social > a:hover,
.header.type-3 .list-social > a:focus,
.header.type-2 .list-social > a:hover,
.header.type-2 .list-social > a:focus,
.header.type-1 .list-social > a:hover,
.header.type-1 .list-social > a:focus {
color: #fff44d;
}
.block-share .list-social {
padding: 0.9rem 0 0.8rem;
display: inline-block;
vertical-align: top;
}
.footer .list-social {
/*margin-top: 5.7rem;*/
}
.block-coming-soon .list-social {
margin-top: 3rem;
}
@media (max-width: 600px) {
.block-coming-soon .list-social {
margin-top: 1.5rem;
}
}
.header.type-2 .list-social,
.header.type-1 .list-social {
padding-left: 9rem;
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 991px) {
.header.type-2 .list-social,
.header.type-1 .list-social {
padding-left: 4rem;
}
}
.header.type-1 .list-social {
margin-bottom: 2.3rem;
margin-top: 2.3rem;
}
.header.type-2 .list-social {
margin-bottom: 2.85rem;
margin-top: 2.85rem;
}
/* SOCIAL */
/* STAFF */
.our-team-item {
overflow: hidden;
position: relative;
text-align: center;
-webkit-transition: box-shadow 0.3s linear;
-webkit-transition: -webkit-box-shadow 0.3s linear;
transition: -webkit-box-shadow 0.3s linear;
transition: box-shadow 0.3s linear;
transition: box-shadow 0.3s linear, -webkit-box-shadow 0.3s linear;
}
.our-team-item img {
margin: 0 auto;
width: 100%;
}
.our-team-item .item-caption {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: transform 0.5s;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(34, 38, 38, 0.9);
bottom: 0;
padding: 26px 0;
position: absolute;
text-align: center;
text-transform: capitalize;
width: 100%;
}
.our-team-item .item-name {
font-size: 1.125em;
font-weight: 500;
color: #fff;
}
.our-team-item .item-pos {
font-size: 0.75em;
color: #d2d6d6;
margin-top: 15px;
}
.our-team-item .list-social {
display: inline-block;
margin-top: 20px;
}
.our-team-item .list-social a {
font-size: 0.875em;
color: #d2d6d6;
margin: 0 15px;
}
.our-team-item .list-social a:hover,
.our-team-item .list-social a:focus {
color: #fff44d;
}
@media (max-width: 991px) and (min-width: 768px) {
.our-team-item .list-social a {
margin: 0 10px;
}
}
.our-team-item .item-name,
.our-team-item .item-pos,
.our-team-item .list-social a {
-webkit-transform: translateY(200%);
-ms-transform: translateY(200%);
transform: translateY(200%);
-webkit-transition: transform 0.5s;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.our-team-item:hover {
-webkit-box-shadow: 0 22px 59px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 22px 59px 0 rgba(0, 0, 0, 0.15);
}
.our-team-item:hover .item-name,
.our-team-item:hover .item-pos,
.our-team-item:hover .list-social a,
.our-team-item:hover .item-caption {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.our-team-item:hover .item-name {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.our-team-item:hover .item-pos {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.our-team-item:hover .list-social a:first-child {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.our-team-item:hover .list-social a:nth-child(2) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.our-team-item:hover .list-social a:nth-child(3) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.our-team-item:hover .list-social a:last-child {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
/* STAFF */
/* TAB */
.tabs {
display: table;
table-layout: fixed;
width: 100%;
}
.tabs:before,
.tabs:after {
display: none;
}
.tabs > .tab-item {
display: table-cell;
position: relative;
text-transform: capitalize;
}
.tabs > .tab-item > a {
color: #222626;
font-weight: 600;
}
.tabs > .tab-item > a:focus {
outline: 0;
}
.tabs > .tab-item > a:focus,
.tabs > .tab-item > a:hover {
background-color: transparent;
}
.tabs.type-1 {
border-bottom: 1px solid rgba(36, 45, 46, 0.1);
}
.tabs.type-1 > .tab-item > a {
padding-left: 0;
padding-top: 1rem;
padding-bottom: 2.8rem;
}
.tabs.type-1 > .tab-item.active:before {
background-color: #fff44d;
bottom: -1px;
content: '';
height: 2px;
left: -1px;
position: absolute;
width: 95px;
}
.tabs.type-1 + .tab-content {
padding: 3rem 0;
}
.tabs.type-2 {
border: 1px solid rgba(36, 45, 46, 0.1);
}
.tabs.type-2 > .tab-item:not(:last-child) {
border-right: 1px solid rgba(36, 45, 46, 0.1);
}
.tabs.type-2 > .tab-item.active:before {
background-color: #fff44d;
content: '';
height: 3px;
left: -1px;
position: absolute;
top: -1px;
width: -webkit-calc(100% + 2px);
width: calc(100% + 2px);
}
.tabs.type-2 > .tab-item > a {
padding: 1.2rem 3.5rem;
}
.tabs.type-2 + .tab-content {
padding: 2.2rem 3rem;
border-bottom: 1px solid rgba(36, 45, 46, 0.1);
border-left: 1px solid rgba(36, 45, 46, 0.1);
border-right: 1px solid rgba(36, 45, 46, 0.1);
}
/* TAB */
/* VIDEO */
.video-wrapper {
position: relative;
height: 100%;
overflow: hidden;
max-width: 100%;
}
.video-wrapper iframe,
.video-wrapper video,
.video-wrapper object {
width: 100%;
height: 100%;
border: 0;
left: 0;
position: absolute;
top: 0;
}
.career-video .video-wrapper {
padding-bottom: -webkit-calc((100% * 530) / 870);
padding-bottom: calc((100% * 530) / 870);
}
.single-video .video-wrapper {
padding-bottom: -webkit-calc((100% * 247) / 370);
padding-bottom: calc((100% * 247) / 370);
}
.service-post.type-1 .video-wrapper {
/* padding-bottom: -webkit-calc((100% * 207) / 330);
padding-bottom: calc((100% * 207) / 330);*/
}
.service-post.type-3 .video-wrapper,
.service-post.type-2 .video-wrapper {
/*padding-bottom: -webkit-calc((100% * 450) / 360);*/
/*padding-bottom: calc((100% * 450) / 360);*/
}
.image-responsive {
position: relative;
height: 100%;
overflow: hidden;
max-width: 100%;
}
.image-responsive img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.widget-recent .image-responsive,
.widget-minicart .image-responsive,
.product-image .image-responsive,
.product-item .image-responsive {
padding-bottom: 100%;
}
.widget-recent .image-responsive,
.widget-minicart .image-responsive {
width: 83px;
}
@media (max-width: 991px) and (min-width: 768px) {
.widget-recent .image-responsive,
.widget-minicart .image-responsive {
width: 50px;
}
}
/* VIDEO */
/* WIDGET */
.sidebar .widget + .widget {
margin-top: 6rem;
}
.widget-title {
font-weight: 600;
text-transform: capitalize;
}
.footer .widget-title {
font-size: 1.25em;
color: #fff;
}
.sidebar .widget-title {
font-size: 1.5em;
margin-bottom: 3.5rem;
color: #222626;
}
@media (max-width: 991px) and (min-width: 768px) {
.sidebar .widget-title {
font-size: 1.25em;
margin-bottom: 2rem;
}
}
.widget-content ul {
margin-bottom: 0;
}
.type-1 .widget-intro {
margin-top: -5.5rem;
}
@media (min-width: 992px) {
.type-1 .widget-intro {
padding-right: 10rem;
}
}
.type-2 .widget-intro {
text-align: center;
}
.widget-intro .des {
word-break: break-all;
}
.footer .widget-intro .des {
margin-top: 2.7rem;
color: #717c7c;
}
.footer-main .widget-about .widget-content,
.footer-main .widget-service .widget-content {
margin-top: 5rem;
border-top: 1px solid transparent;
}
.widget-about li:not(:first-child),
.widget-service li:not(:first-child) {
margin-top: 2.5rem;
}
.widget-about a,
.widget-service a {
color: #717c7c;
display: block;
text-transform: capitalize;
}
.widget-about a.active,
.widget-service a.active,
.widget-about a:hover,
.widget-service a:hover,
.widget-about a:focus,
.widget-service a:focus {
color: #fff44d;
}
.widget-newsletter {
color: #717c7c;
}
.footer-main .widget-newsletter .widget-content {
/*margin-top: 3rem;*/
}
.widget-newsletter .input-email {
padding: 1.6rem 0 1.5rem;
background-color: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
border-left: 0;
border-right: 0;
border-top: 0;
width: 100%;
}
.widget-newsletter .input-email::-webkit-input-placeholder {
color: #717c7c;
}
.widget-newsletter .input-email:-moz-placeholder {
color: #717c7c;
}
.widget-newsletter .input-email::-moz-placeholder {
color: #717c7c;
}
.widget-newsletter .input-email:-ms-input-placeholder {
color: #717c7c;
}
.widget-newsletter .input-email:focus {
border-bottom-color: #717c7c;
}
.widget-newsletter .copyright {
margin-top: 3.8rem;
color:#fff;
}
.widget-archive .list-archive li,
.widget-category .list-archive li,
.widget-archive .list-category li,
.widget-category .list-category li {
padding-bottom: 20px;
position: relative;
}
.widget-archive .list-archive li:not(:first-child),
.widget-category .list-archive li:not(:first-child),
.widget-archive .list-category li:not(:first-child),
.widget-category .list-category li:not(:first-child) {
padding-top: 15px;
}
.widget-archive .list-archive li:not(:last-child):before,
.widget-category .list-archive li:not(:last-child):before,
.widget-archive .list-category li:not(:last-child):before,
.widget-category .list-category li:not(:last-child):before {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
content: '';
display: block;
height: 1px;
position: absolute;
width: 100%;
}
.widget-archive .item,
.widget-category .item {
font-weight: 600;
color: #222626;
display: inline-block;
text-transform: capitalize;
}
.widget-archive .item.active,
.widget-category .item.active,
.widget-archive .item:hover,
.widget-category .item:hover,
.widget-archive .item:focus,
.widget-category .item:focus {
color: #fff44d;
}
.widget-archive .item.active i,
.widget-category .item.active i,
.widget-archive .item:hover i,
.widget-category .item:hover i,
.widget-archive .item:focus i,
.widget-category .item:focus i {
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: now-shake;
animation-name: now-shake;
}
.widget-archive .item i,
.widget-category .item i {
margin-right: 0.8rem;
}
@media (max-width: 991px) and (min-width: 768px) {
.widget-archive .item,
.widget-category .item {
font-size: 0.875em;
}
}
.widget-archive.no-title .list-category li:last-child:after,
.widget-category.no-title .list-category li:last-child:after {
background-color: rgba(0, 0, 0, 0.1);
content: '';
display: block;
height: 1px;
position: absolute;
bottom: 0;
width: 100%;
}
.widget-recent .list-recent li:not(:first-child) {
margin-top: 2rem;
}
.widget-recent .item {
display: block;
}
@media (max-width: 991px) and (min-width: 768px) {
.widget-recent .item {
font-size: 0.875em;
}
}
.widget-recent.product .item-image img {
border: 1px solid #e5e5e5;
}
.widget-recent .item-title {
font-weight: 600;
margin-bottom: 2rem;
color: #222626;
line-height: 1.4;
margin-top: -4px;
word-wrap: break-word;
}
.widget-recent .item-created-date {
font-size: 0.75em;
color: #717c7c;
text-transform: uppercase;
}
.list-tag li {
float: left;
}
.widget-tag .list-tag li {
margin-bottom: 1rem;
margin-right: 1rem;
}
.block-share .list-tag li {
margin-bottom: 1rem;
}
.block-share .list-tag li:not(:last-child) {
margin-right: 1rem;
}
.list-tag .item {
border: 1px solid rgba(0, 0, 0, 0.1);
color: #717c7c;
display: block;
text-transform: uppercase;
}
.list-tag .item:hover,
.list-tag .item:focus {
background-color: #fff44d;
border-color: #fff44d;
color: #fff;
}
.widget-tag .list-tag .item {
font-size: 0.75em;
font-weight: 500;
padding: 1rem 2rem;
}
.block-share .list-tag .item {
padding: 0.9rem 2rem 0.8rem;
}
.widget-search .form-search {
border: 1px solid rgba(112, 112, 112, 0.1);
}
.widget-search .form-control {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
height: 50px;
}
.widget-search .btn-search {
width: 50px;
height: 30px;
background-color: transparent;
border: 0;
border-left: 1px solid rgba(112, 112, 112, 0.1);
}
.widget-search .btn-search:before {
background-image: url(../images/sprite.png);
background-position: -50px -15px;
width: 24px;
height: 24px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: '';
left: 50%;
position: absolute;
top: 50%;
}
.widget-contact .title {
font-size: 1.5em;
font-weight: 600;
line-height: 1.2;
}
.widget-contact .des {
margin: 2rem 0 3rem;
color: #717c7c;
}
@media (max-width: 991px) and (min-width: 768px) {
.widget-contact .title {
font-size: 1.25em;
}
.widget-contact .des {
font-size: 0.875em;
}
}
.widget-minicart .list-news li:not(:first-child) {
margin-top: 2rem;
}
.widget-minicart .item {
display: block;
}
.widget-minicart .item-image img {
border: 1px solid #e5e5e5;
}
.widget-minicart .item-title {
font-weight: 600;
color: #222626;
line-height: 1.4;
margin-bottom: 20px;
margin-top: -4px;
}
.widget-minicart .item-detail {
font-size: 0.875em;
color: #717c7c;
}
/* WIDGET */
/* ABOUT-US */
.about-us .block-achievement-status,
.about-us .block-client-wrapper,
.about-us .block-client-quote-wrapper,
.about-us .block-our-team-wrapper {
padding: 12rem 0;
}
.block-achievement-status .block-content {
font-weight: 600;
display: table;
table-layout: fixed;
text-align: center;
width: 100%;
}
.block-achievement-status .item {
padding: 0 1.5rem;
display: table-cell;
}
.block-achievement-status .index {
font-size: 3em;
position: relative;
}
.block-achievement-status .index:after {
content: '+';
display: inline-block;
}
@media (max-width: 991px) {
.block-achievement-status .index {
font-size: 2em;
}
}
@media (max-width: 767px) {
.block-achievement-status .index {
font-size: 1.375em;
}
}
.block-achievement-status .name {
font-size: 0.875em;
margin-top: 2rem;
color: #717c7c;
text-transform: uppercase;
}
@media (max-width: 767px) {
.block-achievement-status .name {
font-size: 0.75em;
}
}
/* ABOUT-US */
/* CAREER */
.career-video {
margin-bottom: 6rem;
}
.career-content {
margin-top: 4rem;
color: #717c7c;
}
.career-content p:not(:first-child) {
margin-top: 2rem;
}
.available-position .table-responsive {
border: 0;
margin-bottom: 0;
}
.available-position .title {
padding-bottom: 4rem;
padding-top: 4.5rem;
font-weight: 600;
font-size: 1.5em;
color: #222626;
}
.available-position .title p {
line-height: 1;
}
.available-position th,
.available-position td {
text-align: center;
}
.available-position th:first-child,
.available-position td:first-child {
width: -webkit-calc(285 * 100% / 900);
width: calc(285 * 100% / 900);
}
.available-position th:not(:first-child),
.available-position td:not(:first-child) {
width: -webkit-calc(200 * 100% / 900);
width: calc(200 * 100% / 900);
}
.available-position th:last-child,
.available-position td:last-child {
width: -webkit-calc(185 * 100% / 900);
width: calc(185 * 100% / 900);
}
.available-position th p {
line-height: 1;
font-weight: 600;
}
.available-position td {
text-transform: capitalize;
}
.available-position thead > tr > th {
padding: 1.5rem;
border-bottom: 1px solid #222626;
}
.available-position tbody > tr > td {
padding: 2rem 1.5rem;
border-bottom: 1px solid #e8e9e9;
border-top: 0;
line-height: 1.2;
}
.available-position .position-list {
margin-bottom: 0;
}
/* CAREER */
/* COMING-SOON */
.coming-soon {
background: url('../images/bgd-1.jpg') repeat;
background-size: contain;
height: 100vh;
position: relative;
}
.coming-soon .container {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
position: absolute;
text-align: center;
top: 50%;
}
@media (max-width: 991px) {
.coming-soon .container {
max-width: 100%;
}
}
.block-coming-soon {
margin: 0 auto;
width: 75%;
}
@media (max-width: 767px) {
.block-coming-soon {
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
}
}
.block-coming-soon .list-social {
display: inline-block;
}
.block-coming-soon .des {
margin-top: 2.5rem;
color: #717c7c;
letter-spacing: 8px;
text-transform: uppercase;
}
@media (max-width: 991px) {
.block-coming-soon .des {
font-size: 0.875em;
}
}
@media (max-width: 767px) {
.block-coming-soon .des {
letter-spacing: 3px;
}
}
@media (max-width: 600px) {
.block-coming-soon .des {
font-size: 0.625em;
margin-top: 1rem;
letter-spacing: 2px;
}
}
.block-coming-soon .timer {
margin-top: 3rem;
padding: 3rem 0;
border-bottom: 2px solid #fff44d;
}
@media (max-width: 600px) {
.block-coming-soon .timer {
margin-top: 1.5rem;
padding: 1.5rem 0;
}
}
.block-coming-soon .timer-inner {
float: left;
width: 25%;
}
.block-coming-soon .timer-inner .index {
font-weight: 600;
font-size: 3em;
}
.block-coming-soon .timer-inner .unit {
color: #717c7c;
text-transform: uppercase;
}
@media (max-width: 991px) {
.block-coming-soon .timer-inner .index {
font-size: 2.625em;
}
.block-coming-soon .timer-inner .unit {
font-size: 0.875em;
}
}
@media (max-width: 600px) {
.block-coming-soon .timer-inner .index {
font-size: 1.375em;
}
.block-coming-soon .timer-inner .unit {
font-size: 0.625em;
}
}
.block-coming-soon .follow-us {
margin-top: 8rem;
color: #717c7c;
text-transform: uppercase;
}
@media (max-width: 991px) {
.block-coming-soon .follow-us {
margin-top: 4rem;
font-size: 0.875em;
}
}
@media (max-width: 600px) {
.block-coming-soon .follow-us {
margin-top: 2rem;
font-size: 0.625em;
}
}
/* COMING-SOON */
/* CONTACT */
.contact-methods .icon {
font-size: 1.875em;
color: #fff44d;
}
.contact-methods .contact-method {
counter-reset: step-index;
}
.contact-methods .contact-method .title {
color: #717c7c;
display: inline-block;
position: relative;
}
.contact-methods .contact-method .title:after {
content: '\00a0 0' counter(step-index) ':\00a0';
counter-increment: step-index;
display: inline-block;
}
.contact-methods .contact-method a.detail:hover,
.contact-methods .contact-method a.detail:focus {
-webkit-opacity: 0.4;
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
filter: alpha(opacity=40);
}
.contact-methods .contact-method .detail {
font-weight: 600;
color: #222626;
}
.contact-methods .contact-method figcaption {
margin-top: 2rem;
}
@media (max-width: 991px) and (min-width: 768px) {
.contact-methods .contact-method .detail {
display: block;
}
}
@media (max-width: 600px) {
.contact-methods .contact-method .detail {
display: block;
}
}
@media (max-width: 767px) {
.contact-methods .contact-method {
display: table;
margin: 0 auto;
max-width: 600px;
table-layout: fixed;
width: 100%;
}
.contact-methods .contact-method .title,
.contact-methods .contact-method .detail {
font-size: 0.875em;
}
.contact-methods .contact-method .icon-wrapper {
text-align: center;
}
.contact-methods .contact-method .icon-wrapper,
.contact-methods .contact-method figcaption {
display: table-cell;
vertical-align: middle;
}
}
@media (max-width: 600px) {
.contact-methods .contact-method .icon-wrapper {
padding-right: 1rem;
width: 20%;
}
}
@media (max-width: 767px) {
.contact-methods .item:not(:first-child) {
margin-top: 3rem;
}
}
.block-contact-us .block-content {
/* margin-top: 8rem;*/
}
@media (max-width: 991px) {
.block-contact .block-content {
font-size: 0.875em;
}
}
@media (max-width: 767px) {
.block-contact .block-content {
font-size: 0.75em;
}
}
.block-contact .phone,
.block-contact .area {
font-weight: 600;
font-size: 1.875em;
}
.block-contact .email,
.block-contact .address {
font-size: 1.125em;
}
.block-contact .phone,
.block-contact .email {
color: #222626;
display: inline-block;
vertical-align: top;
}
.block-contact .phone:hover,
.block-contact .email:hover,
.block-contact .phone:focus,
.block-contact .email:focus {
-webkit-opacity: 0.4;
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
filter: alpha(opacity=40);
}
.block-contact .area {
margin-top:3rem;
}
.block-contact .address {
margin-top: 2.5rem;
line-height: 3.0rem;
}
.block-contact .phone {
margin-top: 5.5rem;
}
.block-contact .email {
margin-top: 3rem;
}
/* CONTACT */
/* ELEMENT */
.element .block-service .service-feature {
margin-bottom: 3rem;
}
.element .service-item-inner {
margin-top: 5.5rem;
}
.element .service-item-inner + .service-item-inner {
margin-top: 9rem;
}
@media (min-width: 600px) {
.element .service-item-inner {
display: table;
}
}
.element .service-feature-inner {
margin-top: 10rem;
}
.element .block-button {
margin-top: 7rem;
}
.element .button-wrapper-outer:first-child .button-wrapper {
padding-top: 6rem;
}
@media (min-width: 992px) {
.element .button-wrapper-outer:first-child {
display: table;
table-layout: fixed;
width: 100%;
}
.element .button-wrapper-outer:first-child .button-wrapper-inner {
display: table-row;
}
.element .button-wrapper-outer:first-child .button-wrapper {
display: table-cell;
vertical-align: bottom;
}
.element .button-wrapper-outer:first-child .button-wrapper:last-child {
text-align: right;
}
.element .button-wrapper-outer:first-child .button-wrapper:nth-child(2) {
padding-left: 6rem;
}
.element .button-wrapper-outer:first-child .button-wrapper:nth-child(3) {
padding-left: 10rem;
}
}
@media (max-width: 991px) {
.element .button-wrapper-outer:first-child .button-wrapper {
display: inline-block;
vertical-align: bottom;
width: 50%;
padding-left: 10rem;
}
.element .button-wrapper-outer:first-child .button-wrapper:nth-child(even) {
margin-left: -5px;
}
}
@media (max-width: 600px) {
.element .button-wrapper-outer:first-child .button-wrapper {
padding-left: 0;
width: 100%;
text-align: center;
}
.element .button-wrapper-outer:first-child .button-wrapper:nth-child(even) {
margin-left: 0;
}
}
.element .button-wrapper-outer:nth-child(2) .button-wrapper-inner:before,
.element .button-wrapper-outer:nth-child(2) .button-wrapper-inner:after {
display: table;
content: "";
}
.element .button-wrapper-outer:nth-child(2) .button-wrapper-inner:after {
clear: both;
}
.element .button-wrapper-outer:nth-child(2) .button-wrapper {
padding-top: 6rem;
float: left;
}
.element .button-wrapper-outer:nth-child(2) .button-wrapper:not(:last-child) {
margin-right: -webkit-calc((100% - 900px) / 5);
margin-right: calc((100% - 900px) / 5);
}
@media (max-width: 991px) {
.element .button-wrapper-outer:nth-child(2) .button-wrapper {
text-align: center;
width: 33.33333333%;
}
.element .button-wrapper-outer:nth-child(2) .button-wrapper:not(:last-child) {
margin-right: 0;
}
}
@media (max-width: 600px) {
.element .button-wrapper-outer:nth-child(2) .button-wrapper {
width: 50%;
}
}
@media (max-width: 375px) {
.element .button-wrapper-outer:nth-child(2) .button-wrapper {
width: 100%;
}
}
.element .button-wrapper-outer:last-child {
margin-top: 6rem;
display: table;
table-layout: fixed;
width: 100%;
}
.element .button-wrapper-outer:last-child .button-wrapper-inner {
display: table-row;
}
.element .button-wrapper-outer:last-child .button-wrapper {
padding-top: 6rem;
padding-bottom: 6rem;
background-color: #222626;
display: table-cell;
text-align: center;
}
@media (max-width: 375px) {
.element .button-wrapper-outer:last-child .button-wrapper {
display: block;
}
}
.element .block-progress-bar {
margin-top: 12rem;
}
.element .block-progress-bar .progress-wrapper {
padding-top: 43px;
}
.element .block-progress-bar .progress-text {
font-size: 1.125em;
font-weight: 600;
margin-bottom: 1rem;
line-height: 1;
text-transform: uppercase;
}
.element .progress-inner {
margin-top: 1.7rem;
}
.element .block-tab-accordion {
margin-top: 13rem;
}
.element .block-tab-accordion .tabs-inner {
margin-top: 6rem;
}
.element .block-tab-accordion .accordion-inner {
margin-top: 8rem;
}
.element .block-tab-accordion .accordion {
margin-top: 6rem;
}
.element .block-pricing-table {
margin-top: 12rem;
}
.element .pricing-table-wrapper {
margin-top: 6rem;
}
.element .pricing-table-wrapper + .pricing-table-wrapper {
margin-top: 11rem;
}
/* ELEMENT */
/* ERROR */
.block-error {
text-align: center;
}
.block-error .warninng {
font-size: 9.375em;
font-weight: 600;
margin-bottom: 5.8rem;
line-height: 135px;
text-transform: uppercase;
}
@media (max-width: 480px) {
.block-error .warninng {
font-size: 6.25em;
margin-bottom: 2rem;
}
}
.block-error .highlight {
display: inline-block;
position: relative;
}
.block-error .highlight:before,
.block-error .highlight:after {
background-color: #fff;
content: '';
position: absolute;
}
.block-error .highlight:before {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 100%;
left: 50%;
top: 0;
width: 10px;
}
.block-error .highlight:after {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
height: 10px;
left: 0;
top: 50%;
width: 100%;
}
.block-error .title {
font-size: 2.813em;
font-weight: 600;
margin-bottom: 2.5rem;
line-height: 1.3;
}
@media (max-width: 991px) {
.block-error .title {
font-size: 1.875em;
}
}
@media (max-width: 767px) {
.block-error .title {
font-size: 1.25em;
}
}
@media (max-width: 480px) {
.block-error .title {
font-size: 0.938em;
margin-bottom: 1.5rem;
}
}
.block-error .des {
margin-bottom: 5.5rem;
color: #717c7c;
line-height: 1.6;
}
@media (max-width: 991px) {
.block-error .des {
font-size: 0.875em;
}
}
@media (max-width: 480px) {
.block-error .des {
font-size: 0.75em;
margin-bottom: 2.5rem;
}
}
/* ERROR */
/* FAQ */
.block-faq .block-content {
margin-top: 6rem;
}
/* FAQ */
/* FOOTER */
.footer {
padding-bottom: 1.5rem;
background-color: #222626 ;
letter-spacing: 0;
color:#fff;
}
@media (max-width: 991px) {
.footer .col-2 {
display: inline-block;
width: 100%;
}
.footer .col-2 + .col-2 {
margin-top: 3rem;
}
}
.footer.type-1 {
padding-top: 0.5rem;
}
@media (max-width: 991px) {
.footer.type-1 {
/* padding-top: 15.5rem*/;
}
}
.footer.type-2 {
padding-top: 12rem;
}
@media (max-width: 991px) {
.footer.type-2 {
padding-top: 10rem;
}
}
@media (max-width: 991px) {
.footer {
padding-bottom: 10rem;
}
}
@media (max-width: 600px) {
.footer-main .item {
width: 100%;
}
.footer-main .item + .item {
margin-top: 3rem;
}
}
.type-2 .footer-main {
margin-top: 8rem;
}
.footer-bottom {
overflow: hidden;
}
.openings-time {
margin-top: 2.5rem;
position: relative;
}
.type-1 .openings-time {
color: #fff;
text-transform: capitalize;
position: relative;
}
@media (min-width: 992px) {
.type-1 .openings-time:after,
.type-1 .openings-time:before {
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
content: '';
position: absolute;
top: 50%;
}
.type-1 .openings-time:before {
left: -webkit-calc(-100% - 85px);
left: calc(-100% - 85px);
}
.type-1 .openings-time:after {
right: -webkit-calc(-100% + 15px);
right: calc(-100% + 15px);
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.type-1 .openings-time {
font-size: 0.75em;
}
}
@media (max-width: 991px) {
.type-1 .openings-time .item:first-child {
text-align: left;
}
.type-1 .openings-time .item:nth-child(2) {
text-align: center;
}
.type-1 .openings-time .item:last-child {
text-align: right;
}
}
@media (max-width: 600px) {
.type-1 .openings-time .item:nth-child(n) {
text-align: center;
width: 100%;
}
}
.type-2 .openings-time {
font-size: 0.875em;
color: #fff44d;
text-align: center;
text-transform: uppercase;
}
@media (min-width: 992px) {
.type-2 .openings-time .mon-fri {
position: relative;
}
.type-2 .openings-time .mon-fri:before {
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
content: '';
position: absolute;
top: 50%;
left: -webkit-calc(-100% - 30px);
left: calc(-100% - 30px);
}
.type-2 .openings-time .sat {
position: relative;
}
.type-2 .openings-time .sat:after,
.type-2 .openings-time .sat:before {
background-color: rgba(255, 255, 255, 0.1);
content: '';
height: 1px;
position: absolute;
top: 50%;
width: -webkit-calc(50% + 15px);
width: calc(50% + 15px);
}
.type-2 .openings-time .sat:before {
left: -webkit-calc(-50% - 15px);
left: calc(-50% - 15px);
}
.type-2 .openings-time .sat:after {
right: -webkit-calc(-50% - 15px);
right: calc(-50% - 15px);
}
.type-2 .openings-time .sun {
position: relative;
}
.type-2 .openings-time .sun:after {
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
content: '';
position: absolute;
top: 50%;
right: -webkit-calc(-100% - 30px);
right: calc(-100% - 30px);
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.type-2 .openings-time {
font-size: 0.75em;
}
}
@media (max-width: 991px) {
.type-2 .openings-time .item {
text-align: left;
}
}
@media (max-width: 600px) {
.type-2 .openings-time .item {
text-align: center;
width: 100%;
}
}
/* FOOTER */
/* HEADER */
.header {
letter-spacing: 0;
position: relative;
}
@media (max-width: 767px) {
.header [class*='header-']:not(.header-mobile):not(.header-banner) {
display: none;
height: 200;
}
}
.header-top {
background-color: #fff;
}
.type-1 .header-top,
.type-2 .header-top {
padding-bottom:.5rem /*2.4rem*/;
padding-top:.5rem/* 2.4rem*/;
}
.type-4 .header-top,
.type-3 .header-top {
padding-bottom: 1rem;
padding-top: 1rem;
}
.type-4 .header-top .list-inline > li,
.type-3 .header-top .list-inline > li {
line-height: 1.6;
vertical-align: top;
}
.type-4 .header-top .list-inline > li:not(:first-child),
.type-3 .header-top .list-inline > li:not(:first-child) {
border-left: 1px solid rgba(55, 65, 67, 0.1);
}
.header-bottom {
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.type-1 .header-bottom {
background-color: #364FA3/*222626*/;
}
.type-2 .header-bottom {
background-color: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
position: absolute;
width: 100%;
z-index: 2;
}
.header.type-4 .email,
.header.type-4 .hotline,
.header.type-3 .email,
.header.type-3 .hotline {
font-size: 0.75em;
}
.email .title,
.hotline .title {
position: relative;
text-transform: capitalize;
}
.email .title:after,
.hotline .title:after {
content: ':';
display: inline-block;
}
.header.type-3 .email .title,
.header.type-3 .hotline .title {
font-weight: 600;
}
.email .e-add {
display: inline-block;
}
.header.type-3 .email .e-add {
margin-left: 0.5rem;
color: #717c7c;
}
.header.type-3 .email {
padding-left: 3rem;
}
@media (max-width: 1199px) {
.header.type-3 .email {
padding-left: 2rem;
}
}
@media (max-width: 991px) {
.header.type-3 .email {
padding-left: 1rem;
}
}
.header.type-1 .hotline .title,
.header.type-2 .hotline .title {
font-size: 0.875em;
color: #717c7c;
}
.header.type-4 .hotline .title {
color: #717c7c;
}
.hotline .number {
margin-left: 0.5rem;
display: inline-block;
}
.header.type-1 .hotline .number,
.header.type-2 .hotline .number {
font-size: .7em;
font-weight: 600 !important;
/*padding-bottom: 3.4rem;
padding-top: 3.5rem;*/
color: #717c7c/*fff44d*/;
}
.header.type-3 .hotline .number {
color: #717c7c;
}
.header.type-4 .hotline .number {
font-weight: 600;
color: #222626;
}
.header.type-4 .hotline,
.header.type-3 .hotline {
padding-right: 3rem;
}
@media (max-width: 1199px) {
.header.type-4 .hotline,
.header.type-3 .hotline {
padding-right: 2rem;
}
}
@media (max-width: 991px) {
.header.type-4 .hotline,
.header.type-3 .hotline {
padding-right: 1rem;
}
}
.language {
margin-bottom: 0;
position: relative;
}
.language:after {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
content: '\f107';
font-family: FontAwesome;
pointer-events: none;
right: 0;
}
.language .title {
color: #717c7c;
position: relative;
text-transform: capitalize;
}
.language .title:after {
content: ':';
display: inline-block;
}
.language .option {
font-weight: 600;
padding-right: 1rem;
border: 0;
text-transform: uppercase;
}
.header.type-4 .language,
.header.type-3 .language {
font-size: 0.75em;
margin: 0 3rem;
display: block;
}
@media (max-width: 1199px) {
.header.type-4 .language,
.header.type-3 .language {
margin: 0 2rem;
}
}
@media (max-width: 991px) {
.header.type-4 .language,
.header.type-3 .language {
margin: 0 1rem;
}
}
.menu {
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.menu:before,
.menu:after {
display: table;
content: "";
}
.menu:after {
clear: both;
}
.header.type-1 .menu {
line-height: 60px;
}
.header.type-2 .menu {
line-height: 70px;
}
.menu li {
overflow: hidden;
position: relative;
}
.menu li.active {
overflow: visible;
}
.menu > li {
float: left;
padding: 0;
}
.menu > li:not(:first-child) {
margin-left: 9.5rem;
}
@media (max-width: 1199px) {
.menu > li:not(:first-child) {
margin-left: 6.5rem;
}
}
@media (max-width: 991px) {
.menu > li:not(:first-child) {
margin-left: 3.5rem;
}
}
.header.type-3 .menu > li:nth-child(n+4) {
float: right;
}
.menu > li > a {
font-size: 0.875em;
font-weight: 500;
display: block;
text-transform: uppercase;
}
.header.type-1 .menu > li > a {
color: #fff/*b2b8b8*/;
}
.header.type-1 .menu > li > a:hover {
color: #fff44d/*fff44d*/;
}
.header.type-2 .menu > li > a {
color: #fff;
}
.header.type-2 .menu > li > a:hover,
.header.type-2 .menu > li > a:focus {
color: #fff44d/*fff44d*/;
}
.header.type-4 .menu > li > a,
.header.type-3 .menu > li > a {
color: #222626;
}
.header.type-4 .menu > li > a:hover,
.header.type-3 .menu > li > a:hover,
.header.type-4 .menu > li > a:focus,
.header.type-3 .menu > li > a:focus {
color: #fff44d/*fff44d*/;
}
.menu > li.active > .sub-menu {
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
top: 100%;
visibility: visible;
}
.menu > li.active > .sub-menu > li {
display: block;
}
.header.type-1 .menu > li.active > a,
.header.type-2 .menu > li.active > a,
.header.type-3 .menu > li.active > a,
.header.type-4 .menu > li.active > a {
color: #fff44d !important;
}
.menu a {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
word-wrap: break-word;
}
.header.type-4 .menu,
.header.type-3 .menu {
line-height: 104px;
}
.sub-menu {
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #fff;
left: -webkit-calc(100% + 10px);
left: calc(100% + 10px);
line-height: 1;
list-style: none;
padding: 0;
position: absolute;
top: -40px;
visibility: hidden;
width: 240px;
z-index: 2;
}
.sub-menu > li {
margin-top: 4rem;
display: block;
padding-left: 15px;
padding-right: 30px;
}
.sub-menu > li:last-child {
margin-bottom: 4rem;
}
.sub-menu > li > a {
font-size: 0.875em;
font-weight: 600;
padding-right: 1rem;
color: #222626;
display: block;
position: relative;
text-transform: uppercase;
}
.sub-menu > li > a.active,
.sub-menu > li > a:hover,
.sub-menu > li > a:focus {
color: #fff44d;
}
.sub-menu > li > a.active .fa,
.sub-menu > li > a:hover .fa,
.sub-menu > li > a:focus .fa {
color: #fff44d;
right: -4px;
}
.sub-menu > li > a .fa {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 0;
}
.revert .sub-menu {
left: -webkit-calc(-100% - 10px);
left: calc(-100% - 10px);
}
.revert .sub-menu.main-sub-menu {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
left: 100%;
}
.sub-menu.main-sub-menu {
left: 0;
top: -webkit-calc(100% + 10px);
top: calc(100% + 10px);
}
.sub-menu.main-sub-menu li.active > .sub-menu {
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
left: 100%;
visibility: visible;
}
.sub-menu.main-sub-menu li.active > .sub-menu > li {
display: block;
}
.sub-menu.main-sub-menu li.active.revert > .sub-menu {
left: -100%;
}
.fixed-header {
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.8s;
transition: all 0.8s;
background-color: #364FA3/*222626*/;
position: fixed;
top: -100%;
visibility: hidden;
width: 100%;
z-index: -1;
}
.fixed-header .menu {
line-height: 68px;
}
.fixed-header .active > a {
color: #fff44d;
}
.fixed-header a {
color: #fff/*b2b8b8*/;
}
.fixed-header a:hover,
.fixed-header a:focus {
color: #fff44d/*fff44d*/;
}
.fixed-header.fixed {
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
top: 0;
visibility: visible;
z-index: 11;
}
@media (max-width: 767px) {
.fixed-header {
display: none;
}
}
@-webkit-keyframes "circle-creation" {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
border-color: transparent;
}
25% {
-webkit-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
transform: rotate(-35deg);
border-color: transparent #f8c41d transparent transparent;
}
50% {
border-color: transparent #f8c41d #f8c41d transparent;
}
75% {
border-color: transparent #f8c41d #f8c41d #f8c41d;
}
100% {
-webkit-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
transform: rotate(-300deg);
border-color: #f8c41d;
}
}
@keyframes "circle-creation" {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
border-color: transparent;
}
25% {
-webkit-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
transform: rotate(-35deg);
border-color: transparent #f8c41d transparent transparent;
}
50% {
border-color: transparent #f8c41d #f8c41d transparent;
}
75% {
border-color: transparent #f8c41d #f8c41d #f8c41d;
}
100% {
-webkit-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
transform: rotate(-300deg);
border-color: #f8c41d;
}
}
@media (min-width: 768px) {
.header-mobile {
display: none;
height: 0;
}
}
.header-mobile.fixed {
top: 0;
position: fixed;
z-index: 11;
width: 100%;
}
.header-mobile .outside {
background-color: #364FA3/*222626*/;
padding: 15px;
position: relative;
text-align: center;
}
.header-mobile .btn-menu {
width: 40px;
height: 40px;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.6s ease-in-out 0.1s;
transition: all 0.6s ease-in-out 0.1s;
padding-top: 6px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 14px;
right: -15px;
}
.header-mobile .btn-menu .bar {
width: 30px;
height: 3px;
-webkit-transition: 0.4s;
transition: 0.4s;
background-color: #f8c41d;
display: block;
margin: 5px auto;
position: relative;
}
.header-mobile .btn-menu:after {
border-radius: 100%;
width: 100%;
height: 100%;
border: 3px solid transparent;
content: '';
left: 0;
position: absolute;
top: 0;
}
.header-mobile .btn-menu.open .bar:nth-child(1) {
-webkit-transform: translateY(8px) rotate(45deg);
-ms-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
}
.header-mobile .btn-menu.open .bar:nth-child(2) {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.header-mobile .btn-menu.open .bar:nth-child(3) {
-webkit-transform: translateY(-8px) rotate(-45deg);
-ms-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-8px) rotate(-45deg);
}
.header-mobile .btn-menu.open:after {
-webkit-animation: circle-creation 1s forwards;
animation: circle-creation 1s forwards;
}
.header-mobile .inside {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: transform 0.6s ease-in-out;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
background-color: #222626;
height: 100vh;
padding-top: 68px;
position: absolute;
top: 0;
width: 265px;
z-index: 12;
}
.header-mobile .inside.open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.header-mobile .inside.open .btn-menu {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
right: 15px;
}
.header-mobile .inside nav {
width: 100%;
height: 100%;
overflow-y: auto;
position: absolute;
}
.header-mobile .mMenu a {
font-size: 0.875em;
color: #b2b8b8;
padding: 10px 15px;
display: block;
}
.header-mobile .mMenu a.active,
.header-mobile .mMenu a:hover,
.header-mobile .mMenu a:focus {
color: #f8c41d;
}
.header-mobile .mMenu ul {
display: none;
}
.header-mobile .mMenu > li > ul {
position: relative;
}
.header-mobile .mMenu > li > ul:before {
background-color: rgba(255, 255, 255, 0.1);
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
}
.header-mobile .mMenu > li li {
margin: 0 15px;
}
.header-mobile ul {
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase;
}
/* HEADER */
/* HISTORY */
.history-image {
margin-bottom: 6rem;
}
.history-image img {
width: 100%;
}
.history-content {
margin-top: 4rem;
color: #717c7c;
}
.history-content p:not(:first-child) {
margin-top: 2rem;
}
@media (max-width: 991px) {
.history-content {
font-size: 0.875em;
}
}
.history-timeline {
margin-top: 9rem;
position: relative;
}
.history-timeline:before {
background-color: #e9eaea;
content: '';
height: -webkit-calc(100% - 12px);
height: calc(100% - 12px);
left: -webkit-calc(130 * 100% / 870);
left: calc(130 * 100% / 870);
position: absolute;
top: 12px;
width: 1px;
}
@media (max-width: 480px) {
.history-timeline:before {
left: 60px;
}
}
.timeline-item {
padding-left: -webkit-calc(200 * 100% / 870);
padding-left: calc(200 * 100% / 870);
position: relative;
}
.timeline-item:before,
.timeline-item:after {
-webkit-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
background-color: #f8c41d;
content: '';
left: -webkit-calc(130 * 100% / 870);
left: calc(130 * 100% / 870);
position: absolute;
}
.timeline-item:before {
width: 9px;
height: 9px;
top: 7.5px;
}
.timeline-item:after {
-webkit-opacity: 0.1;
-khtml-opacity: 0.1;
-moz-opacity: 0.1;
opacity: 0.1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
filter: alpha(opacity=10);
width: 15px;
height: 15px;
top: 4.5px;
}
.timeline-item:not(:first-child) {
margin-top: 4.5rem;
}
.timeline-item .item-title {
font-size: 1.5em;
font-weight: 600;
margin-bottom: 2.5rem;
line-height: 1;
margin-top: 0;
text-transform: capitalize;
}
.timeline-item .item-des {
color: #717c7c;
}
.timeline-item .item-date {
font-size: 1.5em;
font-weight: 600;
left: 0;
position: absolute;
top: 0;
}
@media (max-width: 991px) {
.timeline-item .item-date,
.timeline-item .item-title {
font-size: 1.25em;
}
.timeline-item .item-des {
font-size: 0.875em;
}
}
@media (max-width: 767px) {
.timeline-item .item-date,
.timeline-item .item-title {
font-size: 1.125em;
}
.timeline-item .item-des {
font-size: 0.75em;
}
}
@media (max-width: 480px) {
.timeline-item {
padding-left: 80px;
}
.timeline-item:before,
.timeline-item:after {
left: 60px;
}
}
/* HISTORY */
/* HOMEPAGE */
[class*='homepage-'] section.block {
padding: 1rem 0;
}
[class*='homepage-'] section.block.pd0 {
padding: 0;
}
.block-client-quote-wrapper,
.block-project-wrapper {
background-color: #f5f8fa;
}
.block-contact-wrapper {
position: relative;
}
@media (min-width: 768px) {
.block-contact-wrapper .block {
display: table-cell;
vertical-align: middle;
}
}
.block-contact-wrapper.type-1 {
table-layout: fixed;
}
.block-contact-wrapper.type-1 .block-contact {
padding-left: 11.5rem;
background-color: #f5f8fa;
}
.block-contact-wrapper.type-3 .block-map,
.block-contact-wrapper.type-2 .block-map {
width: -webkit-calc((1075 * 100%) / 1920);
width: calc((1075 * 100%) / 1920);
}
.block-contact-wrapper.type-3 .block-contact,
.block-contact-wrapper.type-2 .block-contact {
position: relative;
}
@media (min-width: 768px) {
.block-contact-wrapper.type-3 .block-contact,
.block-contact-wrapper.type-2 .block-contact {
background: url('../images/bgd-1.jpg') repeat center;
}
}
@media (min-width: 768px) {
.block-contact-wrapper.type-3 .block-contact .inner,
.block-contact-wrapper.type-2 .block-contact .inner {
-webkit-box-shadow: 0 22px 59px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 22px 59px 0 rgba(0, 0, 0, 0.15);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #fff;
min-width: -webkit-calc((570 * 100%) / 845);
min-width: calc((570 * 100%) / 845);
position: absolute;
top: 50%;
z-index: 1;
}
}
.block-contact-wrapper.type-2 .block-contact {
text-align: right;
}
@media (min-width: 768px) {
.block-contact-wrapper.type-2 .block-contact .inner {
padding: 65px 50px 65px 10px;
right: -100px;
}
}
@media (min-width: 768px) {
.block-contact-wrapper.type-3 .block-contact .inner {
left: -100px;
padding: 65px 10px 65px 50px;
}
}
@media (min-width: 768px) {
.block-contact-wrapper {
display: table;
width: 100%;
}
}
@media (max-width: 991px) {
.block-contact-wrapper.type-1 .block-contact {
padding-left: 30px;
}
}
@media (max-width: 767px) {
.block-contact-wrapper .block-contact {
-webkit-box-shadow: 0 22px 59px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 22px 59px 0 rgba(0, 0, 0, 0.15);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: left 0.6s;
transition: left 0.6s;
padding: 30px 15px;
/*height: 90%;*/
left: -100%;
max-width: 100%;
position: absolute;
top: 50%;
z-index: 1;
}
.block-contact-wrapper.type-3 .block-contact,
.block-contact-wrapper.type-2 .block-contact {
background-color: #fff;
position: absolute;
}
.block-contact-wrapper.type-3 .block-map,
.block-contact-wrapper.type-2 .block-map {
width: 100%;
}
}
.homepage-1 .block-service-wrapper {
position: relative;
top: -10rem;
z-index: 1;
}
.homepage-2 .block-service-wrapper .service-post-outer,
.homepage-1 .block-service-wrapper .service-post-outer {
margin-bottom: 10rem;
}
.homepage-2 .block-service-wrapper .service-post-outer .service-post-wrapper,
.homepage-1 .block-service-wrapper .service-post-outer .service-post-wrapper {
padding: 0 15px;
}
@media (max-width: 767px) {
.homepage-2 .block-service-wrapper .service-post-outer .service-post-wrapper:not(:first-child),
.homepage-1 .block-service-wrapper .service-post-outer .service-post-wrapper:not(:first-child) {
margin-top: 6rem;
}
}
.homepage-2 .block-service-wrapper .service-item-wrapper,
.homepage-1 .block-service-wrapper .service-item-wrapper {
margin-top: 6rem;
}
.homepage-4 .block-service-wrapper .service-post-outer,
.homepage-3 .block-service-wrapper .service-post-outer {
margin-bottom: 8rem;
}
.homepage-4 .block-service-wrapper .service-item-wrapper,
.homepage-3 .block-service-wrapper .service-item-wrapper {
margin-top: 8rem;
}
.homepage-5 .block-service-wrapper .service-post-outer {
margin-bottom: 12rem;
}
.about-us .block-service-wrapper .service-item-wrapper,
.homepage-5 .block-service-wrapper .service-item-wrapper {
margin-top: 8rem;
}
.homepage-1 .block-choose-us .block-content,
.homepage-2 .block-choose-us .block-content {
/*margin-top: 6rem;*/
}
.about-us .block-choose-us .block-content,
.homepage-3 .block-choose-us .block-content,
.homepage-4 .block-choose-us .block-content,
.homepage-5 .block-choose-us .block-content {
margin-top: 8rem;
}
.block-choose-us .item-image {
/*padding: 7rem 0;*/
background: url('../images/bgd-1.jpg') repeat-y;
width: -webkit-calc((100% * 630) / 1170);
width: calc((100% * 630) / 1170);
}
.block-choose-us .item-image img {
width: 100%;
}
.block-choose-us .image-wrapper {
-webkit-box-shadow: 0 22px 59px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 22px 59px 0 rgba(0, 0, 0, 0.15);
padding: 2rem;
background-color: #fff;
position: relative;
}
.block-choose-us .item-content {
vertical-align: middle;
width: auto;
}
.block-choose-us .item-content .title {
font-size: 1.5em;
font-weight: 600;
line-height: 1;
margin: 0;
}
.block-choose-us .item-content .title:not(:first-child) {
margin-top: 4rem;
}
.block-choose-us .item-content .detail {
margin-top: 2rem;
color: #717c7c;
line-height: 1.7;
}
.block-choose-us.type-2 .item-content {
text-align: right;
}
@media (min-width: 768px) {
.block-choose-us.type-1 .item-image {
background-position: -1350px;
}
.block-choose-us.type-1 .image-wrapper {
left: -webkit-calc((100% * 70) / 630);
left: calc((100% * 70) / 630);
}
.block-choose-us.type-1 .item-content {
padding-left: -webkit-calc((100% * 170) / 1170);
padding-left: calc((100% * 170) / 1170);
}
.block-choose-us.type-2 .item-image {
background-position: 60px;
}
.block-choose-us.type-2 .image-wrapper {
right: -webkit-calc((100% * 70) / 630);
right: calc((100% * 70) / 630);
}
.block-choose-us.type-2 .item-content {
padding-right: -webkit-calc((100% * 170) / 1170);
padding-right: calc((100% * 170) / 1170);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.block-choose-us .item-image {
padding: 3.5rem 0;
width: 31.5rem;
}
.block-choose-us .image-wrapper {
padding: 1rem;
}
.block-choose-us .item-content .title:not(:first-child) {
margin-top: 2rem;
}
.block-choose-us .item-content .detail {
margin-top: 1rem;
}
.block-choose-us.type-1 .image-wrapper {
left: -webkit-calc((100% * 35) / 630);
left: calc((100% * 35) / 630);
}
.block-choose-us.type-1 .item-content {
padding-left: -webkit-calc((100% * 85) / 1170);
padding-left: calc((100% * 85) / 1170);
}
.block-choose-us.type-2 .image-wrapper {
right: -webkit-calc((100% * 35) / 630);
right: calc((100% * 35) / 630);
}
.block-choose-us.type-2 .item-content {
padding-right: -webkit-calc((100% * 85) / 1170);
padding-right: calc((100% * 85) / 1170);
}
}
@media (max-width: 991px) {
.block-choose-us .item-content {
font-size: 0.875em;
}
}
@media (max-width: 767px) {
.block-choose-us .item-image,
.block-choose-us .item-content {
display: block;
width: 100%;
}
.block-choose-us .item-image {
padding: 7rem;
}
.block-choose-us.type-1 .item-content,
.block-choose-us.type-2 .item-image {
margin-top: 6rem;
}
}
.block-news-post .news-post-wrapper {
padding: 0 15px;
}
@media (max-width: 767px) {
.homepage-1 .block-news-post .news-post-wrapper,
.homepage-2 .block-news-post .news-post-wrapper {
margin-top: 6rem;
}
.homepage-3 .block-news-post .news-post-wrapper,
.homepage-4 .block-news-post .news-post-wrapper,
.homepage-5 .block-news-post .news-post-wrapper {
margin-top: 8rem;
}
}
@media (min-width: 768px) {
.homepage-1 .block-news-post .block-content,
.homepage-2 .block-news-post .block-content {
margin-top: 6rem;
}
.homepage-3 .block-news-post .block-content,
.homepage-4 .block-news-post .block-content,
.homepage-5 .block-news-post .block-content {
margin-top: 8rem;
}
}
@media (min-width: 768px) {
.homepage-1 .block-combine .client-wrapper,
.homepage-2 .block-combine .client-wrapper {
margin-top: 3rem;
}
.homepage-3 .block-combine .client-wrapper,
.homepage-4 .block-combine .client-wrapper,
.homepage-5 .block-combine .client-wrapper {
margin-top: 12rem;
}
}
.about-us .block-combine .block-choose-us,
.homepage-5 .block-combine .block-choose-us {
margin-top: 12rem;
}
.about-us .block-combine {
/*padding: 12rem 0;*/
}
.homepage-2 .block-our-team .block-content {
margin-top: 6rem;
}
.about-us .block-our-team .block-content,
.homepage-5 .block-our-team .block-content {
margin-top: 8rem;
}
@media (max-width: 767px) {
.block-our-team .item:not(:first-child) {
margin-top: 6rem;
}
}
@media (min-width: 768px) {
.block-project-wrapper.type-1 .grid-control,
.block-project-wrapper.type-3 .grid-control {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@media (max-width: 767px) {
.block-project-wrapper.type-1 .block-content,
.block-project-wrapper.type-3 .block-content {
margin-top: 6rem;
}
}
.block-project-wrapper.type-4 .block-content {
margin-top: 8rem;
}
.block-project-wrapper.type-2 .block-content {
margin-top: 6rem;
}
@media (max-width: 767px) {
.homepage-5 .block-client,
.homepage-5 .block-client-quote,
.homepage-4 .block-client,
.homepage-4 .block-client-quote,
.homepage-3 .block-client,
.homepage-3 .block-client-quote,
.homepage-1 .block-client,
.homepage-1 .block-client-quote {
padding-top: 10rem;
}
.homepage-2 .block-client {
padding-top: 10rem;
}
}
/* HOMEPAGE */
/* NEWS-GRID */
@media (max-width: 767px) {
.news-grid-inner > .item:not(:first-child) {
margin-top: 3rem;
}
}
.news-grid-inner + .news-grid-inner {
margin-top: 6rem;
}
@media (max-width: 767px) {
.news-grid-inner + .news-grid-inner {
margin-top: 3rem;
}
}
.news-grid-item .item-image {
overflow: hidden;
}
.news-grid-item .item-image img {
-webkit-transition: transform 0.6s ease-in-out;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.news-grid-item:hover .item-image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
@media (max-width: 767px) {
.news-grid-item.type-1 .item-image img {
max-width: none;
}
}
.news-grid-item.type-1 .item-content {
padding-top: 5rem;
}
.news-grid-item.type-1 .item-title {
margin-right: -webkit-calc((100% * 30) / 370);
margin-right: calc((100% * 30) / 370);
}
@media (max-width: 991px) {
.news-grid-item.type-1 .item-content {
padding-top: 3rem;
}
}
.news-grid-item.type-2:not(:first-child) {
margin-top: 3rem;
}
.news-grid-item.type-2 .item-content,
.news-grid-item.type-2 .item-image {
display: table-cell;
vertical-align: top;
}
@media (max-width: 480px) {
.news-grid-item.type-2 .item-content,
.news-grid-item.type-2 .item-image {
display: block;
}
}
@media (max-width: 480px) {
.news-grid-item.type-2 .item-image img {
max-width: none;
}
}
.news-grid-item.type-2 .item-content {
padding-left: 3rem;
padding-top: 3rem;
}
@media (max-width: 480px) {
.news-grid-item.type-2 .item-content {
padding-left: 0;
}
}
.news-grid-item .item-image img {
max-width: 370px;
width: 100%;
}
.news-grid-item .item-created-date {
font-size: 0.75em;
font-weight: 600;
color: #f9cc4a;
text-transform: uppercase;
}
.news-grid-item .item-title {
font-size: 1.5em;
font-weight: 600;
margin-top: 2.5rem;
line-height: 1.2;
}
.news-grid-item .item-des {
margin-top: 2.2rem;
color: #717c7c;
line-height: 1.7;
}
.news-grid-item .item-action {
margin-top: 3.5rem;
}
.news-grid-item .item-action a {
font-size: 0.813em;
border-bottom: 1px solid #b2b8b8;
color: #b2b8b8;
display: inline-block;
text-transform: uppercase;
vertical-align: top;
}
.news-grid-item .item-action a:hover,
.news-grid-item .item-action a:focus {
color: #222626;
}
@media (max-width: 991px) {
.news-grid-item {
font-size: 0.875em;
}
.news-grid-item .item-title {
margin-top: 1.5rem;
}
.news-grid-item .item-des {
margin-top: 1.2rem;
}
.news-grid-item .item-action {
margin-top: 2.5rem;
}
}
/* NEWS-GRID */
/* OUR-TEAM */
.our-team-content {
margin-bottom: 1.5rem;
margin-top: 2rem;
color: #717c7c;
}
.our-team-content p:not(:first-child) {
margin-top: 2rem;
}
.our-team-content .highlight {
font-weight: 600;
color: #f8c41d;
}
@media (min-width: 768px) {
.our-team .our-team-list .item {
padding-bottom: 30px;
padding-top: 30px;
}
}
/* OUR-TEAM */
/* PARTNER */
.partner-item {
color: #222626;
display: block;
padding: 0 15px;
}
@media (max-width: 767px) {
.partner-item {
font-size: 0.75em;
}
}
@media (max-width: 480px) {
.partner-item {
font-size: 0.625em;
}
}
.partner-item:not(:first-child) {
margin-top: 3rem;
}
.partner-item .media-left {
padding-right: 1.5rem;
text-align: center;
width: 33.33333333%;
}
.partner-item .item-logo {
padding: 3.9rem 4.9rem;
border: 1px solid #e9eaea;
}
.partner-item img {
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
width: 100%;
}
.partner-item .media-body {
padding-left: 1.5rem;
padding-right: -webkit-calc((100 * 100%) / 870);
padding-right: calc((100 * 100%) / 870);
vertical-align: middle;
}
@media (max-width: 767px) {
.partner-item .media-body {
padding-right: 0;
}
}
.partner-item .item-title {
font-size: 1.5em;
font-weight: 600;
margin-bottom: 2.2rem;
line-height: 1;
}
.partner-item:hover img,
.partner-item:focus img {
-webkit-opacity: 0.3;
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
}
/* PARTNER */
/* PAYMENT */
.step-bar {
counter-reset: step-index;
overflow: hidden;
position: relative;
}
.step-bar .item {
font-size: 1.125em;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
float: left;
line-height: 68px;
margin-right: 35px;
padding-left: 35px;
position: relative;
text-align: center;
width: -webkit-calc((100% / 3) - 35px);
width: calc((100% / 3) - 35px);
}
.step-bar .item .arrow-left,
.step-bar .item .arrow-right {
width: 70px;
height: 70px;
position: absolute;
top: -1px;
}
.step-bar .item .arrow-left:after,
.step-bar .item .arrow-right:after,
.step-bar .item .arrow-left:before,
.step-bar .item .arrow-right:before {
content: '';
position: absolute;
}
.step-bar .item .arrow-left {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 0;
}
.step-bar .item .arrow-left:after {
border: 34px solid #fff;
border-left-color: transparent;
border-right-width: 0;
right: -1px;
top: 1px;
}
.step-bar .item .arrow-left:before {
border: 35px solid #e5e5e5;
border-left-color: transparent;
border-right-width: 0;
right: 0;
}
.step-bar .item .arrow-right {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
right: 0;
}
.step-bar .item .arrow-right:after {
border: 35px solid transparent;
border-left-color: #fff;
left: 34px;
}
.step-bar .item .arrow-right:before {
border: 35px solid transparent;
border-left-color: #e5e5e5;
}
.step-bar .item.step-1 {
border-left: 1px solid #e5e5e5;
}
.step-bar .item.active {
background-color: #222626;
border-bottom-color: #222626;
border-top-color: #222626;
}
.step-bar .item.active.step-1 {
border-left-color: #222626;
}
.step-bar .item.active .title {
color: #fff;
}
@media (max-width: 767px) {
.step-bar .item.active .title:after {
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
}
.step-bar .item.active .arrow-left:after,
.step-bar .item.active .arrow-left:before {
border-color: #222626;
border-left-color: #fff;
}
.step-bar .item.active .arrow-right:after {
display: none;
}
.step-bar .item.active .arrow-right:before {
border-left-color: #222626;
}
@media (max-width: 991px) {
.step-bar .item {
font-size: 0.75em;
}
}
@media (max-width: 767px) {
.step-bar .item {
font-size: 0;
line-height: 48px;
margin-right: 24px;
padding-left: 24px;
width: -webkit-calc((100% / 3) - 24px);
width: calc((100% / 3) - 24px);
}
.step-bar .item .arrow-left,
.step-bar .item .arrow-right {
width: 50px;
height: 50px;
}
.step-bar .item .arrow-left:after {
border-width: 24px;
right: -25px;
}
.step-bar .item .arrow-left:before {
border-width: 25px;
right: -25px;
}
.step-bar .item .arrow-right:after {
border-width: 25px;
left: 24px;
}
.step-bar .item .arrow-right:before {
border-width: 25px;
}
}
@media (max-width: 480px) {
.step-bar .item {
width: -webkit-calc(100% - 24px);
width: calc(100% - 24px);
}
.step-bar .item:not(.active) {
position: absolute;
visibility: hidden;
}
}
.step-bar .title {
font-weight: 600;
display: inline-block;
letter-spacing: 2px;
position: relative;
text-transform: uppercase;
}
.step-bar .title:after {
font-weight: 400;
-webkit-opacity: 0.1;
-khtml-opacity: 0.1;
-moz-opacity: 0.1;
opacity: 0.1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
filter: alpha(opacity=10);
color: #717c7c;
content: '0' counter(step-index);
counter-increment: step-index;
font-size: 60px;
letter-spacing: 10px;
position: absolute;
right: -35px;
z-index: 1;
}
@media (max-width: 991px) {
.step-bar .title:after {
font-size: 45px;
}
}
@media (max-width: 767px) {
.step-bar .title:after {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
font-size: 35px;
letter-spacing: 5px;
right: 50%;
}
}
.table.cart thead {
border: 1px solid rgba(36, 45, 46, 0.1);
}
.table.cart tbody {
border: 1px solid #e9eaea;
}
.table.cart th,
.table.cart td {
vertical-align: middle;
}
.table.cart th {
font-size: 0.875em;
font-weight: 600;
border-bottom: 0;
text-align: center;
text-transform: uppercase;
}
.table.cart td {
font-weight: 600;
padding-bottom: 1.5rem;
padding-top: 1.5rem;
border-top: 0;
}
.table.cart td:not(.col-image) {
text-align: center;
}
.table.cart .col-image {
padding-left: 3rem;
}
.table.cart .col-image a {
border: 1px solid #e5e5e5;
display: inline-block;
}
.table.cart .col-image img {
max-width: 170px;
}
@media (max-width: 991px) {
.table.cart .col-image img {
max-width: 130px;
}
}
.table.cart .col-name a {
color: #717c7c;
}
.table.cart .col-name a:hover,
.table.cart .col-name a:focus {
text-decoration: underline;
}
.table.cart .col-qty .qty-input-wrapper {
display: table;
margin: 0 auto;
}
.table.cart .col-qty .qty-action,
.table.cart .col-qty .qty-input {
display: table-cell;
vertical-align: middle;
}
.table.cart .col-qty button,
.table.cart .col-qty input {
background-color: transparent;
border: 0;
text-align: center;
}
.table.cart .col-qty input {
max-width: 88px;
}
@media (max-width: 991px) {
.table.cart .col-qty input {
max-width: 60px;
}
}
.table.cart .col-qty button {
width: 30px;
height: 30px;
}
.table.cart .col-qty button:before {
-webkit-transition: all 0.5s;
transition: all 0.5s;
position: relative;
}
.table.cart .col-qty button:hover.qty-inc:before {
left: 4px;
}
.table.cart .col-qty button:hover.qty-dec:before {
right: 4px;
}
.table.cart .col-delete {
padding-right: 3rem;
}
.table.cart .col-delete a {
font-size: 0.875em;
width: 30px;
height: 30px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: #717c7c;
display: inline-block;
line-height: 30px;
position: relative;
vertical-align: middle;
}
.table.cart .col-delete a:before {
width: 28px;
height: 28px;
content: '\f00d';
font-family: 'FontAwesome';
left: 0;
position: absolute;
-webkit-transition-duration: .3s;
transition-duration: .3s;
}
.table.cart .col-delete a:hover:before,
.table.cart .col-delete a:focus:before {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.table.cart td.col-delete a {
border: 1px solid #e5e5e5;
}
.table.cart tbody tr:first-child td {
padding-top: 3rem;
}
.table.cart tbody tr:last-child td {
padding-bottom: 3rem;
}
.cart-extended {
margin-top: 6rem;
}
@media (max-width: 1199px) {
.cart-extended {
font-size: 0.875em;
}
}
@media (max-width: 991px) {
.cart-extended .item:not(:first-child) {
margin-top: 3rem;
}
}
.checkout .block {
margin-top: 3rem;
}
@media (min-width: 992px) {
.checkout .block:first-child {
margin-top: 0;
}
}
.block-shipping-address .block-title,
.block-shipping-tax .block-title,
.block-summary .block-title,
.block-discount .block-title {
font-size: 0.875em;
padding: 2.2rem 1rem;
border: 1px solid rgba(36, 45, 46, 0.1);
text-align: center;
text-transform: uppercase;
}
.block-shipping-address .block-content,
.block-discount .block-content,
.block-shipping-tax .block-content,
.block-summary .block-content {
border-bottom: 1px solid #e9eaea;
border-left: 1px solid #e9eaea;
border-right: 1px solid #e9eaea;
}
.block-shipping-address .block-content > .des,
.block-discount .block-content > .des,
.block-shipping-tax .block-content > .des,
.block-summary .block-content > .des {
font-size: 0.875em;
text-align: center;
}
.block-shipping-address .block-content .action:not(.multi-address),
.block-discount .block-content .action:not(.multi-address),
.block-shipping-tax .block-content .action:not(.multi-address),
.block-summary .block-content .action:not(.multi-address) {
font-size: 0.813em;
}
.block-discount .block-content,
.block-shipping-tax .block-content,
.block-summary .block-content {
padding-top: 3rem;
padding-bottom: 3rem;
}
.block-discount .block-content,
.block-shipping-tax .block-content {
padding-left: 2rem;
padding-right: 2rem;
}
.block-shipping-address .block-content {
padding: 2rem 3rem;
}
.block-summary .block-content {
color: #717c7c;
text-align: center;
}
.checkout .block-summary .block-content {
padding-left: 2rem;
padding-right: 2rem;
}
.block-payment-process > .des {
margin-top: 6rem;
color: #717c7c;
}
.block-payment-process > .des a {
color: #717c7c;
}
.block-payment-process > .des a:hover,
.block-payment-process > .des a:focus {
text-decoration: underline;
}
.block-payment-process .confirmation {
font-size: 2.25em;
font-weight: 600;
margin-top: 8rem;
}
@media (max-width: 767px) {
.block-payment-process .confirmation {
font-size: 1.5em;
line-height: 1.3;
}
}
.block-shipping-tax .field {
display: table;
table-layout: fixed;
width: 100%;
margin-top: 2rem;
}
.block-shipping-tax .field:first-child,
.block-shipping-tax .field:last-child {
margin-top: 3rem;
}
.block-shipping-tax .field:last-child {
text-align: center;
}
.block-shipping-tax .field .option {
padding-right: 3.6rem;
}
.block-shipping-tax .title,
.block-shipping-tax .option-wrapper {
display: table-cell;
vertical-align: middle;
}
.block-shipping-tax .required .title span:after {
content: '*:';
}
.block-shipping-tax .option-wrapper:after {
right: 14px;
}
.block-discount .field {
margin-top: 2rem;
display: table;
width: 100%;
}
.block-discount .input-wrapper,
.block-discount .submit-coupon {
display: table-cell;
vertical-align: bottom;
}
.block-discount .input-wrapper {
padding-right: 2rem;
}
.block-summary .details {
font-size: 0.875em;
table-layout: fixed;
width: 100%;
}
.block-summary .details th {
font-weight: 600;
padding-bottom: 2rem;
color: #222626;
}
.block-summary .details th,
.block-summary .details td {
vertical-align: bottom;
}
.block-summary .details td {
padding-top: 3rem;
}
.checkout .block-summary .details td.title,
.checkout .block-summary .details td.content {
padding-bottom: 1rem;
border-bottom: 1px solid #e5e5e5;
}
.block-summary .details .title {
text-align: left;
}
.block-summary .details .title:not(.shipping) {
text-transform: uppercase;
}
.shopping-cart .block-summary .details .title {
padding-left: 5rem;
}
.shopping-cart .block-summary .details .title span {
position: relative;
}
.shopping-cart .block-summary .details .title span:after {
content: ':';
display: inline-block;
}
.block-summary .details .content {
text-align: center;
}
.block-summary .details .content:not(.shipping) {
text-transform: uppercase;
}
.checkout .block-summary .details .content {
text-align: right;
}
.block-summary .price {
font-size: 1.286em;
font-weight: 600;
color: #222626;
}
.block-summary .payment-methods {
margin-top: 3rem;
list-style: none;
margin-bottom: 0;
padding-left: 0;
text-align: left;
}
.block-summary .payment-methods label {
margin-bottom: 0;
}
.block-summary .payment-methods .payment-method:not(:first-child) {
margin-top: 2rem;
}
.block-summary .payment-methods .content-wrapper {
height: 0;
overflow: hidden;
}
.block-summary .payment-methods input:checked ~ .content-wrapper {
height: auto;
}
.block-summary .payment-methods .content {
margin-top: 2rem;
padding: 2.5rem 2rem;
border: 1px solid #e5e5e5;
}
.block-summary .multi-address {
font-size: 0.875em;
margin-top: 5rem;
color: #717c7c;
display: inline-block;
}
.block-summary .multi-address:hover,
.block-summary .multi-address:focus {
text-decoration: underline;
}
.block-summary .order {
margin-top: 7rem;
}
.block-summary .checkout {
margin-top: 3rem;
}
.block-shipping-address .des {
font-size: 0.875em;
color: #717c7c;
line-height: 1.7;
}
.block-shipping-address .shipping-address .field {
margin-bottom: 2rem;
}
.block-shipping-address .create-account {
padding-top: 3.5rem;
}
.block-shipping-address .create-account .field {
margin-bottom: 3rem;
}
/* PAYMENT */
/* PROJECT */
.grid-control-wrapper {
cursor: pointer;
position: relative;
}
.grid-control-wrapper.active .grid-control {
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
top: 100%;
z-index: 2;
}
.grid-control-wrapper.active i {
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.grid-choice {
font-size: 0.875em;
padding: 2rem;
border: 1px solid #242d2e;
position: relative;
text-align: center;
text-transform: uppercase;
}
.grid-choice i {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 0;
width: 30px;
}
@media (min-width: 768px) {
.grid-choice {
display: none;
}
}
.grid-control {
font-size: 0.875em;
margin-bottom: 0;
padding-left: 0;
}
.grid-control li {
display: inline-block;
list-style: none;
vertical-align: top;
}
@media (max-width: 767px) {
.grid-control li {
display: block;
margin-left: auto;
margin-right: auto;
}
.grid-control li:not(:first-child) {
margin-top: 10px;
}
}
.grid-control li.active {
pointer-events: none;
}
.grid-control li.active a,
.grid-control li.active button {
color: #f8c41d;
}
.grid-control a,
.grid-control button {
font-weight: 500;
margin: 0 2.5rem;
background-color: transparent;
border: 0;
color: #222626;
display: inline-block;
line-height: 1;
padding: 0;
text-transform: uppercase;
vertical-align: top;
}
.grid-control a:hover,
.grid-control button:hover {
color: #f8c41d;
}
@media (max-width: 767px) {
.grid-control {
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
padding: 2rem;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #fff;
border: 1px solid #242d2e;
position: absolute;
top: -webkit-calc(100% + 10px);
top: calc(100% + 10px);
width: 100%;
}
}
.grid {
margin-top: 6rem;
overflow: hidden;
}
.grid:before,
.grid:after {
display: table;
content: "";
}
.grid:after {
clear: both;
}
@media (max-width: 480px) {
.grid .grid-item {
width: 100%;
}
}
.grid.spacing {
margin-bottom: -30px;
}
.grid.spacing .grid-item {
margin-bottom: 30px;
}
.grid.nospace .grid-item {
padding: 0;
}
.block-project .load-more-wrapper {
text-align: center;
}
.block-project .btn-load-more {
margin: 6rem auto 0;
}
.block-project-single > .block-title {
margin-top: 12rem;
}
@media (max-width: 991px) {
.block-project-single > .block-title {
margin-top: 10rem;
}
}
.project-item {
vertical-align: top;
}
.project-item .item-link {
display: block;
height: 0;
overflow: hidden;
padding-bottom: 75%;
position: relative;
width: 100%;
}
.project-item .item-link:hover .item-image,
.project-item .item-link:focus .item-image {
-webkit-filter: grayscale(1) blur(2px);
filter: grayscale(1) blur(2px);
}
.project-item .item-link:hover .item-caption,
.project-item .item-link:focus .item-caption {
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.project-item .item-image {
-webkit-transition: transform 0.6s ease-in-out;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
width: 100%;
}
.project-item .item-caption {
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
background-color: rgba(0, 0, 0, 0.3);
bottom: 0;
color: #fff;
left: 0;
position: absolute;
right: 0;
text-transform: capitalize;
top: 0;
}
.project-item .item-caption-wrapper {
bottom: 0;
left: 0;
position: absolute;
right: 0;
padding: 0 3rem 3rem;
}
.project-item .item-caption-wrapper .name {
font-weight: 600;
font-size: 1.125em;
line-height: 1;
}
.project-item .item-caption-wrapper .scale {
margin-top: 1rem;
font-size: 0.75em;
line-height: 1;
}
.project-related {
margin-top: 6rem;
}
.project-single .block-title {
font-weight: 700;
}
.project-single .project-des {
margin-top: 2.5rem;
padding-bottom: 2.5rem;
border-bottom: 1px solid #e5e5e5;
color: #717c7c;
}
.project-single .project-des p {
line-height: 1.5;
}
.project-single .project-info dl {
padding: 2rem 0 3.5rem;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 0;
}
.project-single .project-info dt {
padding-right: 1rem;
color: #717c7c;
position: relative;
text-transform: capitalize;
}
.project-single .project-info dt:after {
content: ':';
position: absolute;
}
.project-single .project-info dd {
text-transform: capitalize;
}
.project-single .project-info dd.name {
text-transform: uppercase;
}
.project-single .project-info dt,
.project-single .project-info dd {
margin-top: 2rem;
line-height: 1;
}
.project-single .project-share {
margin-top: 4rem;
}
.project-single .project-share .title,
.project-single .project-share .list-social {
display: inline-block;
vertical-align: top;
}
.project-single .project-share .title {
position: relative;
text-transform: capitalize;
}
.project-single .project-share .title:after {
content: ':';
position: absolute;
}
.project-single .project-img {
padding-right: 0;
width: 50%;
}
.project-single .project-img img {
width: 100%;
}
.project-single .project-content {
display: table;
width: 100%;
}
@media (max-width: 991px) and (min-width: 768px) {
.project-single .project-content {
font-size: 0.875em;
}
}
@media (min-width: 768px) {
.project-single .project-detail {
padding-left: -webkit-calc((100% * (115 / 2)) / 1170);
padding-left: calc((100% * (115 / 2)) / 1170);
}
}
@media (min-width: 992px) {
.project-single .project-detail {
padding-left: -webkit-calc((100% * 115) / 1170);
padding-left: calc((100% * 115) / 1170);
}
}
@media (min-width: 1200px) {
.project-single .project-detail {
padding-left: 115px;
}
}
.project-single.fullwidth .project-detail {
padding-top: 12rem;
}
@media (min-width: 1200px) {
.project-single.fullwidth .project-detail {
width: 585px;
}
}
@media (max-width: 991px) {
.project-single.fullwidth .project-detail {
padding-top: 5rem;
}
}
@media (max-width: 767px) {
.project-single.fullwidth .project-detail {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (max-width: 767px) {
.project-single .project-content,
.project-single .project-img {
display: block;
width: 100%;
}
.project-single:not(.fullwidth) .project-detail {
padding-top: 5rem;
}
}
/* PROJECT */
/* SHOP */
@media (min-width: 601px) {
.shop-grid-inner:not(:first-child) {
margin-top: 3rem;
}
}
@media (min-width: 992px) {
.shop-grid-inner:not(:first-child) {
margin-top: 5rem;
}
}
@media (max-width: 600px) {
.shop-grid-inner .item {
width: 50%;
margin-bottom: 3rem;
}
.has-sidebar .shop-grid-inner .item {
width: 100%;
}
}
@media (max-width: 480px) {
.shop-grid-inner .item {
width: 100%;
}
}
.product-item {
position: relative;
}
.product-item:before {
position: absolute;
}
.product-item.onsale:before {
font-weight: 600;
background-color: #242d2e;
color: #fff;
content: 'sale';
font-size: 12px;
letter-spacing: 1px;
padding: 6px 20px;
right: 0;
text-transform: uppercase;
top: 0;
}
.product-item .item-figure {
-webkit-transition: box-shadow 0.4s;
-webkit-transition: -webkit-box-shadow 0.4s;
transition: -webkit-box-shadow 0.4s;
transition: box-shadow 0.4s;
transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
border: 1px solid #e9e9e9;
overflow: hidden;
position: relative;
}
.product-item .item-figure img {
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.product-item .item-figure .btn-add-to-cart {
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: transform .4s, opacity .1s .3s;
-webkit-transition: opacity .1s .3s, -webkit-transform .4s;
transition: opacity .1s .3s, -webkit-transform .4s;
transition: transform .4s, opacity .1s .3s;
transition: transform .4s, opacity .1s .3s, -webkit-transform .4s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
bottom: 0;
position: absolute;
top: auto;
}
.product-item .item-figure:hover {
-webkit-transition: box-shadow 0.4s;
-webkit-transition: -webkit-box-shadow 0.4s;
transition: -webkit-box-shadow 0.4s;
transition: box-shadow 0.4s;
transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
-webkit-box-shadow: 0 25px 40px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 40px 0 rgba(0, 0, 0, 0.15);
}
.product-item .item-figure:hover img {
-webkit-transition: all 0.4s;
transition: all 0.4s;
border-bottom: 0;
height: -webkit-calc(100% - 50px);
height: calc(100% - 50px);
}
@media (max-width: 767px) {
.product-item .item-figure:hover img {
height: -webkit-calc(100% - 56px);
height: calc(100% - 56px);
}
}
.product-item .item-figure:hover .btn-add-to-cart {
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: transform .4s, opacity .1s;
-webkit-transition: opacity .1s, -webkit-transform .4s;
transition: opacity .1s, -webkit-transform .4s;
transition: transform .4s, opacity .1s;
transition: transform .4s, opacity .1s, -webkit-transform .4s;
}
.product-item .item-detail {
margin-top: 4rem;
}
@media (max-width: 991px) {
.product-item .item-detail {
font-size: 0.875em;
margin-top: 2rem;
}
}
@media (max-width: 767px) and (min-width: 601px) {
.product-item .item-detail {
font-size: 0.75em;
}
}
.product-item .item-price {
text-align: center;
font-weight: 600;
font-size: 1.5em;
}
.product-item .price {
padding-left: 1.5rem;
}
.product-item .item-name {
margin: 0.5rem 0 0;
color: #717c7c;
text-align: center;
}
.block-shop-single .block-content {
margin-bottom: 7.5rem;
}
.block-shop-single .block-related-product {
margin-top: 6rem;
}
.block-shop-single .block-related-product .block-title {
font-size: 1.5em;
margin-bottom: 4rem;
}
.block-shop-single .product-image {
padding-right: 0;
}
.block-shop-single .product-image img {
border: 1px solid #e5e5e5;
}
@media (min-width: 601px) {
.block-shop-single .product-image {
float: left;
width: -webkit-calc((370 * 100%) / 870);
width: calc((370 * 100%) / 870);
}
}
.block-shop-single .image-item {
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.block-shop-single .thumbnail-image {
margin-top: 2rem;
}
.block-shop-single .thumbnail-image img {
width: 100%;
}
.block-shop-single .thumbnail-image .owl-thumb-item {
background: transparent;
border: 0;
padding: 0;
width: -webkit-calc((100% - 40px) / 3);
width: calc((100% - 40px) / 3);
}
.block-shop-single .thumbnail-image .owl-thumb-item:not(:first-child) {
margin-left: 20px;
}
.block-shop-single .thumbnail-image .owl-thumb-item.active {
-webkit-box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.15);
}
.block-shop-single .thumbnail-image .owl-thumb-item.active img {
border: 0;
}
.block-shop-single .product-detail {
margin-top: 6rem;
}
@media (min-width: 601px) {
.block-shop-single .product-detail {
margin-top: 0;
padding-left: 3rem;
float: left;
width: -webkit-calc((500 * 100%) / 870);
width: calc((500 * 100%) / 870);
}
}
.block-shop-single .product-name {
font-size: 1.875em;
font-weight: 600;
line-height: 1.2;
margin-top: -5px;
}
.block-shop-single .product-rating {
font-size: 0.813em;
margin-top: 1.5rem;
letter-spacing: 2px;
}
.block-shop-single .product-rating .fa-star-o {
color: #717c7c;
}
.block-shop-single .product-rating .fa-star {
color: #f8c41d;
}
.block-shop-single .product-price {
font-size: 1.5em;
margin-top: 2.5rem;
}
.block-shop-single .product-info {
margin-top: 2.5rem;
color: #717c7c;
line-height: 1.75;
}
.block-shop-single .btn-wrapper {
display: table-cell;
padding-left: 15px;
vertical-align: middle;
}
.block-shop-single .qty-input-wrapper {
display: table-cell;
max-width: 185px;
padding-right: 15px;
vertical-align: middle;
width: -webkit-calc((185 * 100%) / 870);
width: calc((185 * 100%) / 870);
}
.block-shop-single .qty-input,
.block-shop-single .qty-action {
background-color: #242d2e;
color: #fff;
display: table-cell;
vertical-align: middle;
}
.block-shop-single .qty-input button,
.block-shop-single .qty-action button,
.block-shop-single .qty-input input,
.block-shop-single .qty-action input {
background-color: transparent;
border: 0;
text-align: center;
}
.block-shop-single .qty-input input {
width: 30px;
}
.block-shop-single .qty-action button {
width: 70px;
height: 50px;
}
.block-shop-single .qty-action button:before {
-webkit-transition: all 0.5s;
transition: all 0.5s;
position: relative;
}
.block-shop-single .qty-action button:hover.qty-inc:before {
left: 4px;
}
.block-shop-single .qty-action button:hover.qty-dec:before {
right: 4px;
}
@media (max-width: 991px) {
.block-shop-single .qty-action button {
width: 50px;
}
}
.block-shop-single .product-share {
padding-top: 4rem;
}
.block-shop-single .product-share .title,
.block-shop-single .product-share .list-social {
display: inline-block;
vertical-align: top;
}
.block-shop-single .product-share .title {
text-transform: capitalize;
font-size: 0.875em;
position: relative;
}
.block-shop-single .product-share .title:after {
content: ':';
display: inline-block;
vertical-align: top;
}
/* SHOP */
/* SINGLE */
@media (max-width: 600px) {
.block-news-single {
font-size: 0.75em;
}
}
.block-news-single .block-image,
.block-service-single .block-image {
margin-bottom: 6rem;
}
.block-news-single .block-image .image:not(:first-child),
.block-service-single .block-image .image:not(:first-child) {
margin-top: 3rem;
}
.block-news-single .block-image img,
.block-service-single .block-image img {
-webkit-transition: box-shadow 0.5s;
-webkit-transition: -webkit-box-shadow 0.5s;
transition: -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s;
transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
width: 100%;
}
.block-news-single .block-image img:hover,
.block-service-single .block-image img:hover {
-webkit-box-shadow: 0 18px 43px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 18px 43px 0 rgba(0, 0, 0, 0.15);
}
.block-news-single .block-title {
font-size: 2.25em;
line-height: 1.2;
}
.block-info {
margin-top: 2.5rem;
}
.block-info:before,
.block-info:after {
display: table;
content: "";
}
.block-info:after {
clear: both;
}
.block-news-single .block-info {
color: #b2b8b8;
}
.block-news-single .block-info a {
color: #b2b8b8;
text-transform: capitalize;
}
.block-news-single .block-info a:hover,
.block-news-single .block-info a:focus {
color: #f8c41d;
}
.block-news-single .block-info [class*='single'] {
padding-left: 1.5rem;
padding-right: 1.5rem;
float: left;
}
.block-news-single .block-info [class*='single']:not(:first-child) {
border-left: 1px solid #b2b8b8;
}
.block-news-single .block-info [class*='single']:first-child {
padding-left: 0;
}
.block-news-single .block-info [class*='single']:last-child {
padding-right: 0;
}
.block-news-single .block-info .single-created-date {
text-transform: capitalize;
}
.block-news-single .block-content,
.block-service-single .block-content {
color: #717c7c;
}
.block-news-single .block-content p,
.block-service-single .block-content p {
margin-top: 3.5rem;
}
.block-news-single .block-content .sub-title,
.block-service-single .block-content .sub-title {
color: #222626;
line-height: 1;
margin: 0;
}
.block-news-single .block-content .list-detail,
.block-service-single .block-content .list-detail,
.block-news-single .block-content ul,
.block-service-single .block-content ul {
margin: 3rem 0 0;
line-height: 1.7;
}
@media (max-width: 1199px) and (min-width: 992px) {
.block-news-single .block-content .list-detail,
.block-service-single .block-content .list-detail,
.block-news-single .block-content ul,
.block-service-single .block-content ul {
font-size: 0.938em;
}
}
.block-news-single .block-content li:not(:first-child),
.block-service-single .block-content li:not(:first-child) {
margin-top: 1.5rem;
}
.block-news-single .block-content i,
.block-service-single .block-content i {
color: #f8c41d;
}
.block-news-single .block-content span,
.block-service-single .block-content span {
padding-left: 1.5rem;
}
.block-service-single .block-content p:first-child {
margin-top: 4rem;
}
.block-news-single .block-sub,
.block-service-single .block-sub {
margin-bottom: 6rem;
margin-top: 5.5rem;
}
@media (max-width: 991px) {
.has-sidebar .block-sub .sub-inner + .sub-inner {
margin-top: 4rem;
}
}
@media (max-width: 767px) {
.block-sub .sub-inner + .sub-inner {
margin-top: 4rem;
}
}
.block-share {
margin-bottom: 2rem;
margin-top: 6rem;
display: table;
table-layout: fixed;
width: 100%;
}
.block-share [class*='box-'] {
display: table-cell;
vertical-align: top;
}
.block-share .list-tag {
margin-bottom: 0;
}
@media (min-width: 376px) {
.block-share .box-right {
text-align: right;
}
}
@media (max-width: 375px) {
.block-share [class*='box-'] {
display: block;
}
.block-share [class*='box-'] + [class*='box-'] {
margin-top: 4rem;
}
}
.block-news-single .quote {
padding: 6rem 4rem 4rem 5rem;
margin-top: 5rem;
border: 1px solid #e9eaea;
}
.block-news-single .quote q {
font-size: 1.125em;
color: #717c7c;
line-height: 1.7;
}
.block-news-single .quote footer {
margin-top: 3rem;
font-size: 100%;
line-height: 1;
}
.block-news-single .quote footer:before {
display: none;
}
.block-news-single .quote .author {
font-size: 1.375em;
font-weight: 600;
color: #222626;
text-transform: capitalize;
}
.block-news-single .quote .pos {
margin-top: 1.5rem;
font-size: 0.75em;
color: #b2b8b8;
text-transform: uppercase;
}
/* SINGLE */
/* TYPO */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
line-height: 1;
margin: 0;
text-transform: capitalize;
}
.block-highlight,
.block-styles,
.block-basic {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.block-highlight p,
.block-styles p,
.block-basic p {
color: #717c7c;
}
.block-basic {
padding: 0 0 7rem;
}
.block-basic p {
margin-top: 2rem;
}
.block-basic p:not(:last-of-type) {
margin-bottom: 4.5rem;
}
.block-styles,
.block-highlight {
padding: 8rem 0 7rem;
}
.block-styles p,
.block-highlight p {
margin-top: 2.5rem;
}
.block-quote {
padding-top: 8rem;
}
.block-quote .quote-wrapper {
margin-top: 3rem;
}
@media (max-width: 767px) {
.block-quote,
.block-highlight,
.block-styles,
.block-basic {
font-size: 0.875em;
}
}
/* TYPO */
#portfolio1 li,#portfolio2 li,#portfolio3 li,#portfolio4 li,#portfolio5 li
{
padding:20px;
border-bottom:dotted 1px #000
}
.rowpadding
{
padding:20px;
}
#portfolio_page {
margin-top: 115px;
padding-bottom: 0;
}
.portfolio-items,
.portfolio-filter {
list-style: none outside none;
margin: 0 0 40px 0;
padding: 0;
}
.portfolio-filter > li {
display: inline-block;
}
.portfolio-filter > li a {
background: none repeat scroll 0 0 #FFFFFF;
font-size: 14px;
font-weight: 400;
margin-right: 20px;
text-transform: uppercase;
transition: all 0.9s ease 0s;
-moz-transition: all 0.9s ease 0s;
-webkit-transition: all 0.9s ease 0s;
-o-transition: all 0.9s ease 0s;
border: 1px solid #F2F2F2;
outline: none;
border-radius: 3px;
}
.portfolio-filter > li a:hover,
.portfolio-filter > li a.active{
color:#fff;
background: #c52d2f;
border: 1px solid #c52d2f;
box-shadow: none;
-webkit-box-shadow: none;
}
.portfolio-items > li {
float: left;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portfolio-item {
margin: 0;
padding:0;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.menu > li > a.active{
color: #FFF44D !important;
}
.mMenu > li > a.active{
color: #FFF44D !important;
}
@media (max-width: 1024px) and and (min-width: 991px)
{
.banner-main-item {
min-height:28em !important;
overflow: hidden;
position: relative;
}}