/*



 */





/* Table of Content

==================================================



  1. Fonts

 2. Common css

   a)button style

   b)Well

   c)Main heading

   d)Form style

   e)Hover Effect

   f)center

   g)Overlay

   h)Owl Carousel Navigation Style

   i)Icons

   j)Accordion

 3. Main Banner

   a)Top Bar

   b)Header

   c)Banner Content

 4. Services

 5. Our Team

 6. Videos

 7. About Us

 8. Look Section

 9. Gallery

 10.Blog

 11.Why Choose us

 12.Contact Us

 13.Branches

 14.Footer

 15.Widgets

 16.Pagination

 17.Skills

 18.Counter

 19.Products

 20.Price Table

 21 Side Bae

 22.Error Page/404

 23.Coming Soon

 24.Faq

 25.Check out

 26.Cart

 27.Category

 28.Testimonials

 29.Offer

 30.Project

 31.Home Style

================================================

Fonts

================================================

*/



@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);



/*

================================================

Common Css

================================================

*/



* {

    position: relative;

    outline: 0!important;

    transition: all ease-in-out .3s;

    -webkit-transition: all ease-in-out .3s;

}



:before,

:after {

    transition: all ease-in-out .3s;

    -webkit-transition: all ease-in-out .3s;

}



ul {

    margin: 0;

}



body {

    font-family: "Montserrat";

    font-size: 14px;

    font-weight: normal;

	

}



p {

    line-height: 22px;

    margin: 0;

    font-family: Arimo;

}



a:hover {

    text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: #34404e;

}



.row {

    clear: both;

}



.bg-color {

    background-image:url(../images/section-bg.jpg);

	

	

}





/*#fdfcfc

===========================================

button style

===========================================

*/



.btn {

    border: medium none;

    border-radius: 0;

    color: #fff;

    font-size: 11px;

    text-transform: capitalize;

    font-weight: bold;

}



.btn.black-border {

    background-color: #000;

    padding: 18px 90px 18px 40px;

    text-transform: uppercase;

}



.btn.black {

    background-color: #282828;

    color: #fff;

}



.btn.black-border::after {

    background-color: #333333;

    border-left: 1px solid #fff;

    bottom: 0;

    color: #fff;

    content: "";

    font-family: icofont;

    position: absolute;

    right: 0;

    top: 0;

    width: 50px;

}



.btn:hover {

    background-color: #ba9a2d;

    color: #fff;

}



.radius-2x {

    border-radius: 22px;

}



.radius-4x {

    border-radius: 5px;

}



.btn.bg {

    background-color: #ba9a2d;

}



.black-border.btn:hover,

.btn.black-border:hover::after {

    background-color: #ba9a2d;

}



.btn.yellow,

.btn.yellow::after {

    background-color: #BA9A2D;

}



.simple.btn {

    background-color: #ba9a2d;

    padding: 12px 60px;

    text-transform: uppercase;

}



#cart .coupon {

    padding: 6px 0;

}





/*

===========================================

Well

===========================================

*/



.well * {

    color: #282828;

    font-size: 13px;

}



.well a {

    color: #ba9a2d;

}



.well {

    background-color: #f8f8f8;

    border: medium none;

    border-radius: 0;

    box-shadow: none;

    margin: 0;

    padding: 15px 70px;

}





/*

===========================================

main heading

===========================================

*/



.main-heading h2 {

    color: #e4e6e7;

    font-size: 40px;

    font-weight: 700;

    margin-bottom: 0;

    margin-top: 0;

    text-transform: uppercase;

}



.main-heading h6 {

    color: #ba9a2d;

    margin-bottom: 15px;

    margin-top: 30px;

    text-transform: uppercase;

    font-size: 11px;

}



.main-heading h3 {

    color: #000;

    font-style: italic;

    font-weight: 600;

    margin: 0;

    text-transform: capitalize;

}



.main-heading p {

    color: #a2a2a2;

    font-size: 15px;

    line-height: 28px;

    

}



.main-heading {

    margin-bottom: 50px;

}



.main-heading span {

    color: #ba9a2d;

}



.dot span {

    background-color: #bebebe;

    display: inline-block;

    height: 7px;

    width: 7px;

}



.main-heading .dot {

    margin: 15px 0;

}



.main-heading .text p {

    padding: 0;

    text-align: justify;

}



.main-heading .text {

    margin-top: 15px;

}



.main-heading p.italic {

    color: #ba9a2d!important;

    font-style: italic;

    margin-top: 35px;

}





/*======================================*/



img {

    vertical-align: middle;

    max-width: 100%;

}



.margin {

    display: inline-block;

    margin: 16px 0;

    width: 100%;

}



.large-margin {

    display: inline-block;

    margin: 20px 0;

    width: 100%;

}



.no-padding {

    padding: 0;

}



.padding-left {

    padding: 0 0 0 15px;

}



.padding-right {

    padding: 0 15px 0 0;

}



.space {

    padding: 20px 0;

	background-image:url(../images/sub-heading-bg.png);

	margin-top:30px;

}



.space-top {

    padding: 120px 0 0;

}



.space-bottom {

    padding: 0 0 120px 0;

}



.small-space {

    margin: 10px 0;

    display: inline-block;

    width: 100%;

}



section {

    overflow: hidden;

}



a:hover,

a:focus {

    text-decoration: none;

    color: #BA9A2D;

}





/*

===========================================

Form style

===========================================

*/



select,

textarea,

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"] {

    background-color: #fbfbfb;

    background-image: none;

    border: medium none;

    border-radius: 0;

    box-shadow: none;

    color: #333;

    display: block;

    font-size: 12px;

    height: 50px;

    font-family: Arimo;

    line-height: 1.42857;

    padding: 6px 12px;

    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

}



input:focus,

textarea.form-control:focus,

select:focus {

    background-color: #ba9a2d !important;

    border-color: #222 !important;

    box-shadow: none !important;

    color: #fff;

}



input[type="radio"],

.checkbox input[type="radio"],

.checkbox input[type="checkbox"],

input[type="checkbox"] {

    display: none;

    margin-left: 0;

    margin-top: 3px;

    position: absolute;

}



.checkbox label::before {

    border: 1px solid #dcdcdc;

    content: "";

    height: 20px;

    left: 0;

    position: absolute;

    width: 20px;

}



.checkbox label::after {

    background-color: #f0f0f0;

    border: 1px solid #dcdcdc;

    content: "";

    height: 12px;

    left: 0;

    margin: 4px;

    position: absolute;

    width: 12px;

    top: 0;

}



.checkbox input:checked + label::after {

    background-color: #ba9a2d;

    border-color: #ba9a2d;

}



.radio label,

.checkbox label {

    color: #282828;

    font-size: 13px;

    font-weight: normal;

    padding-left: 30px;

}



.checkbox input:checked + label {

    color: #ba9a2d;

}



#checkout form textarea.form-control {

    height: 220px;

}



.message label {

    line-height: 2;

}



.form-group {

    margin-bottom: 4px;

    padding: 0 2px;

}



.form-control::-moz-placeholder {

    color: #666;

    opacity: 1;

    font-size: 12px;

    font-family: Arimo;

}



.form-control:focus::-moz-placeholder,

.form-control:focus:-ms-input-placeholder,

.form-control:focus::-webkit-input-placeholder {

    color: #fff;

}



.form-control:-ms-input-placeholder {

    color: #666;

    font-size: 12px;

    font-family: Arimo;

}



.form-control::-webkit-input-placeholder {

    color: #666;

    font-size: 12px;

    font-family: Arimo;

}



label {

    color: hsl(0, 0%, 20%);

    display: inline-block;

    font-weight: normal;

    margin-bottom: 5px;

    max-width: 100%;

    text-transform: capitalize;

}



.contact-block form .form-group {

    margin-bottom: 7px;

    padding: 0 3px;

}



textarea.form-control {

    background-color: #fbfbfb;

    border: medium none;

    border-radius: 0;

    box-shadow: none;

    height: 120px;

    resize: none;

}





/*

===========================================

Hover Effect

===========================================

*/



#team .team-inner .team-info::before{

    background-color: #BA9A2D;

    content: "";

    height: 150px;

    left: -1000px;

    position: absolute;

    right: -100px;

    top: 0;

    transform: rotate(-30deg) scale(1.5);

    -webkit-transform: rotate(-30deg) scale(1.5);

    transform-origin: 93% 0 0;

    z-index: -1;

    opacity: 0;

}



#team .team-inner .team-info::after {

    background-color: #BA9A2D;

    content: "";

    height: 150px;

    left: -1000px;

    position: absolute;

    right: -1000px;

    top: 0;

    transform: rotate(30deg) scale(1.5);

    -webkit-transform: rotate(30deg) scale(1.5);

    transform-origin: 42.5% 0 0;

    z-index: -1;

    opacity: 0;

}



#team .team-inner:hover .team-info::before{

    opacity: 1;

    transform: rotate(-30deg) scale(1);

    -webkit-transform: rotate(-30deg) scale(1);

}



#team .team-inner:hover .team-info::after{

    opacity: 1;

    transform: rotate(30deg) scale(1);

    -webkit-transform: rotate(30deg) scale(1);

}



#team .team-block:not(:nth-last-child(-n+3)) {

    margin-bottom: 30px;

}





/*

==========================================

center

==========================================

*/



.top-bar .row,

.nav-button ul li a,

nav#slide-nav .container,

#slide-nav .nav-button span,

#team .team-inner .team-info,

#video .video-info,

#video .video-inner a,

.icon,

#about .about-item,

.black-border.btn::after,

section#contact-button .row,

#branch .item .branch-inner,

#portfolio .portfolio-hover,

.merab-pagination .pagination li a,

#portfolio.port03 .portfolio-info,

.counter .counter-block,

.counter .counter-block::after,

.home-3 #news .news-info,

aside .post-text,

.widget.social ul a,

#error-page,

#coming-soon,

#single-product .quantity,

#single-product .cart-info form,

#single-team .member-info ul li a,

#contact-us.contact02 .contact-block.left,

.post-detail .quote-text,

#single-blog .author-info,

.post-comments .comment-detail,

aside .video-post a,

aside .video-post .overlay,

.center,

#category .category-block .hover,

#accordion a.accordion-toggle i {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}





/*

===========================================

Overlay

===========================================

*/



#video .ms-slide:not(.ms-sl-selected)::before,

#about::before,

#error-page::before,

#coming-soon::before,

.overlay::before {

    background-color: rgba(0, 0, 0, 0.4);

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

}





/*

===========================================

Owl Carousel

===========================================

*/



.owl-theme .owl-controls .owl-buttons div {

    background: #0c0c0c none repeat scroll 0 0;

    border-radius: 0;

    font-size: 20px;

    height: 45px;

    left: -60px;

    line-height: 45px;

    margin: 0;

    opacity: 1;

    padding: 0;

    position: absolute;

    width: 45px;

}



.owl-theme .owl-controls .owl-buttons .owl-next {

    left: auto;

    right: -60px;

}



.owl-theme .owl-controls.clickable .owl-buttons div:hover {

    background-color: #f0653c;

    opacity: 1;

    text-decoration: none;

}



.owl-controls {

    left: 0;

    margin: -22px 0 0 !important;

    position: absolute;

    right: 0;

    top: 50%;

}





/*

===========================================

Icons

===========================================

*/



.icon {

    background-color: #ba9a2d;

    height: 80px;

    margin: auto auto 30px;

    width: 80px;

}



.icon.radius-2x {

    border-radius: 50%;

}



.icon.radius-4x {

    border-radius: 7px;

}



.icon i {

    color: #fff;

    font-size: 40px;

}





/*

===========================================

Accordion

===========================================

*/



#accordion .panel-heading {

    border: medium none;

    border-radius: 0;

    box-shadow: none;

    padding: 0;

}



#accordion a.accordion-toggle {

    background-color: #BA9A2D;

    display: block;

    padding: 20px 40px;

    color: #fff;

}



#accordion a.accordion-toggle i {

    color: #fff;

    bottom: 0;

    position: absolute;

    right: 15px;

    top: 0;

}



#accordion a.accordion-toggle.collapsed {

    background-color: #f8f7f7;

    color: #323232;

}



#accordion a.accordion-toggle.collapsed i {

    color: #323232;

}



#accordion .panel {

    border: medium none;

    border-radius: 0;

    box-shadow: none;

    margin-bottom: 0;

}



#accordion .panel-collapse {

    border: medium none;

    box-shadow: none;

}



#accordion.panel-group .panel + .panel {

    margin-top: 1px;

}



#accordion .panel-heading .panel-title {

    font-family: montserrat;

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

}



#accordion .panel-body {

    background-color: #fff;

    border: medium none;

    padding: 20px 50px;

}



#accordion .panel-body p {

    color: #777;

    font-size: 13px;

    line-height: 24px;

}



#accordion .panel-heading i {

    color: #5d5d5d;

    float: right;

}





/*

===========================================

Main Banner

===========================================

*/



section#main-banner {

    background-image: url("../images/banner01.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

	

}



.home-3 section#main-banner.overlay::before {

    background-color: rgba(0, 0, 0, 0.5);

}





/*

===========================================

Top bar

===========================================

*/



.top-bar {

    background-color: #141414;

    padding: 8px 0;

}



.top-bar ul li {

    display: inline-block;

}



.top-bar ul {

    list-style: outside none none;

    padding: 0;

}



.top-bar .top-button li a {

    color: #fff;

    font-family: montserrat;

    font-size: 11px;

    text-transform: uppercase;

}



.top-bar ul li a {

    padding: 0 20px;

}



.top-bar .topbar-block .btn {

    display: inline-block;

    margin: 0 3px;

    padding: 8px 30px;

}



.top-bar ul li:first-child a {

    padding-left: 0;

}



.top-bar .top-button li a:hover {

    color: #ba9a2d;

}



.top-bar ul li:last-child a {

    padding-right: 0;

}



.top-bar .btn i {

    margin-right: 5px;

}



.top-bar ul li:first-child a {

    padding-left: 0;

}



.top-bar .contact li a i {

    color: #fff;

    margin-right: 7px;

}



.top-bar ul li a::after {

    border-right: 1px solid #999;

    bottom: 2.5px;

    content: "";

    opacity: 0.7;

    position: absolute;

    right: 0;

    top: 2.5px;

}



.top-bar ul li:last-child a::after {

    display: none;

}



.top-bar .contact li a {

    color: #ba9a2d;

    font-family: arimo;

    font-size: 11px;

}





/*

===========================================

Header

===========================================

*/



nav#slide-nav {

    border: medium none;

    border-radius: 0;

    margin: 0;

}



header .container::after,

header .container::before {

    display: unset;

}



#slide-nav #menu_nav > ul {

    float: right;

}



#slide-nav .nav-button ul {

    padding: 0;

    list-style: none;

    text-align: right;

}



#slide-nav .nav-button li {

    display: inline-block;

    margin: 0 4px;

}



.nav-button ul li a {

    background-color: #fbfbfb;

    color: #282828;

    font-size: 16px;

    height: 50px;

    text-align: center;

    width: 50px;

}



#slide-nav #menu_nav > ul > li > a {

    color: #282828;

    font-family: montserrat;

    font-size: 13px;

    font-weight: 600;

    line-height: 90px;

    padding: 15px 10px;

    text-transform: uppercase;

}



#slide-nav .nav-button span {

    background-color: #ba9a2d;

    border-radius: 50%;

    color: #fff;

    font-size: 11px;

    height: 21px;

    position: absolute;

    right: -6px;

    top: -6px;

    width: 21px;

}



.home-2 header #slide-nav .container::before,

.home-6 header #slide-nav .container::before {

    background-color: #fff;

    bottom: 0;

    content: "";

    left: -20px;

    margin: auto;

    position: absolute;

    right: -20px;

    top: 0;

}



header .navbar-header {

    padding-left: 0;

}



header #slide-nav.affix .container::before {

    box-shadow: 0 0 2px 0 #cdcdcd;

}



#slide-nav #menu_nav {

    padding-right: 0;

}



#slide-nav #menu_nav ul > li > a:hover,

#slide-nav #menu_nav ul > li > a:focus,

#slide-nav #menu_nav ul > li.active > a,

.nav-button ul li a:hover {

    background-color: transparent;

    color: #ba9a2d!important;

}



nav#slide-nav.affix {

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 2147483647;

}



#slide-nav.affix #menu_nav > ul > li > a {

    line-height: 50px;

}



.dropdown-menu {

    border: medium none;

    border-radius: 0;

    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.176);

    display: block;

    min-width: 200px;

    opacity: 0;

    padding: 15px 0;

    top: 130%;

    visibility: inherit;

}

.dropdown-menu li > a {

    clear: both;

    color: #222;

    display: block;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.42857;

    padding: 12px 20px;

    text-transform: uppercase;

    white-space: nowrap;

}



.dropdown:hover > .dropdown-menu {

    opacity: 1;

    top: 102%;

    visibility: visible;

}



.dropdown-menu .dropdown > .dropdown-menu {

    background-color: #fff;

    left: 300%;

    margin-top: -1px;

    min-width: 170px;

    opacity: 0;

    padding: 8px 0;

    position: absolute;

    top: 0;

    visibility: hidden;

    display: block;

}



.dropdown-menu li:not(:last-child) > a {

    border-bottom: 1px solid #eee;

}



.dropdown-menu .dropdown:hover > .dropdown-menu {

    visibility: visible;

    opacity: 1;

    left: 100.5%;

}



#slide-nav .navbar-form .form-control {

    height: 50px;

    width: 250px;

}



header ul {

    list-style: outside none none;

    padding: 0;

}



.nav-button form .btn {

    background-color: #333;

    bottom: 0;

    font-size: 16px;

    position: absolute;

    right: 0;

    top: 0;

    width: 50px;

}



#slide-nav .navbar-form .form-group {

    padding: 0;

    margin: 0;

}



#slide-nav .nav-button .dropdown-menu {

    box-shadow: none;

    left: auto;

    margin: 0;

    opacity: 0;

    position: absolute;

    right: 6px;

    top: 200%;

    visibility: hidden;

}

#slide-nav .nav-button .dropdown:hover .dropdown-menu {

    opacity: 1;

    top: 163%;

    visibility: visible;

}







.home-3 #slide-nav .nav-button .dropdown-menu {

    top: 170%;

}

#slide-nav.affix .nav-button .dropdown:hover .dropdown-menu {

    top: 127%;

}

#slide-nav .nav-button .dropdown {

    position: static;

}



#slide-nav .navbar-form {

    border: 0 none;

    box-shadow: none;

    margin: 0;

    padding: 0;

    width: auto;

}



#slide-nav .nav-button .dropdown li {

    margin: 0;

}



.dropdown .dropdown > a::after {

    bottom: 0;

    content: "";

    font-family: fontawesome;

    font-size: 14px;

    position: absolute;

    right: 10px;

    top: 10px;

}





/*

===========================================

Inner Page Header

===========================================

*/



.inner header {

    margin-top: 45px;

}



.inner header #slide-nav .container::before {

    background-color: rgba(255, 255, 255, 0.2);

    box-shadow: none;

}



.inner header #slide-nav.affix .container::before {

    background-color: #222;

    box-shadow: 0 0 2px 0 #cdcdcd;

}



.inner #slide-nav #menu_nav > ul > li > a {

    color: #fff;

}





/*

===========================================

Banner Content

===========================================

*/



.home-2 .banner-main h1 {

    color: #ba9a2d;

    font-size: 70px;

    font-weight: 700;

    margin-top: 0;

    text-transform: uppercase;

}



.banner-main h1 span {

    color: #fff;

    display: block;

    font-size: 23px;

    margin-bottom: 20px;

}



.banner-main h5 {

    background-color: rgba(0, 0, 0, 0.5);

    color: #fff;

    display: inline-block;

    font-size: 16px;

    font-weight: bold;

    padding: 20px 50px;

    text-transform: uppercase;

}



.banner-main h5 span {

    color: #ba9a2d;

}



#main-banner .banner-main {

    padding: 163px 0 187px;

}



.banner-main p {

    color: #fff;

    font-size: 15px;

    line-height: 30px;

    margin-top: 17px;

    padding: 0 242px;

}





/*

===========================================

Inner page Banner

===========================================

*/



.inner #main-banner .banner-content::before,

.inner #main-banner .banner-content::after {

    background-color: #fff;

    border-top: 16px solid #ba9a2d;

    bottom: -92px;

    content: "";

    height: 100px;

    left: -100px;

    position: absolute;

    right: -100px;

    transform: rotate(4deg);

}



.inner #main-banner .banner-content::after {

    transform: rotate(-4deg);

}



.inner .banner-main h1 {

    color: #fff;

    font-size: 46px;

    font-weight: 700;

    margin-top: 0;

    text-transform: uppercase;

}



.inner .banner-main h6 {

    color: #ba9a2d;

    font-size: 13px;

    margin-top: 25px;

    text-transform: uppercase;

}



.inner .banner-main p {

    padding: 0 313px;

}





/*

===========================================

Services

===========================================

*/



.service.service02 .service-item {

    padding: 10px 15px;

	

}



.service.service02 .service-item {

    background-color: transparent;

}



.service .service-item h6 {

    color: #ba9a2d;

    margin-bottom: 15px;

    margin-top: 30px;

    text-transform: uppercase;

}



.service.bg .service-item h5 {

    color: #fff;

}



.service .service-item h5 {

    color: #323232;

    font-size: 16px;

    margin-bottom: 20px;

    margin-top: 0;

    text-transform: uppercase;

    font-weight: bold;

}



.service .service-item h5 a {

    color: #BA9A2D;

}



.service .service-item h5 a:hover {

    color: #000;

}



.service.service02 .service-item:nth-child(3n+1) {

    background-color: transparent;

}



.service .service-item p {

    color: #555;

    line-height: 28px;

}



.service .service .service-item {

    background-color: transparent;

    padding: 0 15px;

}



.service .icon i {

    color: #848484;

}



.inner .service .service-item:not(:nth-last-child(-n+4)) {

    margin-bottom: 120px;

}



.service .service-item:hover .icon i {

    color: #fff;

}



.service.bg .service-item:hover .icon {

    background-color: #fff;

}



.service.bg .service-item:hover .icon i {

    color: #222;

}



.service .icon {

    background-color: #f8f8f8;

}



.service .service-item:hover .icon {

    background-color: #ba9a2d;

}



.service.detail .service .service-item {

    margin: 0;

}



.service .service.detail .icon {

    margin: 30px 0;

    background-color: #BA9A2D;

}



.service .service.detail .icon i {

    color: #fff;

}



.service .service.detail .service-item {

    padding: 0 0 0 0px;

}



.service.detail .black-border.btn {

    margin-top: 43px;

}



section.service.detail .service-block:last-child::before {

    color: #f6f6f6;

    content: "A.";

    font-size: 300px;

    font-weight: 600;

    line-height: 316px;

    position: absolute;

    right: 0;

    top: 0;

}



.inner .service .service-item:nth-child(3n+1) {

    background-color: transparent;

}



.service.bg .main-heading h2,

.service.bg .main-heading p,

.service.bg .icon i,

.service.bg .service-item h5 a,

.service.bg .service-item p {

    color: #fff;

}



.service.bg {

    background-image: url("../images/service-bg.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

	

}



.service.service03 .service-item {

    background-color: #fdfcfc;

    border-left: 2px solid #fff;

    border-right: 2px solid #fff;

    padding: 55px 40px;

}



.service.bg .service-item {

    background-color: transparent;

}



.service.bg .icon {

    background-color: #ba9a2d;

}





/*

===========================================

Services 3

===========================================

*/



.service03 .service-count p {

    color: #cdcccc;

    font-family: montserrat;

    font-size: 70px;

    font-weight: bold;

    line-height: 68px;

}



.service03 .service-info h6 {

    color: #ba9a2d;

    font-size: 11px;

    font-weight: bold;

    margin-top: 0;

    text-transform: uppercase;

}



.service03 .service-info h4 {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 20px;

    margin-top: 15px;

    text-transform: capitalize;

    color: #323232;

}



.service03 .service-info p {

    color: #666666;

    line-height: 26px;

}



.service03 .service-info a {

    color: #666666;

    display: block;

    font-size: 11px;

    margin-top: 20px;

    text-transform: uppercase;

}



.service03 .service-info a i {

    margin-left: 7px;

}



.service03 .service-info a:hover {

    color: #ba9a2d;

}



.service03 .button {

    margin-top: 90px;

}





/*

===========================================

Our Team

===========================================

*/



.home-2 #team::after {

    background-image: url("../images/teambg01.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    bottom: 170px;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: -1;

}



#team::before {

    bottom: 170px;

}



#team .team-info {

    background-color: rgba(51, 51, 51, 0.9);

    bottom: 20px;

    left: 0;

    padding: 30px 0 30px 43px;

    position: absolute;

    right: 70px;

    z-index: 0;

    top: 69%;

}



.team-info .name {

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;

    display: block;

}



.team-info .profession {

    color: #c0a341;

    font-size: 11px;

    margin-top: 5px;

    text-transform: uppercase;

    display: inline-block;

}



.team-info a.tel {

    color: #fff;

    font-family: montserrat;

    font-size: 14px;

    opacity: 0;

    position: absolute;

    display: block;

}



#team .team-inner:hover .team-info {

    background-color: transparent;

    bottom: 25px;

    left: 0;

    padding: 0;

    right: 0;

    text-align: center;

    top: 15px;

}



.team-info a i {

    margin-right: 5px;

}



#team .team-inner {

    overflow: hidden;

}



.team-inner:hover .team-info .profession {

    background-color: #333333;

    border-radius: 5px;

    color: #fff;

    margin: 13px 0;

    padding: 5px 10px;

    text-transform: uppercase;

}



.team-inner:hover .info-inner a {

    opacity: 1;

    position: relative;

}



#team .button {

    margin-top: 90px;

}



#team.bg .main-heading h2,

#team.bg .main-heading p {

    color: #fff;

}



#team .team-inner .team-info {

    justify-content: flex-start;

}



#team .team-inner:hover .team-info {

    justify-content: center;

}





/*

===========================================

Team Inner Pages

===========================================

*/



.inner #team::before,

.inner #team::after {

    display: none;

}





/*

===========================================

Team Detail

===========================================

*/



section#single-team {

    padding-top: 75px;

    overflow: visible;

    padding-bottom: 60px;

}



#single-team .profession {

    background-color: #ba9a2d;

    border-radius: 5px;

    color: #fff;

    display: inline-block;

    font-family: arimo;

    font-size: 12px;

    padding: 10px 40px;

    text-transform: uppercase;

}



#single-team .st-block h1 {

    color: #323232;

    font-size: 80px;

    font-weight: bold;

    margin-bottom: 55px;

    margin-top: 25px;

}



#single-team .st-block:first-child {

    margin-top: 50px;

}



#single-team .st-block:last-child {

    margin-top: 30px;

}



#single-team .st-block p {

    color: #666666;

    line-height: 30px;

}



#single-team .skill-info h4 {

    color: #323232;

}



#single-team .skill-block {

    margin-top: 55px;

}



#single-team .member-info ul {

    list-style: outside none none;

    padding: 0;

}



#single-team .member-info ul li {

    display: inline-block;

}



#single-team .member-info ul li a {

    background-color: #fff;

    color: #323232;

    display: inline-flex;

    font-size: 14px;

    height: 40px;

    text-align: center;

    width: 40px;

}



#single-team .member-info ul li:hover a {

    background-color: #DBA92D;

    color: #fff;

}



#single-team .member-info a.mail {

    color: #fff;

    display: inline-block;

    font-size: 14px;

    margin: 30px 0;

}



#single-team .member-info::before {

    background-color: #ba9a2d;

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 20px;

}



#single-team .member-info {

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

}



#single-team .skill-item:not(:last-child) {

    margin-bottom: 30px;

}



#single-team .member-info {

    bottom: -60px;

    left: 0;

    position: absolute;

    right: 0;

}





/*

===========================================

Videos

===========================================

*/



#videos #video .ms-view {

    background-color: transparent;

    overflow: visible;

}



#video.master-slider {

    overflow: hidden;

}



.master-slider * {

    transition: none;

    -webkit-transition: none;

}



#video.ms-skin-light-2 .ms-nav-next {

    right: -140px;

}



#video .ms-skin-light-2 .ms-nav-next,

#video.ms-skin-light-2 .ms-nav-prev {

    left: -140px;

}



#video .ms-slide:not(.ms-sl-selected)::before {

    z-index: 1;

}



#video .video-info {

    background-color: rgba(46, 46, 47, 0.8);

    bottom: 50px;

    left: 60px;

    padding: 40px 0 40px 65px;

    position: absolute;

    right: 0;

    z-index: 2;

}



#video .video-inner h4 {

    color: #fff;

    font-size: 17px;

    font-weight: 600;

    line-height: 30px;

    margin-bottom: 0;

    margin-top: 0;

    text-transform: uppercase;

}



#video .video-inner h6 {

    color: #ba9a2d;

    font-size: 11px;

    margin-top: 0;

    text-transform: uppercase;

}



#video .video-inner a {

    color: #fff;

    font-size: 60px;

}



#video .ms-slide:not(.ms-sl-selected) .video-info {

    opacity: 0;

    right: -1000px;

}



#video.ms-skin-light-2 .ms-nav-next::after,

#video.ms-skin-light-2 .ms-nav-prev::after {

    border: 1px solid #fff;

    color: #fff;

    content: "";

    display: inline-block;

    font-family: fontawesome;

    font-size: 24px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    width: 50px;

    z-index: 2;

}



#video.ms-skin-light-2 .ms-nav-prev::after {

    content: "\f0d9";

}



#video.ms-skin-light-2 .ms-nav-next:hover::after,

#video.ms-skin-light-2 .ms-nav-prev:hover::after {

    border: 1px solid #BA9A2D;

    color: #BA9A2D;

}



.ms-skin-light-2 .ms-nav-next,

.ms-skin-light-2 .ms-nav-prev {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    opacity: 1 !important;

}



#video .video-inner a:hover {

    color: #ba9a2d;

}





/*

===========================================

video 02

===========================================

*/



#video02.bg::after {

    background-image: url("../images/teambg01.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    bottom: 311px;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: -1;

}



#video02.bg.overlay::before {

    bottom: 311px;

}



#video02 .main-heading h2 span {

    display: block;

    margin-bottom: 15px;

    margin-top: 10px;

}



#video02 .main-heading a.btn.black-border {

    margin-top: 40px;

}



#video02.bg .main-heading h2,

#video02.bg .main-heading p {

    color: #fff;

}



#video02 .counter-block {

    padding: 46px 0;

}



#video02 .counter {

    background-image: url("../images/counter02.jpg");

    padding: 0;

}



#video02 .video-text .item h5 {

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    margin-bottom: 10px;

    margin-top: 0;

    text-transform: uppercase;

}



#video02 .video-text .date {

    color: #ba9a2d;

    font-family: arimo;

    font-size: 11px;

    font-style: italic;

}



#video02 #sync2 .item {

    background-color: rgba(0, 0, 0, 0.7);

    cursor: pointer;

    padding: 38px 0 35.5px;

    text-align: center;

}



#video02 #sync2 .synced .item {

    background-color: rgba(186, 154, 45, 0.9);

}



#video02 #sync2 .synced .item * {

    color: #fff;

}



#video02 .hover {

    bottom: 0;

    left: 0;

    padding: 0;

    position: absolute;

    right: 0;

    top: 0;

}



#video02 .hover a {

    color: #fff;

    font-size: 60px;

    left: 15px;

}



#video02 .hover a:hover {

    color: #BA9A2D;

}



#video02 .owl-theme .owl-controls.clickable .owl-buttons div:hover {

    background-color: #ba9a2d;

}



#video02 #sync2 .owl-wrapper {

    width: 100% !important;

}



#video02 .counter .counter-block::after,

#video02 .counter::before {

    display: none;

}



#video02 .counter .counter-block {

    background-color: rgba(62, 62, 62, 0.95);

}



#video02 .counter .counter-block:hover {

    background-color: rgba(48, 48, 48, 0.95);

}



#video02 .counter .count {

    color: #ba9a2d;

}



#video02 .counter-text h6 {

    color: #fff;

}



#video02 .counter .count-icon i {

    color: #fff;

}



.video-text #sync2 .owl-item {

    width: 100%!important;

    float: none;

}



#video02 .video-text {

    position: absolute;

    right: 0;

    top: 0;

    padding: 0 14px;

}



#video02 .video-base::after {

    background-color: #fff;

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: -1000px;

    top: 0;

    z-index: -1;

}



#video02 .main-heading {

    margin-bottom: 85px;

}



#video02 .video-base {

    z-index: 0;

}



#video02 .video-block {

    margin-top: 120px;

}



#video02 .owl-theme .owl-controls .owl-buttons div {

    left: -80px;

}



#video02 .owl-theme .owl-controls .owl-buttons .owl-next {

    right: -80px;

    left: auto;

}



#video02 .counter .counter-block:first-child .count::after {

    content: "K";

}



#video02 .counter .counter-block:nth-child(2) .count::after {

    content: "+";

}





/*

===========================================

About

===========================================

*/



#about::after {

    

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    top: 90px;

    bottom: 0;

    z-index: -1;

}



#about::before {

    top: 90px;

}



#about .icon {

    margin: 0;

}



.about-text h6 {

    color: #ba9a2d;

    font-size: 11px;

    margin-top: 0;

    text-transform: uppercase;

}



.about-text h4 {

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    color: #fff;

}



#about .about-block:not(:nth-child(2)) {

    margin-top: 205px;

}



#about .about-text {

    padding: 0 20px;

}



#about .about-text a {

    color: #656566;

    font-size: 11px;

    text-transform: uppercase;

}



#about .about-text a:hover {

    color: #BA9A2D;

}



#about .about-item:hover .icon {

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

}



#about .about-block:first-child {

    padding-right: 75px;

}



#about .about-block:nth-child(3) {

    padding-left: 75px;

}



#about .about-item:not(:last-child) {

    margin-bottom: 73px;

}



#about .main-heading {

    margin-bottom: 0;

    margin-top: 15px;

}



#about .main-heading h3 {

    color: #fff;

    font-size: 33px;

    font-weight: 800;

    margin: 0;

    text-transform: uppercase;

}



#about .main-heading h2 {

    color: #fff;

    font-size: 33px;

    line-height: 50px;

    text-transform: capitalize;

}



#about .main-heading h2 span {

    text-transform: uppercase;

}



#about .main-heading h6 {

    margin-bottom: 8px;

}





/*

===========================================

Look

===========================================

*/



#look {

    background-attachment: fixed;

    background-image: url("../images/inner-banner.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}





/*

===========================================

Gallery

===========================================

*/



.categories ul {

    list-style: none;

    padding: 0;

    margin: 0;

    text-align: center;

}



.categories ul li {

    display: block;

    line-height: 30px;

    padding: 0;

}



.categories ul li a {

    color: #cccccc;

    cursor: pointer;

    display: inline-block;

    font-size: 13px;

    font-weight: 600;

    line-height: 35px;

    padding: 10px 0;

    text-transform: uppercase;

}



.categories ul li a:hover,

.categories ul li.active a {

    color: #ba9a2d;

}



.categories .logo {

    display: inline-block;

    margin-bottom: 35px;

}



.projects-container .row {

    -webkit-transition: height .5s ease-out;

    transition: height .5s ease-out;

}



#portfolio .portfolio-item {

    position: relative;

    margin-bottom: 10px;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out;

    padding: 0 5px;

}



.portfolio-item.filtered {

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

    opacity: 0.2;

    pointer-events: none;

}



#portfolio .portfolio-item img {

    width: 100%;

}



.no-opacity .portfolio-item.filtered {

    display: none;

}



.portfolio-thumb {

    display: block;

    position: relative;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);

    overflow: hidden;

}



.scrollimation .portfolio-thumb {

    -webkit-transform: translateY(100px);

    transform: translateY(100px);

    opacity: 0;

    -webkit-transition: opacity .4s ease-out, -webkit-transform .4s ease-out;

    transition: opacity .4s ease-out, transform .4s ease-out;

}



.touch .scrollimation .portfolio-thumb,

.scrollimation .portfolio-thumb.in {

    -webkit-transform: translateY(0px);

    transform: translateY(0px);

    opacity: 1;

}



#portfolio .portfolio-hover {

    border: 2px solid #fff;

    border-radius: 5px;

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    opacity: 0;

}

#portfolio .portfolio-hover::before {

    background-color: rgba(255, 255, 255, 0.8);

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    opacity: 0;

    border-radius: 5px;

}

#portfolio .portfolio-item:hover .portfolio-hover::before {

    opacity: 1;

    top: 10px;

    bottom: 10px;

    left: 10px;

    right: 10px;

}

#portfolio .portfolio-item:hover .portfolio-hover {

    bottom: 20px;

    left: 20px;

    opacity: 1;

    right: 20px;

    top: 20px;

}



#portfolio .portfolio-hover a {

    color: #333;

    font-size: 24px;

    transform: scale(0);

    -webkit-transform: scale(0);

    z-index: 4;

}

#portfolio .portfolio-hover a:hover {

    color: #BA9A2D;

}

#portfolio .portfolio-item:hover img {

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

}

#portfolio .portfolio-item:hover .portfolio-hover a {

    transform: scale(1);

    -webkit-transform: scale(1);

}



.categories ul li a::after {

    background-color: #f07279;

    bottom: 0;

    content: "";

    height: 2px;

    left: 200%;

    position: absolute;

    right: 0;

    top: 47%;

    width: 15px;

    opacity: 0;

}



.categories ul li a::before {

    background-color: #f07279;

    bottom: 0;

    content: "";

    height: 2px;

    right: 200%;

    position: absolute;

    top: 47%;

    width: 15px;

    opacity: 0;

}



.categories ul li a:hover::before,

.categories ul li.active a::before {

    right: 125%;

    opacity: 1;

}



.categories ul li a:hover::after,

.categories ul li.active a::after {

    left: 125%;

    opacity: 1;

}



#portfolio.bg-color {

    background-color: #f8f8f8;

}





/*

===========================================

Portfolio 02

===========================================

*/



.portfolio02 .categories ul li:first-child a {

    margin-bottom: 0;

}



.portfolio02 .categories ul li {

    display: inline-block;

}



.portfolio02 .categories ul li a {

    padding: 10px 50px 10px 0;

}



.portfolio02 .categories ul li a::after {

    display: none;

}



.portfolio02 .categories ul li a:hover,

.portfolio02 .categories ul li.active a {

    color: #ba9a2d;

}



.portfolio02 .categories ul {

    margin: 0 0 40px;

}



.portfolio02 .categories ul li a::before {

    background-color: #ba9a2d;

    bottom: 0;

    height: 3px;

    left: 0;

    right: 100%;

    top: auto;

    width: auto;

}



.portfolio02 .categories ul li a:hover::before,

.portfolio02 .categories ul li.active a::before {

    opacity: 1;

    right: 25px;

}



#portfolio.portfolio02 .button {

    margin-top: 70px;

}





/*

===========================================

Portfolio 03

===========================================

*/



#portfolio.port03 .portfolio-info {

    border: 3px solid #fff;

    border-radius: 5px;

    bottom: 27%;

    left: 10%;

    position: absolute;

    right: 10%;

    text-align: center;

    top: 27%;

}



#portfolio.port03 .portfolio-info::before {

    background-color: rgba(255, 255, 255, 0.8);

    bottom: 20px;

    content: "";

    left: 20px;

    position: absolute;

    right: 20px;

    top: 20px;

}



#portfolio.port03 .date {

    color: #ba9a2d;

    font-size: 12px;

    text-transform: uppercase;

}



#portfolio.port03 .info-inner h5 {

    font-size: 16px;

    font-weight: 600;

    line-height: 28px;

    margin-bottom: 0;

    text-transform: uppercase;

}



#portfolio.port03 .portfolio-block.fancy:hover .portfolio-info {

    top: 0;

}



#portfolio.port03 .info-inner h5 a {

    color: #222;

}



#portfolio.port03 .info-inner h5 a:hover {

    color: #BA9A2D;

}



#portfolio.port03 .portfolio-block {

    margin-bottom: 30px;

}



#portfolio.port03 .fancy .portfolio-info i {

    font-size: 100px;

}



.portfolio-block.fancy a.plus {

    color: #505050;

    font-family: arim;

    font-size: 100px;

    font-weight: 300;

    line-height: 140px;

}



.portfolio-block.fancy a.plus:hover {

    color: #ba9a2d;

}



.portfolio-inner:hover .text-box {

    height: 0;

    margin: 0;

    overflow: hidden;

    opacity: 0;

}



#portfolio.port03 .fancy .portfolio-info::before {

    display: none;

}



#portfolio.port03 .portfolio-block.fancy .portfolio-info {

    border: medium none;

    bottom: 0;

    left: 0;

    text-align: left;

    top: 55px;

    z-index: 1;

}



.fancy .portfolio-inner::before {

    background-color: #fff;

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    width: 33%;

    z-index: 1;

}

#portfolio a.zoom {

    bottom: 0;

    color: #505050;

    font-family: arim;

    font-size: 100px;

    left: 0;

    margin-top: -29px;

    opacity: 0;

    position: absolute;

    right: 0;

    top: 0;

}

#portfolio .portfolio-inner:hover a.zoom {

    opacity: 1;

}

#portfolio .portfolio-inner a.zoom:hover {

    color: #BA9A2D;

}

#portfolio .portfolio-inner:hover .date,

#portfolio .portfolio-inner:hover h5 {

    opacity: 0;

}

/*

===========================================

Portfolio 06

===========================================

*/



#portfolio.portfolio06 .portfolio-block:nth-child(2n+2) .portfolio-info {

    left: auto;

    right: 10%;

}



#portfolio.portfolio06 .portfolio-info {

    margin-top: -120px;

    top: 50%;

}



#portfolio.portfolio06 .portfolio-block:hover .portfolio-info {

    opacity: 0;

}



.port06 .portfolio-block .hover {

    background-color: rgba(186, 154, 45, 0.9);

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    top: 100%;

    opacity: 0;

}



.port06 .portfolio-block:hover .hover {

    top: 0;

    opacity: 1;

}



.port06 .hover a {

    color: #fff;

    font-size: 20px;

}



.port06 .button {

    margin-top: 80px;

}



.port06 .portfolio-block {

    overflow: hidden;

}





/*

===========================================

Single Portfolio

===========================================

*/



#single-portfolio .portfolio-block:not(:last-child) {

    margin-bottom: 80px;

}



#single-portfolio .portfolio-block {

    display: flex;

}



#single-portfolio .portfolio-item .date {

    color: #ba9a2d;

    font-size: 12px;

}



#single-portfolio h3 {

    color: #323232;

    font-weight: bold;

    line-height: 36px;

    margin-bottom: 0;

    margin-top: 15px;

    text-transform: uppercase;

}



#single-portfolio .portfolio-block p {

    color: #666666;

    font-size: 14px;

    line-height: 32px;

    text-align: justify;

}



#single-portfolio .portfolio-item img {

    width: 100%;

}



#single-portfolio img.margin-top {

    margin-top: 46px;

}





/*

===========================================

Blog

===========================================

*/



.news-block .news-info {

    background-color: #fbfbfb;

    bottom: -50px;

    left: 70px;

    padding: 50px 0;

    position: absolute;

    right: 70px;

}



.news-block .date {

    color: #ba9a2d;

    font-size: 12px;

    text-transform: uppercase;

}



.news-block .news-info h4 {

    color: #303030;

    font-size: 16px;

    font-weight: 600;

    line-height: 28px;

    text-transform: uppercase;

}



.news-block .news-info h4 a {

    color: #303030;

}



.news-block .name {

    color: #303030;

    font-size: 12px;

    font-style: italic;

}



.news-block .name span {

    color: #BA9A2D;

}



.news-block:hover .news-info,

.inner #news .news-block:hover .news-info {

    background-color: #ba9a2d;

}



.news-block:hover .news-info * {

    color: #fff;

}



.news-block .comments {

    background-color: rgba(0, 0, 0, 0.7);

    border-radius: 5px;

    color: #ba9a2d;

    font-size: 11px;

    font-style: italic;

    left: 34px;

    padding: 8px 15px;

    position: absolute;

    top: 25px;

}



.news-block .comments i {

    margin-right: 5px;

}



#news .news-block:not(:nth-last-child(-n+2)) {

    margin-bottom: 100px;

}



.inner #news .merab-pagination {

    margin-top: 140px;

}



#news .black-border.btn:hover,

#news .btn.black-border:hover::after {

    background-color: #fff;

    border-color: #333;

    color: #333;

}



.bg-color .news-block .news-info {

    background-color: #fff;

}



.home-2 #news .black-border.btn:hover,

.home-2 #news .btn.black-border:hover::after {

    background-color: #ba9a2d;

    border-color: #fff;

    color: #fff;

}





/*

===========================================

 blog List Style

===========================================

*/



#news.bg-color {

    background-color: #f8f8f8;

}



#news.list .news-info {

    background-color: #fff;

    bottom: 30px;

    left: auto;

    right: 9.3%;

    top: 30px;

}



#news.list .news-info p {

    color: #666666;

    font-size: 14px;

    line-height: 30px;

    margin-bottom: 50px;

    margin-top: 30px;

}



#news.list .news-block:hover .news-info p {

    color: #fff;

}



#news.list .news-block:nth-child(2n+2) {

    text-align: right;

}



#news.list .news-block:nth-child(2n+2) .news-info {

    right: auto;

    left: 9.3%;

}



#news.list .news-block:nth-child(2n+2) .comments {

    left: auto;

    right: 34px;

}



#news.list .news-block:nth-child(2n+2) {

    text-align: right;

}



#news.list .news-block:nth-child(2n+1) {

    margin-left: 8.33%;

}



#news.list .news-block:not(:last-child) {

    margin-bottom: 30px;

}



#news.list article:hover .news-info {

    background-color: #ba9a2d;

}



#news.bg {

    background-image: url("../images/blogbg.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}



#news.bg h2,

#news.bg p {

    color: #fff;

}





/*

===========================================

Blog Inner

===========================================

*/



#news.list.sidebar .news-block:nth-child(2n+1) {

    margin-left: 0;

}



#news.list.sidebar .news-block:nth-child(2n+2) .news-info {

    left: auto;

    right: 0;

}



#news.list.sidebar .news-info {

    right: 0;

}



#news.list.sidebar .news-block:nth-child(2n+2) {

    text-align: left;

}



#news.list.sidebar .news-block:nth-child(2n+2) .comments {

    left: 34px;

    right: auto;

}



#news.list.sidebar {

    background-color: transparent;

}



#news.list.sidebar .news-info {

    background-color: #fdfcfc;

}





/*

===========================================

Blog Detail

===========================================

*/



.inner.blog-detail .news-inner > img {

    width: auto;

}



.post-info .name,

.post-info .tag {

    display: inline-block;

}



.blog-detail .post-info * {

    color: #303030;

    font-size: 12px;

    font-style: italic;

}



.blog-detail .post-info .tag a:not(:last-child)::after {

    content: ",";

}



.post-info .name {

    margin-right: 40px;

}



#single-blog .blog-box {

    margin-bottom: 50px;

}



#single-blog .post-detail p {

    color: #666666;

    display: inline-block;

    line-height: 30px;

    margin: 40px 0;

    text-align: justify;

    font-size: 14px;

}



.post-detail .quote-text {

    background-color: rgba(0, 0, 0, 0.7);

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

}



#single-blog .blockquote p {

    color: #fff;

    font-style: italic;

    margin: 0;

    text-align: center;

}



#single-blog .blockquote p span {

    color: #BA9A2D;

}



#single-blog .about-author {

    display: flex;

    background-color: #fbfbfb;

}



.about-author img,

.commenter-image img {

    height: 170px;

    object-fit: cover;

    width: 170px;

}



#single-blog .author-info {

    padding: 0 40px;

}



.author-info h4 {

    color: #ba9a2d;

    font-size: 17px;

    margin-top: 0;

    text-transform: capitalize;

}



.author-info p,

.comment .inner p {

    color: #808080;

}



#single-blog .post-comments {

    margin-top: 85px;

}



.post-comments > p,

.comment-form > p {

    color: #808080;

    font-size: 11px;

}



.post-comments > h3,

.comment-form > h3 {

    font-size: 24px;

    margin-bottom: 45px;

    margin-top: 10px;

    text-transform: uppercase;

    color: #323232;

    font-weight: bold;

}



.comment .commenter-image {

    padding: 0;

}



.post-comments .comment {

    background-color: #fbfbfb;

    display: flex;

}



.commenter-image a {

    background-color: #000000;

    bottom: 0;

    color: #fff;

    font-size: 11px;

    left: 0;

    padding: 20px 0;

    position: absolute;

    right: 40px;

    text-align: center;

    text-transform: uppercase;

}



.post-comments .comment-detail {

    padding: 0 40px;

}



.comment .poster-info h4,

.comment .poster-info .date {

    display: inline-block;

}



.comment .poster-info h4 {

    font-size: 17px;

    font-weight: bold;

    margin-right: 40px;

    margin-top: 0;

    text-transform: uppercase;

}



.post-comments .comment:not(:last-child) {

    margin-bottom: 30px;

}



.post-comments .comment.reply {

    margin-left: 170px;

}



.commenter-image a:hover {

    background-color: #ba9a2d;

}



#single-blog .comment-form {

    display: inline-block;

    margin-top: 90px;

}



.comment-form form .form-group,

.comment-form form .button {

    margin-bottom: 4px;

    padding: 0 2px;

}



.comment-form form .button {

    margin-top: 60px;

}





/*

===========================================

Why Choose us

===========================================

*/



section#choose::before {

    background-image: url("../images/choose01.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 50%;

    top: 0;

}



section#choose.bg02::before {

    background-image: url("../images/chooes02.jpg");

}



section#choose {

    background-color: #fdfcfc;

}



.choose-heading p span {

    color: #eaeaea;

    font-family: montserrat;

    font-size: 48px;

    font-style: normal;

    font-weight: 700;

    line-height: 43px;

    margin-right: 15px;

}



#choose .choose-heading p {

    color: #cccccc;

    display: flex;

    font-size: 15px;

    font-style: italic;

}



#choose .choose-heading h2 {

    color: #cccccc;

    font-size: 40px;

    font-weight: 600;

    margin-top: 10px;

    text-transform: uppercase;

}



.choose-heading h2 span {

    color: #ba9a2d;

}



#choose .category {

    color: #ecebeb;

    font-size: 13px;

    text-transform: uppercase;

}



#choose .category span {

    color: #ba9a2d;

    margin-left: 15px;

}



#accordion {

    margin-top: 50px;

    margin-bottom: 0;

}



#choose .choose-block {

    padding-left: 90px;

}





/*

===========================================

Contact

===========================================

*/



section#contact-button {

	background-image:url(../images/sub-heading-bg.png);

    padding: 30px 0;

	text-align:center;

	

}

.contact-button-block h1 {

    color: #ba9a2d;

    font-size: 25px;

    font-weight: 700;

    margin-top: 0;

    text-transform: uppercase;

}



.contact-button-block h1 span {

    color: #fff;

    font-size: 25px;

    

}



.contact-button-block h5 {

	color: #fff;

    font-size: 16px;

    text-transform: uppercase;

}



.contact-button-block h5 span {

    color: #ba9a2d;

}





.contact-button-block p {

    color: #fff;

    font-size: 15px;

    line-height: 15px;

    

}









/*

===========================================

Contact Style 2

===========================================

*/



#contact-us.bg {

    background-image: url("../images/contactbg.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

}



#contact-us::before {

    background-color: rgba(0, 0, 0, 0.85);

}



#contact-us.contact03 .main-heading h2 {

    color: #fff;

    font-size: 40px;

    text-transform: capitalize;

}





#contact-us .main-heading {

    margin-bottom: 25px;

    padding: 0;

}



#contact-us.contact03 .contact-block > p {

    color: #fff;

    display: inline-block;

    font-size: 15px;

    line-height: 28px;

}



#contact-us .contact-block p.italic {

    color: #ba9a2d!important;

    font-style: italic;

    margin-top: 25px;

}



.contact02 textarea.form-control,

.contact02 input.form-control,

.contact04 textarea.form-control,

.contact04 input.form-control {

    background-color: transparent;

    border-bottom: 2px solid #8a8a8a;

}



#contact-us .left .btn.black-border {

    margin-top: 60px;

}



#contact-us .contact-block.left {

    padding-right: 30px;

}



#contact-us .contact-block.right {

    background-color: #fff;

    padding: 50px;

}



#contact-us .main-heading h6 {

    margin-bottom: 25px;

}



#contact-us .contact-block.right .button {

    margin-top: 20px;

    padding: 0 7px;

}



#contact-us form .btn.black-border {

    text-align: center;

    width: 100%;

}



#contact-us.contact02.bg .main-heading h2 {

    color: #323232;

}



#contact-us.contact02 .main-heading h2 {

    color: #323232;

    text-transform: uppercase;

}



#contact-us.contact02 .contact-block.left {

    background-color: #fff;

    padding: 0 60px;

}



#contact-us .contact-block p.italic {

    color: #ba9a2d;

    font-style: italic;

    margin-top: 35px;

}



#contact-us .row {

    display: flex;

}



#contact-us.contact02 .contact-block a,

#contact-us.contact02 .contact-block p {

    color: #323232;

    display: block;

    font-family: arimo;

    font-size: 13px;

    line-height: 25px;

}



#contact-us.contact02.bg .contact-block a,

#contact-us.contact02.bg .contact-block p {

    color: #323232;

}



.contact04 .main-heading h2 {

    font-size: 45px;

    text-transform: capitalize;

}



#contact-us.bg .main-heading h2,

#contact-us.bg .contact-block p {

    color: #fff;

}



.contact-block p {

    clear: both;

    font-size: 15px;

    line-height: 28px;

}



#contact-us .main-heading h2 {

    text-transform: capitalize;

}





/*

===========================================

 Contact 3

===========================================

*/



#contact-us.contact03 {

    background-image: url("../images/contactbg02.jpg");

    background-attachment: fixed;

}



#contact-us.contact03 .contact-block.right {

    background-color: #ba9a2d;

}



#contact-us.contact03 textarea.form-control,

#contact-us.contact03 input.form-control {

    background-color: rgba(0, 0, 0, 0.15);

}



#contact-us.contact03 .form-control:-ms-input-placeholder {

    color: #fff;

}



#contact-us.contact03 .form-control::-webkit-input-placeholder {

    color: #fff;

}



#contact-us.contact03 .form-control::-moz-placeholder {

    color: #fff;

}



#contact-us.contact03 textarea.form-control:focus,

#contact-us.contact03 input.form-control:focus {

    background-color: #222 !important;

}





/*

===========================================

Inner Contact

===========================================

*/



.inner #contact {

    padding-bottom: 70px;

}



.inner .contact-block i {

    color: #ba9a2d;

    font-size: 40px;

}



.inner .contact-block h5 {

    font-size: 16px;

    margin: 15px 0;

    text-transform: uppercase;

}



.contact #contact .contact-block:not(:last-child)::after {

    border-left: 1px solid #9e9e9e;

    border-right: 1px solid #9e9e9e;

    bottom: 0;

    content: "";

    height: 30px;

    margin-top: -15px;

    position: absolute;

    right: -5px;

    top: 50%;

    width: 10px;

}



.contact #branches.branch02 {

    background-color: #fbfbfb;

}



.contact #contact .contact-block:not(:last-child)::before {

    background-color: #9e9e9e;

    bottom: 0;

    content: "";

    height: 50px;

    margin-top: -25px;

    position: absolute;

    right: 0;

    top: 50%;

    width: 1px;

}



#googleMap {

    float: right;

	width:400px;

	height:600px;

}



#googleMap1 {

   

	width:600px;; height:450px; margin-left:70px; margin-top:30px;

	

}









#map .contact-block {

    background-color: #fff;

    bottom: 30px;

    position: absolute;

    top: 0;

    z-index: 1;

}



#contact .contact-block p,

#contact .contact-block a {

    color: #555555;

    font-family: arimo;

    font-size: 13px;

    line-height: 28px;

}



#contact .contact-block a {

    display: block;

}



.contact-heading {

    position: absolute;

    top: 75%;

    transform: rotate(-90deg);

    transform-origin: 0 0 0;

}



.contact-heading h1 span {

    color: #ba9a2d;

    display: block;

    margin-top: 5px;

}



#contact-form .form-block:first-child::before {

    left: 76px;

    top: -140px;

}



.contact-heading h1 {

    font-size: 40px;

    font-weight: bold;

    margin-top: 3px;

    text-transform: uppercase;

    color: #282828;

}



.contact-heading p {

    color: #ba9a2d;

    font-size: 11px;

    margin: 0;

}



#map .contact-info form,

#map form .button {

    margin-top: 60px;

}



#map textarea.form-control {

    height: 177px;

}



#map .contact-info p {

    color: #666666;

    margin-top: 30px;

    line-height: 26px;

}



#map .contact-info {

    padding-right: 40px;

}



#contact-form .contact-heading {

    top: 90%;

}



#contact-form .contact-info p {

    color: #666666;

    font-family: arimo;

    font-size: 14px;

    line-height: 25px;

    margin-bottom: 19px;

}



#contact-form .contact-info img {

    margin-top: 20px;

}



#contact-form form textarea.form-control {

    height: 180px;

    margin-bottom: 50px;

}



#contact-form form .form-group,

#contact-form form .button {

    margin-bottom: 7px;

    padding: 0 4px;

}



#contact-form form .btn.black-border {

    width: 100%;

}

#map .contact-info p:first-child {

    margin-top: 15px;

}

#contact .contact-block a:hover {

    color: #ba9a2d;

}

/*

===========================================

Branches

===========================================

*/



#branches.bg {

    background-image: url("../images/branchesbg.jpg");

    background-position: center 100%;

    background-repeat: no-repeat;

    background-size: cover;

}



#branch .item {

    padding: 0 15px;

}



#branch .item .branch-inner {

    height: 170px;

    text-align: center;

}



.bg #branch .item .branch-inner {

    background-color: #faf8f8;

}



#branches.branch02 {

    padding: 30px 0;

}



#branch .item .branch-inner:hover {

    background-color: #ba9a2d;

}



#branches.branch02.bg-color {

    background-color: #fbfbfb;

}



.branch02 #branch .item .branch-inner {

    background-color: transparent;

}



#branches.branch01 .owl-controls.clickable {

    display: none!important;

}





/*

===========================================

Footer

===========================================

*/



footer .footer-upper {

    background-image: url("../images/footerbg.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

}



footer .footer-upper.bg02 {

    background-image: url("../images/footerbg02.jpg");

}



footer .about,

footer .mailing-list {

    clear: both;

}



.footer-upper::before {

    background-color: rgba(0, 0, 0, 0.5);

}



footer .copyrights {

    background-color: #2c2c2c;

    padding: 42px 0;

}



footer .copy-block > p {

    color: #fff;

    font-size: 14px;

}



footer .copy-block > p a {

    color: #BA9A2D;

}



.footer-menu > ul {

    padding: 0;

    list-style: none;

}



footer .footer-menu li {

    display: inline-block;

}



.footer-menu li a {

    color: #fff;

    font-size: 12px;

    padding: 0 12px;

    text-transform: uppercase;

}



.footer-menu li a:hover {

    color: #BA9A2D;

}



footer .main-heading h2 {

    color: #fff;

    font-size: 22px;

}



footer .main-heading {

    margin-bottom: 45px;

}



.mailing-list .form-group {

    margin-bottom: 20px;

    padding: 0;

}





/*

===========================================

Widgets

===========================================

*/



article.post {

    display: inline-block;

    width: 100%;

}



.widget article.post h5 {

    font-size: 15px;

    margin-top: 0;

    text-transform: capitalize;

    margin-bottom: 15px;

    font-weight: 600;

}



.widget article.post h5 a {

    color: #fff;

}



.widget article.post .date {

    color: #ba9a2d;

    display: inline-block;

    font-family: arimo;

    font-size: 11px;

    font-style: italic;

}



footer .widget article.post:not(:last-child) .date {

    padding-bottom: 22px;

    border-bottom: 1px solid #777;

}



footer .widget article.post:not(:first-child) {

    padding-top: 22px;

}



.widget article:hover h5 a {

    color: #ba9a2d;

}



.widget article:hover .date {

    color: #fff;

}



.widget .about p {

    color: #fff;

    font-size: 14px;

    line-height: 30px;

}



.widget .about p:not(:last-child) {

    margin-bottom: 35px;

}



.widget .recent-photo {

    display: inline-block;

    overflow: hidden;

}



.widget .recent-photo ul {

    padding: 0;

    list-style: none;

    column-count: 3;

    -moz-column-count: 3;

    -webkit-column-count: 3;

}



.widget .recent-photo li {

    margin-bottom: 15px;

}



.recent-photo li:hover img {

    filter: grayscale(1) opacity(0.6);

    -webkit-filter: grayscale(1) opacity(0.6);

}



.widget .mailing-list p {

    color: #fff;

    font-size: 14px;

    line-height: 30px;

}



.widget .mailing-list form {

    margin-top: 30px;

}



.mailing-list input.form-control {

    background-color: rgba(58, 58, 60, 0.8);

}





/*

===========================================

Pagination

===========================================

*/



.merab-pagination .pagination > li {

    display: inline-block;

    width: 63px;

    height: 53px;

}



.merab-pagination .pagination {

    margin: 0;

}



.merab-pagination .pagination li a {

    background-color: #fafafa;

    border: medium none;

    border-radius: 0;

    color: #333;

    font-family: montserrat;

    font-size: 13px;

    height: 100%;

    padding: 0;

    width: 100%;

}



.merab-pagination .pagination li:first-child a,

.merab-pagination .pagination li:last-child a {

    background-color: #383838;

    color: #fff;

    font-size: 16px;

}



.merab-pagination .pagination li a:hover {

    background-color: #BA9A2D;

    color: #fff;

}



.merab-pagination .pagination > li.dash::before {

    bottom: 0;

    content: "........";

    font-size: 21px;

    left: 0;

    position: absolute;

    right: 0;

    top: 6px;

}



.merab-pagination {

    margin-top: 80px;

}





/*

===========================================

Skills

===========================================

*/



#skill.skill01.bg::after {

    background-image: url("../images/skill.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 75px;

    content: "";

    z-index: -1;

}



#skill.skill01::before {

    background-color: rgba(0, 0, 0, 0.85);

    bottom: 75px;

}



.bg .creative .main-heading p {

    color: #fff;

}



#skill .main-heading .dot {

    padding: 0;

}



#skill.bg .main-heading h2 {

    color: #fff;

}



#skill .main-heading .text {

    padding: 0 7px;

}



.skill-block .skill {

    background-color: transparent;

    border-radius: 18px;

    height: 10px;

    margin-bottom: 20px;

    overflow: hidden;

}



.bg .skill-block .skill {

    background-color: #403d3b;

}



.skill .skill-box {

    background-color: #52a2e6;

    border-radius: 10px;

    height: 10px;

    width: 0;

}



.skill-block .skill-info h4,

.skill-block .skill-info p {

    display: inline-block;

}



.skill-info p {

    color: #a68a2a;

    float: right;

    font-size: 13px;

}



.skill-block .skill-info h4,

.skill-block .skill-info p {

    display: inline-block;

}



.skill-info h4 {

    color: #323232;

    font-size: 13px;

    margin-bottom: 15px;

    margin-top: 0;

    text-transform: uppercase;

}



.bg .skill-info h4 {

    color: #fff;

}



.skill-item:not(:last-child) {

    margin-bottom: 35px;

}



.skill-item:nth-child(2) .skill .skill-box {

    background-color: #e0bd43;

}



.skill-item:nth-child(3) .skill .skill-box {

    background-color: #a68a2a;

}



.skill-item:last-child .skill .skill-box {

    background-color: #55ac65;

}



#skill.skill01 .skill-block .main-heading {

    margin-bottom: 145px;

}



#skill .creative {

    text-align: center;

}

/*

===========================================

Skills 2

===========================================

*/



#skill.skill02.bg {

    background-attachment: fixed;

    background-image: url("../images/soon.jpg");

    background-position: 0 center;

    background-repeat: no-repeat;

    background-size: cover;

}



#skill.skill02.bg::before {

    background-color: rgba(0, 0, 0, .85);

}



#skill.skill02 .main-heading {

    margin-bottom: 0;

}





/*

===========================================

Skill 3

===========================================

*/



.bg .main-heading .text p {

    color: #fff;

}



#skill.skill03.bg-color::before {

    bottom: 0;

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    left: 50%;

    background-image: url("../images/skill03.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}



#skill.skill03 .skill-block {

    padding-right: 30px;

}





/*

===========================================

Counter

===========================================

*/



.counter {

    background-image: url("../images/counter.jpg");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 80px 0;

}



.counter::before {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    content: "";

    background-color: rgba(253, 253, 251, .95);

}



.counter .count-icon i {

    color: #ba9a2d;

    font-size: 55px;

    margin-right: 25px;

}



.counter .count {

    color: #282828;

    font-family: montserrat;

    font-size: 33px;

    font-weight: bold;

}



.counter-text h6 {

    color: #282828;

    font-size: 13px;

    margin-bottom: 0;

    margin-top: 2px;

    text-transform: uppercase;

}



.counter .counter-block:first-child .count::after {

    content: "K+";

}



.counter .counter-block:last-child .count::after {

    content: "K";

}



.counter .counter-block::after {

    border-left: 1px solid #999;

    border-right: 1px solid #999;

    bottom: 0;

    content: "";

    height: 20px;

    position: absolute;

    right: -5px;

    top: 40%;

    width: 10px;

}



.counter .counter-block:last-child::after {

    display: none;

}





/*

===========================================

Products

===========================================

*/



.product-block {

    overflow: hidden;

}



.product-block .btn.black {

    font-size: 11px;

    left: 0;

    padding: 20px;

    position: absolute;

    right: 0;

    text-transform: uppercase;

    top: -100px;

}



.product-block:hover .btn.black {

    margin-top: -30px;

    top: 50%;

}



.product-block .btn.black i {

    margin-right: 8px;

}



.product-block .product-text {

    padding: 25px 0;

}



.rating i {

    color: #323232;

    display: inline-block;

    font-size: 11px;

}



.product-text h5 {

    font-size: 15px;

    margin: 15px 0;

    text-transform: uppercase;

    font-weight: bold;

}



.product-text h5 a {

    color: #282828;

}



.product-text h5 a:hover {

    color: #BA9A2D;

}



.product-block .price,

.single-block .price {

    color: #ba9a2d;

    font-size: 13px;

}



.product-block .price span,

.single-block .price span {

    color: #bebebe;

    font-size: 10px;

    margin-left: 10px;

    text-decoration: line-through;

}



.products .product-block:not(:nth-last-child(-n+4)) {

    margin-bottom: 20px;

}





/*

===========================================

Single Product

===========================================

*/



#single-product .small-products {

    bottom: 50px;

    left: 0;

    position: absolute;

    right: 0;

}



.small-products ul li {

    z-index: 99999;

}



.small-products ul li {

    display: inline-block;

    float: none;

    z-index: 99999;

}



.small-products .nav {

    border: medium none;

    text-align: center;

}



#single-product .small-products ul li a {

    padding: 0;

}



.small-products ul.nav.nav-tabs img {

    border-radius: 3px;

}



#single-product .small-products ul li a::after {

    background-color: rgba(255, 255, 255, 0.8);

    bottom: 0;

    color: #5b5b5b;

    content: "+";

    font-family: h;

    font-size: 60px;

    font-weight: normal;

    left: 0;

    line-height: 80px;

    opacity: 0;

    position: absolute;

    right: 0;

    top: 0;

}



#single-product .small-products ul li.active a::after,

#single-product .small-products ul li:hover a::after {

    opacity: 1;

}



#single-product .serialno {

    color: #cbcbcb;

    font-family: montserrat;

    font-size: 14px;

}



#single-product .single-block {

    padding-left: 85px;

}



.single-block h3 {

    color: #323232;

    font-size: 22px;

    margin-bottom: 0;

    margin-top: 20px;

    text-transform: uppercase;

}



#single-product {

    background-color: #fdfcfc;

}



#single-product .single-block > ul {

    -moz-column-count: 3;

    list-style: outside none none;

    margin-bottom: 30px;

    margin-top: 22px;

    padding: 0;

}



#single-product .single-block p {

    color: #666666;

    font-size: 14px;

    line-height: 27px;

    margin-bottom: 55px;

    margin-top: 30px;

}



.revew-content-area iframe {

    height: 315px;

    width: 100%;

}



#single-product .single-block > ul * {

    color: #323232;

    font-size: 13px;

}



.quantity #demo_vertical {

    background-color: #fff;

    border: 1px solid #d4d4d4;

    border-radius: 3px 0 0 3px;

    height: 39px;

    padding: 0 26px;

    text-align: center;

    width: 60px;

}



#single-product .quantity {

    padding-left: 0;

}



.quantity .input-group {

    display: flex;

}



.quantity .bootstrap-touchspin .input-group-btn-vertical {

    background-color: #fff;

    border-color: #d4d4d4;

    border-radius: 0 3px 3px 0;

    border-style: solid solid solid none;

    border-width: 1px 1px 1px medium;

    display: inline-block;

    position: relative;

    vertical-align: middle;

    width: 27px;

}



.quantity .bootstrap-touchspin .btn {

    background-color: transparent;

    border-radius: 0 4px 0 0;

    color: #8c8c8c;

    height: 50%;

    margin: 0;

    padding: 0;

    text-align: center;

    width: 30px;

}



.quantity .bootstrap-touchspin .input-group-btn-vertical i {

    font-size: 11px;

    font-weight: normal;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

}



.quantity .btn .glyphicon.glyphicon-chevron-up {

    top: 8px;

}



.quantity label {

    font-size: 12px;

    margin: 0;

    padding-left: 0;

    text-transform: uppercase;

}



#single-product .reviews-areas::before {

    background-color: #fff;

    bottom: 0;

    content: "";

    left: -1000px;

    position: absolute;

    right: -1000px;

    top: 0;

}



.reviews-areas.space-top {

    padding: 90px 15px 0;

}



.reviews-areas .reviw-title {

    background-color: #fdfcfc;

    margin-bottom: 65px;

}



.reviews-areas .reviw-title ul {

    border: medium none;

    padding-left: 65px;

}



.reviews-areas ul li.active a,

.reviews-areas .nav-tabs > li.active > a:hover,

.reviews-areas .nav-tabs > li.active > a:focus,

.reviews-areas ul li a:hover {

    background-color: transparent;

    border: medium none;

    color: #ba9a2d;

}



.reviews-areas ul li a {

    color: #282828;

    font-size: 13px;

    line-height: 60px;

    padding: 0;

    margin: 0 15px;

    text-transform: uppercase;

    border: none;

}



.reviews-areas ul li a::before {

    background-color: #ba9a2d;

    bottom: 0;

    content: "";

    height: 3px;

    left: 0;

    position: absolute;

    right: 100%;

}



.reviews-areas ul li a:hover::before,

.reviews-areas ul li.active a::before {

    right: 50%;

}



.reviews-areas .tab-content p {

    font-size: 14px;

    line-height: 30px;

}





/*

===========================================

Price plans

===========================================

*/



#price-table .price-inner h6 {

    background-color: #ba9a2d;

    color: #fff;

    display: inline-block;

    font-weight: 600;

    margin: 0;

    padding: 20px 30px;

    text-transform: uppercase;

    top: 0;

    width: 80%;

}



.price-block:hover .price::after {

    top: -50px;

}



.price-block .price {

    font-size: 50px;

    font-weight: bold;

    padding: 30px 0;

    color: #fff;

}



#price-table .plan-info {

    background-color: #fff;

}



#price-table .price-block:hover .price-inner h6 {

    top: -20px;

}



.price-block .price > span {

    color: #ba9a2d;

    display: block;

    font-size: 13px;

    font-weight: normal;

    text-transform: capitalize;

}



.price-block .price::before {

    color: #ba9a2d;

    content: "$";

    font-size: 26px;

    font-weight: normal;

    vertical-align: super;

}



.price-block .price::after {

    background-image: url("../images/price.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: -25px;

    z-index: -1;

}



#price-table .price-inner ul {

    list-style: outside none none;

    padding: 0;

}



#price-table .price-inner li {

    color: #282828;

    font-family: arimo;

    font-size: 12px;

    padding: 15px;

}



#price-table .price-inner li:nth-child(2n+2) {

    background-color: #f1f1f1;

}

#price-table .price-block:nth-child(2) .price-inner h6,

#price-table .price-block:nth-child(5) .price-inner h6{

    top: -20px;

}

.price-block:nth-child(2) .price::after,

.price-block:nth-child(5) .price::after{

    top: -50px;

}

.price-block:nth-child(2) .price-inner::after,

.price-block:nth-child(5) .price-inner::after{

    box-shadow: 0 0 2px 0 #666;

    top: 3px;

}

#price-table .main-heading {

    margin-bottom: 70px;

}

#price-table .price-block {

    padding: 0 2px;

}



.price-block .btn.black {

    margin: 35px 0;

    padding: 17px 40px;

    text-transform: uppercase;

}



.price-block:hover .price-inner::after {

    box-shadow: 0 0 2px 0 #666;

    top: 3px;

}



.price-block .price-inner::after {

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 23px;

    z-index: -1;

}



#price-table::after {

    background-color: #f8f8f8;

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: -2;

}



#price-table .price-block:not(:nth-last-child(-n+3)) {

    margin-bottom: 70px;

}





/*

===========================================

Side Bar

===========================================

*/



.search form .form-group {

    display: flex;

    margin: 0;

}



aside .search form button.btn {

    background-color: #fbfbfb;

    color: #7a7a7a;

    font-size: 16px;

    padding-left: 0;

    padding-right: 0;

    width: 60px;

}

aside .search form button.btn:hover {

    background-color: #333;

    color: #fff;

}



aside .widget:not(:last-child) {

    margin-bottom: 60px;

}



aside .widget > p {

    color: #999;

    font-size: 11px;

    text-transform: capitalize;

}



aside .widget > h4 {

    color: #303030;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 25px;

    margin-top: 7px;

    text-transform: uppercase;

}



aside .post .post-text {

    background-color: rgba(0, 0, 0, 0.7);

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

}



aside .widget article.post .date {

    font-family: montserrat;

    font-size: 11px !important;

    font-style: normal;

}



.home-6 #news.sidebar aside .widget article.post .date {

    height: auto;

    margin-bottom: 5px;

}



.home-6 #news.sidebar aside .widget article.post:hover .date {

    height: 0;

    margin: 0;

    overflow: hidden;

}



aside .post-text h6 {

    color: #fff;

    font-size: 13px;

    font-weight: bold;

    line-height: 25px;

    margin-bottom: 0;

    margin-top: 5px;

    text-transform: uppercase;

}



aside .post-text h6 a {

    color: #fff;

}



aside .post:hover .post-text {

    background-color: rgba(170, 141, 43, 0.9);

}



aside .post .arrow {

    height: 0;

    margin-top: 0;

    opacity: 0;

    overflow: hidden;

}



aside .post:hover .arrow {

    display: inline-block;

    height: auto;

    margin-top: 10px;

    opacity: 1;

}



aside .post:hover .post-text .date,

aside .post:hover .post-text .date {

    color: #fff!important;

}



aside .post:not(:last-child) {

    margin-bottom: 25px;

}



aside .widget.meta ul {

    background-color: #fdfcfc;

    list-style: outside none none;

    padding: 20px 45px;

}



.widget.meta ul li a {

    color: #5d5d5d;

    display: block;

    font-family: arimo;

    font-size: 12px;

    font-weight: normal;

    padding: 15px;

}



.widget.meta ul li:not(:last-child) a {

    border-bottom: 1px solid #eaeaea;

}



aside .widget.meta ul li a::before {

    bottom: 0;

    color: #5d5d5d;

    content: "";

    font-family: fontawesome;

    font-size: 12px;

    left: 0;

    position: absolute;

    top: 15px;

}



aside .widget.meta ul li a:hover::before,

aside .widget.meta ul li a:hover {

    color: #f0653c;

}



aside .tag-block ul {

    list-style: outside none none;

    padding: 0;

}



.tag-block ul li a {

    border: 1px solid #dfdfdf;

    color: #a6a5a5;

    display: inline-block;

    font-family: arimo;

    font-size: 12px;

    margin-bottom: 2px;

    padding: 12px 19px;

    text-transform: capitalize;

}



.tag-block ul li {

    display: inline-block;

    margin: 0 -1px;

}



.widget.social ul a {

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-inline-flex;

    display: inline-flex;

    font-size: 16px;

    height: 49px;

    text-align: center;

    width: 49px;

}



.widget.social ul li {

    display: inline-block;

}



aside .video-post .video-box a {

    background-color: rgba(186, 154, 45, 0.8);

    border-radius: 50%;

    color: #fff;

    font-size: 20px;

    height: 80px;

    left: 0;

    margin: auto;

    text-align: center;

    width: 80px;

}



aside .video-post h5 {

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 0;

}



aside .video-post h5 a {

    color: #303030;

}



aside .video-post .date {

    color: #ba9a2d;

    font-size: 12px;

    margin-top: 20px;

    text-transform: uppercase;

}



aside .video-post .overlay {

    background-color: rgba(0, 0, 0, 0.7);

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}



.widget.social ul {

    list-style: none;

    padding: 0;

}



.social .fb {

    background-color: #3b579d;

}



.social .twitter {

    background-color: #2caae1;

}



.social .flicker {

    background-color: #ed1983;

}



.social .link {

    background-color: #007cb7;

}



.social .youtube {

    background-color: #ee1c1b;

}



.widget.social ul a:hover {

    opacity: 0.7;

}



.tag-block ul li a:hover {

    background-color: #ba9a2d;

    color: #fff;

}





/*

===========================================

Error Page

===========================================

*/



#error-page {

    background-image: url("../images/inner-banner.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}



#error-page::before {

    background-color: rgba(0, 0, 0, 0.7);

}



#error-page h1 {

    color: #fff;

    font-weight: bold;

    margin-top: 15px;

    text-transform: uppercase;

}



#error-page .error-404 {

    color: #fff;

    font-family: montserrat;

    font-size: 200px;

    font-weight: bold;

    line-height: 190px;

}



.error404 span {

    color: #ba9a2d;

}



#error-page h4 {

    color: #fff;

    font-size: 20px;

    font-weight: bold;

    text-transform: uppercase;

}



#error-page p {

    color: #fff;

    font-size: 16px;

    margin-bottom: 30px;

    margin-top: 20px;

}



#error-page form .form-group {

    display: flex;

}



#error-page .form-group input {

    background-color: #1c1c1e;

    color: #fff;

}



#error-page .form-group .btn {

    background-color: #1c1c1e;

    font-size: 15px;

    padding-left: 20px;

    padding-right: 20px;

}



#error-page .form-group {

    margin-bottom: 50px;

}



#error-page .btn.black-border::after {

    border-color: #333;

}





/*

===========================================

Coming Soon

===========================================

*/



#coming-soon {

    background-image: url("../images/soon.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}



#coming-soon::before {

    background-color: rgba(0, 0, 0, 0.7);

}



#coming-soon h1 {

    color: #fff;

    font-size: 90px;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 35px;

    margin-top: 35px;

}



#coming-soon h1 span {

    color: #ba9a2d;

    display: block;

}



.soon-block p {

    color: #fff;

    font-size: 16px;

    line-height: 30px;

    padding-right: 104px;

}



#countdown.countdown .count-down {

    width: 103px;

    height: 130px;

    background-color: #fff;

    text-align: center;

    padding-top: 18px;

}



#countdown.countdown .count-down .number {

    font-size: 30px;

    font-weight: bold;

    font-family: Montserrat;

    color: #323232;

    border-bottom: 1px solid #a4a3a3;

    padding-bottom: 10px;

    margin-bottom: 15px;

    display: inline-block;

}



#countdown.countdown span.string {

    font-size: 12px;

    color: #ba9a2d;

    text-transform: capitalize;

    font-weight: 500;

    font-family: Arimo;

    display: block;

}



#countdown.countdown div {

    display: inline-block;

}



#countdown.countdown div:not(:last-child) {

    margin-right: 10px;

}



#coming-soon h4 {

    margin-top: 55px;

    font-size: 18px;

    text-transform: uppercase;

    color: #BA9A2D;

    font-weight: bold;

    line-height: 30px;

}



.soon-block.right p {

    font-size: 14px;

    margin-bottom: 40px;

}



#coming-soon form input {

    background-color: rgba(240, 230, 253, 0.05);

}



#coming-soon .form-group {

    margin-bottom: 30px;

}





/*

===========================================

Faq

===========================================

*/



#faq .comment-form {

    display: inline-block;

    margin-top: 85px;

    width: 100%;

}



#faq form textarea.form-control {

    height: 185px;

}

#faq #accordion {

    margin-top: 0;

    margin-bottom: 0;

}



/*

===========================================

Check out

===========================================

*/



.checkout-heading p {

    color: #ba9a2d;

    font-size: 11px;

    text-transform: uppercase;

}



.checkout-heading h1 {

    color: #282828;

    font-size: 40px;

    font-weight: bold;

    margin-bottom: 0;

    margin-top: 10px;

}



.checkout-heading {

    margin-top: 90px;

    margin-bottom: 55px;

}



#checkout .checkbox.form-group {

    margin: 40px 0;

}



.choose-block.detail {

    padding-left: 75px;

}



#checkout .table td,

#checkout .table th {

    border: medium none;

    font-size: 13px;

    padding: 15px 0;

    text-transform: uppercase;

}



#checkout .table th {

    padding: 20px 0;

}



#checkout thead {

    background-color: #f8f8f8;

}



#checkout .table th {

    color: #282828;

    font-size: 15px;

    text-transform: uppercase;

}



#checkout .total-price {

    background-color: #fdfcfc;

    display: inline-block;

    padding: 0 60px 0 65px;

    width: 100%;

}



#checkout thead::before,

#checkout form .button::before {

    background-color: #f8f8f8;

    border-bottom: 2px solid #fff;

    /* bottom: 0; */

    content: "";

    left: -65px;

    position: absolute;

    right: -60px;

    top: 0;

    height: 61px;

}

#checkout form .button::before {

    bottom: 0;

    height: auto;

}

#checkout .table td:first-child,

#checkout .table th:first-child {

    width: 80%;

}



#checkout .table tbody tr:first-child td {

    padding-top: 30px;

}



#checkout .table td:first-child {

    font-weight: bold;

}



#checkout .table td:last-child {

    color: #BA9A2D;

}



#checkout .table tr.shipping td:last-child {

    color: #999999;

}



#checkout .total-price .table .total td {

    border-bottom: 1px solid #e1e1e1;

    border-top: 1px solid #e1e1e1;

    padding: 20px 0;

}



#checkout .table .shipping td {

    padding-bottom: 30px;

}



#checkout .total-price .checkbox.form-group {

    margin: 20px 0;

}



p.well {

    color: #444444;

    line-height: 26px;

    margin-top: 30px;

    padding: 30px 50px;

}



.form-group label img {

    margin-left: 10px;

}



#checkout form .button {

    margin-top: 60px;

    padding: 10px 0;

}



#checkout form input.form-control {

    height: 60px;

}





/*

===========================================

Cart

===========================================

*/



#cart table thead th {

    padding: 15px;

}



#cart table tbody td {

    border: medium none;

    padding: 30px 15px;

    vertical-align: middle;

}



#cart table thead th {

    background-color: #f8f8f8;

    border-bottom: 2px solid #fff;

    color: #282828;

    font-size: 13px;

    padding-bottom: 20px;

    padding-top: 20px;

    text-transform: uppercase;

}



#cart .table thead th:first-child,

#cart table tbody tr td:first-child {

    padding-left: 70px;

}



#cart .table thead th:last-child,

#cart table tbody tr td:last-child {

    padding-right: 30px;

}



#cart .table tbody {

    background-color: #fdfcfc;

}



table td .serialno {

    color: #c7c7c7;

    font-size: 12px;

    text-transform: uppercase;

}



.table td h5 {

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 0;

    margin-top: 15px;

    text-transform: uppercase;

}



.table td h5 a {

    color: #323232;

}



.table td.product-price,

.table td.product-total {

    color: #ba9a2d;

    font-size: 16px;

}



table td.option a {

    color: #c7c7c7;

    font-size: 12px;

    text-transform: uppercase;

}



#cart table {

    margin: 0;

}



#cart .button {

    background-color: #f8f8f8;

    padding: 10px 70px;

    margin-top: 2px;

}



#cart .button input.form-control {

    background-color: #fff;

    border: 1px solid #d4d4d4;

    border-radius: 5px;

    height: 40px;

}



#cart .cart-total {

    margin-top: 50px;

}



#cart table td.sub-total,

#cart table td.total {

    color: #323232;

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

}



.cart-total td.product-price {

    font-size: 13px;

}



#cart .cart-total table td {

    padding-bottom: 0;

    padding-top: 40px;

}



#cart .cart-total table tr:last-child td {

    padding-bottom: 40px;

}



#cart .cart-total table tbody tr td:first-child {

    width: 70%;

}





/*

===========================================

Category

===========================================

*/



#category .hover {

    background-color: transparent;

    bottom: 60px;

    left: 60px;

    position: absolute;

    right: 20%;

    text-align: left;

    top: 52%;

    border: 1px solid transparent;

}



#category .hover h2 {

    color: #fff;

    font-weight: bold;

    margin-top: 0;

    text-transform: uppercase;

}



#category .hover h2 a {

    color: #fff;

}



#category .hover h2 span {

    color: #ba9a2d;

    display: block;

    margin-top: 6px;

}



#category .hover p {

    color: #ba9a2d;

    font-size: 11px;

    font-weight: bold;

    text-transform: uppercase;

}



#category .category-block:hover .hover {

    background-color: rgba(0, 0, 0, 0.3);

    bottom: 20px;

    left: 20px;

    right: 20px;

    text-align: center;

    top: 20px;

    border-color: #cdcdcd;

}



#category .category-block:hover {

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -webkit-transform-origin: 50% 0 0;

    transform-origin: 50% 0 0;

    z-index: 3;

}



#category {

    overflow: visible;

}





/*

===========================================

Testimonials

===========================================

*/



#testimonial {

    background-image: url("../images/testimonial.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}



#testimonial::before {

    background-color: rgba(0, 0, 0, 0.85);

}



#testimonial .ms-slide-bgcont {

    border: 13px solid #fff;

}



#testimonial .ms-sl-selected .ms-slide-bgcont {

    border-color: #ba9a2d;

}



#testimonial h5.name {

    color: #fff;

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 30px;

    margin-top: 30px;

    text-transform: uppercase;

}



#testimonial .ms-info p img {

    margin-right: 10px;

    top: -5px;

}



#testimonial h5.name span {

    color: #ba9a2d;

    font-family: montserrat;

    font-size: 12px;

    font-weight: 700;

}



#testimonial .ms-staff-carousel {

    margin: 0 auto;

}



#testimonial.space {

    padding: 140px 0 100px;

}





/*

===========================================

Offer

===========================================

*/



#offer::before {

    background-image: url("../images/choose03.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 51%;

    top: 0;

}



#offer .main-heading p {

    margin-top: 13px;

    padding: 0 0 0 25px;

}



#offer .main-heading p {

    border-left: 3px solid #ba9a2d;

    font-style: italic;

    margin-top: 16px;

    padding: 0 0 0 25px;

}



.offer-item a:hover {

    color: #ba9a2d!important;

}



#offer .offer-item > i {

    color: #cccccc;

    font-size: 60px;

}



.offer-item h4 {

    color: #323232;

    font-weight: bold;

    margin-bottom: 15px;

    margin-top: 15px;

}



.offer-item h4 a {

    color: #323232;

}



.offer-item p {

    color: #666666;

    font-size: 14px;

    line-height: 26px;

    margin-bottom: 20px;

}



.offer-item a.more {

    color: #666666;

    text-transform: uppercase;

    font-size: 11px;

}



#offer .button {

    margin-top: 60px;

}



.offer-item a i {

    margin-left: 5px;

}





/*

===========================================

Project

===========================================

*/



#project::before {

    background-color: #f8f8f8;

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 25%;

    top: 0;

}



#project::after {

    background-image: url("../images/project01.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    bottom: 55px;

    content: "";

    left: 51%;

    position: absolute;

    right: 0;

    top: 55px;

}



.project-block .name {

    color: #333333;

    display: inline-block;

    font-size: 15px;

    font-weight: bold;

    margin-top: 20px;

    text-transform: uppercase;

    font-family: Montserrat;

}



#project .contact-heading {

    top: 63%;

}



.contact-heading::after {

    background-color: #333;

    bottom: auto;

    content: "";

    height: 140px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    top: 0;

    transform: rotate(90deg);

    transform-origin: 147px 219px 0;

    width: 1px;

}



.project-block .name span {

    color: #ba9a2d;

    font-size: 12px;

}



.project-block img.signature {

    display: block;

    margin-bottom: 60px;

    margin-top: 20px;

}



#project .project-block p {

    color: #666666;

    line-height: 26px;

    margin-bottom: 30px;

}





/*

===========================================

Home 3

===========================================

*/



.inner section#main-banner,

.home-3.inner section#main-banner {

    background-image: url("../images/inner-banner.jpg");

}



.home-3 section#main-banner {

    background-image: none;

}



.home-3.inner section#main-banner::after {

    display: none;

}



.home-3 section#main-banner::after {

    background-image: url("../images/banner03.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 160px;

    content: "";

    right: 0;

    z-index: -1;

}



.home-3 section#main-banner::before {

    bottom: 160px;

}



.home-3.inner section#main-banner::before {

    bottom: 0;

}





/*

===========================================

Home 3 Header

===========================================

*/



.home-3 header #slide-nav {

    background-color: #fff;

}



.home-3 header #slide-nav.affix {

    box-shadow: 0 0 2px 0 #cdcdcd;

}



.home-3 header #slide-nav.affix .container::before {

    box-shadow: none;

}



.home-3.inner header #slide-nav {

    background-color: transparent;

}



.home-3.inner header #slide-nav.affix {

    box-shadow: none;

}





/*

===========================================

Home 3 Banner

===========================================

*/



.home-3 #main-banner .main-heading h6 {

    color: #fff;

    font-size: 16px;

    letter-spacing: 3px;

    margin-bottom: 20px;

	

}



.home-3 #main-banner .main-heading h2 {

    color: #fff;

    font-size: 50px;

    text-transform: capitalize;

}



.home-3 #main-banner .main-heading .dot {

    display: inline-block;

    margin: 25px 0 5px;

}



.home-3 #main-banner .main-heading p {

    padding: 0 273px;

}



.home-3 #main-banner .main-heading .dot::before,

.home-3 #main-banner .main-heading .dot::after {

    background-color: #bebebe;

    bottom: 0;

    content: "";

    height: 1px;

    position: absolute;

    top: 11px;

    width: 50px;

}



.home-3 #main-banner .main-heading .dot::before {

    left: 160%;

}



.home-3 #main-banner .main-heading .dot::after {

    right: 160%;

}



.home-3 #main-banner .main-heading {

    margin-bottom: 100px;

}



.home-3 #main-banner .banner-content .banner-main {

    padding: 163px 0 0;

}



.home-3.inner #main-banner .banner-content .banner-main {

    padding: 163px 0 187px;

}





/*

===========================================

Home 4

===========================================

*/



.home-4 #main-banner {

    background-attachment: fixed;

    background-image: url("../images/home04-banner.jpg");

	

	

}





/*

===========================================

Home 4 Header

===========================================

*/



.home-4 nav#slide-nav {

    margin: 30px 0 0;

}



.home-4 nav#slide-nav.affix {

    background-color: #282828;

    margin: 0;

}



.home-4 #slide-nav #menu_nav > ul > li > a {

    color: #fff;

}





/*

===========================================

Home 4 Banner Content

===========================================

*/



.home-4 #main-banner .banner-content .banner-main {

    padding: 96px 0 165px;

	

}



.home-4 .banner-main .forma-image {

    margin-bottom: 35px;

}



.home-4 .banner-main h5 {

    background-color: transparent;

    letter-spacing: 7px;

    margin-top: 0;

    padding: 0;

}



.home-4 .banner-main h1 {

    color: #fff;

    font-size: 50px;

    font-weight: bold;

    margin-bottom: 20px;

    margin-top: 5px;

    text-transform: uppercase;

}



.home-4 .banner-main h1 span {

    color: #ba9a2d;

    display: inline-block;

    font-size: 50px;

    margin-bottom: 0;

}



.home-4 .banner-main .btn.black-border {

    margin-top: 55px;

}

.home-4 #main-banner_v {

    background-attachment: fixed;

    background-image: url("");

	

}

.home-4 #main-banner_v .banner-content .banner-main {

    padding: 96px 0 165px;

	

}



/*

===========================================

Home 4 About

===========================================

*/



#about-us {

    background-attachment: fixed;

    background-image: url("../images/call-to-action.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}



.forma-image i {

    color: #fff;

    font-size: 60px;

}





/*

===========================================

home 6

===========================================

*/



.home-6 #main-banner {

    background-image: url("../images/home06-banner.jpg");

}



.home-6 #main-banner::before {

    display: none;

}



.home-6 header #slide-nav.affix .container::before {

    background-color: rgba(0, 0, 0, 0.9);

}



.home-6 header #slide-nav .container::before {

    background-color: rgba(255, 255, 255, 0.15);

}



.home-6 #slide-nav #menu_nav > ul > li > a {

    color: #fff;

}



.home-6 #slide-nav #menu_nav ul > li > a:hover,

.home-6 #slide-nav #menu_nav ul > li > a:focus,

.home-6 #slide-nav #menu_nav ul > li.active > a,

.home-6 .nav-button ul li a:hover {

    background-color: transparent;

    color: #f0653c !important;

}



.home-6 #slide-nav .nav-button span {

    background-color: #f0653b;

}



.home-6 nav#slide-nav {

    left: 0;

    position: fixed;

    right: 0;

    top: 30px;

    z-index: 99999;

}



.home-6 nav#slide-nav.affix {

    top: 0;

}



.home-6 .banner-main p {

    font-style: italic;

    margin-bottom: 50px;

    margin-top: 15px;

    padding: 0;

    line-height: 28px;

}



.home-6 .banner-main h1 {

    color: #fff;

    font-size: 45px;

    font-weight: bold;

    line-height: 60px;

    text-transform: uppercase;

    margin-top: 0;

}



.home-6 .banner-main h1 span {

    color: #ba9a2d;

    display: inline-block;

    font-size: 45px;

    margin-bottom: 0;

}



.home-6 #main-banner .banner-main {

    padding: 330px 0 145px 35px;

}



.home-6 .service .service-item:not(:nth-last-child(-n+4)) {

    margin-bottom: 65px;

}



.home-6 .banner-main::before {

    border-color: #000;

    border-style: solid;

    border-width: 15px;

    bottom: 0;

    content: "";

    height: 335px;

    left: -22px;

    position: absolute;

    right: 0;

    top: 280px;

    width: 320px;

}



#main-banner .banner-inner {

    background-color: #111111;

    padding: 35px 0 0 35px;

}



.home-6 .banner-main::after {

    bottom: 0;

    content: "";

    height: 50px;

    left: auto;

    position: absolute;

    right: 0;

    top: 115px;

    width: 15px;

}





/*

===========================================

Home 07

===========================================

*/



.home-6.home-7 #main-banner {

    background-image: url("../images/home07.jpg");

}



.home-7 #main-banner::before {

    display: block;

    background-color: rgba(0, 0, 0, 0.5);

}



.home-6.home-7 .banner-main::before {

    display: none;

}



.home-6.home-7 .banner-main {

    text-align: center;

}



.home-7 .banner-main h5 {

    background-color: transparent;

    margin-top: 0;

    padding: 0;

}



.home-7 .banner-main h1 {

    font-size: 60px;

    margin-top: 15px;

}



.home-7 .banner-main h2 {

    color: #fff;

    font-size: 30px;

    font-weight: bold;

    text-transform: uppercase;

}



.home-7 .banner-main h2 span {

    color: #ba9a2d;

}





/*

===========================================

Home 8

===========================================

*/



.home-7 .banner08 .banner-main h5 {

    text-transform: capitalize;

}



.home-6.home-7 #main-banner.banner08 {

    background-image: url("../images/home04-banner.jpg");

}

/*

===========================================

Chrome Conflict

===========================================

*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .home-2 #slide-nav .nav-button .dropdown:hover .dropdown-menu {

        top: 173%;

    }

    .home-2 #slide-nav.affix .nav-button .dropdown:hover .dropdown-menu {

        top: 134%;

    }

    #portfolio.port03 .portfolio-block.fancy:hover .portfolio-info {

        top: 24px;

    }

}