/*-----------------------------------------------------------------------------------

    Template Name: Edwards - Law Firm HTML Template
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    01. Theme default CSS
	02. Elements CSS
		2.1 - Accordion CSS
		2.2 - Blockquote CSS
		2.3 - Button CSS
		2.4 - Form CSS
		2.5 - List CSS
		2.6 - Skill/Progress CSS
		2.7 - Tab CSS
	03. Header CSS
		3.1 - Header Top CSS
		3.2 - Header Middle CSS
		3.3 - Header Bottom CSS
		3.4 - Mobile Header CSS
		3.5 - Offcanvas CSS
		3.6 - Fullscreen Search CSS
	04. Pages CSS (All Page Styles)
		4.1  - Home Pages CSS
			4.1.1 - Hero Slider CSS
			4.1.2 - Intro CSS
			4.1.3 - CTA(Call to action) CSS
			4.1.4 - Testimonial CSS
			4.1.5 - Partner CSS
			4.1.6 - Quote CSS
			4.1.7 - Funfact CSS
			4.1.8 - Feature CSS
		4.2  - Page Banner CSS
		4.3  - Practice CSS
		4.4  - Case Result CSS
		4.5  - Team CSS
		4.6  - Award CSS
		4.7  - Career CSS
		4.8  - About CSS
		4.9  - News CSS
		4.10 - Comment CSS
		4.11 - Shop CSS
			4.11.1 - Product CSS
			4.11.2 - Single Product CSS
			4.11.3 - Cart & Wishlist CSS
			4.11.4 - Checkout CSS
			4.11.5 - My Account CSS
		4.12 - Gallery CSS
		4.13 - Contact CSS
	05. Widget CSS
		5.1 - Sidebar Widget CSS
		5.2 - Footer Widget CSS
	06. Newsletter Socail CSS
	07. Footer CSS

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i&display=swap");
/*-- Common Style --*/
*, *::after, *::before {
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

html, body, .site-wrapper {
    height : 100%;
}

body {
    background-color : #ffffff;
    font-size        : 14px;
    line-height      : 1.75;
    font-style       : normal;
    font-weight      : 400;
    visibility       : visible;
    font-family      : sans-serif;
    color            : #666666;
    position         : relative;
}

h1, h2, h3, h4, h5, h6 {
    font-family : "EB Garamond", serif;
    color       : #333333;
    font-weight : 600;
    margin-top  : 0;
    line-height : 1.5;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    margin      : 0;
    line-height : 1.5;
}

h1, .h1 {
    font-size : 36px;
}

@media only screen and (max-width : 767px) {
    h1, .h1 {
        font-size : 30px;
    }
}

h2, .h2 {
    font-size : 30px;
}

@media only screen and (max-width : 767px) {
    h2, .h2 {
        font-size : 24px;
    }
}

h3, .h3 {
    font-size : 24px;
}

@media only screen and (max-width : 767px) {
    h3, .h3 {
        font-size : 20px;
    }
}

h4, .h4 {
    font-size : 18px;
}

h5, .h5 {
    font-size : 16px;
}

h6, .h6 {
    font-size : 14px;
}

p:last-child {
    margin-bottom : 0;
}

a, button {
    color           : inherit;
    display         : inline-block;
    line-height     : inherit;
    text-decoration : none;
    cursor          : pointer;
}

a, button, img, input {
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

*:focus {
    outline : none !important;
}

a:focus {
    color           : inherit;
    outline         : none;
    text-decoration : none;
}

a:hover {
    text-decoration : none;
    color           : #c89a69;
}

button, input[type="submit"] {
    cursor : pointer;
}

img {
    max-width : 100%;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity : 1;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    opacity : 1;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity : 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    opacity : 1;
}

/*-- Common Classes --*/
.fix {
    overflow : hidden;
}

.hidden {
    display : none;
}

.clear {
    clear : both;
}

.section, .main-wrapper {
    float : left;
    width : 100%;
}

@media only screen and (min-width : 1200px) {
    .container {
        max-width : 1200px;
    }
}

/*@media only screen and (max-width : 575px) {
    .container {
        max-width : 450px;
    }
}*/

/*@media only screen and (max-width : 479px) {
    .container {
        max-width : 300px;
    }
}*/

/*Background Color*/
.bg-white {
    background-color : #ffffff !important;
}

.bg-gray {
    background-color : #f8f8f8 !important;
}

.bg-dark {
    background-color : #333333 !important;
}

.bg-primary {
    background-color : #c89a69 !important;
}

.bg-primary-light {
    background-color : #f9f4ef !important;
}

.bg-secondary {
    background-color : #6c757d !important;
}

.bg-success {
    background-color : #4CAF50 !important;
}

.bg-danger {
    background-color : #F44336 !important;
}

.bg-warning {
    background-color : #FFC107 !important;
}

.bg-info {
    background-color : #17a2b8 !important;
}

/*Text Color*/
.text-white {
    color : #ffffff !important;
}

.text-body {
    color : #666666 !important;
}

.text-body-light {
    color : #999999 !important;
}

.text-heading {
    color : #333333 !important;
}

.text-primary {
    color : #c89a69 !important;
}

.text-secondary {
    color : #6c757d !important;
}

.text-success {
    color : #4CAF50 !important;
}

.text-danger {
    color : #F44336 !important;
}

.text-warning {
    color : #FFC107 !important;
}

.text-info {
    color : #17a2b8 !important;
}

/*Font Weight*/
.fw-100 {
    font-weight : 100;
}

.fw-200 {
    font-weight : 200;
}

.fw-300 {
    font-weight : 300;
}

.fw-400 {
    font-weight : 400;
}

.fw-500 {
    font-weight : 500;
}

.fw-600 {
    font-weight : 600;
}

.fw-700 {
    font-weight : 700;
}

.fw-800 {
    font-weight : 800;
}

.fw-900 {
    font-weight : 900;
}

/*White Space*/
.white-space-nowrap {
    white-space : nowrap;
}

/*--Tab Content & Pane Fix--*/
.tab-content {
    width : 100%;
}

.tab-content .tab-pane {
    display    : block;
    height     : 0;
    max-width  : 100%;
    visibility : hidden;
    overflow   : hidden;
    opacity    : 0;
}

.tab-content .tab-pane.active {
    height     : auto;
    visibility : visible;
    opacity    : 1;
    overflow   : visible;
}

/*--Background Image--*/
[data-bg-image] {
    background-position : center center;
    background-repeat   : no-repeat;
    background-size     : cover;
}

/*--Section Spacing--*/
.section-padding {
    padding-top    : 80px;
    padding-bottom : 80px;
}

.section-padding-half {
    padding-top    : 40px;
    padding-bottom : 40px;
}

@media only screen and (max-width : 767px) {
    .section-padding {
        padding-top    : 60px;
        padding-bottom : 60px;
    }
}

.section-padding-2 {
    padding-top    : 110px;
    padding-bottom : 110px;
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .section-padding-2 {
        padding-top    : 90px;
        padding-bottom : 90px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .section-padding-2 {
        padding-top    : 70px;
        padding-bottom : 70px;
    }
}

@media only screen and (max-width : 767px) {
    .section-padding-2 {
        padding-top    : 60px;
        padding-bottom : 60px;
    }
}

.section-margin {
    margin-top    : 80px;
    margin-bottom : 80px;
}

@media only screen and (max-width : 767px) {
    .section-margin {
        margin-top    : 60px;
        margin-bottom : 60px;
    }
}

.section-margin-2 {
    margin-top    : 110px;
    margin-bottom : 110px;
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .section-margin-2 {
        margin-top    : 90px;
        margin-bottom : 90px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .section-margin-2 {
        margin-top    : 70px;
        margin-bottom : 70px;
    }
}

@media only screen and (max-width : 767px) {
    .section-margin-2 {
        margin-top    : 60px;
        margin-bottom : 60px;
    }
}

/*--Section Title--*/
.section-title {
    width         : 100%;
    margin-bottom : 40px;
    text-align    : center;
}

.section-title .title {
    font-size      : 30px;
    line-height    : 1.25;
    font-weight    : 500;
    letter-spacing : 2px;
    color          : #333333;
    margin-top     : -5px;
    margin-bottom  : 0;
}

.section-title .title::after {
    content     : "\e900";
    font-family : "TMLawyer";
    font-size   : 9px;
    color       : #51b4e5;
    display     : block;
    margin-top  : 7px;
}

@media only screen and (max-width : 767px) {
    .section-title .title {
        font-size : 24px;
    }
}

.section-title-2 {
    width         : 100%;
    margin-bottom : 70px;
    text-align    : center;
}

.section-title-2 .sub-title {
    font-size   : 34px;
    line-height : 1.25;
    font-weight : 400;
    color       : #c89a69;
}

.section-title-2 .sub-title:first-child {
    margin-top : -5px;
}

.section-title-2 .title {
    display        : block;
    font-size      : 40px;
    line-height    : 1.25;
    font-weight    : 700;
    color          : #333333;
    margin-bottom  : 0;
    text-transform : uppercase;
}

.section-title-2 .title:first-child {
    margin-top : -5px;
}

.section-title-2 .title::after {
    content     : "\e900";
    font-family : "TMLawyer";
    font-size   : 9px;
    color       : #c89a69;
    display     : block;
    margin-top  : 7px;
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .section-title-2 {
        margin-bottom : 50px;
    }
    
    .section-title-2 .sub-title {
        font-size : 24px;
    }
    
    .section-title-2 .title {
        font-size : 32px;
    }
}

@media only screen and (max-width : 767px) {
    .section-title-2 {
        margin-bottom : 40px;
    }
    
    .section-title-2 .sub-title {
        font-size : 20px;
    }
    
    .section-title-2 .title {
        font-size : 28px;
    }
}

@media only screen and (max-width : 575px) {
    .section-title-2 .sub-title {
        font-size : 18px;
    }
    
    .section-title-2 .title {
        font-size : 24px;
    }
}

@media only screen and (max-width : 479px) {
    .section-title-2 .sub-title {
        font-size : 16px;
    }
    
    .section-title-2 .title {
        font-size : 20px;
    }
}

.section-title-left {
    text-align : left;
}

.section-title-left .title::after {
    content : "\e901";
}

.section-title-right {
    text-align : right;
}

.section-title-right .title::after {
    content : "\e902";
}

/*Page Pagination*/
.page-pagination ul {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    list-style        : none;
    padding           : 0;
    margin-right      : -15px;
    margin-bottom     : -15px;
}

.page-pagination ul li {
    line-height   : 50px;
    width         : 50px;
    height        : 50px;
    text-align    : center;
    font-size     : 14px;
    font-weight   : 600;
    margin-right  : 15px;
    margin-bottom : 15px;
}

.page-pagination ul li a {
    display          : block;
    border           : none;
    background-color : #f9f4ef;
    color            : #333333;
}

.page-pagination ul li a:hover {
    background-color : #c89a69;
    color            : #ffffff;
}

.page-pagination ul li.page-numbers {
    width : auto;
}

.page-pagination ul li.page-numbers a {
    padding : 0 20px;
}

.page-pagination ul li.active {
    background-color : #c89a69;
    color            : #ffffff;
}

.page-pagination.center ul {
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
}

.page-pagination.right ul {
    -webkit-box-pack        : end;
    -webkit-justify-content : flex-end;
    -ms-flex-pack           : end;
    justify-content         : flex-end;
}

/*Custom Animation*/
@-webkit-keyframes cusFadeInUp {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, 50px, 0);
        transform         : translate3d(0, 50px, 0);
    }
    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

@keyframes cusFadeInUp {
    from {
        opacity           : 0;
        -webkit-transform : translate3d(0, 50px, 0);
        transform         : translate3d(0, 50px, 0);
    }
    to {
        opacity           : 1;
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0);
    }
}

.cusFadeInUp {
    -webkit-animation-name : cusFadeInUp;
    animation-name         : cusFadeInUp;
}

/*Scroll To Top*/
.scrolltotop {
    width                   : 40px;
    height                  : 40px;
    background-color        : #51b4e5;
    color                   : #ffffff;
    border                  : none;
    position                : fixed;
    right                   : 30px;
    bottom                  : -90px;
    z-index                 : 9999;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    opacity                 : 0;
    visibility              : hidden;
}

.scrolltotop.show {
    bottom     : 30px;
    opacity    : 1;
    visibility : visible;
}

.scrolltotop:hover {
    background-color : #333333;
}

.scrolltotop:focus {
    color : #ffffff;
}

.scrolltotop i {
    font-size : 18px;
}

/*----------------------------------------*/
/*  02. Elements CSS
/*----------------------------------------*/
/*--
/*  2.1 - Accordion CSS
/*----------------------------------------*/
.accordion .card {
    border        : none;
    border-radius : 0;
    border-top    : 1px solid #eeeeee;
}

.accordion .card .card-header {
    border           : none;
    background-color : transparent;
    padding          : 0;
}

.accordion .card .card-header [data-toggle="collapse"] {
    display          : block;
    padding          : 15px 0;
    border           : none;
    background-color : transparent;
    margin           : 0;
    font-size        : 24px;
    line-height      : 1.25;
    font-family      : "EB Garamond", serif;
    color            : #333333;
}

.accordion .card .card-header [data-toggle="collapse"]::after {
    display            : inline-block;
    font-size          : 90%;
    content            : "\f107";
    font-family        : "FontAwesome";
    margin-left        : 15px;
    color              : #c89a69;
    -webkit-transform  : rotateX(-190deg);
    transform          : rotateX(-190deg);
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.accordion .card .card-header [data-toggle="collapse"].collapsed::after {
    -webkit-transform : rotateX(0deg);
    transform         : rotateX(0deg);
}

.accordion .card .collapse, .accordion .card .collapsing {
    margin : 0;
}

.accordion .card .collapse .card-body, .accordion .card .collapsing .card-body {
    padding   : 0 0 20px;
    max-width : 650px;
}

.accordion.text-center .card .card-header {
    padding-left  : 15px;
    padding-right : 15px;
}

.accordion.text-center .card .collapse .card-body, .accordion.text-center .card .collapsing .card-body {
    padding      : 0 15px 20px;
    margin-left  : auto;
    margin-right : auto;
}

.accordion-2 .card {
    border           : none;
    border-radius    : 0;
    background-color : #f8f7f7;
}

.accordion-2 .card + .card {
    margin-top : 15px;
}

.accordion-2 .card .card-header {
    border           : none;
    background-color : transparent;
    padding          : 0;
}

.accordion-2 .card .card-header [data-toggle="collapse"] {
    display          : block;
    padding          : 20px 60px 20px 30px;
    border           : none;
    margin           : 0;
    font-size        : 14px;
    line-height      : 1.25;
    font-weight      : 700;
    text-transform   : uppercase;
    font-family      : sans-serif;
    background-color : #c89a69;
    color            : #ffffff;
}

.accordion-2 .card .card-header [data-toggle="collapse"]::after {
    display          : block;
    content          : "-";
    position         : absolute;
    right            : 22px;
    top              : 22px;
    width            : 16px;
    height           : 16px;
    border-radius    : 50%;
    line-height      : 17px;
    font-weight      : 400;
    text-align       : center;
    font-family      : sans-serif;
    background-color : #ffffff;
    color            : #c89a69;
    padding-left     : 3px;
}

.accordion-2 .card .card-header [data-toggle="collapse"].collapsed {
    background-color : #f8f7f7;
    color            : #333333;
}

.accordion-2 .card .card-header [data-toggle="collapse"].collapsed::after {
    content          : "+";
    background-color : #c89a69;
    color            : #ffffff;
    padding-left     : 1px;
}

.accordion-2 .card .collapse, .accordion-2 .card .collapsing {
    margin : 0;
}

.accordion-2 .card .collapse .card-body, .accordion-2 .card .collapsing .card-body {
    padding      : 25px 30px;
    max-width    : 650px;
    margin-left  : auto;
    margin-right : auto;
}

/*--
/*  2.5 - List CSS
/*----------------------------------------*/
.list-bullet {
    list-style    : none;
    padding-left  : 0;
    margin-bottom : 0;
}

.list-bullet li {
    line-height : 2;
}

.list-bullet li::before {
    content      : "\f111";
    font-size    : 8px;
    font-family  : "FontAwesome";
    color        : #c89a69;
    margin-right : 10px;
    position     : relative;
    top          : -2px;
}

.list-check-square-o {
    list-style    : none;
    padding-left  : 0;
    margin-bottom : 0;
}

.list-check-square-o li {
    line-height : 2;
}

.list-check-square-o li::before {
    content      : "\f046";
    font-family  : "FontAwesome";
    color        : #c89a69;
    margin-right : 10px;
    position     : relative;
    top          : 0;
}

/*--
/*  2.7 - Tab CSS
/*----------------------------------------*/
.nav-tabs {
    border-top    : 1px solid #eeeeee;
    border-bottom : 1px solid #eeeeee;
    list-style    : none;
}

.nav-tabs .nav-item {
    margin : 0;
}

.nav-tabs .nav-item .nav-link {
    margin           : 0 0 -1px;
    border           : none;
    padding          : 15px 20px;
    position         : relative;
    border-right     : 1px solid #eeeeee;
    border-bottom    : 1px solid #eeeeee;
    background-color : transparent;
    border-radius    : 0;
}

.nav-tabs .nav-item .nav-link::before {
    content          : "";
    position         : absolute;
    left             : 0;
    bottom           : 0;
    width            : 100%;
    height           : 3px;
    background-color : #c89a69;
    opacity          : 0;
}

.nav-tabs .nav-item .nav-link.active::before {
    opacity : 1;
}

@media only screen and (max-width : 479px) {
    .nav-tabs .nav-item .nav-link {
        padding : 10px;
    }
}

.tab-content:not(:first-child) {
    margin-top : 25px;
}

/*--
/*  2.6 - Skill/Progress CSS
/*----------------------------------------*/
.skill + .skill {
    margin-top : 40px;
}

.skill .progress {
    border-radius    : 0;
    background-color : #ffffff;
    height           : 10px;
}

.skill .progress .progress-bar {
    border-radius    : 0;
    background-color : #c89a69;
}

.skill .text {
    font-size           : 20px;
    display             : -webkit-box;
    display             : -webkit-flex;
    display             : -ms-flexbox;
    display             : flex;
    -webkit-flex-wrap   : wrap;
    -ms-flex-wrap       : wrap;
    flex-wrap           : wrap;
    -webkit-box-align   : center;
    -webkit-align-items : center;
    -ms-flex-align      : center;
    align-items         : center;
    font-family         : "EB Garamond", serif;
    line-height         : 1;
    margin-top          : 7px;
}

.skill .text .value {
    font-size   : 14px;
    margin-left : 15px;
    color       : #c89a69;
    margin-top  : 2px;
}

/*--
/*  2.2 - Blockquote CSS
/*----------------------------------------*/
blockquote {
    background-color : #f9f4ef;
    padding          : 20px 30px;
}

blockquote::before {
    content      : "\f10d";
    font-family  : "FontAwesome";
    font-size    : 36px;
    line-height  : 1;
    margin-right : 5px;
    position     : relative;
    bottom       : -3px;
    color        : #c89a69;
}

blockquote:not(:first-child) {
    margin-top : 25px;
}

blockquote:not(:last-child) {
    margin-bottom : 25px;
}

blockquote p {
    display     : inline;
    font-size   : 24px;
    font-style  : italic;
    font-family : "EB Garamond", serif;
    color       : #333333;
    line-height : 1.35;
    font-weight : 500;
}

/*--
/*  2.4 - Form CSS
/*----------------------------------------*/
label {
    display       : block;
    line-height   : 1;
    margin-bottom : 10px;
    font-weight   : 400;
}

/*Input Field & Select*/
form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), form input.form-control,
form textarea, form textarea.form-control, form select, form select.form-control {
    border             : none;
    -webkit-box-shadow : none;
    box-shadow         : none;
    color              : #999999;
    border-radius      : 0;
    background-color   : #f7f7f7;
    margin-bottom      : 0;
    padding            : 10px 25px;
    max-width          : 100%;
    width              : 100%;
    font-size          : 14px;
    line-height        : 30px;
    font-weight        : 300;
}

form select, form select.form-control {
    -webkit-appearance  : none;
    -moz-appearance     : none;
    appearance          : none;
    background-image    : url(img/select-arrow-down.png);
    background-position : calc(100% - 25px) 50%;
    background-repeat   : no-repeat;
    font-family         : sans-serif;
    width               : 100%;
    border              : none;
    background-color    : #f7f7f7;
    line-height         : 1;
    font-weight         : 300;
    /*height: 50px;*/
    padding             : 10px 44px 10px 25px;
    color               : #666666;
    border-radius       : 0;
    max-width           : 700px;
}

/*Switch*/
.ht-mcs-switcher-wrap {
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-flex-wrap      : wrap;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-orient     : vertical;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction     : column;
    flex-direction         : column;
    margin                 : -5px -10px;
}

.ht-mcs-switcher-wrap.inline {
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : row;
    -ms-flex-direction     : row;
    flex-direction         : row;
}

.ht-mcs-switcher-wrap .ht-mcs-switcher {
    margin : 5px 10px;
}

.ht-mcs-switcher {
    position    : relative;
    line-height : 0;
    margin      : 0;
    display     : -webkit-box;
    display     : -webkit-flex;
    display     : -ms-flexbox;
    display     : flex;
}

.ht-mcs-switcher input {
    position   : absolute;
    left       : -9999px;
    top        : 0;
    opacity    : 0;
    width      : 0;
    height     : 0;
    visibility : hidden;
}

.ht-mcs-switcher input:checked + label {
    background-color : rgba(200, 154, 105, 0.3);
}

.ht-mcs-switcher input:checked + label::before {
    background-color   : #c89a69;
    -webkit-box-shadow : 0 0 15px rgba(200, 154, 105, 0.5);
    box-shadow         : 0 0 15px rgba(200, 154, 105, 0.5);
    left               : 26px;
}

.ht-mcs-switcher input:disabled + label {
    opacity : 0.5;
    cursor  : not-allowed;
}

.ht-mcs-switcher label {
    width              : 52px;
    height             : 18px;
    display            : inline-block;
    border-radius      : 50px;
    background-color   : rgba(0, 0, 0, 0.15);
    -webkit-transition : background-color 0.3s ease 0s;
    -o-transition      : background-color 0.3s ease 0s;
    transition         : background-color 0.3s ease 0s;
    margin             : 4px 0;
    position           : relative;
    text-indent        : -9999px;
    cursor             : pointer;
}

.ht-mcs-switcher label::before {
    content            : "";
    display            : block;
    position           : absolute;
    left               : 0;
    top                : 50%;
    -webkit-transform  : translateY(-50%);
    -ms-transform      : translateY(-50%);
    transform          : translateY(-50%);
    width              : 26px;
    height             : 26px;
    border-radius      : 50%;
    background-color   : #ffffff;
    -webkit-box-shadow : 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow         : 0 0 15px rgba(0, 0, 0, 0.2);
    -webkit-transition : left 0.5s ease 0s, background-color 0.3s ease 0s;
    -o-transition      : left 0.5s ease 0s, background-color 0.3s ease 0s;
    transition         : left 0.5s ease 0s, background-color 0.3s ease 0s;
}

.ht-mcs-switcher.primary input:checked + label {
    background-color : rgba(200, 154, 105, 0.3);
}

.ht-mcs-switcher.primary input:checked + label::before {
    background-color   : #c89a69;
    -webkit-box-shadow : 0 0 15px rgba(200, 154, 105, 0.5);
    box-shadow         : 0 0 15px rgba(200, 154, 105, 0.5);
}

.ht-mcs-switcher.secondary input:checked + label {
    background-color : rgba(108, 117, 125, 0.3);
}

.ht-mcs-switcher.secondary input:checked + label::before {
    background-color   : #6c757d;
    -webkit-box-shadow : 0 0 15px rgba(108, 117, 125, 0.5);
    box-shadow         : 0 0 15px rgba(108, 117, 125, 0.5);
}

.ht-mcs-switcher.success input:checked + label {
    background-color : rgba(76, 175, 80, 0.3);
}

.ht-mcs-switcher.success input:checked + label::before {
    background-color   : #4CAF50;
    -webkit-box-shadow : 0 0 15px rgba(76, 175, 80, 0.5);
    box-shadow         : 0 0 15px rgba(76, 175, 80, 0.5);
}

.ht-mcs-switcher.danger input:checked + label {
    background-color : rgba(244, 67, 54, 0.3);
}

.ht-mcs-switcher.danger input:checked + label::before {
    background-color   : #F44336;
    -webkit-box-shadow : 0 0 15px rgba(244, 67, 54, 0.5);
    box-shadow         : 0 0 15px rgba(244, 67, 54, 0.5);
}

.ht-mcs-switcher.warning input:checked + label {
    background-color : rgba(255, 193, 7, 0.3);
}

.ht-mcs-switcher.warning input:checked + label::before {
    background-color   : #FFC107;
    -webkit-box-shadow : 0 0 15px rgba(255, 193, 7, 0.5);
    box-shadow         : 0 0 15px rgba(255, 193, 7, 0.5);
}

.ht-mcs-switcher.info input:checked + label {
    background-color : rgba(23, 162, 184, 0.3);
}

.ht-mcs-switcher.info input:checked + label::before {
    background-color   : #17a2b8;
    -webkit-box-shadow : 0 0 15px rgba(23, 162, 184, 0.5);
    box-shadow         : 0 0 15px rgba(23, 162, 184, 0.5);
}

/*Custom Checkbox*/
.cus-checkbox-wrap {
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-flex-wrap      : wrap;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-orient     : vertical;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction     : column;
    flex-direction         : column;
    margin                 : -5px -10px;
}

.cus-checkbox-wrap.inline {
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : row;
    -ms-flex-direction     : row;
    flex-direction         : row;
}

.cus-checkbox-wrap .cus-checkbox {
    margin : 5px 10px;
}

.cus-checkbox {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display : flex;
    margin  : 0;
}

.cus-checkbox input {
    position   : absolute;
    left       : -9999px;
    top        : 0;
    opacity    : 0;
    width      : 0;
    height     : 0;
    visibility : hidden;
}

.cus-checkbox input:checked + label::before {
    background-color : #c89a69;
    border-color     : #c89a69;
    background-image : url(img/checkbox.png);
}

.cus-checkbox input:disabled + label {
    opacity : 0.5;
    cursor  : not-allowed;
}

.cus-checkbox label {
    display      : inline-block;
    line-height  : 22px;
    position     : relative;
    padding-left : 28px;
    min-width    : 22px;
    min-height   : 22px;
    cursor       : pointer;
    margin       : 0;
}

.cus-checkbox label span {
    padding-left : 8px;
}

.cus-checkbox label::before {
    content             : "";
    position            : absolute;
    left                : 0;
    top                 : 1px;
    width               : 18px;
    height              : 18px;
    border              : 2px solid #bbbbbb;
    border-radius       : 2px;
    -webkit-transition  : all 0.3s ease 0s;
    -o-transition       : all 0.3s ease 0s;
    transition          : all 0.3s ease 0s;
    background-position : center center;
    background-repeat   : no-repeat;
}

.cus-checkbox.primary input:checked + .icon {
    background-color : #c89a69;
    border-color     : #c89a69;
}

.cus-checkbox.secondary input:checked + .icon {
    background-color : #6c757d;
    border-color     : #6c757d;
}

.cus-checkbox.success input:checked + .icon {
    background-color : #4CAF50;
    border-color     : #4CAF50;
}

.cus-checkbox.danger input:checked + .icon {
    background-color : #F44336;
    border-color     : #F44336;
}

.cus-checkbox.warning input:checked + .icon {
    background-color : #FFC107;
    border-color     : #FFC107;
}

.cus-checkbox.info input:checked + .icon {
    background-color : #17a2b8;
    border-color     : #17a2b8;
}

/*Custom Radio*/
.cus-radio-wrap {
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-flex-wrap      : wrap;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-orient     : vertical;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction     : column;
    flex-direction         : column;
    margin                 : -5px -10px;
}

.cus-radio-wrap.inline {
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : row;
    -ms-flex-direction     : row;
    flex-direction         : row;
}

.cus-radio-wrap .cus-radio {
    margin : 5px 10px;
}

.cus-radio {
    display            : -webkit-box;
    display            : -webkit-flex;
    display            : -ms-flexbox;
    display            : flex;
    margin             : 0;
    -webkit-transition : all 0.3s ease 0s;
    -o-transition      : all 0.3s ease 0s;
    transition         : all 0.3s ease 0s;
}

.cus-radio input {
    position   : absolute;
    left       : -9999px;
    top        : 0;
    opacity    : 0;
    width      : 0;
    height     : 0;
    visibility : hidden;
    margin     : 0;
}

.cus-radio input:checked + label::before {
    background-color : #c89a69;
}

.cus-radio input:checked + label::after {
    -webkit-transform : scale(1);
    -ms-transform     : scale(1);
    transform         : scale(1);
    opacity           : 1;
}

.cus-radio input:disabled + label {
    opacity : 0.5;
    cursor  : not-allowed;
}

.cus-radio label {
    display      : inline-block;
    line-height  : 22px;
    position     : relative;
    padding-left : 28px;
    min-width    : 22px;
    min-height   : 22px;
    cursor       : pointer;
    margin       : 0;
}

.cus-radio label span {
    padding-left : 8px;
}

.cus-radio label::before {
    content            : "";
    width              : 18px;
    height             : 18px;
    display            : block;
    border-radius      : 50%;
    position           : absolute;
    left               : 0;
    top                : 2px;
    background-color   : #cccccc;
    -webkit-transition : all 0.3s ease 0s;
    -o-transition      : all 0.3s ease 0s;
    transition         : all 0.3s ease 0s;
}

.cus-radio label::after {
    content            : "";
    display            : block;
    border-radius      : 50%;
    position           : absolute;
    left               : 5px;
    top                : 7px;
    width              : 8px;
    height             : 8px;
    background-color   : #ffffff;
    opacity            : 0;
    -webkit-transform  : scale(3);
    -ms-transform      : scale(3);
    transform          : scale(3);
    -webkit-transition : all 0.3s ease 0s;
    -o-transition      : all 0.3s ease 0s;
    transition         : all 0.3s ease 0s;
}

.cus-radio.primary input:checked + .icon {
    background-color : #c89a69;
}

.cus-radio.secondary input:checked + .icon {
    background-color : #6c757d;
}

.cus-radio.success input:checked + .icon {
    background-color : #4CAF50;
}

.cus-radio.danger input:checked + .icon {
    background-color : #F44336;
}

.cus-radio.warning input:checked + .icon {
    background-color : #FFC107;
}

.cus-radio.info input:checked + .icon {
    background-color : #17a2b8;
}

/*Custom Upload*/
.cus-upload {
    position : relative;
    display  : -webkit-inline-box;
    display  : -webkit-inline-flex;
    display  : -ms-inline-flexbox;
    display  : inline-flex;
}

.cus-upload input[type="file"] {
    position   : absolute;
    left       : 0;
    top        : 0;
    width      : 0.1px;
    height     : 0.1px;
    opacity    : 0;
    visibility : hidden;
    overflow   : hidden;
    padding    : 0;
}

/*--
/*  2.3 - Button CSS
/*----------------------------------------*/
.btn-wrap {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    margin            : -5px;
}

.btn-wrap .btn {
    margin : 5px;
}

.btn {
    display            : inline-block;
    position           : relative;
    overflow           : hidden;
    background-color   : transparent;
    border-color       : transparent;
    color              : #666666;
    border-radius      : 0;
    text-transform     : uppercase;
    font-size          : 14px;
    font-weight        : 700;
    line-height        : 28px;
    padding            : 10px 35px;
    height             : 50px;
    border-width       : 1px;
    border-style       : solid;
    -webkit-box-shadow : none;
    box-shadow         : none;
    -webkit-transition : all 0.3s ease 0s;
    -o-transition      : all 0.3s ease 0s;
    transition         : all 0.3s ease 0s;
    cursor             : pointer;
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .btn:not([type="submit"]) {
        height  : 44px;
        padding : 7px 30px;
    }
}

@media only screen and (max-width : 767px) {
    .btn:not([type="submit"]) {
        font-size : 12px;
        height    : 40px;
        padding   : 5px 20px;
    }
}

@media only screen and (max-width : 575px) {
    .btn:not([type="submit"]) {
        height  : 36px;
        padding : 3px 20px;
    }
}

.btn-group {
    display           : -webkit-inline-box;
    display           : -webkit-inline-flex;
    display           : -ms-inline-flexbox;
    display           : inline-flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
}

.btn-group .btn {
    border-radius : 0;
}

.btn-group .btn:first-child {
    border-radius : 4px 0 0 4px;
}

.btn-group .btn:last-child {
    border-radius : 0 4px 4px 0;
}

.btn-round {
    border-radius : 100px;
}

.btn-square {
    border-radius : 0;
}

[class*="btn-icon-"] i {
    position         : absolute;
    top              : 0;
    width            : 60px;
    height           : 60px;
    line-height      : 28px;
    text-align       : center;
    padding          : 15px;
    background-color : rgba(0, 0, 0, 0.1);
}

.btn-icon-left {
    padding-left : 69px;
}

.btn-icon-left i {
    left  : 0;
    right : auto;
}

.btn-icon-right {
    padding-right : 69px;
}

.btn-icon-right i {
    left  : auto;
    right : 0;
}

.btn-box {
    width            : 50px;
    padding          : 10px;
    text-align       : center;
    -webkit-box-flex : 1;
    -webkit-flex     : 1 0 50px;
    -ms-flex         : 1 0 50px;
    flex             : 1 0 50px;
}

.btn-box i {
    display     : block;
    line-height : 24px;
}

.btn-primary {
    background-color : #51b4e5;
    border-color     : #51b4e5;
    color            : #ffffff;
}

.btn-primary:hover {
    background-color : #c18d56;
    border-color     : #c18d56;
    color:#fff;
}

.btn-secondary {
    background-color : #6c757d;
    border-color     : #6c757d;
    color            : #ffffff;
}

.btn-secondary:hover {
    background-color : #60686f;
    border-color     : #60686f;
}

.btn-success {
    background-color : #4CAF50;
    border-color     : #4CAF50;
    color            : #ffffff;
}

.btn-success:hover {
    background-color : #449d48;
    border-color     : #449d48;
}

.btn-danger {
    background-color : #F44336;
    border-color     : #F44336;
    color            : #ffffff;
}

.btn-danger:hover {
    background-color : #f32c1e;
    border-color     : #f32c1e;
}

.btn-warning {
    background-color : #FFC107;
    border-color     : #FFC107;
    color            : #333333;
}

.btn-warning:hover {
    background-color : #edb100;
    border-color     : #edb100;
}

.btn-info {
    background-color : #17a2b8;
    border-color     : #17a2b8;
    color            : #ffffff;
}

.btn-info:hover {
    background-color : #148ea1;
    border-color     : #148ea1;
}

.btn-light {
    background-color : #f8f9fa;
    border-color     : #f8f9fa;
    color            : #333333;
}

.btn-light:hover {
    background-color : #e9ecef;
    border-color     : #e9ecef;
}

.btn-dark {
    background-color : #343a40;
    border-color     : #343a40;
    color            : #ffffff;
}

.btn-dark:hover {
    background-color : #292d32;
    border-color     : #292d32;
}

.btn-android {
    background-color : #7AC157;
    border-color     : #7AC157;
    color            : #ffffff;
}

.btn-android:hover {
    background-color : #6bba45;
    border-color     : #6bba45;
}

.btn-apple {
    background-color : #B8B8B8;
    border-color     : #B8B8B8;
    color            : #ffffff;
}

.btn-apple:hover {
    background-color : #ababab;
    border-color     : #ababab;
}

.btn-behance {
    background-color : #1869FF;
    border-color     : #1869FF;
    color            : #ffffff;
}

.btn-behance:hover {
    background-color : #0059fe;
    border-color     : #0059fe;
}

.btn-codepen {
    background-color : #000000;
    border-color     : #000000;
    color            : #ffffff;
}

.btn-codepen:hover {
    background-color : black;
    border-color     : black;
}

.btn-dribbble {
    background-color : #EA4C8A;
    border-color     : #EA4C8A;
    color            : #ffffff;
}

.btn-dribbble:hover {
    background-color : #e7357b;
    border-color     : #e7357b;
}

.btn-dropbox {
    background-color : #007EE5;
    border-color     : #007EE5;
    color            : #ffffff;
}

.btn-dropbox:hover {
    background-color : #0070cc;
    border-color     : #0070cc;
}

.btn-evernote {
    background-color : #78D525;
    border-color     : #78D525;
    color            : #ffffff;
}

.btn-evernote:hover {
    background-color : #6cbf21;
    border-color     : #6cbf21;
}

.btn-facebook {
    background-color : #4867AA;
    border-color     : #4867AA;
    color            : #ffffff;
}

.btn-facebook:hover {
    background-color : #405c98;
    border-color     : #405c98;
}

.btn-github {
    background-color : #313131;
    border-color     : #313131;
    color            : #ffffff;
}

.btn-github:hover {
    background-color : #242424;
    border-color     : #242424;
}

.btn-google-drive {
    background-color : #1DA462;
    border-color     : #1DA462;
    color            : #ffffff;
}

.btn-google-drive:hover {
    background-color : #198e55;
    border-color     : #198e55;
}

.btn-google-earth {
    background-color : #4285F4;
    border-color     : #4285F4;
    color            : #ffffff;
}

.btn-google-earth:hover {
    background-color : #2a75f3;
    border-color     : #2a75f3;
}

.btn-google-glass {
    background-color : #EA4335;
    border-color     : #EA4335;
    color            : #ffffff;
}

.btn-google-glass:hover {
    background-color : #e82e1e;
    border-color     : #e82e1e;
}

.btn-google-maps {
    background-color : #5083C3;
    border-color     : #5083C3;
    color            : #ffffff;
}

.btn-google-maps:hover {
    background-color : #4076ba;
    border-color     : #4076ba;
}

.btn-google-play {
    background-color : #01B9FD;
    border-color     : #01B9FD;
    color            : #ffffff;
}

.btn-google-play:hover {
    background-color : #01a6e4;
    border-color     : #01a6e4;
}

.btn-google-plus {
    background-color : #DD5144;
    border-color     : #DD5144;
    color            : #ffffff;
}

.btn-google-plus:hover {
    background-color : #d93d2e;
    border-color     : #d93d2e;
}

.btn-google {
    background-color : #4285F4;
    border-color     : #4285F4;
    color            : #ffffff;
}

.btn-google:hover {
    background-color : #2a75f3;
    border-color     : #2a75f3;
}

.btn-instagram {
    background-color : #B23A94;
    border-color     : #B23A94;
    color            : #ffffff;
}

.btn-instagram:hover {
    background-color : #9f3484;
    border-color     : #9f3484;
}

.btn-css3 {
    background-color : #0277BD;
    border-color     : #0277BD;
    color            : #ffffff;
}

.btn-css3:hover {
    background-color : #0267a4;
    border-color     : #0267a4;
}

.btn-html5 {
    background-color : #E44D26;
    border-color     : #E44D26;
    color            : #ffffff;
}

.btn-html5:hover {
    background-color : #d6411b;
    border-color     : #d6411b;
}

.btn-javascript {
    background-color : #F9DC3D;
    border-color     : #F9DC3D;
    color            : #ffffff;
}

.btn-javascript:hover {
    background-color : #f8d824;
    border-color     : #f8d824;
}

.btn-python {
    background-color : #0C9DBF;
    border-color     : #0C9DBF;
    color            : #ffffff;
}

.btn-python:hover {
    background-color : #0a89a7;
    border-color     : #0a89a7;
}

.btn-lastfm {
    background-color : #E31B23;
    border-color     : #E31B23;
    color            : #ffffff;
}

.btn-lastfm:hover {
    background-color : #cc181f;
    border-color     : #cc181f;
}

.btn-linkedin {
    background-color : #007BB6;
    border-color     : #007BB6;
    color            : #ffffff;
}

.btn-linkedin:hover {
    background-color : #006a9d;
    border-color     : #006a9d;
}

.btn-paypal {
    background-color : #002F86;
    border-color     : #002F86;
    color            : #ffffff;
}

.btn-paypal:hover {
    background-color : #00266d;
    border-color     : #00266d;
}

.btn-pinterest {
    background-color : #BD081B;
    border-color     : #BD081B;
    color            : #ffffff;
}

.btn-pinterest:hover {
    background-color : #a50718;
    border-color     : #a50718;
}

.btn-pocket {
    background-color : #EF3E56;
    border-color     : #EF3E56;
    color            : #ffffff;
}

.btn-pocket:hover {
    background-color : #ed2641;
    border-color     : #ed2641;
}

.btn-polymer {
    background-color : #F87292;
    border-color     : #F87292;
    color            : #ffffff;
}

.btn-polymer:hover {
    background-color : #f75a7f;
    border-color     : #f75a7f;
}

.btn-rss {
    background-color : #F99C3A;
    border-color     : #F99C3A;
    color            : #ffffff;
}

.btn-rss:hover {
    background-color : #f89021;
    border-color     : #f89021;
}

.btn-share {
    background-color : #2C9CFF;
    border-color     : #2C9CFF;
    color            : #ffffff;
}

.btn-share:hover {
    background-color : #1390ff;
    border-color     : #1390ff;
}

.btn-stackoverflow {
    background-color : #F38024;
    border-color     : #F38024;
    color            : #ffffff;
}

.btn-stackoverflow:hover {
    background-color : #f0720d;
    border-color     : #f0720d;
}

.btn-steam {
    background-color : #15497B;
    border-color     : #15497B;
    color            : #ffffff;
}

.btn-steam:hover {
    background-color : #113c65;
    border-color     : #113c65;
}

.btn-twitter {
    background-color : #1DA1F2;
    border-color     : #1DA1F2;
    color            : #ffffff;
}

.btn-twitter:hover {
    background-color : #0d95e8;
    border-color     : #0d95e8;
}

.btn-vk {
    background-color : #5181B8;
    border-color     : #5181B8;
    color            : #ffffff;
}

.btn-vk:hover {
    background-color : #4574aa;
    border-color     : #4574aa;
}

.btn-wikipedia {
    background-color : #E9E9E9;
    border-color     : #E9E9E9;
    color            : #333333;
}

.btn-wikipedia:hover {
    background-color : gainsboro;
    border-color     : gainsboro;
}

.btn-windows {
    background-color : #0078D6;
    border-color     : #0078D6;
    color            : #ffffff;
}

.btn-windows:hover {
    background-color : #006abd;
    border-color     : #006abd;
}

.btn-500px {
    background-color : #000000;
    border-color     : #000000;
    color            : #ffffff;
}

.btn-500px:hover {
    background-color : black;
    border-color     : black;
}

.btn-8tracks {
    background-color : #122D4B;
    border-color     : #122D4B;
    color            : #ffffff;
}

.btn-8tracks:hover {
    background-color : #0d2136;
    border-color     : #0d2136;
}

.btn-amazon {
    background-color : #F79B34;
    border-color     : #F79B34;
    color            : #ffffff;
}

.btn-amazon:hover {
    background-color : #f68f1b;
    border-color     : #f68f1b;
}

.btn-blogger {
    background-color : #F06A35;
    border-color     : #F06A35;
    color            : #ffffff;
}

.btn-blogger:hover {
    background-color : #ee581d;
    border-color     : #ee581d;
}

.btn-delicious {
    background-color : #0000FE;
    border-color     : #0000FE;
    color            : #ffffff;
}

.btn-delicious:hover {
    background-color : #0000e5;
    border-color     : #0000e5;
}

.btn-disqus {
    background-color : #2E9EFE;
    border-color     : #2E9EFE;
    color            : #ffffff;
}

.btn-disqus:hover {
    background-color : #1592fe;
    border-color     : #1592fe;
}

.btn-flattr {
    background-color : #7AB831;
    border-color     : #7AB831;
    color            : #ffffff;
}

.btn-flattr:hover {
    background-color : #6da42c;
    border-color     : #6da42c;
}

.btn-flickr {
    background-color : #FE0084;
    border-color     : #FE0084;
    color            : #ffffff;
}

.btn-flickr:hover {
    background-color : #e50077;
    border-color     : #e50077;
}

.btn-odnoklassniki {
    background-color : #F58220;
    border-color     : #F58220;
    color            : #ffffff;
}

.btn-odnoklassniki:hover {
    background-color : #f1750b;
    border-color     : #f1750b;
}

.btn-outlook {
    background-color : #0072C6;
    border-color     : #0072C6;
    color            : #ffffff;
}

.btn-outlook:hover {
    background-color : #0063ad;
    border-color     : #0063ad;
}

.btn-playstation {
    background-color : #07418E;
    border-color     : #07418E;
    color            : #ffffff;
}

.btn-playstation:hover {
    background-color : #063676;
    border-color     : #063676;
}

.btn-reddit {
    background-color : #FF4500;
    border-color     : #FF4500;
    color            : #ffffff;
}

.btn-reddit:hover {
    background-color : #e63e00;
    border-color     : #e63e00;
}

.btn-skype {
    background-color : #00A9F0;
    border-color     : #00A9F0;
    color            : #ffffff;
}

.btn-skype:hover {
    background-color : #0097d7;
    border-color     : #0097d7;
}

.btn-slideshare {
    background-color : #0077B5;
    border-color     : #0077B5;
    color            : #ffffff;
}

.btn-slideshare:hover {
    background-color : #00669c;
    border-color     : #00669c;
}

.btn-soundcloud {
    background-color : #FE4900;
    border-color     : #FE4900;
    color            : #ffffff;
}

.btn-soundcloud:hover {
    background-color : #e54200;
    border-color     : #e54200;
}

.btn-tumblr {
    background-color : #36465D;
    border-color     : #36465D;
    color            : #ffffff;
}

.btn-tumblr:hover {
    background-color : #2d3a4d;
    border-color     : #2d3a4d;
}

.btn-twitch {
    background-color : #6441A4;
    border-color     : #6441A4;
    color            : #ffffff;
}

.btn-twitch:hover {
    background-color : #593a92;
    border-color     : #593a92;
}

.btn-vimeo {
    background-color : #1AB7EA;
    border-color     : #1AB7EA;
    color            : #ffffff;
}

.btn-vimeo:hover {
    background-color : #14a7d7;
    border-color     : #14a7d7;
}

.btn-whatsapp {
    background-color : #189D0E;
    border-color     : #189D0E;
    color            : #ffffff;
}

.btn-whatsapp:hover {
    background-color : #14860c;
    border-color     : #14860c;
}

.btn-xbox {
    background-color : #107C0F;
    border-color     : #107C0F;
    color            : #ffffff;
}

.btn-xbox:hover {
    background-color : #0d650c;
    border-color     : #0d650c;
}

.btn-yahoo {
    background-color : #4101AF;
    border-color     : #4101AF;
    color            : #ffffff;
}

.btn-yahoo:hover {
    background-color : #380196;
    border-color     : #380196;
}

.btn-youtube {
    background-color : #FE0000;
    border-color     : #FE0000;
    color            : #ffffff;
}

.btn-youtube:hover {
    background-color : #e50000;
    border-color     : #e50000;
}

/*----------------------------------------*/
/*  03. Header CSS
/*----------------------------------------*/
/*--
/*  3.1 - Header Top CSS
/*----------------------------------------*/
.header-logo {
    font-family : "EB Garamond", serif;
    
}
.mobile-header-logo{

}
.mobile-header-logo p{
    color: #fff;
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 4px;
}
.mobile-header-right-toggles{

}
.mobile-header-right-toggles .mobile-menu-toggle{
    color:#fff;
}

.top-phone-mobile{
    color: #fff;
    font-size: 32px;
    line-height: 1.1;
}

.header-top {
    padding          : 15px 0;
    background-color : #333333;
}

.header-top-left-info {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
}

.header-top-left-info p {
    color         : #ffffff;
    font-size     : 13px;
    line-height   : 20px;
    margin-bottom : 0;
    margin-right  : 15px;
}

.header-top-left-info p:last-child {
    margin-right : 0;
}

.header-top-left-info p i {
    color        : #51b4e5;
    margin-right : 8px;
}

.header-top-right {
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    -webkit-box-pack        : end;
    -webkit-justify-content : flex-end;
    -ms-flex-pack           : end;
    justify-content         : flex-end;
}

.header-top-right-text, .header-top-right-cart, .mobile-header-cart {
    color         : #d9d9d9;
    font-size     : 13px;
    line-height   : 20px;
    margin-bottom : 0;
    margin-right  : 20px;
}

.header-top-right-text:last-child, .header-top-right-cart:last-child, .mobile-header-cart:last-child {
    margin-right : 0;
}

.header-top-right-cart, .mobile-header-cart {
    color              : #ffffff;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.header-top-right-cart:focus, .mobile-header-cart:focus {
    color : #c89a69;
}

.header-top-right-cart i, .mobile-header-cart i {
    font-size    : 16px;
    line-height  : 1;
    margin-right : 12px;
    position     : relative;
}

.header-top-right-cart i::after, .mobile-header-cart i::after {
    content          : attr(data-count);
    position         : absolute;
    left             : 12px;
    top              : -4px;
    width            : 16px;
    height           : 16px;
    font-size        : 10px;
    line-height      : 16px;
    border-radius    : 50%;
    background-color : #c89a69;
    color            : #ffffff;
    text-align       : center;
    font-style       : normal;
}

/*--
/*  3.2 - Header Middle CSS
/*----------------------------------------*/
.header-middle {
    background-image    : url(/theme/images/fon.png);
    background-repeat   : repeat-x;
    background-size     : auto 100%;
    background-position : left top;
}

.header-middle-left {
    min-width               : 300px;
    /* border-right: 1px solid #eeeeee; */
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
    height                  : 130px;
}

.header-middle-social, .offcanvas-social {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    margin            : 0 -2px;
}

.header-middle-social a, .offcanvas-social a {
    width              : 30px;
    height             : 30px;
    border-radius      : 50%;
    background-color   : rgba(51, 51, 51, 0.15);
    text-align         : center;
    margin             : 0 2px;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.header-middle-social a i, .offcanvas-social a i {
    line-height : 30px;
}

.header-middle-social a:hover, .offcanvas-social a:hover {
    background-color : #c89a69;
    color            : #ffffff;
}

.header-middle-center {
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
}

.header-logo a {
    display : block;
}

.header-middle-right {
    min-width               : 300px;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
}

.header-middle-free-case a {
    color              : #ffffff;
    display            : -webkit-box;
    display            : -webkit-flex;
    display            : -ms-flexbox;
    display            : flex;
    line-height        : 32px;
    padding-top        : 2px;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.header-middle-free-case a i {
    color        : #c89a69;
    font-size    : 32px;
    margin-right : 18px;
    margin-top   : -2px;
}

.header-middle-free-case a:hover {
    color : #c89a69;
}

.header-middle {
    background : #444;
}

.header-middle p {
    font-size   : 32px !important;
    line-height : 1.1;
    color       : white !important;
    text-align  : center;
}

.header-middle p a {
    color : inherit;
}

/*--
/*  3.3 - Header Bottom CSS
/*----------------------------------------*/
.header-bottom {
    background-color : #51b4e5;
}

.primary-menu nav > ul {
    list-style        : none;
    margin            : 0;
    padding           : 0;
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
}

.primary-menu nav > ul > li {
    position     : relative;
    margin-right : 1px;
}

.primary-menu nav > ul > li:last-child {
    margin-right : 0;
}

.primary-menu nav > ul > li > a {
    font-size      : 14px;
    line-height    : 30px;
    display        : block;
    padding        : 20px 15px;
    color          : #ffffff;
    font-weight    : 600;
    text-transform : uppercase;
}

.primary-menu nav > ul > li > a:hover {
    background-color : rgba(0, 0, 0, 0.15);
}

@media (max-width : 768px) {
    .primary-menu nav > ul > li > a {
        padding : 4px 10px;
    }
}

.primary-menu nav > ul > li.menu-item-has-children > a::after {
    content     : "\f107";
    font-family : "FontAwesome";
    margin-left : 10px;
}

.primary-menu nav > ul > li.active > a {
    background-color : rgba(0, 0, 0, 0.15);
}

.primary-menu nav > ul > li:hover > a {
    background-color : rgba(0, 0, 0, 0.15);
}

.primary-menu nav > ul > li:hover > .sub-menu {
    opacity    : 1;
    visibility : visible;
}

.primary-menu .sub-menu {
    position           : absolute;
    left               : 0;
    top                : 100%;
    background-color   : #ffffff;
    list-style         : none;
    padding            : 0;
    margin             : 0;
    -webkit-box-shadow : 0 4px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow         : 0 4px 10px 0 rgba(0, 0, 0, 0.15);
    opacity            : 0;
    visibility         : hidden;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    width              : 220px;
    z-index            : 9;
}

.primary-menu .sub-menu li {
    padding : 0 20px;
}

.primary-menu .sub-menu li a {
    display       : block;
    padding       : 20px 0;
    border-bottom : 1px solid #eeeeee;
    line-height   : 1;
}

.primary-menu .sub-menu li:last-child > a {
    border-bottom : none;
}

.primary-menu .sub-menu li.menu-item-has-children > a::after {
    content     : "\f105";
    font-family : "FontAwesome";
    margin-left : 10px;
    float       : right;
}

.header-bottom-search-toggle {
    border           : none;
    background-color : rgba(0, 0, 0, 0.15);
    color            : #ffffff;
    padding          : 20px;
}

.header-bottom-search-toggle i {
    line-height : 30px;
    width       : 30px;
}

/*--
/*  3.4 - Mobile Header CSS
/*----------------------------------------*/
.mobile-header {
    padding : 8px 0;
}

.mobile-header-cart {
    color         : #666666;
    padding-right : 10px;
}

.mobile-header-cart i {
    margin    : 0;
    font-size : 22px;
}

.mobile-header-cart:last-child {
    margin-right : 0;
}

@media only screen and (max-width : 479px) {
    .mobile-header-cart {
        margin-right : 10px;
    }
}

.mobile-header-right-toggles {
    display             : -webkit-box;
    display             : -webkit-flex;
    display             : -ms-flexbox;
    display             : flex;
    -webkit-flex-wrap   : wrap;
    -ms-flex-wrap       : wrap;
    flex-wrap           : wrap;
    -webkit-box-align   : center;
    -webkit-align-items : center;
    -ms-flex-align      : center;
    align-items         : center;
}

.mobile-header-right-toggles button {
    background-color : transparent;
    border           : none;
    padding          : 0;
    margin-right     : 25px;
}

.mobile-header-right-toggles button:last-child {
    margin-right : 0;
}

.mobile-header-right-toggles button i {
    display     : -webkit-box;
    display     : -webkit-flex;
    display     : -ms-flexbox;
    display     : flex;
    font-size   : 18px;
    line-height : 36px;
}

.mobile-header-right-toggles button.mobile-menu-toggle i {
    font-size : 36px;
}

.mobile-header-right-toggles button:hover {
    color : #c89a69;
}

@media only screen and (max-width : 479px) {
    .mobile-header-right-toggles button {
        margin-right : 15px;
    }
    
    .mobile-header-right-toggles button:last-child {
        margin-right : 0;
    }
}

/*--
/*  3.5 - Offcanvas CSS
/*----------------------------------------*/
.offcanvas-section {
    position           : fixed;
    right              : -100%;
    left               : auto;
    top                : 0;
    height             : 100%;
    width              : 390px;
    padding-left       : 60px;
    opacity            : 0;
    visibility         : hidden;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index            : 998;
}

.offcanvas-section.open {
    right      : 0;
    opacity    : 1;
    visibility : visible;
}

.offcanvas-section.open .offcanvas-close {
    opacity    : 1;
    visibility : visible;
}

@media only screen and (max-width : 479px) {
    .offcanvas-section {
        width        : 100%;
        padding-left : 50px;
    }
}

/*OffCanvas Overlay*/
.offcanvas-overlay {
    display          : none;
    position         : fixed;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 100%;
    background-color : rgba(0, 0, 0, 0.8);
    z-index          : 996;
}

/*OffCanvas Wraper*/
.offcanvas-wrap {
    height             : 100%;
    background-color   : #ffffff;
    -webkit-box-shadow : -5px 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow         : -5px 0 5px 0 rgba(0, 0, 0, 0.1);
    overflow-y         : auto;
    overflow-x         : hidden;
}

.offcanvas-wrap .inner {
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-box-orient     : vertical;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction     : column;
    flex-direction         : column;
    padding                : 40px 30px;
    min-height             : 100%;
}

/*OffCanvas Close*/
.offcanvas-close {
    position           : absolute;
    left               : 10px;
    top                : 10px;
    width              : 50px;
    height             : 50px;
    border             : none;
    background-color   : #ffffff;
    color              : #333333;
    -webkit-box-shadow : -5px 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow         : -5px 0 5px 0 rgba(0, 0, 0, 0.1);
    font-size          : 24px;
    font-weight        : 300;
    z-index            : 997;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity            : 0;
    visibility         : hidden;
}

@media only screen and (max-width : 479px) {
    .offcanvas-close {
        width  : 40px;
        height : 40px;
    }
}

/*OffCanvas Menu*/
.offcanvas-menu {
    margin-bottom : 50px;
}

.offcanvas-menu nav ul {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.offcanvas-menu nav ul li {
    position : relative;
}

.offcanvas-menu nav ul li a {
    font-weight    : 500;
    text-transform : uppercase;
    display        : block;
    padding        : 15px 0;
    border-bottom  : 1px solid #eeeeee;
    line-height    : 1;
}

.offcanvas-menu nav ul li:last-child > a {
    border-bottom : none;
}

.offcanvas-menu nav ul li .menu-expand {
    position    : absolute;
    right       : 0;
    top         : 0;
    width       : 30px;
    height      : 44px;
    line-height : 44px;
    cursor      : pointer;
    text-align  : center;
    z-index     : 5;
}

.offcanvas-menu nav ul li .menu-expand i {
    display            : block;
    margin-top         : 22px;
    margin-left        : auto;
    margin-right       : auto;
    border-bottom      : 1px solid;
    position           : relative;
    width              : 10px;
    -webkit-transition : all 250ms ease-out;
    -o-transition      : all 250ms ease-out;
    transition         : all 250ms ease-out;
}

.offcanvas-menu nav ul li .menu-expand i::before {
    width              : 100%;
    content            : "";
    border-bottom      : 1px solid;
    display            : block;
    position           : absolute;
    top                : 0;
    -webkit-transform  : rotate(90deg);
    -ms-transform      : rotate(90deg);
    transform          : rotate(90deg);
    -webkit-transition : all 250ms ease-out;
    -o-transition      : all 250ms ease-out;
    transition         : all 250ms ease-out;
}

.offcanvas-menu nav ul li .menu-expand:hover i {
    border-color : #c89a69;
}

.offcanvas-menu nav ul li .menu-expand:hover i::before {
    border-color : #c89a69;
}

.offcanvas-menu nav ul li:hover > .menu-expand i {
    border-color : #c89a69;
}

.offcanvas-menu nav ul li:hover > .menu-expand i::before {
    border-color : #c89a69;
}

.offcanvas-menu nav ul li.active > .menu-expand i::before {
    -webkit-transform : rotate(0deg);
    -ms-transform     : rotate(0deg);
    transform         : rotate(0deg);
}

.offcanvas-menu nav ul li.active > .sub-menu {
    border-bottom : 1px solid #eeeeee;
}

.offcanvas-menu .sub-menu {
    display : none;
}

.offcanvas-menu .sub-menu li {
    padding : 0 15px;
}

.offcanvas-menu .sub-menu li a {
    font-size      : 13px;
    text-transform : inherit;
}

/*OffCanvas Info*/
.offcanvas-info {
    margin-bottom : 30px;
}

.offcanvas-info p {
    line-height   : 20px;
    margin-bottom : 5px;
}

.offcanvas-info p:last-child {
    margin-bottom : 0;
}

.offcanvas-info p i {
    color        : #c89a69;
    margin-right : 8px;
    width        : 16px;
}

/*OffCanvas Socail*/
/*--
/*  3.6 - Fullscreen Search CSS
/*----------------------------------------*/
#fullscreen-search-overlay {
    position                : fixed;
    left                    : 0;
    top                     : 0;
    width                   : 100%;
    height                  : 100%;
    overflow                : hidden;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
    background-color        : rgba(0, 0, 0, 0.8);
    z-index                 : 999;
    opacity                 : 0;
    visibility              : hidden;
    -webkit-transition      : all .5s ease 0s;
    -o-transition           : all .5s ease 0s;
    transition              : all .5s ease 0s;
}

#fullscreen-search-overlay.open {
    opacity    : 1;
    visibility : visible;
}

#fullscreen-search-overlay.open #fullscreen-search-form {
    opacity            : 1;
    visibility         : visible;
    margin-top         : 0;
    -webkit-transition : all .5s ease .3s;
    -o-transition      : all .5s ease .3s;
    transition         : all .5s ease .3s;
}

#fullscreen-search-form {
    max-width  : 490px;
    padding    : 0 15px;
    width      : 100%;
    opacity    : 0;
    visibility : hidden;
    margin-top : 150px;
}

#fullscreen-search-form .fullscreen-search-close {
    float            : right;
    padding          : 0;
    background-color : transparent;
    border           : none;
    color            : #ffffff;
    margin-bottom    : 10px;
}

#fullscreen-search-form .fullscreen-search-close i {
    font-size : 15px;
}

#fullscreen-search-form .fullscreen-search-close:hover {
    color : #c89a69;
}

#fullscreen-search-form input {
    font-size   : 16px;
    padding     : 15px 25px;
    font-weight : 600;
    color       : #999999;
}

#fullscreen-search-form .search-note {
    margin-bottom : 0;
    text-align    : center;
    margin-top    : 10px;
    color         : #ffffff;
    font-weight   : 600;
    font-size     : 15px;
    line-height   : 1.75;
}

/*----------------------------------------*/
/*  04. Pages CSS (All Page Styles)
/*----------------------------------------*/
/*--
/*  4.1 - Home Pages CSS
/*----------------------------------------*/
/*	4.1.1 - Hero Slider CSS	*/
/*Hero Slider*/
.hero-slider .slick-arrow {
    position                : absolute;
    top                     : 50%;
    -webkit-transform       : translateY(-50%);
    -ms-transform           : translateY(-50%);
    transform               : translateY(-50%);
    z-index                 : 9;
    width                   : 30px;
    height                  : 110px;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    color                   : #ffffff;
    background-color        : rgba(0, 0, 0, 0.5);
    border                  : none;
}

.hero-slider .slick-arrow i {
    font-size : 18px;
}

.hero-slider .slick-arrow.slick-prev {
    left : 20px;
}

.hero-slider .slick-arrow.slick-next {
    right : 20px;
}

/*Hero Slick Slider Animation Fix*/
.slick-slide .hero-content {
    overflow : hidden;
}

.slick-slide .hero-content > * {
    opacity    : 0;
    visibility : hidden;
}

.slick-current .hero-content > * {
    opacity            : 1;
    visibility         : visible;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;
}

/*Hero Background Image Classes*/
.hero-bg-1 {
    background-image : url("img/slider-1.jpg");
}

.hero-bg-2 {
    background-image : url("img/slider-2.jpg");
}

.hero-bg-3 {
    background-image : url("img/slider-3.jpg");
}

.hero-bg-4 {
    background-image : url("img/slider-4.jpg");
}

.hero-bg-5 {
    background-image : url("img/slider-5.jpg");
}

/*Hero Item (For Home 1, 2 & 3)*/
/*.hero-item {
    height              : 700px;
    background-size     : auto 100%;
    background-position : right center;
    background-repeat   : no-repeat;
    background-color    : #3f3f3f;
    position            : relative;
    overflow            : hidden;
    display             : block !important;
}

@media only screen and (min-width : 1200px) and (max-width : 1499px) {
    .hero-item {
        height : 550px;
    }
}

@media only screen and (min-width : 992px) and (max-width : 1199px), only screen and (min-width : 768px) and (max-width : 991px) {
    .hero-item {
        height : 500px;
    }
}

@media only screen and (max-width : 767px) {
    .hero-item {
        height : 300px;
    }
}

@media only screen and (max-width : 575px) {
    .hero-item {
        height : 250px;
    }
}*/

/*Hero Content One (For Home 1, 2 & 3)*/
.hero-content-1 {
    position          : absolute;
    left              : 50%;
    bottom            : 0;
    -webkit-transform : translateX(-50%);
    -ms-transform     : translateX(-50%);
    transform         : translateX(-50%);
    text-align        : center;
    padding           : 50px 60px;
    z-index           : 1;
    white-space       : nowrap;
}

.hero-content-1 .content-bg-overlay {
    position         : absolute;
    left             : 0;
    bottom           : 0;
    background-color : rgba(51, 51, 51, 0.9);
    width            : 100%;
    height           : 100%;
    z-index          : -1;
}

.hero-content-1 .sub-title {
    font-size      : 20px;
    color          : #c89a69;
    text-transform : uppercase;
}

.hero-content-1 .title {
    font-size      : 54px;
    font-weight    : 700;
    text-transform : uppercase;
    color          : #ffffff;
}

.hero-content-1 .desc {
    color : #999999;
}

.hero-content-1 .desc:not(:last-child) {
    margin-bottom : 30px;
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .hero-content-1 {
        padding : 40px 50px;
    }
    
    .hero-content-1 .sub-title {
        font-size : 16px;
    }
    
    .hero-content-1 .title {
        font-size : 40px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .hero-content-1 {
        padding : 40px 50px;
    }
    
    .hero-content-1 .sub-title {
        font-size : 14px;
    }
    
    .hero-content-1 .title {
        font-size : 36px;
    }
    
    .hero-content-1 .desc:not(:last-child) {
        margin-bottom : 20px;
    }
    
    .hero-content-1 .btn {
        height  : 44px;
        padding : 7px 30px;
    }
}

@media only screen and (max-width : 767px) {
    .hero-content-1 {
        padding : 30px;
    }
    
    .hero-content-1 .sub-title {
        font-size     : 12px;
        margin-bottom : 4px;
    }
    
    .hero-content-1 .title {
        font-size     : 26px;
        margin-bottom : 4px;
    }
    
    .hero-content-1 .desc:not(:last-child) {
        font-size     : 12px;
        margin-bottom : 15px;
    }
    
    .hero-content-1 .btn {
        font-size : 12px;
        height    : 40px;
        padding   : 5px 20px;
    }
}

@media only screen and (max-width : 575px) {
    .hero-content-1 .sub-title {
        font-size     : 10px;
        margin-bottom : 0;
    }
    
    .hero-content-1 .title {
        font-size     : 20px;
        margin-bottom : 0;
    }
    
    .hero-content-1 .desc:not(:last-child) {
        font-size     : 10px;
        margin-bottom : 10px;
    }
    
    .hero-content-1 .btn {
        font-size : 10px;
        height    : 36px;
        padding   : 3px 20px;
    }
}

@media only screen and (max-width : 479px) {
    .hero-content-1 {
        padding : 20px;
    }
}

/*Hero Content Two (For Home 1, 2 & 3)*/
.hero-content-2 {
    position          : absolute;
    left              : auto;
    right             : 16%;
    bottom            : auto;
    top               : 50%;
    -webkit-transform : translateY(-50%);
    -ms-transform     : translateY(-50%);
    transform         : translateY(-50%);
    text-align        : center;
    padding           : 50px 100px;
    z-index           : 1;
}

.hero-content-2 .content-bg-overlay {
    position         : absolute;
    left             : 0;
    bottom           : 0;
    background-color : rgba(51, 51, 51, 0.9);
    width            : 100%;
    height           : 100%;
    z-index          : -1;
}

.hero-content-2 .title {
    font-size      : 60px;
    line-height    : 1;
    font-weight    : 400;
    text-transform : uppercase;
    color          : #ffffff;
    margin-bottom  : 15px;
}

.hero-content-2 .title span {
    color   : #c89a69;
    display : block;
}

.hero-content-2 .desc {
    color : #999999;
}

.hero-content-2 .desc:not(:last-child) {
    margin-bottom : 30px;
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .hero-content-2 {
        padding : 40px 50px;
    }
    
    .hero-content-2 .title {
        font-size : 50px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .hero-content-2 {
        padding : 40px 50px;
    }
    
    .hero-content-2 .title {
        font-size : 40px;
    }
    
    .hero-content-2 .desc:not(:last-child) {
        margin-bottom : 20px;
    }
    
    .hero-content-2 .btn {
        height  : 44px;
        padding : 7px 30px;
    }
}

@media only screen and (max-width : 767px) {
    .hero-content-2 {
        padding           : 30px;
        left              : 50%;
        right             : auto;
        top               : 50%;
        -webkit-transform : translateX(-50%) translateY(-50%);
        -ms-transform     : translateX(-50%) translateY(-50%);
        transform         : translateX(-50%) translateY(-50%);
        white-space       : nowrap;
    }
    
    .hero-content-2 .title {
        font-size     : 30px;
        margin-bottom : 4px;
    }
    
    .hero-content-2 .desc:not(:last-child) {
        font-size     : 12px;
        margin-bottom : 15px;
    }
    
    .hero-content-2 .btn {
        font-size : 12px;
        height    : 40px;
        padding   : 5px 20px;
    }
}

@media only screen and (max-width : 575px) {
    .hero-content-2 .title {
        font-size     : 24px;
        margin-bottom : 4px;
    }
    
    .hero-content-2 .desc:not(:last-child) {
        font-size     : 10px;
        margin-bottom : 10px;
    }
    
    .hero-content-2 .btn {
        font-size : 10px;
        height    : 36px;
        padding   : 3px 20px;
    }
}

/*Hero Content Three (For Home 1, 2 & 3)*/
.hero-content-3 {
    position          : absolute;
    left              : auto;
    right             : 20%;
    bottom            : auto;
    top               : 50%;
    -webkit-transform : translateY(-30%);
    -ms-transform     : translateY(-30%);
    transform         : translateY(-30%);
    text-align        : center;
    padding           : 0;
    z-index           : 1;
}

.hero-content-3 .title {
    font-size      : 80px;
    line-height    : 1;
    font-weight    : 400;
    text-transform : capitalize;
    color          : #ffffff;
    margin-bottom  : 25px;
}

.hero-content-3 .title span {
    color : #c89a69;
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .hero-content-3 .title {
        font-size : 65px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .hero-content-3 .title {
        font-size : 50px;
    }
    
    .hero-content-3 .btn {
        height  : 44px;
        padding : 7px 30px;
    }
}

@media only screen and (max-width : 767px) {
    .hero-content-3 {
        left              : 50%;
        right             : auto;
        top               : 50%;
        -webkit-transform : translateX(-50%) translateY(-50%);
        -ms-transform     : translateX(-50%) translateY(-50%);
        transform         : translateX(-50%) translateY(-50%);
        white-space       : nowrap;
    }
    
    .hero-content-3 .title {
        font-size : 40px;
    }
    
    .hero-content-3 .btn {
        font-size : 12px;
        height    : 40px;
        padding   : 5px 20px;
    }
}

@media only screen and (max-width : 575px) {
    .hero-content-3 .title {
        font-size     : 30px;
        margin-bottom : 15px;
    }
    
    .hero-content-3 .btn {
        font-size : 10px;
        height    : 36px;
        padding   : 3px 20px;
    }
}

/*Hero Item Two (For Home 4)*/
/*.hero-item-2 {
    height : 750px;
}

@media only screen and (min-width : 1200px) and (max-width : 1499px) {
    .hero-item-2 {
        height : 550px;
    }
}

@media only screen and (min-width : 992px) and (max-width : 1199px), only screen and (min-width : 768px) and (max-width : 991px) {
    .hero-item-2 {
        height : 500px;
    }
}

@media only screen and (max-width : 767px) {
    .hero-item-2 {
        height : 300px;
    }
}

@media only screen and (max-width : 575px) {
    .hero-item-2 {
        height : 250px;
    }
}*/

/*Hero Content Four (For Home 4)*/
.hero-content-4 {
    position          : absolute;
    left              : 60px;
    right             : auto;
    bottom            : auto;
    top               : 50%;
    -webkit-transform : translateY(-50%);
    -ms-transform     : translateY(-50%);
    transform         : translateY(-50%);
    text-align        : left;
    padding           : 0;
    z-index           : 1;
}

.hero-content-4 .sub-title {
    display        : block;
    font-size      : 18px;
    line-height    : 1;
    text-transform : uppercase;
    color          : #c89a69;
    margin-bottom  : 25px;
}

.hero-content-4 .title {
    font-size     : 80px;
    line-height   : 1;
    font-weight   : 400;
    color         : #ffffff;
    margin-bottom : 45px;
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .hero-content-4 .title {
        font-size : 65px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .hero-content-4 .title {
        font-size : 50px;
    }
    
    .hero-content-4 .btn {
        height  : 44px;
        padding : 7px 30px;
    }
}

@media only screen and (max-width : 767px) {
    .hero-content-4 {
        left        : 30px;
        white-space : nowrap;
    }
    
    .hero-content-4 .sub-title {
        font-size     : 16px;
        margin-bottom : 15px;
    }
    
    .hero-content-4 .title {
        font-size     : 40px;
        margin-bottom : 25px;
    }
    
    .hero-content-4 .btn {
        font-size : 12px;
        height    : 40px;
        padding   : 5px 20px;
    }
}

@media only screen and (max-width : 575px) {
    .hero-content-4 .sub-title {
        font-size : 13px;
    }
    
    .hero-content-4 .title {
        font-size     : 30px;
        margin-bottom : 20px;
    }
    
    .hero-content-4 .btn {
        font-size : 10px;
        height    : 36px;
        padding   : 3px 20px;
    }
}

/*Hero Item Three (For Home 5)*/
/*.hero-item-3 {
    height : 750px;
}

@media only screen and (min-width : 1200px) and (max-width : 1499px) {
    .hero-item-3 {
        height : 550px;
    }
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .hero-item-3 {
        height : 500px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .hero-item-3 {
        height : 400px;
    }
}

@media only screen and (max-width : 767px) {
    .hero-item-3 {
        height : 300px;
    }
}

@media only screen and (max-width : 575px) {
    .hero-item-3 {
        height : 200px;
    }
}*/

/*Hero Content Five (For Home 5)*/
.hero-content-5 {
    position      : relative;
    /* left: 60px; */
    /* right: auto; */
    bottom        : auto;
    /* top: 50%; */
    /* -webkit-transform: translateY(-50%); */
    -ms-transform : translateY(-50%);
    /* transform: translateY(-50%); */
    text-align    : center;
    padding       : 40px 0;
    z-index       : 1;
}

.hero-content-5 .sub-title {
    display        : block;
    font-size      : 18px;
    line-height    : 1;
    font-weight    : 700;
    text-transform : uppercase;
    color          : #ffffff;
    margin-bottom  : 45px;
}

.hero-content-5 .title {
    font-size      : 80px;
    line-height    : 1;
    font-weight    : 400;
    color          : #51b4e5;
    text-transform : uppercase;
    margin-bottom  : 55px;
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .hero-content-5 .sub-title {
        margin-bottom : 25px;
    }
    
    .hero-content-5 .title {
        font-size     : 65px;
        margin-bottom : 35px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .hero-content-5 .sub-title {
        margin-bottom : 25px;
    }
    
    .hero-content-5 .title {
        font-size     : 50px;
        margin-bottom : 35px;
    }
    
    .hero-content-5 .btn {
        height  : 44px;
        padding : 7px 30px;
    }
}

@media only screen and (max-width : 767px) {
    .hero-content-5 {
        left        : 30px;
        white-space : nowrap;
    }
    
    .hero-content-5 .sub-title {
        font-size     : 16px;
        margin-bottom : 15px;
    }
    
    .hero-content-5 .title {
        font-size     : 40px;
        margin-bottom : 25px;
    }
    
    .hero-content-5 .btn {
        font-size : 12px;
        height    : 40px;
        padding   : 5px 20px;
    }
}

@media only screen and (max-width : 575px) {
    .hero-content-5 .sub-title {
        font-size : 13px;
    }
    
    .hero-content-5 .title {
        font-size     : 30px;
        margin-bottom : 20px;
    }
    
    .hero-content-5 .btn {
        font-size : 10px;
        height    : 36px;
        padding   : 3px 20px;
    }
}

@media only screen and (max-width : 479px) {
    .hero-content-5 .sub-title {
        font-size     : 11px;
        margin-bottom : 10px;
    }
    
    .hero-content-5 .title {
        font-size     : 24px;
        margin-bottom : 15px;
    }
    
    .hero-content-5 .btn {
        font-size : 10px;
        height    : 36px;
        padding   : 3px 20px;
    }
}

.hero-content-5 .sub-title {
    color : black !important;
}

.hero-content-5 > img {
    max-width     : 300px;
    width         : 80%;
    display       : inline-block;
    margin-bottom : 30px;
}

.hero-item {
    background-color : #fefcfa;
    color            : black;
}

.hero-item-ban {
    display       : block;
    width         : 100%;
    margin-bottom : 30px;
}

/*	4.1.2 - Intro CSS */
.intro-icon {
    color               : #51b4e5;
    padding             : 50px;
    background-image    : url(img/intro-bg-1.jpg);
    background-size     : cover;
    background-position : center center;
    background-repeat   : no-repeat;
    margin-top          : -1px;
    text-align          : center;
}

.intro-icon i {
    font-size : 50px;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .intro-icon {
        margin-bottom : 20px;
    }
}

.intro-content .title {
    font-size : 28px;
}

.intro-content .title:last-child {
    margin : 0;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .intro-content {
        text-align    : center;
        margin-bottom : 20px;
    }
}

@media only screen and (max-width : 575px) {
    .intro-content .title {
        font-size : 24px;
    }
}

.intro-button {
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-box-pack        : end;
    -webkit-justify-content : flex-end;
    -ms-flex-pack           : end;
    justify-content         : flex-end;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
    height                  : 100%;
    margin-left             : -15px;
    padding-left            : 30px;
    border-left             : 1px solid #ece9e4;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .intro-button {
        padding-bottom          : 30px;
        padding-left            : 0;
        margin-left             : 0;
        border                  : none;
        -webkit-box-pack        : center;
        -webkit-justify-content : center;
        -ms-flex-pack           : center;
        justify-content         : center;
    }
}

.intro-button-2 {
    border-color : #c18d56;
}

/*	4.1.3 - CTA(Call to action) CSS	*/
.cta-section-1 {
    padding : 180px 0;
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .cta-section-1 {
        padding : 150px 0;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .cta-section-1 {
        padding : 120px 0;
    }
}

@media only screen and (max-width : 767px) {
    .cta-section-1 {
        padding : 90px 0;
    }
}

@media only screen and (max-width : 575px) {
    .cta-section-1 {
        padding : 60px 0;
    }
}

.cta-content .title {
    text-align     : center;
    font-size      : 60px;
    font-weight    : 700;
    line-height    : 1;
    color          : #ffffff;
    font-family    : sans-serif;
    text-transform : uppercase;
    margin         : 0;
}

.cta-content .title .font-heading {
    font-family    : "EB Garamond", serif;
    text-transform : capitalize;
    font-size      : 80%;
    font-weight    : 400;
}

.cta-content .title .text-small {
    font-size : 18px;
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .cta-content .title {
        font-size : 50px;
    }
}

@media only screen and (max-width : 767px) {
    .cta-content .title {
        font-size : 40px;
    }
}

@media only screen and (max-width : 575px) {
    .cta-content .title {
        font-size : 32px;
    }
    
    .cta-content .title .text-small {
        font-size : 14px;
    }
}

@media only screen and (max-width : 479px) {
    .cta-content .title {
        font-size : 26px;
    }
}

.cta-content-2 .icon {
    margin-bottom : 30px;
}

.cta-content-2 .title {
    text-align  : center;
    font-size   : 60px;
    line-height : 1;
    margin      : 0 0 20px;
    font-weight : 400;
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .cta-content-2 .title {
        font-size : 50px;
    }
}

@media only screen and (max-width : 767px) {
    .cta-content-2 .title {
        font-size : 40px;
    }
}

@media only screen and (max-width : 575px) {
    .cta-content-2 .title {
        font-size : 32px;
    }
    
    .cta-content-2 .title .text-small {
        font-size : 14px;
    }
}

@media only screen and (max-width : 479px) {
    .cta-content-2 .title {
        font-size : 26px;
    }
}

.cta-content-3 .title {
    font-size   : 48px;
    line-height : 1.35;
    margin      : 0;
    font-weight : 400;
}

@media only screen and (max-width : 767px) {
    .cta-content-3 .title {
        font-size : 40px;
    }
}

@media only screen and (max-width : 575px) {
    .cta-content-3 .title {
        font-size : 32px;
    }
    
    .cta-content-3 .title .text-small {
        font-size : 14px;
    }
}

@media only screen and (max-width : 479px) {
    .cta-content-3 .title {
        font-size : 26px;
    }
}

/*	4.1.4 - Testimonial CSS	*/
/*Testimonial*/
.testimonial {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display : flex;
}

.testimonial .avatar {
    width               : 70px;
    -webkit-box-flex    : 1;
    -webkit-flex        : 1 0 70px;
    -ms-flex            : 1 0 70px;
    flex                : 1 0 70px;
    border-radius       : 50%;
    overflow            : hidden;
    margin-top          : 25px;
    -webkit-align-self  : flex-start;
    -ms-flex-item-align : start;
    align-self          : flex-start;
}

.testimonial .avatar img {
    width : 100%;
}

.testimonial .content {
    padding     : 20px;
    border      : 2px solid #dddddd;
    margin-top  : 35px;
    margin-left : 20px;
    position    : relative;
    color       : #ffffff;
}

.testimonial .content::before {
    content     : "\f0d9";
    font-family : "FontAwesome";
    position    : absolute;
    top         : 10px;
    left        : -8px;
    font-size   : 20px;
    color       : #dddddd;
}

.testimonial .meta {
    list-style        : none;
    padding           : 0;
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    margin-top        : -55px;
    margin-bottom     : 35px;
    font-family       : "EB Garamond", serif;
    text-transform    : uppercase;
    font-size         : 14px;
    line-height       : 20px;
    color             : #ffffff;
    margin-left       : -20px;
}

.testimonial .meta li + li {
    margin-left  : 15px;
    padding-left : 15px;
    border-left  : 1px solid #ffffff;
}

.testimonial .meta li.author {
    color          : #c89a69;
    font-size      : 24px;
    text-transform : capitalize;
}

@media only screen and (max-width : 479px) {
    .testimonial {
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        -webkit-flex-direction : column;
        -ms-flex-direction     : column;
        flex-direction         : column;
    }
    
    .testimonial .avatar {
        margin-bottom : 15px;
        margin-top    : 0;
    }
    
    .testimonial .content {
        margin-left : 0;
    }
    
    .testimonial .content::before {
        display : none;
    }
    
    .testimonial .meta {
        font-size : 12px;
    }
}

/*Testimonial Two*/
.testimonial-2 {
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-box-orient     : vertical;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction     : column;
    flex-direction         : column;
}

.testimonial-2 .avatar {
    width            : 120px;
    -webkit-box-flex : 1;
    -webkit-flex     : 1 0 120px;
    -ms-flex         : 1 0 120px;
    flex             : 1 0 120px;
    border-radius    : 50%;
    overflow         : hidden;
    margin           : 0 auto 40px;
}

.testimonial-2 .avatar img {
    width : 100%;
}

.testimonial-2 .content {
    text-align : center;
    max-width  : 350px;
    margin     : auto;
}

.testimonial-2 .content p {
    font-size   : 16px;
    line-height : 1.5;
    margin      : 0;
}

.testimonial-2 .content .meta {
    list-style              : none;
    padding                 : 0;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
    font-size               : 14px;
    line-height             : 1.5;
    color                   : #999999;
    margin                  : 30px 0 0;
}

.testimonial-2 .content .meta li.author {
    color          : #333333;
    font-size      : 16px;
    font-weight    : 700;
    text-transform : capitalize;
}

.testimonial-2 .content .meta li + li::before {
    content : "/";
    margin  : 0 5px;
}

/*	4.1.5 - Partner CSS	*/
.partner {
    position : relative;
    overflow : hidden;
}

.partner img {
    max-width : 100%;
    margin    : auto;
}

.partner .hover-content {
    position           : absolute;
    left               : -100%;
    top                : 50%;
    -webkit-transform  : translateY(-50%);
    -ms-transform      : translateY(-50%);
    transform          : translateY(-50%);
    padding            : 2px 10px;
    background-color   : rgba(249, 245, 240, 0.75);
    z-index            : 2;
    text-transform     : uppercase;
    font-weight        : 700;
    color              : #333333;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.partner:hover img {
    -webkit-transform : scale(0.7) rotate(3deg);
    -ms-transform     : scale(0.7) rotate(3deg);
    transform         : scale(0.7) rotate(3deg);
}

.partner:hover .hover-content {
    left : 0;
}

.partner-2 {
    position : relative;
    overflow : hidden;
}

.partner-2 img {
    max-width : 100%;
    margin    : auto;
}

/*	4.1.6 - Quote CSS */
.quote-image {
    height : 100%;
}

.quote-image img {
    height             : 100%;
    -o-object-fit      : cover;
    object-fit         : cover;
    -o-object-position : center;
    object-position    : center;
}

.quote-content {
    padding-left  : 30px;
    padding-right : 30px;
}

.quote-content h2 {
    line-height   : 1.25;
    color         : #f8f9fa;
    margin-bottom : 25px;
}

.attorney-quote p {
    font-size     : 34px;
    line-height   : 1.4;
    font-family   : "EB Garamond", serif;
    margin-bottom : 30px;
}

.attorney-quote .signature {
    margin-bottom : 30px;
}

.attorney-quote .name {
    display       : block;
    font-size     : 24px;
    line-height   : 1;
    font-weight   : 700;
    color         : #333333;
    margin-bottom : 10px;
}

.attorney-quote .title {
    display     : block;
    font-size   : 15px;
    line-height : 1;
    color       : #999999;
}

@media only screen and (max-width : 767px) {
    .attorney-quote p {
        font-size     : 28px;
        margin-bottom : 20px;
    }
    
    .attorney-quote .signature {
        margin-bottom : 20px;
    }
    
    .attorney-quote .name {
        font-size : 20px;
    }
}

@media only screen and (max-width : 575px) {
    .attorney-quote p {
        font-size : 24px;
    }
}

@media only screen and (max-width : 479px) {
    .attorney-quote p {
        font-size     : 20px;
        margin-bottom : 15px;
    }
    
    .attorney-quote .signature {
        margin-bottom : 15px;
    }
    
    .attorney-quote .name {
        font-size : 18px;
    }
    
    .attorney-quote .title {
        font-size : 13px;
    }
}

.attorney-quote-2-wrap {
    padding-top         : 60px;
    padding-bottom      : 60px;
    background-image    : url(img/quote-bg-1.jpg);
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : cover;
    margin-top          : 60px;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .attorney-quote-2-wrap {
        margin-top  : 0;
        padding-top : 0;
    }
}

.attorney-quote-media {
    position   : relative;
    margin-top : -120px;
}

.attorney-quote-media .video-popup {
    position          : absolute;
    left              : 50%;
    top               : 50%;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
    color             : #ffffff;
    width             : 68px;
    height            : 68px;
    border-radius     : 50%;
    background-color  : #c89a69;
    text-align        : center;
    z-index           : 98;
}

.attorney-quote-media .video-popup::before {
    content           : "";
    width             : 100%;
    height            : 100%;
    border-radius     : 50%;
    background-color  : #c89a69;
    opacity           : .3;
    position          : absolute;
    top               : 50%;
    left              : 50%;
    -webkit-transform : translate(-50%, -50%) scale(1.22);
    -ms-transform     : translate(-50%, -50%) scale(1.22);
    transform         : translate(-50%, -50%) scale(1.22);
    z-index           : 97;
}

.attorney-quote-media .video-popup i {
    font-size   : 24px;
    line-height : 68px;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .attorney-quote-media {
        margin-top : 0;
    }
}

.attorney-quote-2 {
    padding-right : 15px;
}

.attorney-quote-2 .title {
    display        : block;
    line-height    : 1;
    font-size      : 24px;
    text-transform : uppercase;
    font-weight    : 700;
    color          : #333333;
    margin-bottom  : 15px;
}

.attorney-quote-2 p {
    font-size     : 24px;
    line-height   : 1.4;
    font-family   : "EB Garamond", serif;
    margin-bottom : 20px;
}

@media only screen and (max-width : 767px) {
    .attorney-quote-2 p {
        font-size     : 28px;
        margin-bottom : 20px;
    }
}

@media only screen and (max-width : 575px) {
    .attorney-quote-2 p {
        font-size : 24px;
    }
}

@media only screen and (max-width : 479px) {
    .attorney-quote-2 p {
        font-size     : 20px;
        margin-bottom : 15px;
    }
}

/*	4.1.7 - Funfact CSS	*/
.funfact .icon {
    width                   : 88px;
    height                  : 88px;
    border                  : 1px solid #c89a69;
    color                   : #c89a69;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    margin                  : 0 auto;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    margin-bottom           : 20px;
}

.funfact .icon i {
    font-size : 30px;
}

.funfact .number {
    display       : block;
    font-size     : 40px;
    font-weight   : 600;
    line-height   : 1;
    color         : #333333;
    margin-bottom : 15px;
}

.funfact .title {
    color          : #666666;
    font-size      : 13px;
    line-height    : 1;
    text-transform : uppercase;
    font-weight    : 400;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .funfact .number {
        font-size : 30px;
    }
}

@media only screen and (max-width : 575px) {
    .funfact .number {
        font-size : 24px;
    }
    
    .funfact .title {
        font-size : 12px;
    }
}

/*	4.1.8 - Feature CSS	*/
.feature {
    text-align : center;
}

.feature img {
    margin-bottom : 35px;
}

.feature .title {
    font-weight   : 400;
    margin-bottom : 15px;
}

.feature p {
    max-width : 85%;
    margin    : auto;
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .feature .title {
        font-size : 24px;
    }
    
    .feature p {
        max-width : none;
    }
}

.home-feature-wrap.border-left {
    border-color : #eeeeee;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .home-feature-wrap.border-left {
        border-left : none;
    }
}

.home-feature-wrap.border-right {
    border-color : #eeeeee;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .home-feature-wrap.border-right {
        border-right  : none;
        border-bottom : 1px solid #eeeeee;
    }
}

.home-news-wrap.border-left {
    border-color : #eeeeee;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .home-news-wrap.border-left {
        border-left : none;
    }
}

.home-news-wrap.border-right {
    border-color : #eeeeee;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .home-news-wrap.border-right {
        border-right  : none;
        border-bottom : 1px solid #eeeeee;
    }
}

.about-accordion {
    max-width : 560px;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .about-accordion {
        max-width : 100%;
        width     : 100%;
    }
}

/*--
/*  4.2 - Page Banner CSS
/*----------------------------------------*/
.page-banner-section {
    background-image    : url(img/page-banner-bg.png);
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : cover;
    padding             : 10px 0;
}

/*@media only screen and (max-width: 767px) {
  .page-banner-section {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .page-banner-section {
    padding-top: 50px;
  }
}*/

.page-title-container {
    background-color : rgba(51, 51, 51, 0.6);
    padding          : 20px 30px;
    text-align       : center;
    /*max-width: 680px;*/
    display          : block;
    margin           : 0 auto;
}

@media only screen and (max-width : 767px) {
    .page-title-container {
        padding : 20px 15px;
    }
}

@media only screen and (max-width : 575px) {
    .page-title-container {
        padding : 30px 15px;
    }
}

.page-title {
    color         : #ffffff;
    font-size     : 48px;
    line-height   : 1.25;
    font-weight   : 600;
    margin-bottom : 15px;
}

@media only screen and (max-width : 767px) {
    .page-title {
        font-size : 36px;
    }
}

@media only screen and (max-width : 575px) {
    .page-title {
        font-size : 30px;
    }
}

.page-breadcrumb {
    color                   : #c89a69;
    font-size               : 18px;
    list-style              : none;
    padding                 : 0;
    margin                  : 0;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
}

.page-breadcrumb li + li::before {
    content     : "\f105";
    font-family : "FontAwesome";
    margin      : 0 10px;
}

.breadcrumb {
    background-color : transparent;
}

@media only screen and (max-width : 767px) {
    .page-breadcrumb {
        font-size : 16px;
    }
}

@media only screen and (max-width : 575px) {
    .page-breadcrumb {
        font-size : 14px;
    }
}

/*--
/*  4.3 - Practice CSS
/*----------------------------------------*/
.practice-1 .inner {
    display    : block;
    text-align : center;
    padding    : 20% 15px;
    position   : relative;
    z-index    : 1;
}

.practice-1 .inner::before {
    content            : "";
    position           : absolute;
    left               : 0;
    top                : 0;
    width              : 100%;
    height             : 100%;
    z-index            : -1;
    background-color   : rgba(51, 51, 51, 0.9);
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.practice-1 .inner .icon {
    color              : #c89a69;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    line-height        : 1;
    margin-bottom      : 16px;
}

.practice-1 .inner .icon i {
    font-size   : 40px;
    line-height : 1;
}

.practice-1 .inner .title {
    color          : #ffffff;
    text-transform : uppercase;
    font-weight    : 400;
    margin         : 0;
}

.practice-1 .inner:hover::before {
    background-color : rgba(200, 154, 105, 0.9);
}

.practice-1 .inner:hover .icon {
    color : #333333;
}

.practice-2 .inner {
    text-align : center;
}

.practice-2 .inner .icon {
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    line-height        : 1;
    padding            : 30px;
}

.practice-2 .inner .icon i {
    font-size   : 56px;
    line-height : 1;
}

.practice-2 .inner .icon:hover {
    background-color : #c89a69;
    color            : #ffffff;
}

.practice-2 .inner .title {
    text-transform : uppercase;
    font-weight    : 400;
    margin         : 20px 0 10px;
}

.practice-2 .inner .desc {
    font-size : 13px;
}

.practice-2.white .inner .icon {
    color : #51b4e5;
}

.practice-2.white .inner .icon:hover {
    color : #ffffff;
}

.practice-2.white .inner .title {
    /* color : #ffffff; */
    font-weight : bold;
}

.practice-2.white .inner .desc {
    color : #fff;
}

.practice-3 .inner {
    text-align : center;
}

.practice-3 .inner .image {
    position : relative;
    display  : block;
}

.practice-3 .inner .image img {
    width : 100%;
}

.practice-3 .inner .image .icon {
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    line-height        : 1;
    padding            : 20px;
    background-color   : #ffffff;
    color              : #c89a69;
    position           : absolute;
    left               : 50%;
    bottom             : -36px;
    -webkit-transform  : translateX(-50%);
    -ms-transform      : translateX(-50%);
    transform          : translateX(-50%);
    z-index            : 9;
}

.practice-3 .inner .image .icon i {
    font-size   : 32px;
    line-height : 1;
}

.practice-3 .inner .title {
    text-transform : uppercase;
    font-weight    : 400;
    margin         : 45px 0 0;
}

.practice-4 .inner {
    text-align : center;
}

.practice-4 .inner .image {
    position : relative;
    display  : block;
}

.practice-4 .inner .image img {
    width : 100%;
}

.practice-4 .inner .image .icon {
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    line-height        : 1;
    padding            : 30px;
    background-color   : #ffffff;
    color              : #c89a69;
    position           : absolute;
    left               : 50%;
    bottom             : 0;
    -webkit-transform  : translateX(-50%);
    -ms-transform      : translateX(-50%);
    transform          : translateX(-50%);
    z-index            : 9;
}

.practice-4 .inner .image .icon i {
    font-size   : 42px;
    line-height : 1;
}

.practice-4 .inner .content {
    padding : 30px;
}

.practice-4 .inner .content .title {
    text-transform : uppercase;
    font-weight    : 400;
    margin         : 0 0 10px;
}

.practice-4 .inner .content .desc {
    font-size : 13px;
}

.practice-single img:first-child:not(:last-child) {
    margin-bottom : 20px;
}

.practice-single h3, .practice-single h4, .practice-single h5 {
    font-weight : 400;
}

.practice-single .widget-title {
    padding-left   : 0;
    padding-bottom : 0;
    border         : none;
}

.practice-single .widget-title:not(:last-child) {
    margin-bottom : 30px;
}

.practice-single ul {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

/*--
/*  4.4 - Case Result CSS
/*----------------------------------------*/
.case-result-content .title {
    font-weight   : 400;
    line-height   : 1.25;
    margin-bottom : 15px;
}

.case-result-content p strong {
    font-weight : 600;
}

.case-result-date {
    position : relative;
    z-index  : 1;
}

.case-result-date::after {
    content           : "";
    height            : 1px;
    width             : 100%;
    background-color  : #eeeeee;
    position          : absolute;
    left              : 0;
    top               : 50%;
    -webkit-transform : translateY(-50%);
    -ms-transform     : translateY(-50%);
    transform         : translateY(-50%);
    z-index           : -1;
}

.case-result-date h6 {
    background-color : #ffffff;
    display          : inline-block;
    margin           : 0;
    padding-right    : 10px;
    color            : #999999;
}

/*--
/*  4.5 - Team CSS
/*----------------------------------------*/
.team .team-image {
    display          : block;
    position         : relative;
    overflow         : hidden;
    background-color : #000000;
}

.team .team-image::before {
    position           : absolute;
    top                : 0;
    left               : 0;
    width              : 100%;
    height             : 100%;
    background         : rgba(255, 255, 255, 0.5);
    content            : "";
    -webkit-transition : -webkit-transform .6s;
    transition         : -webkit-transform .6s;
    -o-transition      : transform .6s;
    transition         : transform .6s;
    transition         : transform .6s, -webkit-transform .6s;
    -webkit-transform  : scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform          : scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    opacity            : 0;
    z-index            : 2;
}

.team .team-image img {
    width              : 100%;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform  : scale(1.05);
    -ms-transform      : scale(1.05);
    transform          : scale(1.05);
    opacity            : 0.95;
}

.team .team-image:hover::before {
    -webkit-transform : scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform         : scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    opacity           : 1;
}

.team .team-image:hover img {
    -webkit-transform : scale(1);
    -ms-transform     : scale(1);
    transform         : scale(1);
    opacity           : 0.9;
}

.team .team-content {
    margin-top : 25px;
}

.team .team-content .name {
    line-height : 1;
    color       : #000;
    font-weight : 400;
    font-size   : 32px;
}

.team .team-content .title {
    display       : block;
    margin-bottom : 15px;
    font-weight   : 500;
}

.team .team-content .read-more {
    text-transform : uppercase;
    font-size      : 14px;
    font-weight    : 600;
    color          : #333333;
}

.team .team-content .read-more:hover {
    color : #c89a69;
}

.single-team-image img {
    width         : 100%;
    height        : 100%;
    -o-object-fit : cover;
    object-fit    : cover;
}

.single-team-content {
    padding             : 50px 80px 50px 50px !important;
    -webkit-align-self  : center;
    -ms-flex-item-align : center;
    align-self          : center;
}

.single-team-content .name {
    font-size     : 48px;
    font-weight   : 400;
    line-height   : 1;
    margin-bottom : 13px;
}

.single-team-content .title {
    font-size     : 16px;
    line-height   : 1.25;
    display       : block;
    margin-bottom : 18px;
}

.single-team-content .desc {
    margin-bottom : 18px;
}

.single-team-content .single-team-socail {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    margin            : 0 -2px;
}

.single-team-content .single-team-socail a {
    width              : 40px;
    height             : 40px;
    border-radius      : 50%;
    background-color   : rgba(51, 51, 51, 0.15);
    text-align         : center;
    margin             : 0 2px;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.single-team-content .single-team-socail a i {
    line-height : 40px;
    font-size   : 14px;
}

.single-team-content .single-team-socail a:hover {
    background-color : #c89a69;
    color            : #ffffff;
}

.single-team-content .single-team-contact {
    margin-top : 50px;
}

.single-team-content .single-team-contact ul {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.single-team-content .single-team-contact ul li {
    overflow : autoh;
}

.single-team-content .single-team-contact ul li + li {
    margin-top : 10px;
}

.single-team-content .single-team-contact ul li i {
    width            : 40px;
    height           : 40px;
    border-radius    : 50%;
    background-color : #c89a69;
    color            : #ffffff;
    text-align       : center;
    line-height      : 40px;
    font-size        : 14px;
    margin-right     : 10px;
}

.single-team-content .widget-title {
    padding-left   : 0;
    padding-bottom : 0;
    border-bottom  : 0;
    margin-bottom  : 30px;
}

@media only screen and (max-width : 575px) {
    .single-team-content {
        padding : 30px !important;
    }
    
    .single-team-content .name {
        font-size : 40px;
    }
}

@media only screen and (max-width : 479px) {
    .single-team-content {
        padding      : 30px 15px !important;
        max-width    : 300px;
        margin-left  : auto;
        margin-right : auto;
    }
    
    .single-team-content .name {
        font-size : 30px;
    }
}

.single-team-skill-section {
    background-color : #f9f4ef;
}

/*--
/*  4.6 - Award CSS
/*----------------------------------------*/
.awards-wrap {
    max-width     : 670px;
    margin        : auto;
    padding-left  : 15px;
    padding-right : 15px;
}

.awards .awards-image {
    width      : 160px;
    text-align : center;
}

@media only screen and (max-width : 767px) {
    .awards .awards-content {
        text-align : center;
    }
}

/*--
/*  4.7 - Career CSS
/*----------------------------------------*/
.career-image {
    margin-bottom : -80px;
}

@media only screen and (max-width : 767px) {
    .career-image {
        margin-bottom : -60px;
    }
}

.career-item .title {
    font-weight   : 400;
    line-height   : 1.2;
    margin-bottom : 28px;
}

.career-item .place {
    display     : block;
    line-height : 1;
}

.career-item::after {
    display     : block;
    content     : "\e901";
    font-family : "TMLawyer";
    font-size   : 9px;
    line-height : 1;
    margin-top  : 25px;
}

.job-requirement {
    max-width    : 650px;
    margin-left  : auto;
    margin-right : auto;
}

.job-requirement-content p {
    margin-bottom : 20px;
}

.job-requirement-content p:last-child {
    margin-bottom : 0;
}

.job-requirement-content ul {
    margin-bottom : 20px;
}

.job-requirement-content ul:last-child {
    margin-bottom : 0;
}

.application-process .section-title {
    background-color : #333333;
    padding          : 60px 15px;
}

@media only screen and (max-width : 767px) {
    .application-process .section-title {
        padding : 40px 15px;
    }
}

/*--
/*  4.8 - About CSS
/*----------------------------------------*/
.about-us-image img {
    width : 100%;
}

.our-history-wrap {
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-box-orient     : vertical;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction     : column;
    flex-direction         : column;
}

.our-history {
    display          : block;
    text-align       : center;
    padding          : 30px;
    background-color : #fbf7f3;
}

.our-history + .our-history {
    margin-top : 1px;
}

.our-history .date {
    font-size      : 14px;
    text-transform : uppercase;
    color          : #c89a69;
    font-weight    : 600;
}

.our-history .date i {
    top      : -1px;
    position : relative;
}

.our-history .title {
    margin-bottom : 0;
    font-size     : 20px;
    font-weight   : 500;
    line-height   : 1.25;
}

/*--
/*  4.9 - News CSS
/*----------------------------------------*/
.news {
    margin-bottom : 40px;
    height        : calc(100% - 40px);
}

.news .inner {
    padding-bottom : 40px;
    border-bottom  : 1px solid #eee;
    height         : 100%;
    display        : flex;
    flex-direction : column;
    flex-wrap      : nowrap;
}

.news .inner .news-media iframe {
    width  : 100%;
    border : none;
}
.news .inner .news-media .image{
overflow: hidden;
}
.news .inner .news-media .image img{
    transition: all  0.3s linear;
}
.news .inner .news-media .image:hover img{
    transform: scale(1.1);
}
.news .inner .news-media-slider .slick-arrow {
    position          : absolute;
    top               : 50%;
    -webkit-transform : translateY(-50%);
    -ms-transform     : translateY(-50%);
    transform         : translateY(-50%);
    width             : 80px;
    height            : 80px;
    display           : block;
    background-color  : rgba(51, 51, 51, 0.7);
    color             : #c89a69;
    text-align        : center;
    cursor            : pointer;
    border            : none;
    z-index           : 11;
}

.news .inner .news-media-slider .slick-arrow i {
    font-size   : 20px;
    line-height : 80px;
}

.news .inner .news-media-slider .slick-arrow.slick-prev {
    left : 0;
}

.news .inner .news-media-slider .slick-arrow.slick-next {
    right : 0;
}

.news .inner .news-media-slider .slick-arrow:hover {
    background-color : #c89a69;
    color            : #333333;
}

.news .inner .news-content {
    flex-grow       : 1;
    display         : flex;
    flex-direction  : column;
    flex-wrap       : nowrap;
    justify-content : flex-start;
}

.news .inner .news-content .title {
    line-height   : 1.2;
    margin-bottom : 20px;
}

.news .inner .news-content .title:last-child {
    margin-bottom : 0;
}

.news .inner .news-content .meta {
    list-style        : none;
    padding           : 0;
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    margin-right      : -25px;
    margin-bottom     : 20px;
}

.news .inner .news-content .meta li {
    padding-right : 25px;
}

.news .inner .news-content .meta li i {
    margin-right : 5px;
    color        : #c89a69;
}

.news .inner .news-content .desc:not(:last-child) {
    margin-bottom : 25px;
}

.news .inner .news-content .desc ul, .news .inner .news-content .desc ol {
    margin-bottom : 16px;
}

.news .inner .news-content .desc ul:last-child, .news .inner .news-content .desc ol:last-child {
    margin-bottom : 0;
}

.news .inner .news-content .read-more-link {
    text-transform : uppercase;
    font-weight    : 600;
    color          : #333333;
    font-size      : 14px;
    margin-top     : auto;
}

.news .inner .news-content .read-more-link i {
    margin-left : 5px;
}

.news .inner .news-content .read-more-link:hover {
    color : #c89a69;
}

.news .inner .news-content .read-more-link.btn-primary:hover {
    color : #fff;
}

.news .inner .news-footer {
    background-color  : #f9f4ef;
    padding           : 15px 20px;
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    margin-top        : 30px;
}

.news .inner .news-footer ul {
    list-style        : none;
    padding           : 0;
    margin            : 0;
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    margin-right      : 20px;
}

.news .inner .news-footer ul:last-child {
    margin-right : 0;
}

.news .inner .news-footer ul li {
    margin-right : 7px;
}

.news .inner .news-footer ul li + li::after {
    content : ",";
}

.news .inner .news-footer ul li:last-child {
    margin-right : 0;
}

.news .inner .news-footer ul li:last-child::after {
    display : none;
}

.news .inner .news-footer ul li i {
    color : #c89a69;
}

.news.single-news .inner {
    padding-bottom : 0;
    border-bottom  : none;
}

@media only screen and (max-width : 575px) {
    .news .inner .news-media-slider .slick-arrow {
        width  : 60px;
        height : 60px;
    }
    
    .news .inner .news-media-slider .slick-arrow i {
        font-size   : 20px;
        line-height : 60px;
    }
}

@media only screen and (max-width : 479px) {
    .news .inner .news-media-slider .slick-arrow {
        width  : 40px;
        height : 40px;
    }
    
    .news .inner .news-media-slider .slick-arrow i {
        font-size   : 16px;
        line-height : 40px;
    }
    
    .news .inner .news-content .title.h1 {
        font-size : 26px;
    }
}

.news2 {
    text-align : center;
}

.news2 .inner .news2-media {
    position : relative;
    overflow : hidden;
}

.news2 .inner .news2-media .image {
    position : relative;
    z-index  : 1;
}

.news2 .inner .news2-media .image::before {
    content            : "";
    position           : absolute;
    left               : 0;
    top                : 0;
    right              : 0;
    bottom             : 0;
    background-color   : #333333;
    opacity            : 0;
    z-index            : 2;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.news2 .inner .news2-media .image img {
    width : 100%;
}

.news2 .inner .news2-media .read-more {
    position                 : absolute;
    left                     : 50%;
    top                      : 50%;
    -webkit-transform        : translate(-50%, -50%) rotateX(-90deg);
    transform                : translate(-50%, -50%) rotateX(-90deg);
    -webkit-transform-origin : bottom center;
    -ms-transform-origin     : bottom center;
    transform-origin         : bottom center;
    z-index                  : 9;
    font-size                : 13px;
    line-height              : 20px;
    color                    : #ffffff;
    font-weight              : 500;
    padding                  : 10px 15px;
    background               : rgba(0, 0, 0, 0.15);
    display                  : block;
    text-transform           : uppercase;
    opacity                  : 0;
    visibility               : hidden;
}

.news2 .inner .news2-media .read-more:hover {
    background : rgba(0, 0, 0, 0.25);
    color      : #c89a69;
}

.news2 .inner .news2-media .external-link {
    position          : absolute;
    left              : 0;
    bottom            : 0;
    width             : 50px;
    height            : 50px;
    text-align        : center;
    padding           : 10px;
    color             : #ffffff;
    background        : rgba(0, 0, 0, 0.15);
    z-index           : 9;
    -webkit-transform : translate(50%) rotateZ(90deg);
    -ms-transform     : translate(50%) rotate(90deg);
    transform         : translate(50%) rotateZ(90deg);
    opacity           : 0;
    visibility        : hidden;
}

.news2 .inner .news2-media .external-link i {
    font-size   : 18px;
    line-height : 30px;
}

.news2 .inner .news2-media .external-link:hover {
    background : rgba(0, 0, 0, 0.25);
    color      : #c89a69;
}

.news2 .inner .news2-content {
    padding : 30px;
}

.news2 .inner .news2-content .title {
    line-height   : 1.25;
    margin-bottom : 15px;
    margin-top    : -5px;
}

.news2 .inner .news2-content .title:last-child {
    margin-bottom : 0;
}

.news2 .inner:hover .news2-media .image::before {
    opacity : 0.85;
}

.news2 .inner:hover .news2-media .read-more {
    -webkit-transform : translate(-50%, -50%) rotateX(0deg);
    transform         : translate(-50%, -50%) rotateX(0deg);
    opacity           : 1;
    visibility        : visible;
}

.news2 .inner:hover .news2-media .external-link {
    -webkit-transform : translate(0) rotateZ(0deg);
    -ms-transform     : translate(0) rotate(0deg);
    transform         : translate(0) rotateZ(0deg);
    opacity           : 1;
    visibility        : visible;
}

/*--
/*  4.10 - Comment CSS
/*----------------------------------------*/
/*Comment Wrap*/
/*Comment List*/
.comment-list {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.comment-list:not(:last-child) {
    margin-bottom : 40px;
}

.comment-list > li:last-child .comment:last-child {
    margin-bottom : 0;
}

.comment-list-child {
    list-style   : none;
    padding      : 0;
    margin       : 0;
    padding-left : 40px;
}

@media only screen and (max-width : 479px) {
    .comment-list-child {
        padding-left : 0;
    }
}

/*Comment*/
.comment {
    display       : -webkit-box;
    display       : -webkit-flex;
    display       : -ms-flexbox;
    display       : flex;
    margin-bottom : 30px;
}

@media only screen and (max-width : 479px) {
    .comment {
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        -webkit-flex-direction : column;
        -ms-flex-direction     : column;
        flex-direction         : column;
    }
}

.comment-avatar {
    width               : 80px;
    -webkit-box-flex    : 1;
    -webkit-flex        : 1 0 80px;
    -ms-flex            : 1 0 80px;
    flex                : 1 0 80px;
    margin-top          : 25px;
    -webkit-align-self  : flex-start;
    -ms-flex-item-align : start;
    align-self          : flex-start;
}

.comment-avatar img {
    width : 100%;
}

@media only screen and (max-width : 479px) {
    .comment-avatar {
        margin-bottom : 15px;
        margin-top    : 0;
    }
}

.comment-content {
    padding     : 20px;
    border      : 2px solid #dddddd;
    margin-top  : 25px;
    margin-left : 20px;
    position    : relative;
}

.comment-content::before {
    content     : "\f0d9";
    font-family : "FontAwesome";
    position    : absolute;
    top         : 10px;
    left        : -8px;
    font-size   : 20px;
    color       : #dddddd;
}

@media only screen and (max-width : 479px) {
    .comment-content {
        margin-left : 0;
    }
    
    .comment-content::before {
        display : none;
    }
}

.comment-meta {
    list-style        : none;
    padding           : 0;
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    margin-top        : -45px;
    margin-bottom     : 28px;
    font-family       : "EB Garamond", serif;
    text-transform    : uppercase;
    font-size         : 14px;
    line-height       : 1;
    color             : #333333;
    margin-left       : -20px;
}

.comment-meta li + li {
    margin-left  : 15px;
    padding-left : 15px;
    border-left  : 1px solid #333333;
}

@media only screen and (max-width : 479px) {
    .comment-meta {
        font-size : 12px;
    }
}

.comment-reply {
    position       : absolute;
    top            : -30px;
    right          : 0;
    padding        : 0;
    color          : #c89a69;
    text-transform : uppercase;
    font-weight    : 500;
    font-size      : 13px;
    line-height    : 25px;
}

@media only screen and (max-width : 479px) {
    .comment-reply {
        font-size : 12px;
    }
}

/*--
/*  4.11 - Shop CSS
/*----------------------------------------*/
/*	4.11.1 - Product CSS */
.product-item .inner .media {
    position : relative;
}

.product-item .inner .media .image {
    display  : block;
    width    : 100%;
    overflow : hidden;
}

.product-item .inner .media .image img {
    width : 100%;
}

.product-item .inner .media .labels {
    position : absolute;
    left     : 20px;
    top      : 20px;
    z-index  : 7;
}

.product-item .inner .media .labels .label {
    position       : relative;
    display        : block;
    text-align     : center;
    color          : #ffffff;
    font-size      : 11px;
    font-weight    : 600;
    text-transform : uppercase;
    line-height    : 20px;
    padding        : 0 8px;
    min-width      : 44px;
}

.product-item .inner .media .labels .label + .label {
    margin-top : 5px;
}

.product-item .inner .media .labels .label.label-new {
    background-color : #c89a69;
}

.product-item .inner .media .labels .label.label-sale {
    background-color : #6ac39b;
}

.product-item .inner .media .labels .label.label-hot {
    background-color : #d0021b;
}

.product-item .inner .media .wishlist {
    position    : absolute;
    right       : 20px;
    top         : 20px;
    display     : block;
    line-height : 1;
    padding     : 2px;
}

.product-item .inner .media .wishlist i {
    font-size   : 16px;
    line-height : 1;
}

.product-item .inner .media .wishlist i.added {
    position   : absolute;
    left       : 0;
    top        : 0;
    color      : #c89a69;
    opacity    : 0;
    visibility : hidden;
}

.product-item .inner .media .wishlist.active i.default {
    opacity    : 0;
    visibility : hidden;
}

.product-item .inner .media .wishlist.active i.added {
    opacity    : 1;
    visibility : visible;
}

.product-item .inner .content {
    text-align : center;
    position   : relative;
    overflow   : hidden;
}

.product-item .inner .content:not(:first-child) {
    margin-top : 20px;
}

.product-item .inner .content .title {
    line-height   : 1.25;
    color         : #666666;
    margin-bottom : 5px;
    z-index       : 2;
}

.product-item .inner .content .prices {
    position                : relative;
    font-size               : 13px;
    line-height             : 1.25;
    font-weight             : 600;
    text-transform          : uppercase;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    top                     : 0;
    -webkit-transition      : all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition           : all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition              : all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index                 : 1;
    visibility              : visible;
}

.product-item .inner .content .prices span {
    color : #333333;
}

.product-item .inner .content .prices span.price-old {
    color : #cccccc;
}

.product-item .inner .content .prices span.price-new:not(:first-child) {
    margin-left : 5px;
}

.product-item .inner .content .add-to-cart {
    font-size          : 13px;
    line-height        : 1.25;
    font-weight        : 600;
    text-transform     : uppercase;
    color              : #333333;
    position           : absolute;
    left               : 50%;
    bottom             : -30px;
    -webkit-transform  : translateX(-50%);
    -ms-transform      : translateX(-50%);
    transform          : translateX(-50%);
    white-space        : nowrap;
    opacity            : 0;
    visibility         : hidden;
    -webkit-transition : all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index            : 3;
}

.product-item .inner .content .add-to-cart i {
    margin-right : 3px;
    position     : relative;
    top          : -1px;
}

.product-item .inner .content .add-to-cart:hover {
    color : #c89a69;
}

.product-item .inner:hover .media .image img {
    -webkit-transform : scale(1.1);
    -ms-transform     : scale(1.1);
    transform         : scale(1.1);
}

.product-item .inner:hover .content .prices {
    top        : -20px;
    opacity    : 0;
    visibility : hidden;
}

.product-item .inner:hover .content .add-to-cart {
    opacity    : 1;
    bottom     : 0;
    visibility : visible;
}

/*	4.11.2 - Single Product CSS */
.single-product-gallery .gallery-item {
    position : relative;
}

.single-product-gallery .gallery-item img {
    -webkit-transition : none;
    -o-transition      : none;
    transition         : none;
}

.single-product-gallery .gallery-item .single-popup {
    position         : absolute;
    right            : 20px;
    top              : 20px;
    width            : 40px;
    height           : 40px;
    background-color : #ffffff;
    color            : #333333;
    border-radius    : 50%;
    text-align       : center;
    z-index          : 99;
}

.single-product-gallery .gallery-item .single-popup i {
    font-size   : 16px;
    line-height : 40px;
}

.single-product-thumb {
    margin-left  : -5px;
    margin-right : -5px;
}

.single-product-thumb .thumb-item {
    padding-left  : 5px;
    padding-right : 5px;
}

.single-product-thumb .thumb-item img {
    width : 100%;
}

.single-product-content .title {
    margin-bottom : 20px;
}

.single-product-content .prices {
    position           : relative;
    font-size          : 16px;
    line-height        : 1.25;
    font-weight        : 600;
    text-transform     : uppercase;
    display            : -webkit-box;
    display            : -webkit-flex;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-flex-wrap  : wrap;
    -ms-flex-wrap      : wrap;
    flex-wrap          : wrap;
    top                : 0;
    -webkit-transition : all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index            : 1;
    visibility         : visible;
    margin-bottom      : 30px;
}

.single-product-content .prices span {
    color : #333333;
}

.single-product-content .prices span.price-old {
    color : #cccccc;
}

.single-product-content .prices span.price-new:not(:first-child) {
    margin-left : 7px;
}

.single-product-content .desc:not(:last-child) {
    margin-bottom : 40px;
}

.single-product-content .action {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    margin-left       : -5px;
    margin-right      : -5px;
}

.single-product-content .action:not(:last-child) {
    margin-bottom : 35px;
}

.single-product-content .action > * {
    margin-left   : 5px;
    margin-right  : 5px;
    margin-bottom : 5px;
}

.single-product-content .action .quantity input[type="number"] {
    width : 90px;
}

.single-product-content .action .btn {
    -webkit-box-flex  : 0;
    -webkit-flex-grow : 0;
    -ms-flex-positive : 0;
    flex-grow         : 0;
}

.single-product-content .action .btn.btn-add-to-cart {
    background-color : #343a40;
    color            : #ffffff;
}

.single-product-content .action .btn.btn-wishlist {
    border-color : #e6e6e6;
}

.single-product-content .action .btn.btn-compare {
    border-color : #e6e6e6;
}

.single-product-content .action .btn:hover {
    background-color : #c89a69;
    border-color     : transparent;
    color            : #ffffff;
}

.single-product-content .meta {
    width : 100%;
}

.single-product-content .meta:not(:last-child) {
    margin-bottom : 40px;
}

.single-product-content .meta tbody tr td {
    line-height : 30px;
    padding     : 5px 0;
}

.single-product-content .product-share {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    margin-left       : -5px;
    margin-right      : -5px;
    list-style        : none;
    padding-left      : 0;
}

.single-product-content .product-share li {
    padding-left  : 5px;
    padding-right : 5px;
}

.single-product-content .product-share li a {
    color               : #ffffff;
    padding             : 1px 10px;
    font-size           : 12px;
    line-height         : 24px;
    height              : 24px;
    display             : -webkit-box;
    display             : -webkit-flex;
    display             : -ms-flexbox;
    display             : flex;
    -webkit-box-align   : center;
    -webkit-align-items : center;
    -ms-flex-align      : center;
    align-items         : center;
}

.single-product-content .product-share li a i {
    line-height  : 24px;
    margin-right : 3px;
}

.single-product-content .product-share li a.facebook {
    background-color : #4867AA;
}

.single-product-content .product-share li a.facebook:hover {
    background-color : #405c98;
}

.single-product-content .product-share li a.twitter {
    background-color : #1DA1F2;
}

.single-product-content .product-share li a.twitter:hover {
    background-color : #0d95e8;
}

.single-product-content .product-share li a.pinterest {
    background-color : #BD081B;
}

.single-product-content .product-share li a.pinterest:hover {
    background-color : #a50718;
}

.single-product-content .product-share li a.google {
    background-color : #DD5144;
}

.single-product-content .product-share li a.google:hover {
    background-color : #d93d2e;
}

.single-product-content .product-share li a.linkedin {
    background-color : #007BB6;
}

.single-product-content .product-share li a.linkedin:hover {
    background-color : #006a9d;
}

.product-additional-content {
    border-bottom : 1px solid #eeeeee;
    border-top    : 1px solid #eeeeee;
    padding       : 60px 0;
}

.product-additional-content .nav {
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    flex-wrap               : wrap;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    font-size               : 24px;
    line-height             : 1;
    font-weight             : 700;
    color                   : #cccccc;
    margin-left             : -15px;
    margin-right            : -15px;
    margin-bottom           : 30px;
}

.product-additional-content .nav li {
    padding-left  : 15px;
    padding-right : 15px;
    margin-bottom : 10px;
}

.product-additional-content .nav li a:hover {
    text-decoration : underline;
}

.product-additional-content .nav li a.active, .product-additional-content .nav li a:hover {
    color : #333333;
}

@media only screen and (max-width : 767px) {
    .product-additional-content .nav {
        font-size     : 18px;
        margin-left   : -10px;
        margin-right  : -10px;
        margin-bottom : 20px;
    }
    
    .product-additional-content .nav li {
        padding-left  : 10px;
        padding-right : 10px;
    }
}

.product-review-form form .product-ratting .ratting {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    padding-left      : 0;
    margin            : 0;
    list-style        : none;
}

.product-review-form form .product-ratting .ratting li {
    margin-right : 5px;
}

.product-review-form form .product-ratting .ratting li:last-child {
    margin-right : 0;
}

.product-review-form form .product-ratting .ratting li i {
    font-size : 14px;
}

.product-review-form form input[type="submit"] {
    background-color : #343a40;
    color            : #ffffff;
}

.product-review-form form input[type="submit"]:hover {
    background-color : #c89a69;
    color            : #ffffff;
}

/*	4.11.3 - Cart & Wishlist CSS */
.cart-wishlist-table {
    white-space : nowrap;
}

.cart-wishlist-table thead {
    background-color : #f7f8f8;
}

.cart-wishlist-table thead tr th {
    font-size : 14px;
}

.cart-wishlist-table thead tr th:first-child {
    padding-left : 20px;
}

.cart-wishlist-table thead tr th:last-child {
    padding-right : 20px;
}

.cart-wishlist-table tbody tr td {
    vertical-align : middle;
    font-weight    : 600;
    font-size      : 14px;
    color          : #999999;
    border-bottom  : 1px solid #f1f2f3;
}

.cart-wishlist-table tbody tr td:first-child {
    padding-left : 20px;
}

.cart-wishlist-table tbody tr td:last-child {
    padding-right : 20px;
}

.cart-wishlist-table tbody tr td.product-remove .remove {
    width            : 16px;
    height           : 16px;
    border           : none;
    background-color : transparent;
    line-height      : 1;
    padding          : 0;
}

.cart-wishlist-table tbody tr td.product-remove .remove i {
    display     : block;
    font-size   : 16px;
    line-height : 1;
}

.cart-wishlist-table tbody tr td.product-remove .remove:hover {
    color : #c89a69;
}

.cart-wishlist-table tbody tr td.product-thumbnail a {
    display   : inline-block;
    min-width : 70px;
}

.cart-wishlist-table tbody tr td.product-name a {
    color : #333333;
}

.cart-wishlist-table tbody tr td.product-name a:hover {
    color : #c89a69;
}

.cart-wishlist-table tbody tr td.product-quantity .quantity {
    display : block;
    width   : 90px;
}

.cart-wishlist-table tbody tr td.product-quantity .quantity input {
    padding-right : 10px !important;
}

.cart-wishlist-table tbody tr td.product-addtocart .btn {
    font-size : 12px;
    height    : 40px;
    padding   : 5px 20px;
}

.cart-wishlist-table tbody tr td.product-addtocart .btn:hover {
    background-color : #c89a69;
    border-color     : #c89a69;
}

.coupon-form form input[type="text"] {
    max-width : 200px !important;
}

.coupon-form form input[type="submit"]:hover {
    background-color : #c89a69;
    border-color     : #c89a69;
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .coupon-form form input {
        padding-top    : 7px !important;
        padding-bottom : 7px !important;
    }
    
    .coupon-form form input[type="submit"] {
        height : 44px;
    }
}

@media only screen and (max-width : 767px) {
    .coupon-form form input {
        padding-top    : 5px !important;
        padding-bottom : 5px !important;
    }
    
    .coupon-form form input[type="text"] {
        max-width : 170px !important;
    }
    
    .coupon-form form input[type="submit"] {
        height        : 40px;
        padding-left  : 20px;
        padding-right : 20px;
    }
}

@media only screen and (max-width : 479px) {
    .coupon-form form [class*="col-"] {
        width            : 100%;
        -webkit-box-flex : 1;
        -webkit-flex     : 1 0 auto;
        -ms-flex         : 1 0 auto;
        flex             : 1 0 auto;
    }
    
    .coupon-form form [class*="col-"] input {
        width      : 100% !important;
        max-width  : none !important;
        text-align : center;
    }
}

.update-cart-btn:hover {
    background-color : #c89a69;
    border-color     : #c89a69;
}

.cart-totals {
    margin-left : auto;
    max-width   : 400px;
    width       : 100%;
}

.cart-totals .title {
    display       : block;
    line-height   : 1;
    color         : #333333;
    font-weight   : 600;
    margin-bottom : 15px;
}

.cart-totals .table tbody tr th, .cart-totals .table tbody tr td {
    font-size   : 14px;
    line-height : 1;
}

.cart-totals .btn {
    display : block;
}

.cart-totals .btn:hover {
    background-color : #c89a69;
    border-color     : #c89a69;
}

/*	4.11.4 - Checkout CSS */
/*-- Shipping Form --*/
#shipping-form {
    display : none;
}

.checkout-cart-totle-table {
    margin : 0;
}

.checkout-cart-totle-table thead tr th, .checkout-cart-totle-table tfoot tr th {
    font-size   : 18px;
    line-height : 1;
    color       : #c89a69;
    font-family : "EB Garamond", serif;
}

.checkout-cart-totle-table tbody tr:nth-last-child(1) td {
    border-bottom : 1px solid #ececec;
}

.checkout-cart-totle-table tbody tr:nth-last-child(1) td, .checkout-cart-totle-table tbody tr:nth-last-child(2) td {
    font-weight : 600;
    border-top  : 1px solid #ececec;
}

.checkout-cart-totle-table thead tr th:first-child, .checkout-cart-totle-table thead tr td:first-child, .checkout-cart-totle-table tbody tr th:first-child, .checkout-cart-totle-table tbody tr td:first-child, .checkout-cart-totle-table tfoot tr th:first-child, .checkout-cart-totle-table tfoot tr td:first-child {
    padding-left : 0;
}

.checkout-cart-totle-table thead tr th:last-child, .checkout-cart-totle-table thead tr td:last-child, .checkout-cart-totle-table tbody tr th:last-child, .checkout-cart-totle-table tbody tr td:last-child, .checkout-cart-totle-table tfoot tr th:last-child, .checkout-cart-totle-table tfoot tr td:last-child {
    padding-right : 0;
}

/*	4.11.5 - My Account CSS */
/*Login & Register Tab List*/
.login-register-tab-list {
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    margin-bottom           : 50px;
}

.login-register-tab-list li {
    font-size : 30px;
}

.login-register-tab-list li::after {
    content : ":";
    margin  : 0 15px;
}

.login-register-tab-list li:last-child::after {
    display : none;
}

.login-register-tab-list li a {
    font-weight : 700;
}

.login-register-tab-list li a.active {
    color : #c89a69;
}

@media only screen and (max-width : 767px) {
    .login-register-tab-list {
        margin-bottom : 30px;
    }
    
    .login-register-tab-list li {
        font-size : 24px;
    }
}

@media only screen and (max-width : 479px) {
    .login-register-tab-list li {
        font-size : 20px;
    }
}

/*My Account Navigation*/
.my-account-navigation {
    display          : block;
    background-color : #f7f8f8;
    padding          : 25px 30px;
}

.my-account-navigation li a {
    font-size : 14px;
    padding   : 8px 0;
}

.my-account-navigation li a:hover {
    color : #333333;
}

.my-account-navigation li a.active {
    color : #c89a69;
}

.my-account-navigation li a i {
    margin-right : 10px;
}

/*--
/*  4.12 - Gallery CSS
/*----------------------------------------*/
.gallery-item {
    position : relative;
    overflow : hidden;
    display  : block;
}

.gallery-item img {
    display : block;
    width   : 100%;
}

.gallery-item .icon {
    position           : absolute;
    right              : 0;
    bottom             : 0;
    width              : 50px;
    height             : 50px;
    text-align         : center;
    padding            : 10px;
    color              : #333333;
    background         : #c89a69;
    z-index            : 9;
    -webkit-transform  : translate(50%) rotateZ(90deg);
    -ms-transform      : translate(50%) rotate(90deg);
    transform          : translate(50%) rotateZ(90deg);
    opacity            : 0;
    visibility         : hidden;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.gallery-item .icon i {
    font-size   : 18px;
    line-height : 30px;
}

.gallery-item .icon:hover {
    background : #333333;
    color      : #c89a69;
}

.gallery-item:hover .icon {
    -webkit-transform : translate(0) rotateZ(0deg);
    -ms-transform     : translate(0) rotate(0deg);
    transform         : translate(0) rotateZ(0deg);
    opacity           : 1;
    visibility        : visible;
}

/*--
/*  4.13 - Contact CSS
/*----------------------------------------*/
.contact-map {
    width      : 100%;
    min-height : 480px;
    height     : 100%;
}

@media only screen and (max-width : 767px) {
    .contact-map {
        min-height : 330px;
    }
}

.contact-info {
    text-align : center;
}

.contact-info .icon {
    width                   : 88px;
    height                  : 88px;
    border                  : 1px solid #c89a69;
    color                   : #c89a69;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    margin                  : 0 auto;
    -webkit-box-align       : center;
    -webkit-align-items     : center;
    -ms-flex-align          : center;
    align-items             : center;
    -webkit-box-pack        : center;
    -webkit-justify-content : center;
    -ms-flex-pack           : center;
    justify-content         : center;
    margin-bottom           : 20px;
}

.contact-info .icon i {
    font-size : 30px;
}

.contact-info .content .title {
    font-weight : 500;
}

.contact-info-list {
    list-style   : none;
    padding-left : 0;
    margin       : 0;
}

.contact-info-list:not(:last-child) {
    margin-bottom : 30px;
}

.contact-info-list li {
    padding-left : 30px;
    position     : relative;
    font-size    : 14px;
    line-height  : 1.75;
    font-weight  : 300;
}

.contact-info-list li + li {
    margin-top : 10px;
}

.contact-info-list li i {
    position    : absolute;
    left        : 0;
    top         : 0;
    color       : #c89a69;
    line-height : inherit;
}

/*----------------------------------------*/
/*  05. Widget CSS
/*----------------------------------------*/
/*--
/*  5.1 - Sidebar Widget CSS
/*----------------------------------------*/
.sidebar-wrap {
    border-left : 1px solid #eeeeee;
    height      : 100%;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .sidebar-wrap {
        border-left : none;
        height      : auto;
        padding-top : 0;
    }
}

.widget {
    margin-bottom : 40px;
    color         : #666666;
}

.widget:last-child {
    margin-bottom : 0;
}

.widget .widget-title {
    border-bottom  : 1px solid #eeeeee;
    padding-left   : 20px;
    padding-bottom : 20px;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .widget .widget-title {
        padding-left : 0;
    }
}

.widget-title {
    font-size      : 20px;
    line-height    : 1.2;
    margin         : 0;
    text-transform : uppercase;
}

.widget-title::after {
    content     : "\e901";
    font-family : "TMLawyer";
    font-size   : 9px;
    display     : block;
    margin-top  : 4px;
    color       : #c89a69;
}

.widget-link {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.widget-link li {
    border-bottom : 1px solid #eeeeee;
}

.widget-link li a {
    padding     : 15px 0 15px 20px;
    line-height : 1.5;
}

.widget-link li.active a {
    font-weight : 600;
}

.widget-link.widget-category li a::before {
    content      : "\f105";
    font-family  : "FontAwesome";
    color        : #c89a69;
    margin-right : 10px;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .widget-link li a {
        padding-left : 0;
    }
}

.widget-brochure {
    padding-left : 20px;
    padding-top  : 20px;
}

.widget-brochure a {
    display          : block;
    background-color : #f9f4ef;
    padding          : 15px 20px;
    line-height      : 20px;
}

.widget-brochure a + a {
    margin-top : 10px;
}

.widget-brochure a i {
    width        : 20px;
    margin-right : 5px;
    color        : #c89a69;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .widget-brochure {
        padding-left : 0;
    }
}

.widget-banner {
    padding-left : 20px;
    padding-top  : 20px;
}

.widget-banner a {
    display : block;
}

.widget-banner a img {
    max-width : 100%;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .widget-banner {
        padding-left : 0;
    }
}

.widget-search {
    padding-left : 20px;
}

.widget-search form input[type="search"] {
    margin-bottom    : 0;
    padding          : 15px;
    border           : 1px solid #ddd;
    background-color : #ffffff;
    width            : 100%;
    color            : #999999;
}

.widget-search form input[type="search"]::-webkit-input-placeholder {
    color : #999999;
}

.widget-search form input[type="search"]:-moz-placeholder {
    color : #999999;
}

.widget-search form input[type="search"]::-moz-placeholder {
    color : #999999;
}

.widget-search form input[type="search"]:-ms-input-placeholder {
    color : #999999;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .widget-search {
        padding-left : 0;
    }
}

.widget-post-list {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.widget-post-list li {
    border-bottom : 1px solid #eeeeee;
    padding       : 15px 0 15px 20px;
}

.widget-post-list li .title {
    line-height : 1.5;
}

.widget-post-list li .post-date {
    color     : #999999;
    display   : block;
    font-size : 95%;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .widget-post-list li {
        padding-left : 0;
    }
}

.widget-post {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.widget-post li {
    display      : block;
    overflow     : hidden;
    padding-left : 20px;
    padding-top  : 20px;
}

.widget-post li .thumb {
    float        : left;
    margin-right : 15px;
    width        : 80px;
    height       : 80px;
    background   : #eeeeee;
}

.widget-post li .thumb img {
    max-width : 100%;
}

.widget-post li .content {
    overflow : hidden;
}

.widget-post li .content .title {
    font-size     : 20px;
    color         : #333333;
    font-family   : "EB Garamond", serif;
    line-height   : 1.1;
    margin-bottom : 10px;
}

.widget-post li .content .title:hover {
    color : #c89a69;
}

.widget-post li .content .meta {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
}

.widget-post li .content .meta span {
    display             : -webkit-box;
    display             : -webkit-flex;
    display             : -ms-flexbox;
    display             : flex;
    -webkit-box-align   : center;
    -webkit-align-items : center;
    -ms-flex-align      : center;
    align-items         : center;
    font-size           : 12px;
    margin-right        : 15px;
}

.widget-post li .content .meta span:last-child {
    margin-right : 0;
}

.widget-post li .content .meta span i {
    color        : #c89a69;
    margin-right : 5px;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .widget-post li {
        padding-left : 0;
    }
}

.widget-product {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.widget-product li {
    display      : block;
    overflow     : hidden;
    padding-left : 20px;
    padding-top  : 20px;
}

.widget-product li .thumb {
    float        : left;
    margin-right : 15px;
    width        : 80px;
    height       : 80px;
    background   : #eeeeee;
}

.widget-product li .thumb img {
    max-width : 100%;
}

.widget-product li .content {
    overflow : hidden;
}

.widget-product li .content .title {
    font-size     : 18px;
    color         : #333333;
    font-family   : "EB Garamond", serif;
    line-height   : 1.1;
    margin-bottom : 10px;
}

.widget-product li .content .title:hover {
    color : #c89a69;
}

.widget-product li .content .prices {
    position          : relative;
    font-size         : 13px;
    line-height       : 1.25;
    font-weight       : 600;
    text-transform    : uppercase;
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
}

.widget-product li .content .prices span {
    color : #333333;
}

.widget-product li .content .prices span.price-old {
    color : #cccccc;
}

.widget-product li .content .prices span.price-new:not(:first-child) {
    margin-left : 5px;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .widget-product li {
        padding-left : 0;
    }
}

.widget-comment {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.widget-comment li {
    border-bottom : 1px solid #eeeeee;
    padding       : 15px 0 15px 20px;
}

.widget-comment li a {
    line-height : 1.5;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .widget-comment li {
        padding-left : 0;
    }
}

.widget-price-range {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    padding-left      : 20px;
    padding-top       : 20px;
}

.widget-price-range .irs--round {
    width : 100%;
}

.widget-price-range .irs--round .irs .irs-line {
    height           : 6px;
    border-radius    : 0;
    background-color : #f7f7f7;
}

.widget-price-range .irs--round .irs .irs-from, .widget-price-range .irs--round .irs .irs-to {
    font-size        : 12px;
    padding          : 5px;
    background-color : #c89a69;
}

.widget-price-range .irs--round .irs .irs-from::before, .widget-price-range .irs--round .irs .irs-to::before {
    border-top-color : #c89a69;
}

.widget-price-range .irs--round .irs-bar {
    height           : 6px;
    background-color : #c89a69;
}

.widget-price-range .irs--round .irs-handle {
    background-color : #c89a69;
    border           : none;
    width            : 20px;
    height           : 20px;
    top              : 28px;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .widget-price-range {
        padding-left : 0;
    }
}

.widget-tags {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    padding-left      : 20px;
    padding-top       : 10px;
}

.widget-tags a {
    font-size        : 14px;
    text-transform   : uppercase;
    background-color : #f9f4ef;
    padding          : 8px 15px;
    display          : inline-block;
    margin           : 10px 10px 0 0;
    border           : none;
}

.widget-tags a:hover {
    background-color : #c89a69;
    color            : #ffffff;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .widget-tags {
        padding-left : 0;
    }
}

.widget-text {
    padding-left : 20px;
    padding-top  : 10px;
}

@media only screen and (min-width : 768px) and (max-width : 991px), only screen and (max-width : 767px) {
    .widget-text {
        padding-left : 0;
    }
}

/*--
/*  5.2 - Footer Widget CSS
/*----------------------------------------*/
.footer-widget-area {
    margin-bottom : -40px;
}

.footer-widget {
    margin-bottom : 40px;
    color         : #d9d9d9;
}

.footer-widget-title {
    color         : #ffffff;
    font-size     : 20px;
    line-height   : 1.2;
    margin-bottom : 35px;
}

.footer-widget-title::after {
    content     : "\e901";
    font-family : "TMLawyer";
    font-size   : 9px;
    display     : block;
    margin-top  : 8px;
    color       : #51b4e5;
}

.footer-widget-text p {
    margin-bottom : 10px;
}

.footer-widget-text p i {
    width       : 30px;
    color       : #51b4e5;
    float       : left;
    line-height : 1.75;
}

.footer-widget-link {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.footer-widget-link li + li {
    margin-top : 5px;
}

.footer-widget-link li a {
    padding-left : 15px;
    position     : relative;
}

.footer-widget-link li a::before {
    position    : absolute;
    left        : 0;
    top         : 0;
    content     : "\f105";
    font-family : "FontAwesome";
    color       : #51b4e5;
}

/*----------------------------------------*/
/*  06. Newsletter Socail CSS
/*----------------------------------------*/
.newsletter-socail-section {
    padding : 50px 0;
}

.newsletter-form form {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
}

.newsletter-form form input[type="email"] {
    background-color : #ffffff !important;
    padding          : 10px 20px !important;
    width            : auto !important;
    margin-right     : 5px;
}

.newsletter-form form input[type="submit"] {
    border  : none;
    padding : 10px 20px;
    height  : auto;
}

@media only screen and (max-width : 575px) {
    .newsletter-form form input[type="email"] {
        width : 280px !important;
    }
}

@media only screen and (max-width : 479px) {
    .newsletter-form form input {
        width        : 100%;
        text-align   : center;
        margin-right : 0 !important;
        max-width    : none;
    }
    
    .newsletter-form form input[type="submit"] {
        margin-top : 10px;
    }
}

.mailchimp-alerts {
    max-width : 500px;
}

.footer-top-socail {
    display           : -webkit-box;
    display           : -webkit-flex;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    margin            : 0 -2px;
}

.footer-top-socail a {
    width              : 40px;
    height             : 40px;
    border-radius      : 50%;
    color              : #ffffff;
    background-color   : rgba(0, 0, 0, 0.3);
    text-align         : center;
    margin             : 0 2px;
    -webkit-transition : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition      : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition         : all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.footer-top-socail a i {
    font-size   : 16px;
    line-height : 40px;
}

.footer-top-socail a:hover {
    background-color : #c89a69;
}

/*--
/*  07. Footer CSS
/*----------------------------------------*/
.footer-section {
    background-color : #333333;
    padding          : 60px 0;
}

.copyright-section {
    padding          : 40px 0;
    border-top       : 1px solid #444444;
    background-color : #333333;
}

.copyright-content {
    color : #d9d9d9;
}

.copyright-content a {
    color : #51b4e5;
}

.copyright-content a:hover {
    text-decoration : underline;
}

#inner-content {
    background-image    : url(../images/bg/cta-bg-inner.jpg?v=3);
    background-repeat   : no-repeat;
    background-position : center top;
    background-size     : cover;
}

.article_boxed_col {
    padding : .25rem;
}

.article_boxed {
    position : relative;
}

.article_boxed a {
    display  : block;
    position : absolute;
    left     : 0;
    top      : 0;
    width    : 100%;
    height   : 100%;
}

.article_boxed .article-media {
    position : relative;
    margin   : 0;
}

.article_boxed .article-media:before {
    display          : block;
    position         : absolute;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 100%;
    background-color : rgba(0, 0, 0, 0.3);
    content          : "";
    transition       : all 0.3s linear;
}

.article_boxed:hover .article-media:before {
    background-color : rgba(0, 0, 0, 0.7);
}

.article_boxed .article-media .image {

}

.article_boxed .article-media .image img {

}

.article_boxed .article-content {
    position : absolute;
    left     : 0;
    bottom   : 0;
    width    : 100%;
    padding  : 15px;
}

.article_boxed h3.title {
    color       : #fff;
    line-height : 1.2;
}

/*.hero-content-5 img {
    max-width: 100%;
    width: 350px;
    margin-bottom: 55px;
}*/
/*
@media (max-width: 1300px) {
    .hero-content-5 img {
        max-width: 100%;
        width: 100%;
        margin-bottom: 55px;
    }
}*/
@media (max-width : 991px) {
    .hero-content-5 {
        position   : relative;
        /* top: inherit; */
        text-align : center;
        left       : 0;
        margin-top : 10px;
    }
    
    /*
    .hero-item.hero-item-3 {
        height: auto;
        background: white !important;
        padding-top: 150px;
    }*/
    .mobile-header {
        height : 50px;
    }
    
    .mobile-header {
        z-index    : 20;
        position   : relative;
        background : #51b4e5;
        height     : auto;
    }
    
    .header-section .header-top {
        display : none;
    }
    
    .header-section .header-middle {
        display : none;
    }
    
    /*.mobile-header {
        display: none !important;
    }*/
    .header-section {
        display  : block;
        position : relative;
        
        z-index  : 2;
        
        /*display  : block !important;*/
        
    }
    
}