/* GOOGLE FONTS */

/* BODY */
* {
    outline: none !important;
}

body {
    font-family: verdana;
    font-size: 14px;
    color: #272727;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

/* LINKS */
a {
    color: #000;
}

a {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

a:hover {
    text-decoration: underline;
}

a:focus {
    text-decoration: none;
}

/* FORM ELEMENTS */
/* input[type="text"]{width:240px; height:40px; border:1px solid #ccc; padding:0 10px;}
input[type="password"]{ width:100%; max-width:220px; height:40px; border:1px solid #ccc; padding:0 10px;}
button[type="submit"]{ height:40px; padding:0 20px; border:none; background:#f3c217;}
select{height:40px; border:1px solid #ccc; padding:0 10px; background:#fff; border-radius:0;}
label{ width:100%; float:left; font-weight:400;}
textarea{width:320px; height:100px; border:1px solid #ccc; padding:10px;} */
button[type="submit"] {
    height: 40px;
    padding: 0 20px;
    border: none;
    background: #00923f;
}

.btn-primary:hover {
    background: #00923f;
}

/* CUSTOMIZED HTML TAGS*/
p {
    line-height: 24px;
}

b {
    font-weight: 700;
}

strong {
    font-weight: 700;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

/* LOADING */
.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    background: #fff;
    z-index: 99999;
}

.loading .logo {
    height: 80px;
}

.fade-out-inner {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-15px);
    -webkit-transition: .55s ease-in-out;
    -moz-transition: .55s ease-in-out;
    -ms-transition: .55s ease-in-out;
    -o-transition: .55s ease-in-out;
    transition: .55s ease-in-out;
}

.fade-out {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -ms-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}


/* VALIGN MIDDLE */
.table {
    width: 100%;
    height: 100% !important;
    display: table;
    margin: 0;
}

.table .inner {
    display: table-cell;
    vertical-align: middle;
}

/* ============  Mega Menu  ============   */
.container > .navbar-header, .container > .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
}

.mega .nav,
.mega .collapse,
.mega .dropup, .mega .main {
    position: static;
}

.mega .container {
    position: relative;
}

.mega .dropdown-menu {
    left: auto;
}

.mega .nav.navbar-right .dropdown-menu {
    left: auto;
    right: 0px;
}

.mega .mega-content {
    padding: 20px;
}

.mega .dropdown.mega-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.main .dropdown-menu {
    background-color: #FFF !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.176) !important;
}

/* TRANSITION OVERLAY */
.transition-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
}

.transition-overlay {
    -webkit-transition: .55s ease-in-out;
    -moz-transition: .55s ease-in-out;
    -ms-transition: .55s ease-in-out;
    -o-transition: .55s ease-in-out;
    transition: .55s ease-in-out;
}

.transition-overlay.show {
    opacity: 1;
    visibility: visible;
}


/* OVERLAYS */
.overlay-yellow {
    position: relative;
}

.overlay-yellow .container {
    position: relative;
    z-index: 2;
}

.overlay-yellow:after {
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    background: #1f9633;
}

.overlay-dark {
    position: relative;
}

.overlay-dark:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.6
}

.overlay-dark .container {
    position: relative;
    z-index: 2;
}


/* BACKGROUNDS */
.background1 {
    background: url(../images/hero1.jpg) center no-repeat;
    background-size: cover;
}

.background2 {
    background: url(../images/banner7.jpg) center no-repeat;
    background-size: cover;
}


/* BOXED PAGE */
.site-boxed {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.site-boxed .boxed-inner {
    width: 100%;
    float: left;
    background: #fff;
}


/* PAGE TITLES */
.titles {
    width: 100%;
    float: left;
    margin-bottom: 60px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.titles h6 {
    font-weight: 700;
    letter-spacing: 5px;
    margin-top: 0;
    opacity: 0.3;
}

.titles h2 {
    font-weight: 300;
    letter-spacing: 5px;
}

.titles h2:after {
    content: '';
    width: 16px;
    height: 3px;
    display: inline-block;
    margin: -5px 0 0 10px;
    background: #00923f;
}


/* SIDE BOX */
.side-box {
    width: 300px;
    height: 100%;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: -300px;
    background: #f3c217;
    z-index: 10;
    transition-duration: 700ms;
    -webkit-transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    padding: 22px;
}

.side-box.show-me {
    right: 0;
}

.side-box .close-sidebar {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 8;
    cursor: pointer;
}

.side-box .widget {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

.side-box .widget h4 {
    width: 100%;
    float: left;
    margin-top: 0;
    color: #fff;
    font-weight: 700;
}

.side-box .search {
    float: left;
}

.side-box .search form {
    width: 100%;
    float: left;
}

.side-box .search form input[type="text"] {
    width: 210px;
    border: none;
}

.side-box .search form button[type="submit"] {
    padding: 0 10px;
    float: right;
    background: #000;
    color: #fff;
}

.side-box .text {
    float: left;
}

.side-box .text img {
    height: 30px;
    margin-bottom: 15px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.side-box .text p {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
}

.side-box .gallery {
    float: left;
}

.side-box .gallery ul {
    width: 100%;
    float: left;
}

.side-box .gallery ul li {
    width: 25%;
    float: left;
    padding: 2px;
}

.side-box .gallery ul li img {
    width: 100%;
}

.side-box .responsive {
    float: left;
}

.side-box .responsive img {
    float: left;
    margin-right: 10px;
}

.side-box .responsive h5 {
    float: left;
    color: #fff;
}

.side-box .social-media {
    float: left;
}

.side-box .social-media ul {
    width: 100%;
    float: left;
}

.side-box .social-media ul li {
    display: inline-block;
    margin: 0 10px;
}

.side-box .social-media ul li a {
    font-size: 20px;
    display: inline-block;
    color: #fff;
}

.side-box small {
    font-size: 10px;
    color: #fff;
}


/* IF YOU WANT TO PUSH BODY TO LEFT */
.body-left {
    padding-right: 0;
    transition-duration: 700ms;
    -webkit-transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.body-left.slide {
    padding-right: 300px;
    overflow: hidden;
}


.elements {
    width: 100%;
    float: left;
    padding: 100px 0;
}


/* CUSTOMIZED MODAL BOX */
.modal-content {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.modal-content .close {
    opacity: 1;
    text-shadow: none;
    font-size: 26px;
    color: #fff;
}

.modal-dialog {
    max-width: 420px;
    margin: 0 auto;
    margin-top: 100px;
}

.modal-header {
    border-bottom: none;
    background: #f3c217;
    color: #fff;
}

.modal-title {
    font-weight: 700;
}


/* OWL CONTROLS */
.owl-pagination {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 60px;
}

.owl-controls .owl-page {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    border: 2px solid #f3c217;
    display: inline-block;
    margin: 0 2px;
}

.owl-controls .owl-page.active {
    width: 30px;
}


/* CUSTOMIZED ACCORDION */
.panel {
    box-shadow: none;
}

.panel .thumb-image {
    width: 120px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.panel-group .panel + .panel {
    margin-top: -1px;
}

.panel-group {
    width: 100%;
    float: left;
}

.panel-default {
    border: 1px solid #e9e9e9;;
}

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

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

.panel-default > .panel-heading {
    background: #00923f;
    padding: 15px;
    color: #fff
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #e9e9e9;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    color: #000;
    line-height: 24px;
}

.panel-title > a {
    width: 100%;
    display: inline-block;
}

.panel-title > a:hover {
    text-decoration: none;
    color: #f3c217;
}

.panel-title > a i {
    float: left;
    color: #fff;
    margin-right: 10px;
}


/* CUSTOMIZED TABS */
.tabs {
    width: 100%;
    float: left;
}

.tabs .nav-tabs {
    width: 100%;
    float: left;
    border-bottom: none;
}

.tabs .nav-tabs > li > a {
    float: left;
}

.tabs .nav-tabs > li > a:hover {
    color: #f3c217;
    background: none;
    border: 1px solid transparent;
}

.tabs .tab-content {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: -1px;
    padding: 20px;
}

.tabs .nav-tabs > li.active > a, .tabs .nav-tabs > li.active > a:focus, .tabs .nav-tabs > li.active > a:hover {
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: none;
    color: #f3c217;
    border-radius: 0;
}


/* CUSTOMIZED ALERTS */
.alert-success {
    border-radius: 0;
    color: #fff;
    border: none;
    background: #37BB39;
}

.alert-info {
    border-radius: 0;
    color: #fff;
    border: none;
    background: #22A7E8;
}

.alert-warning {
    border-radius: 0;
    color: #fff;
    border: none;
    background: #F2CE0E;
}

.alert-danger {
    border-radius: 0;
    color: #fff;
    border: none;
    background: #F01E1A;
}


/* ERROR PAGES */
.error-pages {
    width: 100%;
    height: 770px;
    float: left;
    text-align: center;
}

.error-pages .site-logo {
    height: 35px;
    margin-bottom: 50px;
}

.error-pages h2 {
    font-size: 180px;
}

.error-pages h6 {
    font-size: 16px;
}


/* SLIDER */
.slider {
    width: 100%;
    height: 501px;
    position: relative;
}

.slider .banner {
    width: 100%;
    height: 501px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.slider .banner .slider-content {
    width: 100%;
    float: left;
    position: relative;
}

.slider .banner .link {
    color: #f2c133;
    font-size: 20px;
    font-weight: 700;
    border: 2px solid #f2c133;
    padding: 10px 25px;
}

.slider .banner .link:hover {
    text-decoration: none;
    background: #f2c133;
    color: #fff;
}

.slider .banner h2 {
    color: #f2c133;
    font-size: 83px;
    font-weight: 700;
}

.slider .banner h6 {
    color: #fff;
    font-size: 34px;
    font-weight: 400;
}

.slider .table {
    position: relative;
    z-index: 99;
}

.slider .video-bg {
    width: 100%;
    height: 770px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.slider .video-bg video {
    min-width: 100%;
    min-height: 770px;
    float: left;
}


/* INTERNAL HEADER */
.internal-header {
    width: 100%;
    height: 250px;
    padding-top: 170px;
    display: block;
    background-color: #F8F9F9;
    background-size: cover;
    border-bottom: 1px solid #e9e9e9;
}

.internal-header .title {
    font-size: 30px;
    margin-top: 0;
    color: #333;
    float: left;
    text-transform: uppercase;
}

.internal-header .breadcrumb {
    background: none;
    float: right;
    margin-top: 0px;
    padding: 0;
}

.internal-header .breadcrumb li {
    float: left;
    color: #333;
}

.internal-header .breadcrumb li a {
    color: #333;
}

.internal-header .breadcrumb > li + li:before {
    color: #333;
}

.brdheader {
    background-color: #f8f8f8;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    clear: both;
}

.brdheader h2 {
    margin-top: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.navbar {
    margin-bottom: 0px;
}

.breadcrumbs {
    font-size: 12px;
}

.breadcrumbs {
    border-bottom: 1px solid #e9e9e9;
    color: #858585;
    font-size: 10px;
    padding: 15px 0;
}

.breadcrumbs a {
    color: #777;
    font-weight: 600;
    text-decoration: none;
}

.breadcrumbs span {
    margin-right: 40px;
}

.breadcrumbs span {
    margin-right: 30px;
    position: relative;
}

.breadcrumbs a::before {
    border-bottom: 6px solid transparent;
    border-left: 6px solid rgba(0, 0, 0, 0.2);
    border-top: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: -11px;
    top: 2px;
}

.breadcrumbs a::after {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: -16px;
    top: 2px;
}

.breadcrumbs a::before {
    right: -18px;
    top: 1px;
}

/* HEADER */
header {
    width: 100%;
    float: left;
    position: relative;
    z-index: 3;
}

header * {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

header .search-bar {
    width: 100%;
    height: 60px;
    float: left;
    background: #f3c217;
    position: relative;
    margin-top: -60px;
}

header .search-bar.show-me {
    margin: 0;
}

header .search-bar .close-button {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 22px;
    cursor: pointer;
}

header .search-bar form {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}

header .search-bar form input[type="text"] {
    width: 60%;
    height: 40px;
    display: inline-block;
    background: none;
    border: none;
    color: #fff;
    font-size: 16px;
}

header .search-bar form input[type="text"]::-webkit-input-placeholder {
    color: #fff;
}

header .search-bar form button[type="submit"] {
    border: none;
    background: none;
    color: #fff;
    font-variant: 700;
    font-size: 22px;
}

header .top-bar {
    width: 100%;
    height: 30px;
    float: left;
    background: #00923f;
}

header .top-bar h5 {
    float: left;
    line-height: 30px;
    font-size: 11px;
    color: #fff;
    margin: 0;
}

header .top-bar h5 b {
    display: none;
}

header .top-bar ul.social-media {
    float: right;
    margin-top: 6px;
}

header .top-bar ul.social-media li {
    float: left;
    margin: 0 3px;
}

header .top-bar ul.social-media li a {
    width: 16px;
    height: 16px;
    line-height: 16px;
    float: left;
    border-radius: 16px;
    background: #fff;
    color: #000;
    font-size: 13px;
    text-align: center;
}

header .top-bar ul.social-media li a:hover {
    background: #a9ce34;
}

header .top-bar .language {
    float: right;
    line-height: 46px;
    margin-left: 30px;
}

header .top-bar .language .dropdown-toggle {
    color: #fff;
    font-size: 12px;
}

header .top-bar .language .dropdown-toggle:hover {
    text-decoration: none;
}

header .top-bar .language .dropdown-toggle i {
    height: 16px;
    line-height: 16px;
    margin-top: 15px;
    float: right;
    border-left: 1px solid #fff;
    padding-left: 5px;
    margin-left: 5px;
}

header .top-bar .language .dropdown-menu {
    min-width: 110px;
    background: #000;
    border-radius: 0;
    box-shadow: none;
}

header .top-bar .language .dropdown-menu li {
    width: 100%;
    line-height: 20px;
}

header .top-bar .language .dropdown-menu li a {
    width: 100%;
    float: left;
    padding: 2px 6px;
    color: #fff;
    font-size: 11px;
}

header .top-bar .language .dropdown-menu li a:hover {
    background: none;
    color: #f3c217;
}

header .top-bar ul.shop-menu {
    float: left;
    margin-left: 10%;
}

header .top-bar ul.shop-menu li {
    float: left;
    margin: 0 10px;
}

header .top-bar ul.shop-menu li a {
    float: left;
    color: #fff;
    line-height: 46px;
    font-size: 12px;
}

header .top-bar ul.shop-menu li a:hover {
    text-decoration: none;
    color: #f3c217;
}

header .top-bar .cart {
    float: right;
    color: #fff;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    font-size: 12px;
    margin-top: 7px;
    padding: 4px 8px;
}

header .top-bar .cart .item {
    float: left;
    margin-top: 2px;
}

header .top-bar .cart .item a {
    color: #fff;
}

header .top-bar .cart img {
    height: 20px;
    float: left;
    margin: 0 6px;
}

header .top-bar .cart .total {
    float: left;
    margin-top: 2px;
}

header .top-bar.transparent {
    background: none;
}

header .top-bar.transparent .container {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}


/* NAVIGATION */
.navbar-brand {
    height: auto;
    padding: 5px;
}

.navbar-brand img {
    float: left;
}

.navbar-default {
    width: 100%;
    float: left;
    border: none;
    border-radius: 0;
    background: #fff;
    position: relative;
    z-index: 2;
}

.navbar-default .navbar-right {
    float: right;
}

.navbar-default .navbar-nav {
    float: right;
}

.navbar-default .navbar-nav > li {
    float: left;
}

.navbar-default .navbar-nav > li a {
    padding: 35px 18px;
    color: #605d5c;
}

.navbar-default .navbar-nav > li a:hover {
    color: #00923f;
}

.navbar-default .navbar-nav > li.side-menu {
    width: 16px;
    float: left;
    padding: 28px 0;
    margin-left: 10px;
    cursor: pointer;
}

.navbar-default .navbar-nav > li.side-menu {
    width: 16px;
    height: 10px;
    float: left;
    margin-top: 2px;
    padding-left: 0;
    padding-right: 0;
    text-indent: -9999px;
}

.navbar-default .navbar-nav > li.side-menu span {
    width: 16px;
    height: 2px;
    float: left;
    background: #f2c133;
}

.navbar-default .navbar-nav > li.side-menu span.spacing {
    margin: 4px 0;
}

.navbar-default .navbar-nav > li.dropdown:hover ul {
    display: block;
}

.navbar-nav > li > .dropdown-menu {
    background: #fff;
    padding: 0;
    border: none;
    border-radius: 0;
    left: 0;
    right: auto;
    box-shadow: none;
}

.navbar-nav > li > .dropdown-menu li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.navbar-nav > li > .dropdown-menu li:last-child {
    border-bottom: none;
}

.navbar-nav > li > .dropdown-menu li a {
    width: 100%;
    float: left;
    color: #605d5c;
    margin: 0;
    padding: 8px;
}

.navbar-default.transparent {
    background: none;
}

.navbar-default.transparent .navbar-nav > li a {
    color: #fff;
}

.navbar-default.transparent .navbar-nav > li a:hover {
    color: #00923f;
}


/* FIXED NAVIGATION */
.fixed-nav {
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: #fff !important;
}

.fixed-nav .navbar-nav > li a {
    padding: 30px 18px;
    color: #000 !important;
}

.fixed-nav .navbar-nav > li.side-menu {
    padding: 20px 0;
}

.fixed-logo {
    height: 70px;
}


/* CATALOGUES */
.catalogues {
    width: 100%;
    float: left;
    margin-top: -55px;
    position: relative;
    z-index: 2;
}

.catalogues .brochure {
    max-width: 300px;
    float: left;
    background: #f9f5eb;
}

.catalogues .brochure .title-box {
    width: 100%;
    height: 72px;
    line-height: normal; /* Changed from 72px to normal since flex handles vertical alignment */
    float: left;
    padding: 0 25px;
    color: #fff;
    background: #a9ce34;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.catalogues .brochure .title-box img {
    width: 75px;
    height: auto;
}
.title-box{
    color: #000 !important;
}

.catalogues .brochure .content {
    width: 100%;
    display: inline-block;
    padding: 20px 25px;
    background: #e9e9e9
}

.catalogues .brochure .content .icon {
    float: left;
    margin-right: 15px;
}

.catalogues .brochure .content p {
    font-size: 12px;
    line-height: 17px;
    opacity: 0.6;
}

.catalogues .brochure .content a {
    color: #00923f;
    font-weight: 700;
    text-decoration: none;
}

.catalogues .brochure .content a:hover {
    text-decoration: none;
    color: #000;
}

.catalogues .boxes {
    float: right;
    background: #f3c217;
    padding: 25px 15px;
    margin-left: 19px;
    text-align: center;
}

.catalogues .boxes * {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.catalogues .boxes img {
    display: inline-block;
    margin-bottom: 30px;
    transform: translateY(0);
}

.catalogues .boxes h5 {
    font-weight: 700;
    color: #fff;
    font-size: 18px;
}

.catalogues .boxes:hover img {
    transform: translateY(15px);
}


/* TEXT CONTENT */
.text-content {
    width: 100%;
    float: left;
    padding-top: 50px;
    padding-bottom: 150px;
}

.text-content figure {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.text-content figure img {
    width: 100%;
}

.text-content .lead {
    margin-top: 10px;
    color: #00923f;
    font-weight: 400
}

.text-content .icons {
    width: 100%;
    float: left;
    margin: 40px 0;
}

.text-content .steps {
    width: 100px;
    height: 100px;
    float: left;
    margin: 30px 0;
    border-radius: 100px;
    background: #f3c217;
    text-align: center;
    color: #fff;
}

.text-content .steps span {
    font-weight: 700;
    font-size: 30px;
    display: inline-block;
    margin-top: 13px;
}

.text-content .steps h5 {
    margin-top: 0;
    font-size: 12px;
}

.text-content .content-side-menu {
    width: 100%;
    float: left;
    padding-left: 40px;
}

.text-content .content-side-menu ul {
    width: 100%;
    float: left;
    background: #f3c217;
    position: relative;
}

.text-content .content-side-menu ul:after {
    content: '';
    width: 100%;
    height: 106px;
    float: left;
    background: url(../images/side-menu-bottom.jpg) center no-repeat #fff;
}

.text-content .content-side-menu ul li {
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.text-content .content-side-menu ul li:last-child {
    border-bottom: none;
}

.text-content .content-side-menu ul li a {
    width: 100%;
    float: left;
    line-height: 50px;
    color: #fff;
    padding: 0 20px;
}

.text-content .content-side-menu ul li a:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.text-content .content-side-menu ul li.active a {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.text-content .custom-list {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.text-content .custom-list li {
    width: 100%;
    float: left;
    margin: 4px 0;
    font-size: 12px;
}

.text-content .custom-list li i {
    font-size: 13px;
    float: left;
    margin-right: 6px;
    color: #f3c217;
}

.text-content .thumbs {
    width: 100%;
    margin-left: -10px;
    margin-right: -10px;
}

.text-content .thumbs li {
    width: 33.33333%;
    float: left;
    margin: 30px 0;
    padding: 0 10px;
}

.text-content .thumbs li img {
    width: 100%;
}


/* TEAM MEMBERS */
.team-members {
    width: 100%;
    float: left;
    padding-bottom: 100px;
}

.team-members h2 {
    font-weight: 300;
    letter-spacing: 5px;
    margin-top: 30px;
}

.team-members h2:after {
    content: '';
    width: 16px;
    height: 3px;
    display: inline-block;
    margin: -5px 0 0 10px;
    background: #f3c217;
}

.team-members .signature {
    width: 200px;
}

.team-members figure {
    width: 100%;
    float: left;
}

.team-members figure img {
    width: 100%;
}

.team-members figcaption {
    width: 100%;
    float: left;
    border-top: 1px solid #eee;
    text-align: center;
}

.team-members figcaption h4 {
    font-size: 15px;
    color: #f3c217;
    margin-bottom: 0;
}

.team-members figcaption small {
    color: #999;
}


/* CERTIFICATES */
.certificates {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.certificates * {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.certificates figure {
    width: 100%;
    float: left;
    border: 1px solid #eee;
    margin-bottom: 40px;
    padding: 20px;
}

.certificates figure:hover {
    border: 1px solid #f2c133;
}

.certificates figure a {
    float: left;
}

.certificates figure img {
    width: 100%;
}


/* PROMO VIDEO */
.promo-video {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.promo-video * {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.promo-video h3 {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 25px;
}

.promo-video p {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 10%;
    font-size: 17px;
    margin-bottom: 40px;
}

.promo-video video {
    width: 100%;
    float: left;
    border: 10px solid #f3c217;
}


/* CAREER */
.career {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.career .career-form {
    width: 100%;
    float: left;
    margin-bottom: 100px;
}

.career .career-form .form-group {
    width: 35%;
    float: left;
}

.career .career-form .form-group.full-width {
    width: 63%;
}

.career .career-form input[type="text"] {
    width: 80%;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.career .career-form input[type="file"] {
    width: 80%;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 9px;
}

.career .career-form textarea {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.career .position-list {
    width: 100%;
    float: left;
}

.career .position-list li {
    width: 100%;
    float: left;
    padding: 15px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
}

.career .position-list li h5 {
    width: 50%;
    float: left;
    margin: 0;
}

.career .position-list li span {
    float: left;
    color: #999;
}

.career .position-list li a {
    float: right;
    color: #f3c217;
}


/* COUNTER SECTION */
.counter-section {
    width: 100%;
    float: left;
    padding-bottom: 100px;
}

.counter-section .titles {
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: none;
}

.counter-section .row {
    margin-left: -30px;
    margin-right: -30px;
}

.counter-section .spacing {
    padding: 0 30px;
}

.counter-section .button {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
    padding: 10px 20px;
    border: 2px solid #f3c217;
    color: #f3c217;
}

.counter-section .button:hover {
    background: #f3c217;
    color: #fff;
    text-decoration: none;
}

.counter-section .counter {
    font-size: 20px;
    color: #f3c217;
}

.counter-section h4 {
    font-size: 12px;
}

.counter-section i {
    font-size: 32px;
    display: block;
    margin-bottom: 10px;
}

.counter-section ul {
    font-size: 16px;
    margin-top: 40px;
    margin-left: -20px;
    margin-right: -20px;
}

.counter-section ul li {
    float: left;
    padding: 0 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.counter-section ul li:last-child {
    border: none;
}


/* GALLERY */
.gallery {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.gallery * {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

/* SPACED GRIDS */
.gallery .spaced-grids {
    display: inline-block;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 60px;
}

.gallery .spaced-grids li {
    width: 25%;
    padding: 20px;
    float: left;
}

.gallery .spaced-grids li:hover img {
    opacity: 0.8;
}

.gallery .spaced-grids li img {
    width: 100%;
}

/* MASONRY GRIDS */
.gallery .masonry-grids {
    width: 100%;
    float: left;
    margin-left: -0.5px;
    margin-right: -0.5px;
    margin-bottom: 60px;
}

.gallery .masonry-grids li {
    width: 25%;
    float: left;
    padding: 0.5px;
}

.gallery .masonry-grids li:hover img {
    opacity: 0.8;
}

.gallery .masonry-grids li img {
    width: 100%;
}

/* SMALL GRIDS */
.gallery .small-grids {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}

.gallery .small-grids li {
    width: 16.66666%;
    float: left;
    padding: 0;
}

.gallery .small-grids li.double-width {
    width: 50%;
}

.gallery .small-grids li:hover img {
    opacity: 0.8;
}

.gallery .small-grids li img {
    width: 100%;
}


/* HOME SERVICES */
.home-services {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.home-services * {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.home-services figure {
    width: 100%;
    float: left;
    margin: 20px 0;
    position: relative;
}

.home-services figure:before {
    content: '';
    width: 33px;
    height: 3px;
    position: absolute;
    left: 0;
    top: -20px;
    background: #f3c217;
}

.home-services figure img {
    float: left;
}

.home-services h4 {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 20px;
}

.home-services h4:after {
    content: '';
    width: 9px;
    height: 3px;
    display: inline-block;
    margin: -5px 0 0 10px;
    background: #f3c217;
}

.home-services p {
    color: #999;
}

.home-services .col-md-3:hover figure img {
    transform: translateY(15px);
    opacity: 0.5;
}

.home-services .col-md-3:hover h4 {
    color: #f3c217;
}


/* SHOP */
.shop {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.shop * {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

/* SHOP - SIDEBAR */
.shop .shop-sidebar {
    width: 100%;
    float: left;
}

.shop .shop-sidebar h2 {
    font-weight: 300;
    letter-spacing: 3px;
    font-size: 21px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.shop .shop-sidebar h2:after {
    content: '';
    width: 16px;
    height: 3px;
    display: inline-block;
    margin: -5px 0 0 10px;
    background: #f3c217;
}

.shop .shop-sidebar .widgets {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}

.shop .shop-sidebar .slider.slider-horizontal .slider-track {
    border-radius: 0;
}

.shop .shop-sidebar .slider-selection {
    background: #eee;
    box-shadow: none;
    box-sizing: inherit;
    border-radius: 0;
}

.shop .shop-sidebar .slider-handle {
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    height: 10px;
    background: rgba(243, 184, 23, 1);
    background: -moz-linear-gradient(left, rgba(243, 184, 23, 1) 0%, rgba(255, 221, 0, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243, 184, 23, 1)), color-stop(100%, rgba(255, 221, 0, 1)));
    background: -webkit-linear-gradient(left, rgba(243, 184, 23, 1) 0%, rgba(255, 221, 0, 1) 100%);
    background: -o-linear-gradient(left, rgba(243, 184, 23, 1) 0%, rgba(255, 221, 0, 1) 100%);
    background: -ms-linear-gradient(left, rgba(243, 184, 23, 1) 0%, rgba(255, 221, 0, 1) 100%);
    background: linear-gradient(to right, rgba(243, 184, 23, 1) 0%, rgba(255, 221, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3b817', endColorstr='#ffdd00', GradientType=1);
}

.shop .shop-sidebar .search {
    width: 100%;
    float: left;
}

.shop .shop-sidebar .search form {
    width: 100%;
    float: left;
    background: #f3c217;
    padding: 10px;
}

.shop .shop-sidebar .search form input[type="text"] {
    width: 80%;
    float: left;
    border: none;
}

.shop .shop-sidebar .search form button[type="submit"] {
    width: 20%;
    padding: 0;
    text-align: center;
    float: left;
    background: #fff;
    border-left: 1px dotted #f3c217;
    color: #f3c217;
    margin-left: -3px;
}

.shop .shop-sidebar .categories {
    width: 100%;
    float: left;
}

.shop .shop-sidebar .categories ul {
    width: 100%;
    float: left;
}

.shop .shop-sidebar .categories ul li {
    width: 100%;
    float: left;
    margin: 4px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.shop .shop-sidebar .categories ul li:before {
    content: '';
    width: 6px;
    height: 2px;
    float: left;
    background: #f3c217;
    margin: 10px 9px 0 0;
}

.shop .shop-sidebar .categories ul li a {
    float: left;
    text-transform: uppercase;
}

.shop .shop-sidebar .categories ul li a:hover {
    color: #f3c217;
    text-decoration: none;
}

.shop .product-box {
    margin-bottom: 40px;
}

/* SHOP - PAGINATION */
.shop .pagination {
    width: 100%;
    float: left;
}

.shop .pagination > li {
    float: left;
}

.shop .pagination > li a {
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.05);;
    font-weight: 700;
    font-size: 12px;
    padding: 20px;
    font-weight: 400;
    color: #2f2e33;
    border-radius: 0 !important;
}

.shop .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background: #f3c217;
    color: #fff;
}

/* SHOP - ITEM LEFT */
.shop .item-detail-left {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}

.shop .item-detail-left .item-images {
    width: 100%;
    float: left;
}

.shop .item-detail-left .item-images .main-image {
    width: 100%;
    float: left;
    border: 1px solid #eee;
}

.shop .item-detail-left .item-images .main-image img {
    width: 100%;
}

.shop .item-detail-left .item-images .thumbs {
    width: 100%;
    float: left;
}

.shop .item-detail-left .item-images .thumbs li {
    width: 25%;
    float: left;
    border-right: 1px solid #eee;
}

.shop .item-detail-left .item-images .thumbs li:nth-child(4n+4) {
    border-right: none;
}

.shop .item-detail-left .item-images .thumbs li img {
    width: 100%;
}

.shop .item-detail-left .item-images .thumbs li a {
    float: left;
}

/* SHOP - ITEM RIGHT */
.shop .item-detail-right {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}

.shop .item-detail-right .product-name {
    width: 100%;
    float: left;
    margin-top: 0;
    color: #f3c217;
}

.shop .item-detail-right .product-code {
    font-size: 11px;
    color: #999;
}

.shop .item-detail-right .review-stars {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.shop .item-detail-right .review-stars i {
    float: left;
    margin-right: 4px;
    color: #f3c217;
}

.shop .item-detail-right .product-desc {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.shop .item-detail-right .product-price {
    float: left;
    margin-right: 50px;
    font-size: 40px;
}

.shop .item-detail-right .product-price small {
    font-size: 20px;
}

.shop .item-detail-right .product-old-price {
    float: left;
    margin-right: 50px;
    font-size: 40px;
    color: #999;
    text-decoration: line-through;
}

.shop .item-detail-right .product-old-price small {
    font-size: 20px;
}

.shop .item-detail-right .social-buttons {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.shop .item-detail-right .social-buttons li {
    float: left;
    margin-right: 20px;
}

.shop .item-detail-right .social-buttons li a {
    font-size: 18px;
    opacity: 0.4;
}

.shop .item-detail-right .social-buttons li a:hover {
    opacity: 1;
    color: #000;
}

.shop .item-detail-right .qty-option {
    width: 100%;
    float: left;
    padding: 10px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.shop .item-detail-right .qty-option label {
    width: auto;
    float: left;
    line-height: 40px;
    margin-right: 8px;
}

.shop .item-detail-right .qty-option select {
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-right: 50px;
}

.shop .item-detail-right .buy-button {
    height: 50px;
    float: left;
    margin-top: 40px;
    background: #f3c217;
    color: #fff;
    font-size: 20px;
    padding: 0 30px;
}

/* SHOP - SHOPPING CART */
.shop .cart-table {
    width: 100%;
    float: left;
}

.shop .cart-table td {
    padding: 10px 0;
}

.shop .cart-table thead {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.05);
}

.shop .cart-table tbody {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.05);
}

.shop .cart-table figure {
    width: 130px;
    float: left;
}

.shop .cart-table figure img {
    width: 100%;
}

.shop .cart-table .spinner {
    width: 70px;
    float: left;
    padding-right: 10px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.shop .cart-table .spinner input[type="text"] {
    width: 38px;
    float: left;
    box-shadow: none;
    border: none;
}

.shop .cart-table .spinner .input-group-addon {
    width: auto;
    float: right;
    background: none;
    border: none;
    padding: 0;
    padding-top: 6px;
}

.shop .cart-table .spinner .input-group-addon a {
    display: block;
}

.shop .cart-table .product-name {
    width: 100%;
    float: left;
    font-size: 16px;
    margin-bottom: 10px;
}

.shop .cart-table .product-code {
    width: 100%;
    float: left;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
}

.shop .cart-table .product-rate {
    width: 100%;
    float: left;
}

.shop .cart-table .product-rate i {
    color: #f3c217;
}

.shop .cart-table .product-price {
    font-size: 17px;
}

.shop .cart-table .product-remove {
    font-size: 18px;
}


/* SHOPPING SERVICES */
.shopping-services {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.shopping-services img {
    width: 60px;
    float: left;
    margin-right: 20px;
}

.shopping-services h5 {
    display: block;
    margin-top: 0;
    color: #f3c217;
}

.shopping-services span {
    display: block;
    font-size: 11px;
    margin-bottom: 0;
    padding-right: 20px;
    line-height: 16px;
    color: #999;
}


/* HOME PRODUCT */
.home-products {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.home-products * {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.home-products .product-box {
    margin-bottom: 40px;
}


/* PRODUCT BOX */
.product-box {
    width: 100%;
    float: left;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 10px;
    position: relative;
}

.product-box {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.product-box:hover {
    border: 1px solid #f3c217;
}

.product-box:hover h5 {
    color: #f3c217;
}

.product-box figure {
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}

.product-box figure img {
    width: 100%;
    float: left;
}

.product-box h5 {
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: 700;
}

.product-box small {
    width: 100%;
    float: left;
    font-family: 'Merriweather', serif;
    font-size: 11px;
    color: #999;
}

.product-box .price {
    width: 100%;
    float: left;
    font-size: 18px;
}

.product-box .old-price {
    width: 100%;
    float: left;
    font-size: 12px;
    margin: 10px 0;
    text-decoration: line-through;
    color: #999;
}

.product-box .sale {
    position: absolute;
    right: -6px;
    top: 8px;
    background: #f3c217;
    color: #fff;
    font-size: 13px;
    padding: 4px 8px;
}

.product-box .discount {
    position: absolute;
    right: -6px;
    top: 8px;
    background: #000;
    color: #fff;
    font-size: 13px;
    padding: 4px 8px;
}


/* ABOUT US */
.about-us {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.about-us .left-image {
    width: 100%;
    float: left;
}

.about-us .left-image figure {
    width: 100%;
    float: left;
    position: relative;
}

.about-us .left-image figure:before {
    content: '';
    width: 206px;
    height: 6px;
    position: absolute;
    right: -6px;
    bottom: -6px;
    background: #a9ce34;
}

.about-us .left-image figure:after {
    content: '';
    width: 6px;
    height: 206px;
    position: absolute;
    right: -6px;
    bottom: -6px;
    background: #a9ce34;
}

.about-us .left-image figure img {
    width: 100%;
}

.about-us .left-image figure span {
    position: absolute;
    left: -10px;
    top: 10px;
    font-size: 16px;
    background: #00923f;
    color: #fff;
    padding: 6px 20px;
}

.about-us .services-box {
    width: 100%;
    max-width: 312px;
    float: right;
}

.about-us .services-box.full-width {
    max-width: inherit;
}

.about-us .services-box figure {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 30px;
}

.about-us .services-box figure img {
    width: 100%;
}

.about-us .services-box figure:before {
    content: '';
    width: 104px;
    height: 6px;
    position: absolute;
    right: -6px;
    bottom: -6px;
    background: #a9ce34;
}

.about-us .services-box figure:after {
    content: '';
    width: 6px;
    height: 104px;
    position: absolute;
    right: -6px;
    bottom: -6px;
    background: #a9ce34;
}

.about-us .services-box h4 {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 20px;
}

.about-us .services-box h4:after {
    content: '';
    width: 9px;
    height: 3px;
    display: inline-block;
    margin: -5px 0 0 10px;
    background: #00923f;
}

.about-us .services-box p {
    color: #272727;
}

.about-us .services-box ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.about-us .services-box ul li {
    width: 100%;
    float: left;
    margin: 2px 0;
    padding: 0;
    color: #000;
    font-size: 12px;
}

.about-us .services-box ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    float: left;
    margin: 6px 7px 0 0;
    border-radius: 4px;
    background: #ccc;
}


/* UPCOMING PROJECT */
.upcoming-projects {
    width: 100%;
    float: left;
    padding: 40px 0 135px 0;
    background: #fff;
}

.upcoming-projects * {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.projects {
    margin-left: -30px;
    margin-right: -30px;
}

.projects figure {
    width: 100%;
    float: left;
    position: relative;
}

.projects figure img {
    width: 100%;
}

.projects figure figcaption {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.projects .thumbnail figure:hover figcaption {
    opacity: 1;
}

/* FILTER */
ul.filter {
    width: 100%;
    float: left;
    text-align: center;
}

ul.filter li {
    display: inline-block;
}

ul.filter li a {
    width: 20px;
    height: 5px;
    float: left;
    text-indent: -9999px;
    background: #eee;
}

ul.filter li .current {
    background: #f3c217;
}

/* PROGRESS BARS */
.progress {
    width: 100%;
    height: 20px;
    float: left;
    overflow: inherit;
    box-shadow: none;
    background: #ccc;
    border-radius: 0;
    margin: 10px 0;
}

.progress .progress-bar {
    background: #f3c217;
    box-shadow: none;
}

.home .titles {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    float: left;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 100%;
}

/* ALL PROJECT */
.all-projects {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.all-projects * {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.all-projects ul {
    margin-left: -30px;
    margin-right: -30px;
}

.all-projects ul li {
    width: 33.33333%;
    float: left;
    padding: 0 30px;
    margin-bottom: 40px;
}

.all-projects ul li figure {
    width: 100%;
    float: left;
    position: relative;
}

.all-projects ul li figure img {
    width: 100%;
}

.all-projects ul li figure figcaption {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.all-projects ul li figure:hover figcaption {
    opacity: 1;
}

.all-projects ul li .info {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.all-projects ul li .info h5 {
    color: #f3c217;
    font-size: 19px;
}

.all-projects ul li .info span {
    width: 100%;
    float: left;
    font-size: 12px;
}

.all-projects ul li .info .type {
    font-family: 'Merriweather', serif;
    margin-bottom: 12px;
    font-size: 16px;
}

.all-projects ul li .info a {
    float: left;
    margin-top: 10px;
    border: 2px solid #f3c217;
    padding: 3px 12px;
    color: #f3c217;
}

.all-projects ul li .info a:hover {
    color: #fff;
    background: #f3c217;
    text-decoration: none;
}


/* FEATURES NEWS */
.features-news {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.features-news * {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.features-news .row {
    margin-left: -30px;
    margin-right: -30px;
}

.features-news .col-md-6 {
    padding: 0 30px;
}

.features-news .owl-news {
    width: 100%;
    float: left;
    margin-top: -10px;
}

.features-news .owl-news .item {
    padding-top: 10px;
    padding-right: 6px;
}

.features-news .home-news {
    width: 100%;
    float: left;
}

.features-news .home-news figure {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
    background: #f3c217;
}

.features-news .home-news figure img {
    width: 100%;
    opacity: 1;
}

.features-news .home-news figure:before {
    content: '';
    width: 206px;
    height: 6px;
    position: absolute;
    right: -6px;
    bottom: -6px;
    background: #f3c217;
}

.features-news .home-news figure:after {
    content: '';
    width: 6px;
    height: 206px;
    position: absolute;
    right: -6px;
    bottom: -6px;
    background: #f3c217;
}

.features-news .home-news .date {
    position: absolute;
    left: 20px;
    top: -10px;
    background: #f3c217;
    color: #fff;
    padding: 4px 6px;
}

.features-news .home-news .date b {
    display: block;
    font-size: 26px;
}

.features-news .home-news .title {
    width: 100%;
    float: left;
    margin-top: 0;
}

.features-news .home-news .title a {
    float: left;
    color: #999;
    font-size: 20px;
}

.features-news .home-news .title a:hover {
    color: #f3c217;
    text-decoration: none;
}

.features-news .home-news small {
    display: block;
    font-family: 'Merriweather', serif;
    color: #ccc;
    margin-bottom: 10px;
    font-size: 12px;
}

.features-news .home-news:hover img {
    opacity: 0.7;
}

.features-news .owl-news .owl-buttons {
    width: 100%;
    float: left;
}

.features-news .owl-news .owl-prev {
    float: left;
    text-indent: -9999px;
    margin-right: 20px;
}

.features-news .owl-news .owl-prev:before {
    content: "\f124";
    font-family: ionicons;
    float: left;
    text-indent: 0;
    font-size: 22px;
}

.features-news .owl-news .owl-prev:hover:before {
    color: #f3c217;
}

.features-news .owl-news .owl-next {
    float: left;
    text-indent: -9999px;
}

.features-news .owl-news .owl-next:before {
    content: "\f125";
    font-family: ionicons;
    float: left;
    text-indent: 0;
    font-size: 22px;
}

.features-news .owl-news .owl-next:hover:before {
    color: #f3c217;
}


/* LOGOS */
.logos {
    width: 100%;
    float: left;
    padding: 60px 0;
    background: url(../images/banner1.jpg);
    background-size: cover;
}

.logos img {
    width: 100%;
    padding: 40px 0;
}

.logos h2 {
    height: 0px;
    overflow: hidden;
}


/* TESTIMONIALS */
.testimonials {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.testimonials .owl-testimonials {
    width: 100%;
    float: left;
}

.testimonials .owl-testimonials .item {
    width: 100%;
    float: left;
}

.testimonials figure {
    width: 120px;
    float: left;
    margin-right: 30px;
}

.testimonials figure img {
    width: 100%;
    float: left;
    border-radius: 120px;
    border: 8px solid rgba(0, 0, 0, 0.05);
}

.testimonials h3 {
    margin-top: 0;
}

.testimonials small {
    margin-bottom: 10px;
    display: block;
    color: #A9A9A9;
}

.testimonials .owl-buttons {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.testimonials .owl-prev {
    float: left;
    text-indent: -9999px;
    margin-right: 20px;
    margin-left: 150px;
}

.testimonials .owl-prev:before {
    content: "\f124";
    font-family: ionicons;
    float: left;
    text-indent: 0;
    font-size: 22px;
}

.testimonials .owl-prev:hover:before {
    color: #f3c217;
}

.testimonials .owl-next {
    float: left;
    text-indent: -9999px;
}

.testimonials .owl-next:before {
    content: "\f125";
    font-family: ionicons;
    float: left;
    text-indent: 0;
    font-size: 22px;
}

.testimonials .owl-next:hover:before {
    color: #f3c217;
}


/* QUOTE */
.quote {
    width: 100%;
    float: left;
    padding: 100px 0;
    text-align: center;
}

.quote * {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.quote h5 {
    font-size: 16px;
    color: #fff;
}

.quote h2 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
}

.quote p {
    padding: 0 10%;
    font-size: 14px;
    color: #fff;
    margin-bottom: 50px;
}

.quote a {
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    font-size: 18px;
    padding: 10px 25px;
    padding-right: 10px;
}

.quote a i {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-15px);
    font-size: 18px;
    padding-left: 10px;
    display: inline-block;
}

.quote a:hover {
    text-decoration: none;
    transform: translateX(-15px);
    padding-right: 25px;
}

.quote a:hover i {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}


/* GET QUOTE FORM */
.get-quote {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.get-quote form {
    width: 100%;
    float: left;
}

.get-quote form input[type="text"] {
    width: 80%;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.get-quote form select {
    width: 80%;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.get-quote form .form-group {
    width: 40%;
    float: left;
}


/* BLOG */
.blog {
    width: 100%;
    float: left;
    padding: 60px 0 40px 0;
}

.blog * {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog .news-box {
    width: 100%;
    float: left;
    padding-right: 20px;
    margin-bottom: 100px;
}

.blog figure {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
    background: #f3c217;
}

.blog figure:before {
    content: '';
    width: 206px;
    height: 6px;
    position: absolute;
    right: -6px;
    bottom: -6px;
    background: #f3c217;
}

.blog figure:after {
    content: '';
    width: 6px;
    height: 206px;
    position: absolute;
    right: -6px;
    bottom: -6px;
    background: #f3c217;
}

.blog figure img {
    width: 100%;
    float: left;
}

.blog figure .date {
    position: absolute;
    left: 20px;
    top: -10px;
    background: #f3c217;
    color: #fff;
    padding: 4px 6px;
}

.blog figure .date b {
    display: block;
    font-size: 26px;
}

.blog figure:hover img {
    opacity: 0.7;
}

.blog h3 {
    display: block;
    margin-top: 0;
    color: #f3c217;
}

.blog blockquote {
    margin: 30px 0;
    font-size: 15px;
    border-left: 4px solid #f3c217;
}

.blog .read-link {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    padding: 7px 15px;
    border: 2px solid #f3c217;
    color: #f3c217;
}

.blog .read-link:hover {
    background: #f3c217;
    color: #fff;
    text-decoration: none;
}

.blog .author {
    display: block;
    font-family: 'Merriweather', serif;
    color: #ccc;
    margin-bottom: 30px;
    font-size: 12px;
}

.blog .border {
    width: 38px;
    height: 3px;
    display: inline-block;
    margin-bottom: 30px;
    background: #f3c217;
}

/* BLOG - PAGINATION */
.blog .pagination {
    width: 100%;
    float: left;
}

.blog .pagination > li {
    float: left;
}

.blog .pagination > li a {
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.05);;
    font-weight: 700;
    font-size: 12px;
    padding: 20px;
    font-weight: 400;
    color: #2f2e33;
    border-radius: 0 !important;
}

.blog .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background: #f3c217;
    color: #fff;
}


/* BLOG - SIDEBAR */
.blog-sidebar {
    width: 100%;
    padding-left: 30px;
}

.blog-sidebar h2 {
    font-weight: 300;
    letter-spacing: 3px;
    font-size: 21px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.blog-sidebar h2:after {
    content: '';
    width: 16px;
    height: 3px;
    display: inline-block;
    margin: -5px 0 0 10px;
    background: #f3c217;
}

.blog-sidebar .widgets {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}

.blog-sidebar .social-media {
    width: 100%;
    float: left;
}

.blog-sidebar .social-media ul {
    width: 100%;
    float: left;
}

.blog-sidebar .social-media ul li {
    float: left;
    padding: 7px;
    background: #f3c217;
    text-align: center;
    margin-right: 1px;
}

.blog-sidebar .social-media ul li a {
    width: 100%;
    float: left;
}

.blog-sidebar .social-media ul li i {
    display: inline-block;
    color: #fff;
    font-size: 20px;
}

.blog-sidebar .social-media ul li span {
    display: block;
    font-size: 11px;
    color: #fff;
}

.blog-sidebar .search {
    width: 100%;
    float: left;
}

.blog-sidebar .search form {
    width: 100%;
    float: left;
    background: #f3c217;
    padding: 20px 10px;
}

.blog-sidebar .search form input[type="text"] {
    width: 80%;
    float: left;
    border: none;
}

.blog-sidebar .search form button[type="submit"] {
    width: 20%;
    padding: 0;
    text-align: center;
    float: left;
    background: #fff;
    border-left: 1px dotted #f3c217;
    color: #f3c217;
    margin-left: -3px;
}

.blog-sidebar .tags {
    width: 100%;
    float: left;
}

.blog-sidebar .tags a {
    float: left;
    padding: 5px;
    border: 1px solid #eee;
    font-size: 12px;
    color: #999;
    margin-right: 10px;
    margin-bottom: 10px;
}

.blog-sidebar .tags a:hover {
    text-decoration: none;
    color: #f3c217;
}

.blog-sidebar .categories {
    width: 100%;
    float: left;
}

.blog-sidebar .categories ul {
    width: 100%;
    float: left;
}

.blog-sidebar .categories ul li {
    width: 100%;
    float: left;
    margin: 4px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.blog-sidebar .categories ul li:before {
    content: '';
    width: 6px;
    height: 2px;
    float: left;
    background: #f3c217;
    margin: 10px 9px 0 0;
}

.blog-sidebar .categories ul li a {
    float: left;
    text-transform: uppercase;
}

.blog-sidebar .categories ul li a:hover {
    color: #f3c217;
    text-decoration: none;
}

.blog-sidebar .gallery-thumbs {
    width: 100%;
    float: left;
    margin-left: -5px;
    margin-right: -5px;
}

.blog-sidebar .gallery-thumbs a {
    width: 20%;
    float: left;
    padding: 0.5px;
}

.blog-sidebar .gallery-thumbs a img {
    width: 100%;
    float: left;
}


/* CONTACT US */
.contact-us {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.contact-us #map {
    width: 100%;
    height: 280px;
    float: left;
    margin: 50px 0;
    margin-bottom: 80px;
}

.contact-us .contact-form {
    width: 100%;
    max-width: 540px;
    float: left;
}

.contact-us .contact-form input[type="text"] {
    width: 80%;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.contact-us .contact-form textarea {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.contact-us #success {
    display: none
}

.contact-us #error {
    display: none;
}


/* NEWSLETTER */
.newsletter {
    width: 100%;
    float: left;
    padding: 60px 0;
    background: #a9ce34;
}

.newsletter .titles {
    margin-bottom: 0;
    border-bottom: none;
}

.newsletter .titles h2 {
    color: #fff;
}

.newsletter .titles h2:after {
    content: '';
    background: #fff;
}

.newsletter form {
    width: 100%;
    float: left;
}

.newsletter form .form-group {
    width: 100%;
    float: left;
}

.newsletter form input[type="text"] {
    width: 100%;
    max-width: 205px;
    height: 50px;
    float: left;
    background: none;
    border: 2px solid #fff;
    padding-left: 10px;
}

.newsletter form input[type="text"]::-webkit-input-placeholder {
    color: #fff;
}

.newsletter form button[type="submit"] {
    height: 50px;
    float: left;
    background: #fff;
    color: #f3c217;
}

.newsletter form small {
    color: #fff;
}

.newsletter .image {
    float: right;
    margin-top: -161px;
    margin-bottom: -60px;
}


/* FOOTER */
footer {
    width: 100%;
    float: left;
    padding-top: 60px;
    background: #000;
    color: #fff;
}

footer .title {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 20px;
}

footer .title:after {
    content: '';
    width: 17px;
    height: 3px;
    display: inline-block;
    margin: -5px 0 0 10px;
    background: #f3c217;
}

footer .top-footer {
    width: 100%;
    float: left; /* margin-bottom:60px; padding-bottom:60px;  border-bottom:1px solid rgba(255,255,255,0.1); */
}

/* FOTER - TOP */
footer .top-footer .box-content {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 20px;
    position: relative;
}

footer .top-footer .box-content:after {
    content: '';
    width: 40px;
    height: 4px;
    background: #00923f;
    position: absolute;
    left: 17px;
    bottom: -5px;
}

footer .top-footer .box-content i {
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 34px;
    background: #00923f;
    color: #fff;
    font-size: 20px;
    float: left;
    margin-right: 20px;
    margin-bottom: 60px;
}

footer .top-footer .box-content h5 {
    margin-top: 5px;
    margin-bottom: 10px;
}

footer .top-footer .box-content p {
    font-size: 12px;
    opacity: 0.6;
    margin: 0;
    line-height: 20px;
}

footer .top-footer .box-content a {
    color: #f3c217;
}

footer .about-text {
    width: 100%;
    float: left;
}

/* FOOTER - GALLERY */
footer .gallery-thumbs {
    margin-left: -3px;
    margin-right: -3px;
}

footer .gallery-thumbs li {
    width: 33.33333%;
    float: left;
    padding: 3px;
    overflow: hidden;
}

footer .gallery-thumbs li a {
    float: left;
}

footer .gallery-thumbs li img {
    width: 100%;
    border: 2px solid transparent
}

footer .gallery-thumbs li:hover img {
    border: 2px solid #f3c217;
}

/* FOOTER - VIDEO */
footer .video {
    width: 100%;
    float: left;
    text-align: center;
}

footer * {
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

footer .video figure {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    background: #f3c217;
    border: 3px solid #000;
}

footer .video figure img {
    width: 100%;
    float: left;
}

footer .video .table {
    position: absolute;
    height: 238px !important;
    z-index: 2;
}

footer .video .table i {
    font-size: 30px;
    margin-bottom: 10px;
}

footer .video .table h4 {
    color: #fff;
}

footer .video .table h4 a {
    font-size: 16px;
    color: #fff;
}

footer .video .table h4 a:hover {
    text-decoration: none;
    color: #f3c217;
}

footer .video:hover h4 {
    margin-top: 0;
}

footer .video:hover figure {
    border: 3px solid #f3c217;
}

/* FOOTER - SUBFOOTER */
footer .sub-footer {
    width: 100%;
    float: left;
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

footer .sub-footer .copyright {
    float: left;
    font-size: 11px;
    color: #fff;
}

footer .sub-footer .creation {
    float: right;
    font-size: 11px;
    color: #fff;
}

footer .sub-footer .creation i {
    color: #f3c217;
}

footer a {
    color: #FFF;
}

footer a:hover {
    color: #FFF;
}


/* GO TO TOP BUTTON */
.cd-top {
    display: inline-block;
    width: 45px;
    padding: 0px 0;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
    overflow: hidden;
    white-space: nowrap;
    background: #00923f;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top:before {
    content: "\f10d";
    font-family: ionicons;
    color: #fff;
    font-size: 30px;
    display: inline-block;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    opacity: 1;
}

.no-touch .cd-top:hover {
    background-color: #f3c217;
    opacity: 1;
}


/* RESPONSIVE MEDIA QUERIES */

@media only screen and (max-width: 1190px), only screen and (max-device-width: 1190px) {

    header .top-bar ul.shop-menu {
        margin-left: 0;
    }

    header .top-bar .language {
        margin-left: 10px;
    }

    .about-us .services-box figure img {
        width: 100%;
    }

    ul.projects li {
        padding: 0 20px;
    }

    .features-news .home-news figure:before {
        width: 160px;
    }

    .features-news .home-news figure:after {
        height: 160px;
    }

    .newsletter form input[type="text"] {
        max-width: 400px;
    }

}

@media only screen and (max-width: 989px), only screen and (max-device-width: 989px) {

    .navbar-brand {
        padding: 5px 15px;
    }

    .navbar-brand img {
        height: 65px;
    }

    header .top-bar ul.social-media {
        float: left;
    }

    header .top-bar .language {
        margin-left: 40px;
    }

    .fixed-nav .navbar-brand {
        padding: 15px;
    }

    .slider {
        height: 570px;
    }

    .slider .banner {
        height: auto;
    }

    .quote h2 {
        font-size: 74px;
    }

    .about-us .left-image {
        width: auto;
        margin-bottom: 30px;
    }

    .about-us .left-image figure {
        width: auto;
    }

    .about-us .left-image figure img {
        width: auto;
    }

    .about-us .services-box {
        max-width: inherit;
    }

    .counter-section ul {
        margin-left: 0;
        margin-right: 0;
    }

    ul.projects {
        margin-left: 0;
        margin-right: 0;
    }

    ul.projects li {
        padding: 0 10px;
    }

    /*.newsletter form input[type="text"]{ max-width:285px;}*/
    footer .top-footer .box-content {
        margin-bottom: 20px;
    }

    footer .about-text {
        margin-bottom: 40px;
    }

    footer .gallery-thumbs {
        margin-bottom: 40px;
    }

    footer .gallery-thumbs li {
        width: 25%;
        padding: 6px;
    }

    .cd-top {
        display: none !important;
    }
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {

    .navbar-default .navbar-toggle {
        width: 40px;
        height: 40px;
        text-align: center;
        margin-top: 18px;
        padding: 0;
        background: #f3c217;
        border: none;
        border-radius: 0;
    }

    .navbar-default .navbar-toggle i {
        font-size: 26px;
        color: #fff;
    }

    .navbar-default .navbar-toggle:focus {
        background: #f3c217;
    }

    .navbar-default {
        min-height: inherit;
        margin: 0;
    }

    .navbar-default .navbar-nav {
        float: none;
    }

    .navbar-default .navbar-nav > li {
        width: 100%;
        float: left;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .navbar-default .navbar-nav > li:last-child {
        border-bottom: none;
    }

    .navbar-default .navbar-nav > li a {
        width: 100%;
        float: left;
        padding: 10px;
    }

    .navbar-default .navbar-nav > li > .dropdown-menu {
        width: 100%;
        float: left;
        position: static;
    }

    .navbar-collapse.in {
        overflow: inherit;
    }

    .navbar-default .navbar-collapse {
        border: none;
        background: #fff;
    }

    .fixed-nav .navbar-toggle {
        margin-top: 13px;
    }

    .slider {
        width: 100%;
        height: 324px;
    }

    .catalogues {
        margin-top: 30px;
    }

    .catalogues .brochure {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .catalogues .boxes {
        width: 46%;
        float: left;
        margin: 0 2%;
    }

    .about-us .services-box ul {
        margin-bottom: 30px;
    }

    .internal-header .breadcrumb {
        float: left;
        margin-top: 0;
    }

    .internal-header .title {
        font-size: 40px;
    }

    ul.projects li {
        width: 100%;
        padding: 0 10px;
    }

    .testimonials h3 {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

    .testimonials small {
        width: 100%;
        float: left;
    }

    .testimonials p {
        width: 100%;
        float: left;
    }

    .testimonials .owl-buttons {
        margin-top: 10px;
    }

    .testimonials .owl-prev {
        margin-left: 0;
    }

    .text-content .content-side-menu {
        padding-left: 0;
        margin-top: 40px;
    }

    footer .gallery-thumbs {
        margin-bottom: 40px;
        display: inline-block;
    }

    footer .sub-footer .creation {
        float: left;
        margin-top: 10px;
    }

}


/* FOR DEMO PRESENTATION PAGE - YOU CAN REMOVE IT */
.intro-header {
    width: 100%;
    height: 400px;
    float: left;
}

.intro-header .container {
    height: 400px;
}

.intro-header .container img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.demos {
    width: 100%;
    float: left;
    padding: 100px 0;
    text-align: center;
}

.demos figure {
    width: 100%;
    float: left;
    background: #f3c217;
}

.demos figure:hover img {
    opacity: 0.7;
}

.demos img {
    width: 100%;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.demos h4 {
    width: 100%;
    float: left;
    color: #f3c217;
    padding: 10px 0;
    margin-bottom: 60px;
    margin-top: 0;
}

.demos h2 {
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 80px;
}

.intro-footer {
    width: 100%;
    float: left;
    padding: 30px 0;
    background: #000;
    text-align: center;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
}

.intro-footer i {
    color: #f3c217;
}

.testimonialpage .well {
    background-color: #fff;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 5px solid #00923f;
    border-radius: 4px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 10px 10px;


}

.cont-form label {
    font-weight: 500;
}

.cont-form .btn {
    border-radius: 0px;
}

.cont-form .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.gall .thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    display: block;
    line-height: 1.42857;
    margin-bottom: 20px;
    padding: 0;
    transition: border 0.2s ease-in-out 0s;
}

.gall .thumbnail:hover .caption {
    background: #444 none repeat scroll 0 0;
}

.gall .thumbnail .caption {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    padding: 9px;
    text-align: center;
}

.gall .thumbnail .caption a {
    text-decoration: none !important;
}

.img-caption {
    background: rgba(255, 255, 255, 0.4);
    border: 15px solid rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    text-align: center;
}

.img-caption span {
    font-weight: 700;
}

.tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
}

/* Nav */
.tabs nav {
    text-align: center;
}

.tabs nav ul {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.tabs nav ul li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.tabs nav a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* line-height: 2.5; */
    text-decoration: none;
    font-size: 16px;
    padding: 5px !important;
}

.tabs nav a span {
    vertical-align: middle;
}

.tabs nav li.tab-current a {
    color: #FFF;
}

.tabs nav a:focus {
    outline: none;
}

/* Content */
.content-wrap {
    position: relative;
    margin-top: 15px;
}

.content-wrap section {
    display: none;
    margin: 0 auto;
    padding: 10px;
    max-width: auto;
}

.content-wrap section.content-current {
    display: block;
}

.content-wrap section p {
}

/* Fallback */
.no-js .content-wrap section {
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.no-flexbox nav ul {
    display: block;
}

.no-flexbox nav ul li {
    min-width: 15%;
    display: inline-block;
}

@media screen and (max-width: 58em) {
    .tabs nav a.icon span {
        display: none;
    }

    .tabs nav a:before {
        margin-right: 0;
    }
}

/*****************************/
/* Moving Line */
/*****************************/

.tabs-style-linemove nav {
    background: #0D131B;
}

.tabs-style-linemove nav li:last-child::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #4fb7ff;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

/* Move the line */
.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-400%, 0, 0);
    transform: translate3d(-400%, 0, 0);
}

.tabs-style-linemove nav li:nth-child(1).tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-300%, 0, 0);
    transform: translate3d(-300%, 0, 0);
}

.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
}

.tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.tabs-style-linemove nav a {
    padding: 1em 0;
    color: #FFF;
    line-height: 1;
    -webkit-transition: color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, transform 0.3s;
}

.tabs-style-linemove nav li.tab-current a {
    color: #FFF;
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
}

.tabs-style-linemove nav a span {
    font-weight: 700;
}

/*****************************/
/* Underline */
/*****************************/

.tabs-style-underline nav {
    background: #FFF;
}

.tabs-style-underline nav ul li {
    margin: 0px 10px;
    background-color: #a9ce34;
}

.tabs-style-underline nav ul li a {
    color: #fff;
}

.tabs-style-underline nav a {
    color: #FFF;
}

.tabs-style-underline nav a {
    /* padding: 0.25em 0 0.5em; */
    border-left: 1px solid #e7ecea;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.tabs-style-underline nav li:last-child a {
    border-right: 1px solid #e7ecea;
}

.tabs-style-underline nav ul li.tab-current {
    background-color: #00923f;
}

.tabs-style-underline nav ul li.tab-current a {
    color: #FFF;
}

.tabs-style-underline nav li.tab-current a::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.tabs-style-underline nav a span {
    font-weight: 700;
}

/* Title style*/
.block-head {
    border-bottom: 1px solid #e2e2e2;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 0 0 20px;
    position: relative;
    text-transform: capitalize;
}

.block-head:before {
    bottom: -3px;
    content: "";
    display: inline-block;
    height: 5px;
    left: 20px;
    position: absolute;
    width: 35px;
}

.block-head:after {
    bottom: -1px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 80px;
}

.block-head.center {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.block-head.center:before {
    left: 50%;
    margin-left: -17.5px;
}

.block-head.center:after {
    left: 50%;
    margin-left: -40px;
}

.block-head:before, .block-head:after {
    background-color: #999;
}

#Plans .caption {
    background-color: #0D131B;
    color: #FFF;
    padding: 10px;
    text-align: center;
}

#Plans .caption a {
    color: #FFF;
    text-decoration: none;
}

.services-box a {
    color: #000;
    text-decoration: none;
}

.project .thumbnail {
    border-radius: 0;
    padding: 0;
    border: 0px;
}

.project .caption {
    background-color: #fff;
    color: #272727;
    font-size: 13px;
    border: 1px solid #777;
    transition: all 0.5s ease 0s;
    text-transform: capitalize;
}

.project .caption:hover {
    background-color: #F3C217;
    color: #fff;
    transition: all 0.5s ease 0s;
}

.project .caption {
    text-align: center;
}

.project .caption h3 {
    color: #272727;
    margin: 2px 0;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}

.project .caption:hover h3 {
    color: #fff;
}

.dropdown-header h4 {
    color: #272727;
    border-bottom: 2px solid #e9e9e9;
    padding-bottom: 10px;
}

.menu li a {
    color: #272727 !important;
    text-decoration: none;
}

.menu li a:hover {
    color: #000 !important;
}

.btn-color {
    background-color: #00923f;
    border: 2px solid #FFF;
}

.info:hover {
    color: #fff;
    background: #00923f;
    text-decoration: none;
}

.center {
    text-align: center;
}

.mtb1 {
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.mtb1 h2 {
    letter-spacing: 2px;
    font-weight: 300;
    font-size: 24px;
    text-transform: uppercase;
}

.mtb {
    margin-bottom: 0px;
    padding-bottom: 0px;
}


.projtbl {
    width: 100%;
}

.projtbl td, .projtbl th {
    font-size: 14px;
    line-height: 5px;
    padding: 18px 10px;
}

.projtbl td, .projtbl th {
    border-left: 1px solid #e2e6e7;
}

.projtbl td:first-child, .projtbl th:first-child {
    border-left: medium none;
    text-align: right;
}

.projtbl tr:nth-child(2n+1) {
    background: #f5f5f5 none repeat scroll 0 0;
}

.dropdown-header h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #00923f;
    fontweight: bold
}

.nocaps {
    color: #00923f
}


.box {
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    min-height: 255px;
}

.subtitle {
    text-align: center;
}

.subtitle a {
    color: #444;
    font-size: 12px;
    text-align: center;
}

.cbp-l-grid-projects-title {
    margin-top: 5px;
}

.txt a {
    margin: 0px 6px;
    color: #727272;
    font: 400 13px "Raleway", sans-serif;
    text-transform: none;
    line-height: 28px;
}

.activegallery {
    background-color: #00923F;
    border-radius: 4px;
    color: #fff !important;
    padding: 5px;
}

.activegalleryitem {
    background-color: transparent;
    border: medium none;
    color: #727272;
    cursor: pointer;
    font: 400 13px "Raleway", sans-serif;
    margin: 0;
    overflow: visible;
    padding: 9px 10px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    text-transform: none;
}

.projectslider {
    margin-top: 60px;
}

@media (max-width: 760px) {
    .slider {
        height: 110px;
    }

    .navbar-brand {
        height: auto;
        padding: 5px 15px;
    }

    .fixed-nav .navbar-brand {
        padding: 5px 15px;
    }

    .quote h2 {
        font-size: 35px;
    }

    /*.newsletter form input[type="text"]{max-width:290px;}*/
    .newsletter form button[type="submit"] {
        width: 100%;
    }

    .fixed-nav {
        position: relative;
    }

    .breadcrumbs span {
        margin-right: 15px;
    }

    .box {
        border: 1px solid #e5e5e5;
        margin-bottom: 20px;
        min-height: 200px;
    }

    .about-us {
        padding: 0;
    }

    .botm {
        margin-bottom: 10px;
    }

    .projects {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mobile .thumbnail {
        overflow: hidden;
        margin-bottom: 15px;
    }

    .mob .mtb1 h2 {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .upcoming-projects {
        padding: 40px 0 30px;
    }

    .projectslider {
        margin-top: 12px;
    }

    .text-content {
        padding-bottom: 0px;
        padding-top: 12px;
    }
}

@media (max-width: 768px) {
    .slider {
        height: 110px;
    }

    .navbar-brand {
        height: auto;
        padding: 5px 15px;
    }

    .fixed-nav .navbar-brand {
        padding: 5px 15px;
    }

    .quote h2 {
        font-size: 35px;
    }

    /*.newsletter form input[type="text"]{max-width:290px;}*/
    .newsletter form button[type="submit"] {
        width: 100%;
    }

    .fixed-nav {
        position: relative;
    }

    .breadcrumbs span {
        margin-right: 15px;
    }

    .box {
        border: 1px solid #e5e5e5;
        margin-bottom: 20px;
        min-height: 200px;
    }

    .about-us {
        padding: 0;
    }

    .botm {
        margin-bottom: 10px;
    }

    .projects {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mobile .thumbnail {
        overflow: hidden;
        margin-bottom: 15px;
    }

    .mob .mtb1 h2 {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .upcoming-projects {
        padding: 40px 0 30px;
    }

    .projectslider {
        margin-top: 12px;
    }

    .text-content {
        padding-bottom: 0px;
        padding-top: 12px;
    }
}

@media (max-width: 640px) {
    .slider {
        height: 110px;
    }

    .navbar-brand {
        height: auto;
        padding: 5px 15px;
    }

    .fixed-nav .navbar-brand {
        padding: 5px 15px;
    }

    .quote h2 {
        font-size: 35px;
    }

    /*.newsletter form input[type="text"]{max-width:290px;}*/
    .newsletter form button[type="submit"] {
        width: 100%;
    }

    .fixed-nav {
        position: relative;
    }

    .breadcrumbs span {
        margin-right: 15px;
    }

    .box {
        border: 1px solid #e5e5e5;
        margin-bottom: 20px;
        min-height: 200px;
    }

    .about-us {
        padding: 0;
    }

    .botm {
        margin-bottom: 10px;
    }

    .projects {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mobile .thumbnail {
        overflow: hidden;
        margin-bottom: 15px;
    }

    .mob .mtb1 h2 {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .upcoming-projects {
        padding: 40px 0 30px;
    }

    .projectslider {
        margin-top: 12px;
    }

    .text-content {
        padding-bottom: 0px;
        padding-top: 12px;
    }
}

@media (max-width: 360px) {
    .slider {
        height: 110px;
    }

    .navbar-brand {
        height: auto;
        padding: 5px 15px;
    }

    .fixed-nav .navbar-brand {
        padding: 5px 15px;
    }

    .quote h2 {
        font-size: 35px;
    }

    /*.newsletter form input[type="text"]{max-width:290px;}*/
    .newsletter form button[type="submit"] {
        width: 100%;
    }

    .fixed-nav {
        position: relative;
    }

    .breadcrumbs span {
        margin-right: 15px;
        margin-left: 10px;
    }

    .box {
        border: 1px solid #e5e5e5;
        margin-bottom: 20px;
        min-height: 200px;
    }

    .about-us {
        padding: 0;
    }

    .botm {
        margin-bottom: 10px;
    }

    .projects {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mobile .thumbnail {
        overflow: hidden;
        margin-bottom: 25px;
    }

    .mob .mtb1 h2 {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .upcoming-projects {
        padding: 40px 0 30px;
    }

    .projectslider {
        margin-top: 12px;
    }

    .text-content {
        padding-bottom: 0px;
        padding-top: 12px;
    }
}


/* Mobile Menu*/


@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
}

.mobile-logo {
    padding: 4px 10px;
}

/* Common styles of menus */
#home .dl-trigger {
    margin-top: 7px;
    position: absolute;
    right: 5px;
    top: 50%;
    clear: both;
}

.navbar {
    margin-bottom: 0px;
}

.dl-menuwrapper {
    width: 100%;
    float: left;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    z-index: 1050;
}

.dl-menuwrapper:first-child {
    margin-right: 100px;
}

.dl-menuwrapper button {
    background: #FFF;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
}

/* .dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active, */
.dl-menuwrapper ul {
    background: #27272C;
}

.dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #00923F;
    top: 10px;
    left: 16%;
    box-shadow: 0 10px 0 #00923F,
    0 20px 0 #00923F;
}

.dl-menu a {
    text-decoration: none;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0, 0, 0, 0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    font-family: 'FontAwesome';
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f0da";
    color: #FFF;
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212, 204, 198, 0.3);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 45px;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
    display: none;
}

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    0% {
    }
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut2 {
    0% {
    }
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut3 {
    0% {
    }
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut4 {
    0% {
    }
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut5 {
    0% {
    }
    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut1 {
    0% {
    }
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    0% {
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    0% {
    }
    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    0% {
    }
    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    0% {
    }
    100% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
    background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
    background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
    background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
    background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
    background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
    background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
    background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
    background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
    background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
    background: #643771;
}

@media (min-width: 1700px) {
    .catalogues {
        margin-top: 120px;
    }
}


/*video popup*/

/*@media (min-width: 1100px){
.modal-dialog {
    width: 1050px !important;
}
}


.modal {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


@media (min-width:992px) {
	#modal-popup .modal-dialog {
		width: 600px!important
	}
}*/

#modal-popup .modal-dialog {
    -webkit-transform: translateY(-50%);
    transform: translate(0, -50%) !important;
    top: 50% !important;
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin: 0 auto
}

#modal-popup .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0
}

#modal-popup .close {
    position: absolute;
    top: -5px;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 8040;
    background: #727271 !important;
    color: #fff;
    text-align: center;
    opacity: 1;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.modal-dialog {
    max-width: 100%;
}

#modal-popup {
    z-index: 9999;
    overflow: hidden;
}

/*new changes harsh*/
.inline-block{
    display: inline-block !important;
}
.paddi{
    padding: 35px 10px;
}
.w-20{
    width: 20px;
}
.col-sm-4.col-md-3.cust-css-gallery {
    padding: 10px;
}
.bliss-logo-set{
    position: relative;
    left: 50% !important;
}
.extreme-logo-set{
    position: relative;
    left: 41% !important;
}
@media (max-width:767px){
    .bliss-logo-set{
        left: 63% !important;
    }
    .extreme-logo-set{
        left: 58% !important;
    }
}

.Zebra_Pagination li {
    right: -15px !important;
}

/* Footer Subscription Form Fixes */
.newsletter form .wpcf7-form-control-wrap {
    float: left;
    width: 100%;
    max-width: 205px;
    margin-right: 15px;
}
.newsletter form input[type="text"],
.newsletter form input[type="email"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 50px !important;
    background: none !important;
    border: 2px solid #fff !important;
    padding-left: 10px !important;
    color: #fff !important;
    float: left !important;
}
.newsletter form input[type="text"]::-webkit-input-placeholder,
.newsletter form input[type="email"]::-webkit-input-placeholder {
    color: #fff !important;
}
.newsletter form button[type="submit"] {
    height: 50px !important;
    float: left !important;
    background: #fff !important;
    color: #f3c217 !important;
    border: none !important;
    padding: 0 20px !important;
}

/* Download Request Modal Custom Styling */
#downloadForm .modal-dialog {
    max-width: 420px;
    margin: 30px auto;
}
#downloadForm .modal-header {
    background-color: #f3c217 !important;
    border-bottom: none;
    padding: 15px 20px;
}
#downloadForm .modal-title {
    color: #fff !important;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
#downloadForm .modal-body {
    padding: 30px 20px;
    text-align: center;
    background-color: #fff;
}
#downloadForm .cf7-form-wrapper {
    max-width: 300px;
    margin: 0 auto;
    text-align: left;
}
#downloadForm ul.nav-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
#downloadForm ul.nav-list li.nav-header {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-top: 12px;
    margin-bottom: 6px;
    text-transform: none;
}
#downloadForm ul.nav-list li {
    list-style: none;
}
#downloadForm ul.nav-list input.input-xlarge {
    width: 100% !important;
    height: 38px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    color: #555 !important;
    background-color: #fff !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}
#downloadForm ul.nav-list input.input-xlarge:focus {
    border-color: #66afe9 !important;
    outline: 0 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}
#downloadForm form button[type="submit"],
#downloadForm form .btn-danger {
    height: auto !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    border-radius: 4px !important;
    display: inline-block !important;
    margin-top: 15px !important;
    margin-right: 5px !important;
}
#downloadForm form button[type="submit"] {
    background-color: #008a4b !important;
    border-color: #008a4b !important;
    color: #fff !important;
}
#downloadForm form .btn-danger {
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
    color: #fff !important;
}

/* Single Project Galleries Equal Heights */
#Plans .thumb a img,
#Gallery .thumb a img,
#SiteGallery .thumb a img,
#plans .thumb a img,
#gallery .thumb a img,
#sitegallery .thumb a img {
    height: 180px !important;
    width: 100% !important;
    object-fit: cover !important;
}

/* Gallery Page Layout Fixes */
.gallery-grid ul.row {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -15px;
    list-style: none;
}
.gallery-grid ul.row li.col-sm-4 {
    display: flex;
    float: none !important;
}
.gallery-grid ul.row li.col-sm-4 .box {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #e5e5e5;
    background: #fff;
    min-height: auto !important;
}
.gallery-grid ul.row li.col-sm-4 .box img {
    width: 100%;
    height: 224px !important;
    object-fit: cover !important;
}
.gallery-grid ul.row li.col-sm-4 .cbp-l-grid-projects-title {
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    color: #333;
}
.gallery-grid ul.row li.col-sm-4 .subtitle {
    margin-top: auto;
    padding: 10px 0;
    text-align: center;
}

.gallery-flex-grid {
    display: flex;
    flex-wrap: wrap;
}
.gallery-flex-grid .cust-css-gallery {
    display: flex;
    float: none !important;
    margin-bottom: 30px;
}
.gallery-flex-grid .cust-css-gallery a {
    width: 100%;
}
.gallery-flex-grid .cust-css-gallery .blog-image {
    width: 100%;
    height: 100%;
}
.gallery-flex-grid .cust-css-gallery .blog-image img {
    width: 100%;
    height: 250px !important;
    object-fit: cover !important;
}
/* Repeater list for project fields */
.repeater-list { padding-left: 20px; margin: 0; }
.repeater-list li { padding: 4px 0; line-height: 1.6; }