/*
 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:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
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: 'Arimo', 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;
    }

    section{
        padding:50px 0;
    }




h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    margin: 0 0 3rem 0;
    background: transparent;
    border: 0;
    line-height: 1.25;
    padding: 0;
    vertical-align: baseline;
}

h1 {
    font-size: 3.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,
ul {
    background: transparent;
    border: 0;
    line-height: 1.5;
    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;
  
    padding: 4px;
}

    select::-ms-expand {
        display: none;
    }

img {
    height: auto;
    max-width: 100%;
}

.subpage:not(.about-us) > .main {
    padding-top: 12rem;
    padding-bottom: 12rem;
}

@media (max-width: 991px) {
    .subpage:not(.about-us) > .main {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.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;
    }
}

@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.75em;
        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: 2rem;
    color: #fff;
    position: absolute;
    top: 0;
    z-index: 10;
}

    .header.type-4 .header-top .logo:after,
    .header.type-3 .header-top .logo:after {
    }

@media (max-width: 1199px) {
    .header.type-4 .header-top .logo,
    .header.type-3 .header-top .logo {
        width: 14rem;
    }

        .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: 15px;
    }

    .menu > li > a {
        font-size: 0.775em;
    }
}

.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;
    }

    .header.type-4 .header-top .logo,
    .header.type-3 .header-top .logo {
        width: 12rem;
    }

    .header.type-4 .menu, .header.type-3 .menu {
        line-height: 85px;
       /* margin-top: 20px;*/
    }

    .header.type-4 .header-top .logo, .header.type-3 .header-top .logo {
        padding-top: 0.45rem;
    }
}

@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;
}


/******  Solution CMS et Formulaire *******************************************/
/*.btnCmsCE { text-decoration:none !important; font-size:14px; }
.btnImgCms { margin-bottom: 0 !important;}*/

h2.formTitre{ margin-top:30px;}
h2.formCustomTitre { padding-top: 20px; clear: both; }

.Header{ font-size: 17px; color: #666;  max-width:170px; padding-right:25px; padding-top: 19px !important;}

table.Tableau input[type="checkbox"] { transform: scale(1.5);  }


Table.CBLForm { margin-bottom:0;}
Table.CBLForm tr { border-bottom:none !important;}
Table.CBLForm label { font-weight:normal; margin-left:5px; margin-right:10px; font-size:14px; }

.formRadioButton label { font-weight:normal; }
.formRB2 { margin-left:15px;}

.TextFixForm
{
    color: #333;
}

.TextFixForm a
{
    text-decoration:none;
    color: #013668;
}

.TextFixForm a:hover
{
    text-decoration:underline;
}


.validatorCalloutHighlight
{
    background-color: #f9dede;
}

.CustomValidatorCalloutStyle div,
.CustomValidatorCalloutStyle td
{
    background-color: lemonchiffon; 
}

.ajax__validatorcallout_popup_table 
        {
		/*background-color: Black;*/
		background: none;
		border-radius: 60px 60px 60px 60px;
		-moz-border-radius: 8px 0px 0px 8px;
		-webkit-border-radius: 8px 0px 0px 8px;	
        /*top:600px;*/
	}
		

.ajax__validatorcallout_icon_cell
{
    border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
    box-shadow: 3px 3px 3px #AAA; 
    -webkit-box-shadow: 3px 3px 3px #AAA; 
    -moz-box-shadow: 3px 3px 3px #AAA; 
}

.ajax__validatorcallout_error_message_cell
{
    line-height:15px;
    box-shadow: 3px 3px 3px #AAA; 
    -webkit-box-shadow: 3px 3px 3px #AAA;
    -moz-box-shadow: 3px 3px 3px #AAA;      
}

.ajax__validatorcallout_close_button_cell
{
    border-radius: 0px 8px 8px 0px;
    -moz-border-radius: 0px 8px 8px 0px;
    -webkit-border-radius: 0px 8px 8px 0px;
    box-shadow: 3px 3px 3px #AAA; 
    -webkit-box-shadow: 3px 3px 3px #AAA;
    -moz-box-shadow: 3px 3px 3px #AAA;  
}

.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
	border: none;
	cursor: pointer;
}

.MessageConfirme
{
    font-weight:bold;  
     font-family: 'Arimo', Arial, sans-serif;
    font-size:21px;
    color:Green;    
    text-align:center;
}

.MessageErreur
{
    font-weight:bold;  
    font-family:Verdana;
    font-size:11px;
    color:Red;  
    text-align:center;  
}

.formLnkBouton
{
    font-weight:bold;  
    font-family:'Oxygen-light';
    font-size:14px;
	text-decoration:none;
    color:#444;

} 

.Validation{
    float:right;
}

table.Tableau{
     width:100%;
     margin-bottom:30px;
}
table.Tableau tr td { padding: 10px 20px 10px 0;}

table.Tableau tr { background-color:#fff;  }
table.Tableau tr:last-child {border-bottom:none !important; }

.Tableau a.lnkBouton
{
    font-weight:700;  
    font-size:14px;
	text-decoration:none;
    color:#fff;
    background-color:#f59230;
    padding:10px 20px;
    border-radius:0;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-top:20px !important;

}



.tabFormBasBtn{ margin-top:20px; margin-bottom: 20px;}

.Tableau a:hover.lnkBouton {
    background-color: #c33c16;
}

.formLnkBouton:hover
{
    text-decoration:none !important;
	color:White !important;
	background-color:#00295c !important;
	padding:2px;
	border-radius: 3px 3px 3px 3px;
} 

.TextBox
{
   width:94% !important; background-color:#f5f5f5; font-family:'Oxygen','Verdana'; font-size:12px; border:none; padding: 10px 10px; margin-bottom:0;
}

.TextBox:focus
{
   background-color:#fff;
}

.TextBoxMultiLine { height: 60px; }

.TextBoxForm
{
    height:20px; width:650px; background-color:#f7f7f7; font-family:'Oxygen','Verdana'; font-size:12px; border:none;   
}

.tbDate
{
    font-family:Verdana;
    font-size:11px;
    color:Black;      
    width:200px;
}



.Contenu p a {
    color:#51515f;
}

textarea{
    margin-bottom:30px;
}

.formCustomTextBox{ margin-bottom:0px !important;}
/**** FIN Form Solinfo **********************/

/* LAYOUT STYLE */
/* ACCORDION */
.accordion .panel {
    border-color: rgba(36, 45, 46, 0.1);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    min-height: 53px;
}

    .accordion .panel:last-child {
        margin-bottom: 0;
    }

.accordion .panel-heading {
    padding: 0;
    border-radius: 0;
    border: 0;
    position: relative;
}

.accordion .panel-title {
    font-weight: 600;
    display: inline-block;
    padding: 16px 25px 36px 0;
    position: relative;
    float: right;
}

    .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: #952c23;
}

.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: #952c23;
        content: '';
        height: 100%;
        left: -1px;
        position: absolute;
        width: 4px;
    }

/* Commander */
.ddlPiece { margin-right: 10px; }
.tbQte { width:80px !important; text-align:right; }

/* ACCORDION */
/* BANNER */
.banner-main-item {
    min-height: 83rem;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1570px) {
    .banner-main-item {
        min-height: 62rem;
        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: 4.25em;
    line-height: 1;
    margin: 0;
}

.banner-main-item .item-highlight {
    color: #952c23;
}

.banner-main-item .item-des {
    font-size: 1.5em;
    margin-top: 3rem;
    max-width: 75%;
}

.banner-main-item .item-action {
    margin-top: 5.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.2em;
    }

    .banner-main-item .item-des {
        font-size: 1em;
        max-width: 90%;
        line-height: normal;
    }
}

@media (max-width: 480px) {
    .banner-main-item .item-title {
        font-size: 1.875em;
    }
}

.header-banner {
    /* background-color:#952c23;
  min-height: 26rem;
  overflow: hidden;
  position: relative; */
    background-image: url('../../images/header-page-metal-leger-lv.jpg');
    background-size: cover;
    min-height: 26rem;
    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-align: left;
        color: #fff;
        margin-top: 1em;
    }

    .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: #952c23;
}

    .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;
}

/* bouton orange */

.btn.color-5 {
    background-color: #f59230;
}

.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 {
    color: #717c7c;
}

.field2 {
    float:left;
    padding-left: 5px;
    margin-right:30px;
    border-left:solid 1px #ccc;
        margin-bottom: 10px;
}

    .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: 1rem 1rem;
        border: 1px solid #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: 11rem;
}

    .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: #952c23;
        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) {
    .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: 70rem;
}
/* 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;
    }
}

.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: #952c23;
        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: #952c23;
            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: #952c23;
    }

    .progress-item.type-2.light .tooltip-arrow {
        border-top-color: #952c23;
    }

    .progress-item.type-2.light .tooltip-inner {
        background-color: #952c23;
    }

    .progress-item.dark .progress-bar {
        background-color: #242d2e;
    }

        .progress-item.dark .progress-bar:before {
            background-color: #242d2e;
        }

    .progress-item.light .progress-bar {
        background-color: #952c23;
    }

        .progress-item.light .progress-bar:before {
            background-color: #952c23;
        }
/* PROGRESS-BAR */
/* QUOTE */
.highlight {
    color: #fff;
    padding: 0;
}

    .highlight.type-1 {
        background-color: #242d2e;
    }

    .highlight.type-2 {
        background-color: #952c23;
    }

.block-error .highlight,
.confirmation .highlight {
    color: #952c23;
}

.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: 0.75em;
        color: #952c23;
        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: #952c23;
        }

@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 {
        padding: 20px 20px 33px;
    }
}

.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;
    text-align: center;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .service-post.type-1 {
        padding: 20px 20px 33px;
    }
}

.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: 2.5rem;
    padding: 0 2rem;
}

    .service-post.type-1 .item-content a {
        color: #000;
    }

        .service-post.type-1 .item-content a:hover {
            color: #f59230;
        }

.service-post.type-1 .item-title {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.25;
}

.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% * 100) / 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: #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: #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: #952c23;
}

.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(229, 229, 229, 0.85);*/
        bottom: 0;
        padding: 26px 0;
        position: absolute;
        text-align: center;
        width: 100%;
        height: 50%;
    }

@media (max-width: 991px) {
    .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(229, 229, 229, 0.85);
        bottom: 0;
        padding: 26px 0;
        position: absolute;
        text-align: center;
        width: 100%;
        height: 100%;
    }
}

.our-team-item a {
    color: #000;
    font-weight: 600;
    font-size: 15px;
}

@media (max-width: 478px) {
    .our-team-item a {
        font-size: 14px;
    }
}


.our-team-item a:hover {
    color: #f59230;
}

.our-team-item .item-name {
    font-size: 1.125em;
    font-weight: 500;
    color: #000;
}

.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: #952c23;
        }

@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: #952c23;
            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: #952c23;
            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: #952c23;
    }

.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;
}*/
.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: #952c23;
    }

        .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: #952c23;
        border-color: #952c23;
        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 #952c23;
}

@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: #952c23;
}

.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: 8rem;
}

.block-contact .address {
    margin-top: 2.5rem;
}

.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: 11.5rem;
    background-color: #c33c16;
    /*background-color: #952c23;*/
    letter-spacing: 0;
    font-family: 'Arimo', Arial, sans-serif;
    padding-bottom: 0;
}

@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: 17.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: 0rem;
    }
}

@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: 7.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: #952c23;
    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: 0;
    }
}

.header-top {
    background-color: #fff;
}

.type-1 .header-top,
.type-2 .header-top {
    padding-bottom: 1rem;
    padding-top: 2rem;
}

.type-4 .header-top,
.type-3 .header-top {
    padding-bottom: 0;
    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) {
        }

.header-bottom {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.type-1 .header-bottom {
    background-color: #222626;
}

.type-2 .header-bottom {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    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.85em;
}

.email .title,
.hotline .title {
    position: relative;
}

    .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;
}

a.home { color: #ac3b31; font-size:15px; }
a.home:hover { color: #717c7c; }
ul.list-inline li:first-child div.hotline { margin-right:0; }

.header.type-1 .hotline .number,
.header.type-2 .hotline .number {
    font-size: 1.3em;
    font-weight: 600;
    padding-bottom: 0.85rem;
    padding-top: 0.75rem;
    color: #ac3b31;
}

.header.type-3 .hotline .number {
    color: #717c7c;
}

.header.type-4 .hotline .number {
    font-weight: 600;
    color: #8c1515;
}

.header.type-4 .hotline,
.header.type-3 .hotline {
    padding-left: 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: 0;
    }

    .header.type-4 .hotline, .header.type-3 .hotline {
        padding-left: 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;
    text-align: center;
}

.menu li {
    overflow: hidden;
    position: relative;
}

    .menu li.active {
        overflow: visible;
    }

.menu > li {
    float: left;
    padding: 0;
    /*display: inline-block;*/
}

    .menu > li:not(:first-child) {
        margin-left: 2.5rem;
    }

@media (max-width: 1199px) {
    .menu > li:not(:first-child) {
        /* margin-left: 6.5rem;*/
    }

    .menu > li > a {
        font-size: 0.775em;
    }
}

@media (max-width: 991px) {
    .menu > li:not(:first-child) {
        margin-left: 2rem;
    }
}

.header.type-3 .menu > li:nth-child(n+4) {
    float: right;
}

.menu > li > a {
    font-size: 0.875em;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    /*padding-top: 2rem;*/
}



.header.type-1 .menu > li > a {
    color: #b2b8b8;
}

    .header.type-1 .menu > li > a:hover {
        color: #952c23;
    }

.header.type-2 .menu > li > a {
    color: #fff;
}

    .header.type-2 .menu > li > a:hover,
    .header.type-2 .menu > li > a:focus {
        color: #f59230;
    }

.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: #952c23 !important;
    }

    .header.type-4 .menu > li > a.actif{
        color:#952c23 !important;
    }

.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: #f59230;
}

.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: 85px;
}

.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: 190px;
    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: #f59230;
            }

                .sub-menu > li > a.active .fa,
                .sub-menu > li > a:hover .fa,
                .sub-menu > li > a:focus .fa {
                    color: #952c23;
                    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: #fff;
    position: fixed;
    top: -100%;
    visibility: hidden;
    width: 100%;
    z-index: -1;
    border-bottom: solid 1px #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .fixed-header .menu {
        line-height: 68px;
    }

    .fixed-header img {
        height: auto;
        max-width: 80%;
    }

    .fixed-header .active > a {
        color: #952c23;
    }

    .fixed-header a {
        color: #000;
    }

        .fixed-header a:hover,
        .fixed-header a:focus {
            color: #f59230;
        }

    .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 #952c23 transparent transparent;
}

50% {
    border-color: transparent #952c23 #952c23 transparent;
}

75% {
    border-color: transparent #952c23 #952c23 #952c23;
}

100% {
    -webkit-transform: rotate(-300deg);
    -ms-transform: rotate(-300deg);
    transform: rotate(-300deg);
    border-color: #952c23;
}

}
@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 #952c23 transparent transparent;
}

50% {
    border-color: transparent #952c23 #952c23 transparent;
}

75% {
    border-color: transparent #952c23 #952c23 #952c23;
}

100% {
    -webkit-transform: rotate(-300deg);
    -ms-transform: rotate(-300deg);
    transform: rotate(-300deg);
    border-color: #952c23;
}

}

@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: #fff;
    padding: 15px;
    position: relative;
    text-align: right;
}

    .header-mobile .outside img {
        max-width: 80%;
    }


.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: #952c23;
        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: #fff;
    padding: 15px;
    display: block;
}

    .header-mobile .mMenu a.active,
    .header-mobile .mMenu a:hover,
    .header-mobile .mMenu a:focus {
        color: #f59230;
    }

.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: #952c23;
        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: 10rem 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%;
    }
}

.block-service-wrapper { min-height:500px; }
.block-apropos { padding:0; }

@media (max-width: 767px) {
    .block-service-wrapper { min-height:300px; }
}

.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: 5rem;
    }

        .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;
        text-transform: capitalize;
    }

        .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: 9rem;
    }

    .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: #952c23;
    }

@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: #952c23;
    }

.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: #952c23;
    }

@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: 20px;
        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: #952c23;
    }

.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: #952c23;
        }

    .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: #952c23;
}

.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 */

/* Laurie */


.titre-accueil h2 {
    text-align: center;
    /*color:#952c23;*/
    /*color:#c33c16;*/
    color: #000;
    font-size: 3.5em;
    margin: 50px 0 40px 0;
    line-height: normal;
}

.menu-footer {
    list-style-type: none;
    margin-top: 3px;
}


    .menu-footer li {
        display: inline-block;
        list-style-type: none;
        margin-right: 30px;
        margin-bottom: 30px;
    }

        .menu-footer li a {
            /*color:#bea9a7;*/
            color: #fff;
            opacity: 0.7;
        }

            .menu-footer li a:hover {
                color: #fff;
                opacity: 1;
            }

.copyright p {
    color: #fff;
    font-size: 12px;
    opacity: 0.6;
}

.copyright a {
    color: #fff;
    text-decoration: underline;
}

.carte {
    width: 100%;
    /*margin:30px 0 0 0;*/
    padding: 0;
    margin-bottom: 0;
    /*background:#ac3b31;*/
    background: #f5f5f5;
    border-top: solid 5px #c33c16;
}

    .carte h2 {
        color: #000;
        text-align: center;
        padding: 30px 0;
        margin-bottom: 0;
    }

#scroll-top-link {
    text-align: center;
    line-height: 60px !important;
    text-decoration: none;
    background-color: rgba(255,255,255,.5);
    color: #952c23;
    position: fixed;
    height: 60px;
    width: 60px;
    right: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 10000;
}

    #scroll-top-link:hover {
        background-color: rgba(255,255,255,.9);
        color: #f59230;
    }

    #scroll-top-link.scroll_animation_class {
        -ms-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    #scroll-top-link.scroll_pop_class {
        opacity: 0.8;
        visibility: visible;
    }



.pContenu ul {
    margin: 20px 0 20px 20px;
}

    .pContenu ul li {
        list-style-image: url(../../images/bullets.png);
    }

.pContenu img {
    margin-bottom: 10px;
}

.pContenu h1 {
    color: #f59230;
}

.pContenu {
    padding-top: 5px;
}

.voir-services {
    text-align: center;
    margin-bottom: 6rem;
}

/*
.intro{
    width:55%;
}

.intro p{
    font-size: 0.875em;
    color: #717c7c;
    padding-top: 2rem;
    padding-left: 2rem;
}*/


.input-wrapper {
    margin: 10px 0;
}

label {
    font-size: 15px;
}

.pieces {
    background: #ebeaea;
    /*padding: 20px 20px 0 20px;*/
    
}

    .pieces img {
        margin-bottom: 20px;
    }

.titre-formulaire {
    width: 100%;
    text-align: center;
    margin: 40px 0 20px 0;
}

.accordion-inner {
    margin: 40px 0 20px 0;
}

.bloc-commande {
    width: 90%;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}

    .bloc-commande input {
        width: 12%;
    }

.clear {
    clear: both;
}

.col-supprimer {
    width: 12%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: left;
    padding-top: 24px;
}

    .col-supprimer a {
        font-size: 13px;
    }

        .col-supprimer a:hover {
            text-decoration: underline;
        }

.col-dimensions {
    width: 65px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .col-dimensions input {
        max-width: 90%;
    }

    .col-dimensions .inputjoint {
        max-width: 65px;
    }

.col-deroulante {
    width: 150px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .col-deroulante select {
        width: 90%;
    }


.col-remarque {
    width:400px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}


    .col-remarque input {
        width: 91% !important;
    }

    .col-deroulante label,
    .col-dimensions label,
    .col-remarque label {
        display: block;
    }

.image-piece {
    width: 100%;
    margin-bottom: 3rem;
}
.image-piece img { max-width:200px;  }

.ajouter-piece {
    display: block;
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: #f59230;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
}

    .ajouter-piece:hover {
        background-color: #c33c16;
        color: #fff;
    }


label[for='rbImperiale'] { margin-right:10px;}


.texte-resume {
    width: 100%;
    background: #ebeaea;
    padding: 4em 2em;
    margin-right: 1rem;
    margin-top: 1.3rem;
    text-align: center;
}

    .texte-resume p {
        font-size: 1em;
        color: #717c7c;
    }

.hotline {
    margin-right: 1rem;
}

.footer-main {
    padding-top: 2rem;
}

.container-entete {
    padding-right: 15px;
    padding-left: 15px;
}

.previsualiser {
    width: 100%;
    margin-top: 50px;
    text-align: center;
    background: #ebeaea;
    padding: 30px;
}

    .previsualiser h3 {
        color: #d37110;
        text-align: center;
    }

.verifier-commande {
    display: inline-block;
    padding: 1.5rem;
    background-color: #f59230;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
}

    .verifier-commande:hover {
        background-color: #c33c16;
        color: #fff;
    }

.print-commande 
{
    width: 250px;
    display: inline-block;
    padding: 1.5rem;
    background-color: #f59230;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    cursor: pointer;
}

    .print-commande:hover {
        background-color: #35733f;
        color: #fff;
    }

.download-commande {
    width: 250px;
    display: inline-block;
    padding: 1.5rem;
    background-color: #f59230;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    cursor: pointer;
}

    .download-commande:hover {
        background-color: #35733f;
        color: #fff;
    }

.pRetour { clear: both; margin-top:40px; }
.btnRetour{
    width:250px;
    display: inline-block;
    padding: 1.5rem;
    background-color: #c33c16;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    cursor:pointer;
}


.commander {
    width: 50%;
    text-align: right;
    float:right;
}

    .commander h3 {
        color: #35733f;
        text-align: center;
    }

.bouton-commander {
    display: inline-block;
    padding: 1.5rem;
    background-color: #35733f;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
}

    .bouton-commander:hover {
        background-color: #185122;
        color: #fff;
    }

    .modifier{
          width: 50%;
    text-align: left;
    float:left;
    }

    .validation{
        width:100%;
        padding:0 0 50px 0;
    }

.ajouter-hover a {
    display: block;
    width: 100%;
    height: 100%;
}

    .ajouter-hover a:hover {
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
    }

.unite-mesure {
    width: 100%;
    margin-top: 50px;
    text-align: center;
    background: #ebeaea;
    padding: 5px 30px 40px 30px;
}

    .unite-mesure input {
        margin-left: 20px;
    }

    
.resume-commande{ /*les champs info contact, tel et etc*/
margin-top:30px;
}

.tableau-commande{ /* div qui contient le tableau  qui résume la commande*/
margin:50px 0;
clear:both;
}

.cellPieceValidation{ width:100px; }

.liste-commande{ /*style du tableau qui résume la commande*/
    width:100%;
    border:solid 1px #eee;
    font-size:15px;
}

.liste-commande img{
   
}

.liste-commande td {
    padding:7px 10px;
    border:solid 1px #eee;
    text-align:left;
}

.liste-commande th {
    background-color:#ebeaea;
    padding:7px 10px;
    border:solid 1px #ccc;
    text-align:left;
}

a.plus{


}


a.plus i{
    background:rgba(53,115,63,0.8);
    color:#fff;
    font-weight:500;
    display:none;
    position:absolute;
    bottom:20px;
    left:15px;
    padding:8px 10px;
    font-size:20px;
}


a:hover.plus i{
    display:block;
}

#contenuColonne2 .image-wrapper img {
width:100%;
}


@media (max-width: 991px) {

    a.plus i{
    background:rgba(53,115,63,0.8);
    color:#fff;
    font-weight:400;
    display:block;
    position:absolute;
    bottom:20px;
    left:15px;
    padding:5px 8px;
    font-size:15px;
}



    .col-supprimer {
        width: 99%;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        text-align: left;
        padding-top: 24px;
    }

        .col-supprimer a {
            font-size: 16px;
        }

    .texte-resume {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
    }

        .texte-resume p {
            font-size: 0.875em;
            text-align: center;
        }


    .hotline {
    }

    .menu-footer {
        padding-left: 0;
        text-align: center;
    }

    .menu > li > a {
        font-size: 0.775em;
    }

    .copyright p,
    .copyright a {
        text-align: center;
    }
    /*
       .col-remarque {
        width: 100%;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }


        .col-remarque input {
            width: 91% !important;
        }

 .col-deroulante {
        width: 30%;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .col-deroulante select {
            width: 90%;
        }*/

}

@media (max-width: 767px) {

    .col-remarque {
    width:90%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .form .field2 {
    width: 29%;
    margin-right:10px;
}

    .tableau-commande {
    margin: 20px 0;
}

    .liste-commande td,
    .liste-commande th {
    padding:5px;
}


    .bouton-commander,
    .verifier-commande {
    padding: 3rem;
}

  

    .liste-commande{ /*style du tableau qui résume la commande*/
    font-size:14px;
}

    .banner-main-item .item-content {
        top: 40%;
    }

    .previsualiser h3,
    .commander h3 {
        font-size: 1.25em;
    }



    .titre-accueil h2 {
        font-size: 1.875em;
        margin: 30px 0;
        line-height: normal;
    }

    /*
    .col-dimensions {
        width: 30%;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .col-dimensions input {
            max-width: 90%;
        }

   */


    .ajouter-piece {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}



@media (max-width: 478px) {

    .liste-commande { /*style du tableau qui résume la commande*/
        font-size: 12px;
    }

    .menu-footer li {
        display: block;
        text-align: center;
        margin-right: 0;
    }

    .copyright p,
    .copyright a {
        text-align: center;
    }

    label {
        font-size: 12px;
    }

    .form .field2 {
        width: 45%;
        margin-right: 10px;
    }

    .ddlPiece { display:block;
                margin-bottom:20px;
    }

    .col-dimensions {
    width: 115px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .col-deroulante {
    width: 115px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

    section {
    padding: 20px 0;
}

    .titreUniteMesure{
        padding:10px 0;
    }
}

.telephone {
    width: 100%;
    margin: 0;
}

.telephone-case {
    width: 70px;
    margin: 0 5px 0 0;
    float: left;
}

.poste {
    float: left;
    margin: 0 5px 0 0;
}