/************** Open Sans **************/



@font-face {

    font-family: 'Open Sans Semibold';

    src: url('/assets/fonts/OpenSans/OpenSans-Semibold.eot');

    src: url('/assets/fonts/OpenSans/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/OpenSans/OpenSans-Semibold.woff2') format('woff2'), url('/assets/fonts/OpenSans/OpenSans-Semibold.woff') format('woff'), url('/assets/fonts/OpenSans/OpenSans-Semibold.ttf') format('truetype'), url('/assets/fonts/OpenSans/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');

    font-weight: 600;

    font-style: normal;

}



@font-face {

    font-family: 'Open Sans Bold';

    src: url('/assets/fonts/OpenSans/OpenSans-Bold.eot');

    src: url('/assets/fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/OpenSans/OpenSans-Bold.woff2') format('woff2'), url('/assets/fonts/OpenSans/OpenSans-Bold.woff') format('woff'), url('/assets/fonts/OpenSans/OpenSans-Bold.ttf') format('truetype'), url('/assets/fonts/OpenSans/OpenSans-Bold.svg#OpenSans-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Open Sans';

    src: url('/assets/fonts/OpenSans/OpenSans.eot');

    src: url('/assets/fonts/OpenSans/OpenSans.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/OpenSans/OpenSans.woff2') format('woff2'), url('/assets/fonts/OpenSans/OpenSans.woff') format('woff'), url('/assets/fonts/OpenSans/OpenSans.ttf') format('truetype'), url('/assets/fonts/OpenSans/OpenSans.svg#OpenSans') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Open Sans Light';

    src: url('/assets/fonts/OpenSans/OpenSans-Light.eot');

    src: url('/assets/fonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/OpenSans/OpenSans-Light.woff2') format('woff2'), url('/assets/fonts/OpenSans/OpenSans-Light.woff') format('woff'), url('/assets/fonts/OpenSans/OpenSans-Light.ttf') format('truetype'), url('/assets/fonts/OpenSans/OpenSans-Light.svg#OpenSans-Light') format('svg');

    font-weight: 300;

    font-style: normal;

}



/*************** General Styling  ***************/



body, html {

    height: 100%;

    font-size: 16px;

    background: #f7f7ee;

}



body * {

    font-family: 'Open Sans', Arial, Helvetica, sans-serif;

    color: #000000;

    line-height: 2rem;

}



#wrapper {

    min-height: 100%;

    position: relative;

    overflow: hidden;

}



#footer {

    display: block;

    float: left;

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

}



main {

    padding-bottom: 90px;

    min-height: 100%;

}



.btn-block {

    width: 100% !important;

}



.padding-0 {

    padding: 0;

}



.btn.btn-default {

    border-radius: 0;

    border: none;

    font-size: 1.5625rem;

    width: 270px;

    background: #292929;

    color: #ffffff;

}



meta.foundation-version {

    font-family: "/5.4.5/";

}



meta.foundation-data-attribute-namespace {

    font-family: false;

}



.valign {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.modal-backdrop.in {

    opacity: 0.9;

    filter: alpha(opacity=90);

}



.mobile-navbar {

    min-height: 0;

    margin: 0;

    padding: 0;

}



.navbar-collapse {

    border: none;

}



#back-to-top {

    position: fixed;

    bottom: 0;

    right: 30px;

    z-index: 100;

    color: #151515;

    cursor: pointer;

    font-size: 0.56rem;

    width: 35px;

    height: 60px;

    transition: opacity 0.2s ease-out;

    opacity: 0;

}



#back-to-top .fa {

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

    background: #151515;

    color: #ffffff;

    font-size: 1.2rem;

    border: 0;

    text-decoration: none;

}


#back-to-top:hover .fa {

    background: #151515;

}



#back-to-top.show {

    opacity: 1;

}



.readmorejs {

    font-size: 1.25rem;

    color: #4394d5;

}



.readmorejs .fa {

    color: #4394d5;

}



/*.page-border-top {

    padding-top: 25px;

}*/



.gallery-images .gallery-item.gallery-text {

    padding: 25px;

    text-decoration: none;

}



.gallery-images .gallery-item.gallery-text .description p {

    font-size: 1rem;

    line-height: 1.5625rem;

}



.gallery-images .gallery-item * {

    color: inherit;

}



.gallery-images .gallery-item .gallery-description .title {

    margin-top: 0;

}



.side-bar.social {

    position: fixed;

    left: 0;

    top: 25%;

    z-index: 55;

}



.side-bar.social .link {

    height: 50px;

    width: 50px;

    line-height: 50px;

    text-align: center;

    background: #000000;

    display: block;

    margin-bottom: 1px;

}



.side-bar.social .link .fa {

    color: #ffffff;

    font-size: 1.0625rem;

}



/*************** Drop Down Styling  ***************/



.selectric {

    border: 1px solid #e6e6e6;

    background: #ffffff;

    position: relative;

    border-radius: 0;

}



.selectric-open .selectric {

    border-color: #e6e6e6;

    background: #ffffff;

}



.selectric-items li:hover {

    background: #DDD;

    color: #444;

}



.selectric-items {

    border: 1px solid #e6e6e6;

    background: #ffffff;

}



.selectric .label {

    text-align: left;

    height: 50px;

    line-height: 26px;

    font-size: 17px;

    font-weight: normal;

}



.selectric .button {

    height: 50px;

}



.selectric .button:after {

    content: " ";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    width: 0;

    height: 0;

    border: 7px solid transparent;

    border-top-color: #BBB;

    border-bottom: none;

}



.selectric-items li {

    padding: 12px;

    font-size: 16px;

    line-height: 26px;

}



/*************** Pagination Styling  ***************/



.pagination {

    margin-top: 0;

}



.pagination>li>a, .pagination>li>span {

    border: 0;

    color: #414141;

    font-size: 0.9375rem;

    width: auto;

    min-width: 20px;

    line-height: 20px;

    padding: 5px 10px;

    background-color: transparent;

    position: static;

    text-align: center;

}



.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {

    background-color: transparent;

}



.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {

    background-color: #920e08;

    color: #ffffff;

}



.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {

    background-color: #920e08;

    color: #ffffff;

}



.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span {

    border-radius: 0;

}



/*************** Modal Styling  ***************/



.modal {

    text-align: center;

    padding: 0 !important;

}



.modal:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}



.modal-dialog {

    display: inline-block;

    vertical-align: middle;

}



.modal-backdrop.in {

    height: 100%;

    z-index: 100;

    position: fixed;

}



#shareModal .modal-dialog, #fairtrade .modal-dialog, #enquiry .modal-dialog {

    width: 575px;

    max-width: 100%;

}



#shareModal .modal-content, #fairtrade .modal-content, #enquiry .modal-content {

    border-radius: 0;

}



#shareModal .modal-content .modal-header, #fairtrade .modal-content .modal-header, #enquiry .modal-content .modal-header {

    background: #000000;

    padding: 0 35px;

    height: 60px;

    line-height: 60px;

    text-align: center;

}



#shareModal .modal-content .modal-header .modal-title, #fairtrade .modal-content .modal-header .modal-title, #enquiry .modal-content .modal-header .modal-title {

    color: #ffffff;

    text-transform: uppercase;

    line-height: 60px;

    font-size: 1.1875rem;

}



#shareModal .modal-content .modal-header .close, #fairtrade .modal-content .modal-header .close, #enquiry .modal-content .modal-header .close {

    opacity: 1;

    margin-top: 10px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 25px;

    color: #ffffff;

    font-weight: normal;

    text-shadow: none;

    position: relative;

    right: -15px;

}



#shareModal .modal-content .modal-header .fa {

    color: #ffffff;

    font-size: 18px;

}



#shareModal .modal-content .modal-body, #fairtrade .modal-content .modal-body, #enquiry .modal-content .modal-body {

    padding: 30px 40px;

}



#shareModal .modal-content .modal-body p, #fairtrade .modal-content .modal-body p, #enquiry .modal-content .modal-body p {

    font-size: 1.1875rem;

}



#shareModal .modal-content .modal-body .social-block {

    margin: 0;

}



#shareModal .modal-content .modal-body .social-block .link {

    display: inline-block;

}



#shareModal .modal-content .modal-body .social-block .link+.link {

    margin-left: 25px;

}



#shareModal .modal-content .modal-body .social-block .link a {

    display: block;

    height: 60px;

    width: 60px;

    line-height: 60px;

    font-size: 1.5rem;

}



#shareModal .modal-content .modal-body .social-block .link .text {

    display: block;

    text-align: center;

    font-size: 1.5625rem;

    margin-top: 20px;

}



/*************** Links Styling  ***************/



.categories .border-center {

    height: 27px;

    border-bottom: 4px solid #222222;

    margin-bottom: 80px;

    margin-top: 35px;

}



.categories .card:first-child {

    padding-left: 0;

}



.categories .card:last-child {

    padding-right: 0;

}



.gallery-category {

    font-size: 15px;

    width: 100%;

    color: #ffffff;

    background-color: #222222;

    text-transform: uppercase;

    border: 1px solid #222222;

    display: inline-block;

    line-height: 50px;

}



.gallery-category:hover, .gallery-category.active {

    background-color: #c22126;

    border: 1px solid #c22126;

    color: #ffffff;

    text-decoration: none;

}



/*************** Form Styling  ***************/



.form-control {

    font-size: 0.8125rem;

    height: 35px;

    line-height: 35px;

    background-color: transparent;

    border-radius: 0;

    border: 1px solid #aaaaaa;

    margin-bottom: 20px;

    outline: none;

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    box-shadow: none !important;

}



.form-control:focus {

    border-color: #cfd3d4;

}



textarea.form-control {

    height: 100px;

}



.form-horizontal .control-label {

    text-align: left;

    height: 50px;

    padding-top: 0;

    line-height: 50px;

    font-size: 1rem;

}



.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {

    padding-top: 2px;

}



.selectric-items li {

    height: 50px;

}



/*************** Dropdown Styling  ***************/



.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {

    border: none;

}



.dropdown-menu {

    margin-top: 0;

    border: 0;

    border-radius: 0;

    background-color: #103948;

    padding: 0;

    right: 0;

    left: 0;

    margin: auto;

}



.dropdown-menu.investments {

    width: 280px;

}



.dropdown-menu.developments {

    width: 280px;

}



.dropdown-menu li {

    text-align: center;

    border-bottom: 1px solid #ffffff;

}



@media (min-width: 991px) {

    ul.nav li.dropdown:hover ul.dropdown-menu {

        display: block;

    }

}



.home_page_header .navbar-nav>li>.dropdown-menu {

    left: 90%;

    top: 5px;

}



.home_page_header .navbar-nav>li>.dropdown-menu li a {

    text-align: center;

}



.dropdown-menu li a {

    height: inherit;

    line-height: 50px;

    color: #ffffff;

    font-size: 1.375rem;

    text-transform: uppercase;

    text-decoration: none;

    text-align: left;

}



.home_page_header .dropdown-menu>.active>a, .home_page_header .dropdown-menu>.active>a:hover, .home_page_header .dropdown-menu>.active>a:focus {

    background: #ffffff;

    color: #ffffff;

    text-decoration: none;

}



.home_page_header .dropdown-menu>.active>a:before, .home_page_header .dropdown-menu>li>a:hover:before, .home_page_header .dropdown-menu>li>a:focus:before {

    content: '\2022';

    color: #ffffff;

    position: relative;

    left: -10px;

    display: inline-block;

}



.home_page_header .dropdown-menu>.active>a:after, .home_page_header .dropdown-menu>li>a:hover:after, .home_page_header .dropdown-menu>li>a:focus:after {

    content: '\2022';

    color: #ffffff;

    position: relative;

    right: -10px;

    display: inline-block;

}



.dropdown-menu li:last-of-type {

    border-bottom: none;

}



.dropdown-menu li:hover a {

    background-color: #103948;

    color: #ffffff;

}



.navbar-nav>li>.dropdown-menu {

    left: 0;

    right: auto;

}



/*************** Header Styling  ***************/



header .top_header {

    height: 35px;

    padding-top: 10px;

}



header .top_header .search_form {

    position: relative;

}



header .top_header .search_form .show_search_form {

    position: absolute;

    right: 0;

    top: 0px;

    z-index: 55;

    width: 40px;

    line-height: 35px;

    text-align: center;

    cursor: pointer;

}



header .top_header .search_form .show_search_form .fa {

    font-size: 1.125rem;

    color: #7a858e;

}



header .top_header .search_form #search {

    display: none;

}



header .top_header .search_form #search.active {

    display: block;

}



.normal_page_header .nav-container {

    padding: 30px 0 30px;

}



.normal_page_header .nav-container .nav {

    position: absolute;

    bottom: 15px;

    right: 15px;

}



.normal_page_header .header-logo .logo {

    display: block;

    float: left;

}



header .header_social .address_details span {

    display: block;

    float: left;

    font-size: 0.8125rem;

    padding-right: 10px;

    color: #7a858e;

    position: relative;

}



header .header_social .address_details span:last-of-type {

    padding-left: 10px;

    padding-right: 0;

}



header .header_social .contact_links {

    display: inline-block;

    float: right;

}



header .header_social .contact_links a {

    text-decoration: none;

    color: #7a858e;

    padding-right: 10px;

    font-size: 0.8125rem;

    line-height: 35px;

}



header .header_social .contact_links a:last-of-type {

    padding-left: 10px;

    padding-right: 0;

}



header .header_social .contact_links a .fa {

    height: 30px;

    width: 30px;

    line-height: 30px;

    text-align: center;

    color: #7a858e;

    margin-right: 5px;

    font-size: 1.25rem;

}



header .header_social .contact_details .share_icons a {

    position: relative;

    display: block;

    float: right;

    height: 35px;

    width: 50px;

    text-align: center;

    border-left: 1px solid #b0b0b0;

}



header .header_social .contact_details .share_icons a .fa {

    position: absolute;

    left: 0;

    top: 25%;

    right: 0;

    margin: auto;

    color: #171717;

    width: 100%;

    font-size: 1rem;

}



header .header_social .contact_details .share_icons a:hover {

    width: 52px;

    background: #ffffff;

    height: 35px;

    line-height: 50px;

    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);

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

}



header .header_social .contact_details .share_icons a:hover .fa {

    color: #1f1f1f;

}



header .header_social .contact_details a:first-of-type span {

    border-left: none;

    padding-left: 0;

    margin-left: 0;

}



header .header_social .contact_details a span {

    padding-left: 10px;

    margin-left: 10px;

}



.navbar-default {

    border-radius: 0;

    border: none;

    background: transparent;

    margin: 0;

}



.navbar-default .navbar-nav>li>a {

    color: #7b848e;

    font-size: 0.9375rem;

    line-height: 0.9375rem;

    padding: 0;

    font-family: 'Open Sans Semibold', Arial, Helvetica, sans-serif;

    margin: 0;

    margin-right: 30px;

}



.navbar-default .navbar-nav>li:last-of-type>a {

    margin-right: 0;

}



.navbar-default .navbar-nav>li:last-of-type>a {

    padding-right: 0;

}



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {

    background: transparent;

    color: #000000;

}



.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {

    background: transparent;

    color: #000000;

}



.navbar-toggle .icon-bar {

    background-color: #ffffff;

    height: 4px;

    border-radius: 2px;

}



.navbar-toggle {

    border: none;

    border-radius: 0;

    float: left;

    margin-right: 10px;

    margin-top: 0;

    margin-bottom: 0px;

}



/*************** Gallery Styling  ***************/



.gallery-images {

    margin-bottom: 15px;

}



/*************** About Styling  ***************/



.page-details {

    margin-bottom: 15px;

    background: #ffffff;

    padding: 35px 25px 10px;

}



.page-details .title {

    font-size: 0.9375rem;

    margin: 0;

    margin-bottom: 10px;

    text-transform: uppercase;

    font-family: 'Open Sans Bold', Arial, Helvetica, sans-serif;

}



.page-details .description h1, .heading, .title {

    margin-top: 0;

    font-family: 'Open Sans Bold', Arial, Helvetica, sans-serif;

    position: relative;

    font-size: 1.5625rem;

    margin-bottom: 10px;

}



.heading {

    font-family: 'Open Sans', Arial, Helvetica, sans-serif;

    font-size: 1.125rem;

    font-weight: bold;

}



.page-details ul {

    float: left;

    display: block;

    width: 100%;

    list-style: none;

    padding: 0;

}



.page-details ul li {

    position: relative;

    padding-left: 35px;

    font-size: 1rem;

    line-height: 2rem;

}



.page-details ul li:before {

    content: '';

    display: block;

    background: #bdbdbd;

    border-radius: 50%;

    height: 10px;

    width: 10px;

    margin-right: 30px;

    position: absolute;

    top: 10px;

    left: 0;

}



.page-details ul li strong {

    line-height: 2rem;

}



.page-details .description h3, .sub-heading {

    margin-top: 0;

    font-family: 'Open Sans', Arial, Helvetica, sans-serif;

    font-size: 1.125rem;

    line-height: 1.5rem;

}



.page-details .description p {

    display: block;

    float: left;

    width: 100%;

    font-size: 1rem;

    line-height: 1.6875rem;

    font-family: 'Open Sans', Arial, Helvetica, sans-serif;

}



.page-details .description.font-weight-light p {

    line-height: 24px;

    font-family: 'Open Sans Light', Arial, Helvetica, sans-serif;

    margin-bottom: 14px;

}



#search .input-group {

    width: 100%;

}



#search .form-control {

    border-color: #dcdcdc;

    height: 30px;

    padding-right: 30px;

    font-size: 1rem;

    padding-top: 0;

    padding-bottom: 0;

}


.sub_cat_slider .slick-prev, 
.recipe-slider .slick-prev {

    left: 25px;

    display: block;

    width: 40px;

    height: 40px;

    padding: 0;

}
.sub_cat_slider .slick-prev {
left: -25px;
}

.sub_cat_slider .slick-next, 
.recipe-slider .slick-next {

    right: 25px;

    display: block;

    width: 40px;

    height: 40px;

    padding: 0;

}
 .sub_cat_slider .slick-next {
 right: -25px;
}
.sub_cat_slider .slick-prev:before, .sub_cat_slider .slick-next:before, 
.recipe-slider .slick-prev:before, .recipe-slider .slick-next:before {

    display: block;

    width: 40px;

    height: 40px;

    padding: 0;

    opacity: 1;

}
.sub_cat_slider .slick-prev:before, 
.recipe-slider .slick-prev:before {

    content: url('/assets/images/template/left-arrow.jpg');

}
.sub_cat_slider .slick-next:before, 
.recipe-slider .slick-next:before {

    content: url('/assets/images/template/right-image.jpg');

}
 
.sub_cat_slider .slick-prev, .sub_cat_slider .slick-next, 
.recipe-slider .slick-prev, .recipe-slider .slick-next {

    z-index: 99;

}

.icon-info-block {

    margin-top: 30px;

    margin-bottom: 20px;

}

.icon-info-block > div + div {

    border-left: 1px solid #cccccc;

}

.icon-info-block > div .col-xs-9 {

    font-size: 14px;

    font-weight: 500;

    color: #5a5a5a;

    line-height: 14px;

}

.icon-info-block > div span {

    display: block;

    float: left;

    width: 100%;

    font-size: 13px;

    font-weight: 300;

    color: #7a858e;

    line-height: 13px;

}

.recipe-ingredients ul {

    display: block;

    float: left;

    width: 100%;

}

.recipe-ingredients ul li {

    display: block;

    float: left;

    width: 50%;

}

.border-bottom {

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #cccccc;

}

.border-bottom .selectric .label {

    text-align: left;

    height: 35px;

    line-height: 35px;

    font-size: 14px;

    padding: 0 10px;

    font-weight: normal;

}

.border-bottom .selectric .button:after {

    content: " ";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    width: 0;

    height: 0;

    border: 5px solid transparent;

    border-top-color: #BBB;

    border-bottom: none;

}

.border-bottom .selectric .button {

    height: 35px;

    width: 30px;

    line-height: 35px;

}

.border-bottom .selectric .button:before {

    font-size: 17px !important;

    content: "+";

}

.border-bottom .selectric-items li {

    height: auto;

    padding: 10px 10px;

    line-height: 21px;

    font-size: 12px;

}

.border-bottom .selectric .button:after {

    display: none;

}

.border-bottom .col-md-3 {

    width: 20%;

}

.border-bottom .form-control {

    border: 1px solid #e6e6e6;

    background: #ffffff;

    position: relative;

    border-radius: 0;

    color: #888;

    margin-bottom: 0;

    margin-top: 20px;

}

.border-bottom .fa-search {

    background: #000000;

    height: 35px;

    margin-top: 20px;

    width: 35px;

    color: #ffffff;

    text-align: center;

    line-height: 35px;

    position: absolute;

    top: 0;

    right: 0;

    cursor: pointer;

}

.border-bottom button {

    background: none;

    border: none;

    font-size: 15px;    

    line-height: 33px;

    background: #000000;

    color: #ffffff;

    width: 50%;

}

.border-bottom button img {

    float: left;

    margin-right: 0;

    margin-top: 8px;

    filter: brightness(0) invert(1);

    margin-left: 10px;

}

.search-header {

    display: block;

    width: 100%;

    float: left;

    margin-top: 5px;

    margin-bottom: 25px;

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 600;

}

.border-bottom .reset-filter, .border-bottom .reset-filter:hover, .border-bottom .reset-filter:focus {

    color: #6fa440;

    font-size: 15px;

    line-height: 16px;

    text-decoration: none;

    margin-left: 7px; 

    padding-left: 13px;

    /* border-left: 1px solid #000; */

}

.filter-form span {

    font-size: 14px;

    margin-left: 10px;

}

.filter-form span i {

    font-size: 12px;

    cursor: pointer;

    font-style: normal;

    position: relative;

    margin-left: 5px;

    top: -2px;

}

@media(max-width: 767px) {

    .home-links .link-wrapper .link {

    height: auto !important;

}

.border-bottom .col-md-3 {

    width: 100%;

}

.recipe-ingredients ul li {

    display: block;

    float: left;

    width: 100%;

}

}

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

    /* Chrome/Opera/Safari */

    color: #dcdcdc;

}



#search .form-control::-moz-placeholder {

    /* Firefox 19+ */

    color: #dcdcdc;

}



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

    /* IE 10+ */

    color: #dcdcdc;

}



#search .form-control:-moz-placeholder {

    /* Firefox 18- */

    color: #dcdcdc;

}



.btn.btn-default.search {

    width: 30px;

    height: 28px;

    padding: 0;

    background: #ffffff;

    line-height: 0;

    position: absolute;

    top: 1px;

    right: 5px;

    z-index: 20;

}



.btn.btn-default.search:hover {

    margin-left: 0px;

}



.btn.btn-default.search .fa {

    font-size: 0.9375rem;

    color: #7a858e;

}



/*************** Home Styling  ***************/



.home-links .link-wrapper .link {

    background: #ffffff;

    padding-top: 20px;

    padding-bottom: 20px;

    margin-bottom: 15px;

}



.home-links .link-wrapper .link .title {

    font-size: 1.125rem;

    margin-bottom: 20px;

}



.home-links .link-wrapper .link .description p {

    font-size: 0.875rem;

    line-height: 1.25rem;

    font-family: 'Open Sans Light', Arial, Helvetica, sans-serif;

    margin-bottom: 0;

}



.home-links .link-wrapper .link .description li {

    line-height: 1.25rem;

}



.home-links .link-wrapper .link .description {

    margin-bottom: 20px;

}



.home-links .link-wrapper .link .readmore {

    color: #e80101;

    font-size: 0.9375rem;

}



.home-links .link-wrapper:nth-of-type(3n+3) .link .title {

    font-size: 1.25rem;

    color: #4a4b4c;

}



.home-links .link-wrapper:nth-of-type(3n+3) .link h3 {

    font-size: 1.75rem;

    line-height: 1.875rem;

    color: #86888a;

    margin: 0;

    margin-bottom: 25px;

    font-family: 'Open Sans Light', Arial, Helvetica, sans-serif;

}



.home-links .link-wrapper:nth-of-type(3n+3) .link .description p {

    font-size: 1.125rem;

    line-height: 1.5rem;

}



.home-links .link-wrapper:nth-of-type(3n+3) .link .readmore {

    font-size: 1.125rem;

}



.home-page .readmore {

    background: #197221;

    color: #ffffff;

    font-size: 0.9375rem;

    font-family: 'Muli Bold', Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    height: 30px;

    line-height: 30px;

    width: 150px;

    padding: 0;

    margin-bottom: 20px;

}



.home-page .page-details .sub-heading {

    font-size: 0.9375rem;

}



.slick-slider {

    margin-bottom: 0;

}



.slick-dots {

    bottom: 0;

    width: auto;

    right: 15px;

}



.slick-dots li button:before {

    opacity: 1;

    color: #ffffff;

    font-size: 12px;

}



.slick-dots li.slick-active button:before {

    opacity: 1;

    color: #10b11f;

}



/*************** About Styling  ***************/



.about-page .page-details .title {

    padding-bottom: 0;

    margin-bottom: 10px;

}



.about-page .page-details .title:after {

    border-bottom: none;

}



.articles .article {

    padding: 5px 0;

}



.articles .article .sub-heading {

    margin-bottom: 20px;

    line-height: 1.5625rem;

}



.articles .article .sub-heading br {

    line-height: 1.5625rem;

}



.articles .article .description p {

    display: block;

    float: left;

    width: 100%;

    padding: 0;

    font-size: 1rem;

    line-height: 1.5625rem;

    margin-bottom: 20px;

}



.articles .article .description ul {

    padding-left: 20px;

}



.articles .article .description ul li {

    font-size: 1rem;

    line-height: 1.5625rem;

    margin-bottom: 5px;

}



.articles .article .sub-articles .sub-article {

    margin-bottom: 50px;

}



.articles .article .sub-articles .sub-article .image {

    margin-bottom: 10px;

}



.articles .article .sub-articles .sub-article .heading {

    font-size: 1.25rem;

}



.articles .article .sub-articles .sub-article .text-block .description p {

    margin-bottom: 0;

    line-height: 1.4375rem;

}



/*************** Blog Styling  ***************/



#view-blog .post {

    background: #ffffff;

    margin-bottom: 65px;

}



#view-blog .post .details {

    padding: 15px;

}



#view-blog .post .date {

    margin: 0;

    font-size: 0.75rem;

    line-height: 1rem;

    margin-top: 5px;

}



#view-blog .post .date.bold {

    font-weight: bold;

}



#view-blog .post .title-and-date {

    float: left;

    min-height: 65px;

    margin-bottom: 10px;

}



#view-blog .post .blog-title {

    font-family: 'Open Sans SemiBold', Arial, Helvetica, sans-serif;

    font-size: 1rem;

    line-height: 1.25rem;

    margin: 0;

}



#view-blog .post .description p {

    font-size: 0.8125rem;

    line-height: 1.25rem;

}



#view-blog .post .readmore {

    font-size: 0.75rem;

}



#view-blog .recent-posts {

    padding-right: 0;

}



#view-blog .recent-posts .listing {

    background: #252525;

    padding: 25px;

}



#view-blog .recent-posts .listing .sub-heading {

    color: #ffffff;

    margin-bottom: 20px;

}



#view-blog .recent-posts .listing ul {

    list-style: none;

    padding: 0;

}



#view-blog .recent-posts .listing ul li {

    color: #ffffff;

    padding-left: 15px;

}



#view-blog .recent-posts .listing ul li:before {

    content: '';

    display: inline-block;

    background: #bdbdbd;

    border-radius: 50%;

    height: 5px;

    width: 5px;

    margin-right: 10px;

    float: left;

}



#view-blog .recent-posts .listing ul li a {

    float: left;

    text-decoration: none;

    width: 85%;

    position: relative;

    top: -5px;

}



#view-blog .recent-posts .listing ul li .blog-title {

    font-family: 'Open Sans SemiBold', Arial, Helvetica, sans-serif;

    color: #ffffff;

    margin: 0;

    font-size: 0.8125rem;

    line-height: 1.125rem;

}



#view-blog .recent-posts .listing ul li .date {

    color: #b1b1b1;

    font-size: 0.75rem;

    line-height: 1.125rem;

}



#view-blog .recent-posts .listing ul li .date+.date {

    margin-top: -8px;

}



.back-btn {

    font-size: 1rem;

}



.back-btn .arrow-left {

    margin-right: 20px;

    padding-bottom: 3px;

}



.blog-page .title {

    font-size: 1rem;

    font-family: 'Open Sans Light', Arial, Helvetica, sans-serif;

    margin-bottom: 15px;

}



.blog-page .title a {

    font-family: 'Open Sans Light', Arial, Helvetica, sans-serif;

    text-decoration: none;

}



.blog-page .page-details {

    padding-top: 15px;

    padding-bottom: 0;

}



.blog-page .page-details .title {

    font-family: 'Open Sans SemiBold', Arial, Helvetica, sans-serif;

    font-size: 1.75rem;

    line-height: 1.75rem;

    padding-bottom: 0;

    margin-bottom: 20px;

}



.blog-page .blog_post {

    margin-bottom: 15px;

}



.blog-page .blog_post .title {

    font-family: 'Open Sans Bold', Arial, Helvetica, sans-serif;

    margin-bottom: 5px;

}



.blog-page .blog_post .date p {

    font-size: 0.9375rem;

    text-transform: uppercase;

    margin: 0;

}



.blog-page .blog_post .date p.location {

    text-transform: none;

}



.blog-page .blog_post .social-block .share_icons .fa {

    height: 30px;

    width: 30px;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

    font-size: 0.8125rem;

    text-decoration: none;

}



.blog-page .blog_post .social-block .share_icons .fa.fa-facebook-f {

    background: #3b5998;

}



.blog-page .blog_post .social-block .share_icons .fa.fa-twitter {

    background: #55acee;

}



.blog-page .blog_post .social-block .share_icons .fa.fa-google-plus {

    background: #dd4b39;

}



.blog-page .blog_post .social-block .share_icons .fa.fa-pinterest-p {

    background: #cb2027;

}



.blog-page .blog_post .social-block .share_icons .fa.fa-linkedin {

    background: #007bb5;

}



.blog-page .blog_post .social-block .share_icons .fa+.fa {

    margin-left: 5px;

}



.blog-page .blog_post .text-block, .blog-page .blog_post .image-block {

    padding-top: 10px;

}



.blog-page .blog_post .text-block .main-image {

    width: 65%;

    margin-right: 25px;

    margin-bottom: 15px;

}



.blog-page .back-btn {

    display: inline-block;

    text-decoration: none;

    font-size: 20px;

    height: 30px;

    width: 30px;

    line-height: 30px;

    border-radius: 50%;

    text-align: center;

    background: #5a5a5a;

}



.blog-page .back-btn .fa {

    color: #ffffff;

}



.blog-page .blog_post .sub-heading {

    line-height: 1.375rem;

    margin-bottom: 25px;

}



.blog-page .blog_post p {

    font-size: 1rem;

    line-height: 1.5625rem;

    margin-bottom: 1.5625rem;

}



.blog-page .blog_post p.positon-info {

    margin-bottom: 0;

}



.blog-page .blog_post p.positon-info span {

    display: inline-block;

    width: 115px;

}



.pagination>li:last-child, .pagination>li:first-child {

    display: none;

}



.pagination {

    float: right;

    margin-right: 5px;

}



.pagination>li {

    margin-left: 5px;

    display: inline-block;

}



.pagination>li>a, .pagination>li>span {

    border: 0;

    color: #f7f7ee;

    font-size: 12px;

    width: 23px;

    min-width: 20px;

    line-height: 23px;

    padding: 0;

    background-color: transparent;

    position: static;

    text-align: center;

    background: #8e8e89;

}



.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {

    background-color: #252525;

    color: #f7f7ee;

}



.blog-page .blog_post .image-block .gal-image {

    margin-bottom: 15px;

}



/*************** Terms and Conditions / Links Styling  ***************/



.terms .term {

    padding: 0 0 55px 0;

}



.terms .term.first {

    background: #f1f1f1;

    padding: 25px;

}



.terms .term .sub-heading {

    margin-bottom: 20px;

}



.terms .term .description p {

    display: block;

    float: left;

    width: 100%;

    padding: 0;

    font-size: 1rem;

    line-height: 1.875rem;

    font-family: 'Source Sans Pro Light', Arial, Helvetica, sans-serif;

}



.terms .term .description ul {

    padding-left: 20px;

}



.terms .term .description ul li {

    font-size: 1rem;

    line-height: 1.5625rem;

    font-family: 'Source Sans Pro Light', Arial, Helvetica, sans-serif;

    margin-bottom: 5px;

}



.terms .term .sub-terms .sub-term {

    margin-bottom: 50px;

}



.terms .term .sub-terms .sub-term .image {

    margin-bottom: 10px;

}



.terms .term .sub-terms .sub-term .heading {

    font-size: 1.25rem;

    font-family: 'Muli Bold', Arial, Helvetica, sans-serif;

}



.terms .term .sub-terms .sub-term .text-block .description p {

    margin-bottom: 0;

    line-height: 1.4375rem;

}



/*************** Services  Styling   ***************/



#services-page {

    padding-top: 25px;

    margin-bottom: 10px;

}



#services-page .services .service {

    margin-bottom: 50px;

}



#services-page .services .service .text-block .title {

    margin-top: 10px;

    font-size: 1.25rem;

    padding-bottom: 10px;

}



#services-page .services .service .text-block .description {

    margin-bottom: 30px;

}



#services-page .services .service .text-block .description p {

    font-size: 1rem;

    font-family: 'Source Sans Pro Light', Arial, Helvetica, sans-serif;

    line-height: 1.6875rem;

    margin-bottom: 0;

}



#services-page .services .service .readmore {

    text-transform: uppercase;

    font-size: 0.875rem;

}



.services-header {

    margin: 0;

    margin-bottom: 20px;

    font-family: 'Muli', Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    font-size: 1.5625rem;

}



.services-header .top, .services-header .bottom {

    display: block;

    width: 100%;

    line-height: 1.375rem;

}



.services-header .top {

    font-family: 'Muli Black', Arial, Helvetica, sans-serif;

}



.services-page .page-details .header-title {

    padding-bottom: 0;

    margin-bottom: 10px;

}



.services-page .page-details .header-title:after {

    border-bottom: none;

}



.services-page .service-details {

    margin-bottom: 30px;

}



.services-page .gallery .title {

    font-size: 1.25rem;

}



.services-page .gallery .title:after {

    border: none;

}



/*************** Contact / Origin Online Styling  ***************/



.contact {

    float: left;

    display: block;

    width: 100%;

}



.contact-page .page-details {

    padding: 0;

}



.contact-page .page-details .title {

    padding-bottom: 0;

    font-size: 1.375rem;

    text-transform: uppercase;

    margin-bottom: 30px;

}



.contact-page .page-details .title .fa {

    color: #484848;

    font-size: 1.375rem;

    margin-right: 10px;

}



.contact-page .page-details .email_details {

    background: #000000;

    padding: 20px 25px;

}



.contact-page .page-details .address_details {

    padding: 20px 25px;

}



.contact-page .page-details p, .contact-page .page-details p a {

    font-size: 0.9375rem;

}



.contact-page .page-details .address_details .contact_numbers p {

    margin-bottom: 0;

    line-height: 1.4375rem;

}



.contact-page .page-details .address_details .contact_numbers p a {

    line-height: 1.4375rem;

}



.contact-page .page-details .address_details .address {

    display: block;

    float: left;

}



.contact-page .page-details .address_details .address p {

    line-height: 1.4375rem;

}



.contact-page .page-details .address_details .address p br {

    line-height: 1.4375rem;

}



.contact-page .page-details .email_details .title {

    color: #ffffff;

}



.contact-page .page-details .email_details p, .contact-page .page-details .email_details p a {

    font-family: 'Open Sans Bold', Arial, Helvetica, sans-serif;

    color: #ffffff;

    display: block;

    line-height: 1.25rem;

}



.contact-page .page-details .email_details p {

    margin-bottom: 25px;

}



.contact-page .page-details .email_details p a {

    font-family: 'Open Sans', Arial, Helvetica, sans-serif;

    text-transform: lowercase;

}



.address-block .form-control {

    margin-bottom: 0;

}



.address-block textarea.form-control {

    height: 100px;

    resize: none;

    line-height: 1rem;

}



#map {

    height: 400px;

    margin-bottom: 15px;

}



.social-block p, .social-block span {

    color: #909090;

    font-size: 1rem;

    line-height: 1rem;

}



.social-block .contact_details {

    padding-top: 15px;

}



.social-block .contact_details p, .social-block .contact_details span, .social-block .contact_details p a {

    width: 100%;

    display: block;

    float: left;

    color: #909090;

}



.social-block .contact_details span {

    font-size: 1.0625rem;

    color: #000000;

}



.social-block .address_details p:first-of-type {

    color: #676767;

}



.social-block .block-grid-md-5>.block-grid-item {

    width: auto;

    margin-right: 25px;

    min-height: 380px;

}



.social-block span {

    display: block;

    float: left;

}



.address-block label {

    font-size: 1.25rem;

    line-height: 1.25rem;

}



.address-block p {

    font-size: 1rem;

}



.social-block .fa {

    color: #4b4f50;

    margin-right: 70px;

}



.social-block .share_icons .fa {

    font-size: 1.25rem;

    height: 50px;

    width: 50px;

    line-height: 50px;

    text-align: center;

    color: #ffffff;

    background: #898989;

    border-radius: 0;

    margin-right: 0

}



.social-block .share_icons .fa.fa-facebook-f {

    background: #3b5998;

}



.social-block .share_icons .fa.fa-twitter {

    background: #55acee;

}



.social-block .share_icons .fa.fa-google-plus {

    background: #dd4b39;

}



.social-block .share_icons .fa.fa-pinterest-p {

    background: #cb2027;

}



.social-block .share_icons .fa.fa-linkedin {

    background: #007bb5;

}



.social-block .share_icons .fa.fa-whatsapp {

    background: #4dc247;

}



.social-block .share_icons .fa+.fa {

    margin-left: 5px;

}



.social-block .share_icons .fa+.fa {

    margin-left: 27px;

}



.social-block .btn.btn-default.view-map {

    height: 40px;

    line-height: 40px;

    padding: 0;

    font-size: 0.75rem;

    text-transform: uppercase;

    background: #ededed;

    color: #000000;

    margin: 10px 0 5px;

}



.address-block .btn.btn-default.submit {

    height: 40px;

    line-height: 40px;

    padding: 0;

    font-size: 1.0625rem;

    text-transform: uppercase;

    margin-top: 10px;

    background: #197221;

}



/*************** Product Categories Styling  ***************/



/* .category-page .page-details {

    background: #ededdd;

} */



.category-page .page-details.product {

    padding: 15px 10px 25px;

}



.category-page .page-details .social-block .share_icons .fa {

    height: 30px;

    width: 30px;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

    font-size: 0.8125rem;

    text-decoration: none;

    float: left;

}



.category-page .page-details a {

    text-decoration: none;

}



.category-page .page-details.product .title, .category-page .page-details.product .title a {

    font-family: 'Open Sans Light', Arial, Helvetica, sans-serif;

    text-transform: capitalize;

    line-height: 1.5625rem;

}



.category-page .page-details.product .title a:hover {

    color: #000000;

}



.category-page .page-details.product .title a.back-btn {

    width: 25px;

    height: 25px;

    text-align: center;

    background: #000000;

    border-radius: 50%;

    margin-right: 10px;

    display: block;

}



.category-page .page-details.product .title a.back-btn span {

    color: #ffffff;

    line-height: 25px;

}



.category-page .page-details.product .text-block .description {

    padding: 0;

}



.category-page .page-details.product .text-block .heading {

    margin-bottom: 20px;

}



.category-page .page-details.product .text-block .description h1, .category-page .page-details.product .text-block .description h2, .category-page .page-details.product .text-block .description h3 {

    font-size: 1.125rem;

    margin: 0;

    margin-bottom: 15px;

    line-height: 1.5625rem;

}



.category-page .page-details.product .text-block .description p {

    font-size: 1rem;

    line-height: 1.5625rem;

    margin-bottom: 15px;

}



.category-page .page-details .social-block .share_icons .fa+.fa {

    margin-left: 5px;

}



.category-page .page-details .social-block .share_icons .back-btn {

    margin-left: 5px;

    float: left;

}



.category-page .page-details .social-block .share_icons .back-btn .fa {

    background: #000000;

}



.category-page .page-details .description {

    padding-top: 25px;

}



.category-page .page-details .description h1 {

    margin-bottom: 20px;

}



.category-page .page-details .description p {

    float: none;

}



.sub_category_listing {

    position: relative;

    float: left;

    width: 100%;

    margin-bottom: 15px;

    top: -15px;

}



.sub_category_listing .sub-category-page {

    position: relative;

    display: none;

}



.sub-category-page .page-details {

    background: #ffffff;

    margin-bottom: 0;

}



.sub-category-page .page-details .description {

    padding-top: 5px;

}



.sub-category-page .page-details .description h1 {

    margin-bottom: 20px;

}



.sub-category-page .page-details .block-grid-item {

    text-decoration: none;

}



.sub-category-page .page-details .description p {

    float: none;

    text-align: center;

}



.sub_category_listing .sub-category-page p {

    font-family: 'Open Sans', Arial, Helvetica, sans-serif;

    font-size: 1rem;

    line-height: 1.125rem;

    margin-top: 5px;

}



.sub-cat-link p {

    font-size: 0.75rem;

    line-height: 1rem;

    margin-top: 5px;

}



.sub_category_listing .sub-category-page.open:before {

    content: "";

    width: 0;

    height: 0;

    position: absolute;

    bottom: 100%;

    right: 50%;

    border-width: 0 15px 15px 15px;

    border-style: solid;

    border-color: rgba(0, 0, 0, 0.1) transparent;

}



.sub_category_listing .sub-category-page.open:after {

    content: "";

    width: 0;

    height: 0;

    position: absolute;

    bottom: 100%;

    right: 50%;

    border-width: 0 15px 15px 15px;

    border-style: solid;

    border-color: #ffffff transparent;

}



/*************** Footer Styling  ***************/



footer {

    background: #1f1f1f;

    padding-top: 15px;

    padding-bottom: 10px;

}



footer .footer-links {

    padding-top: 5px;

    padding-bottom: 15px;

}



footer .footer-links .row {

    padding-bottom: 10px;

}



footer .footer-links .title {

    font-family: 'Muli ExtraBold', Arial, Helvetica, sans-serif;

    color: #ffffff;

    margin-top: 0;

    margin-bottom: 10px;

    font-size: 0.9375rem;

    padding: 0;

}



footer .footer-links .title:after {

    border-bottom: none;

}



footer .footer-links .description {

    display: block;

    float: left;

    padding-right: 25%;

}



footer .footer-links p {

    font-size: 0.875rem;

    color: #ffffff;

    line-height: 1.25rem;

}



#footer span a {

    font-size: 0.775rem;

    line-height: 1.9rem;

    float: right;

    display: block;

}



footer .footer-links p br {

    line-height: 0.875rem;

}



footer .footer-links .link, footer .footer-links .link.social span {

    color: #ffffff;

    font-size: 0.875rem;

    line-height: 1.25rem;

    font-family: 'Source Sans Pro Light', Arial, Helvetica, sans-serif;

    text-decoration: none;

}



footer .footer-links .link.social span {

    margin-bottom: 0;

}



footer .footer-links .link .fa {

    font-size: 1rem;

    width: 20px;

    margin-left: 10px;

    color: #FFFFFF;

}



footer .footer-links .link:hover {

    color: #ffffff;

}



.copyright {

    background: #000000;

    color: #ffffff;

    padding: 15px;

    height: 60px;

}



.copyright p, .copyright a, .copyright p span, .copyright p span a {

    display: inline-block;

    margin: 0;

    color: #ffffff;

    font-size: 0.8125rem;

    text-decoration: none;

}



.copyright p .fa, .copyright a .fa {

    font-size: 1rem;

    color: #7c8690;

    background: #ffffff;

    height: 20px;

    width: 20px;

    line-height: 20px;

    margin-right: 7px;

    border-radius: 3px;

    position: relative;

    bottom: -2px;

}



.copyright a .fa.fa-facebook-f:before, .copyright a .fa.fa-facebook:before {

    content: "\f09a";

    position: absolute;

    right: 2px;

    bottom: -2px;

}



.copyright p img {

    width: 18%;

    margin-left: 30px;

}



.copyright p .fa {

    margin: 0;

    padding-top: 17px;

}



.copyright p .fa+.fa {

    margin-left: 50px;

}



.radio_block input[type=checkbox] {

    visibility: hidden;

    display: none;

}



.radio_block .check {

    display: block;

    position: absolute;

    border: 1px solid #dad9d9;

    border-radius: 3px;

    height: 15px;

    width: 15px;

    top: 5px;

    left: 0;

    z-index: 5;

    transition: border .25s linear;

    -webkit-transition: border .25s linear;

    background-color: #dad9d9;

}



.radio_block a, .radio_block a:hover {

    color: #000000;

    text-decoration: none;

}



.radio_block:hover .check {

    border: 1px solid #000000;

}



.radio_block .check::before {

    display: block;

    position: absolute;

    content: '';

    top: 2px;

    left: 2px;

    height: 7px;

    width: 7px;

    border-radius: 3px;

    margin: auto;

    transition: background 0.25s linear;

    -webkit-transition: background 0.25s linear;

}



.radio_block input[type=checkbox]:checked~.check {

    border: 2px solid #000000;

    background-color: #000000;

}



.radio_block input[type=checkbox]:checked~.check::before {

    background-color: #000000;

}



.radio_block input[type=checkbox]:checked~label {

    color: #000000;

}



img.img-responsive.bank-logo.pull-right {

    display: block;

    margin-left: 25px;

}



.navbar-collapse {

    box-shadow: none;

}



/*************** Responsive Styling  ***************/



@media (max-width: 1795px) {

    .home_page_header .header-logo {

        padding-top: 80px;

    }

    header .header_social .address_details span:last-of-type {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        width: 50%;

    }

}



@media (max-width: 1745px) {

    .home_page_header .header-logo {

        padding-top: 75px;

    }

}



@media (max-width: 1700px) {

    .home_page_header .header-logo {

        padding-top: 70px;

    }

}



@media (max-width: 1630px) {

    .home_page_header .header-logo {

        padding-top: 65px;

    }

}



@media (max-width: 1590px) {

    .home_page_header .header-logo {

        padding-top: 60px;

    }

}



@media (max-width: 1525px) {}



@media (max-width: 1440px) {

    body, html {

        font-size: 80%;

    }

    .home_page_header .header-logo {

        padding-top: 50px;

    }

    .home_page_header .header-logo .logo img {

        max-width: 70%;

    }

    .home_page_header .home_sub_logo {

        margin-top: 25px;

        margin-bottom: 25px;

    }

    .articles .article .description p {

        font-size: 1.25rem;

    }

    .terms .term .description p {

        font-size: 1.25rem;

    }

    .bottom_article .text-block {

        padding-top: 20px;

    }

    .bottom_article .bottom_article_desc .text-block p {

        color: #17333a;

        font-size: 1.4375rem;

        margin-bottom: 30px;

    }

    .bottom_article .bottom_article_desc .text-block .title {

        margin-bottom: 40px;

    }

    .blog_post .blog-desc .description {

        margin-bottom: 35px;

    }

    footer .footer-links {

        padding-bottom: 0;

    }

    footer .footer-links .row {

        padding-bottom: 0;

    }

    footer .footer-links .link .fa {

        font-size: 1.25rem;

    }

    footer .footer-links .link, footer .footer-links p {

        font-size: 1.125rem;

        line-height: 1.5625rem;

    }

    .copyright p, .copyright a, .copyright p span, .copyright p span a {

        font-size: 0.9rem;

    }

    .copyright p .fa, .copyright a .fa {

        height: 17px;

        width: 17px;

        line-height: 17px;

    }

    .contact-page .page-details .title {

        margin-bottom: 20px;

    }

    .contact-page .page-details .email_details p {

        margin-bottom: 20px;

    }

    .container {

        width: 1070px;

        max-width: 100%;

    }

    header .header_social .contact_details .share_icons a .fa {

        top: 35%;

    }

    .navbar-default .navbar-nav>li>a {

        font-size: 0.9375rem;

        line-height: 0.9375rem;

    }

    .social-block p, .social-block span {

        font-size: 1.25rem;

        line-height: 1.25rem;

    }

    .page-details .description h3, .sub-heading, .home-page .page-details .sub-heading {

        font-size: 1.25rem;

        line-height: 1.75rem;

    }

    .page-details .description p {

        font-size: 1.25rem;

        line-height: 1.875rem;

    }

    .articles .article .description ul li {

        font-size: 1.25rem;

        line-height: 1.75rem;

    }

    #services-page .services .service .text-block .description p {

        font-size: 1.25rem;

    }

    #services-page .services .service .readmore {

        font-size: 0.9375rem;

    }

    #view-blog .post .blog-title {

        font-size: 1.25rem;

        line-height: 1.5625rem;

    }

    #view-blog .recent-posts .listing ul li .blog-title {

        font-size: 1rem;

        line-height: 1.25rem;

    }

    #view-blog .recent-posts .listing ul li .date {

        font-size: 0.875rem;

        line-height: 1.25rem;

    }

    #view-blog .post .date {

        font-size: 0.875rem;

    }

    #view-blog .post .description {

        margin-bottom: 5px;

    }

    #view-blog .post .description p {

        font-size: 1rem;

        line-height: 1.5rem;

    }

    #view-blog .post .readmore {

        font-size: 1rem;

    }

    .blog-page .blog_post .description .sub-heading {

        font-size: 1.25rem;

        line-height: 1.75rem;

    }

    .blog-page .blog_post .description p {

        font-size: 1.25rem;

        line-height: 1.875rem;

    }

    .social-block .btn.btn-default.view-map {

        font-size: 1rem;

    }

}



@media (max-width: 1366px) {}



@media (max-width: 1315px) {}



@media (max-width: 1224px) {}



@media (max-width: 1210px) {}



@media (max-width: 1199px) {

    .navbar-default .navbar-nav>li>a {

        margin-right: 20px;

    }

    .navbar-default .navbar-nav>li:last-of-type>a {

        margin-right: 0;

    }

    .filter-custom-container {

        width: 990px;

        max-width: 100%;

    }

    .modal-lg {

        width: 80%;

    }

    .filter-custom-container .filter .btn.btn-default.submit {

        width: 80px;

    }

    .home_page_header .header-logo .logo {

        margin-bottom: 20px;

    }

    .home_page_header .navbar-collapse {

        margin-bottom: 30px;

    }

    #featured_properties .featured .image {

        height: auto;

        min-height: 100%;

        overflow: hidden;

    }

    #project_categories .project .separator {

        margin-bottom: 0px;

    }

    #project_categories .project #project_categories .project {

        position: relative;

        width: 100%;

        height: auto !important;

    }

    #project_categories .project .title {

        font-size: 1.6rem;

    }

    #project_categories .project .description .title {

        font-size: 1.5rem;

    }

    #project_categories .project .description p {

        font-size: 1.2rem;

    }

    #project_categories .project .description p:last-of-type {

        margin-bottom: 50px;

    }

    .top_articles .article:nth-of-type(2) {

        padding-left: 50px;

        padding-top: 25px;

    }

    .bottom_article .bottom_article_desc .text-block .title {

        margin-bottom: 25px;

    }

    .bottom_article .text-block {

        padding-top: 15px;

    }

    .top_articles .article:nth-of-type(1) {

        padding-top: 60px;

        padding-right: 35px;

        padding-bottom: 60px;

        padding-left: 35px;

    }

    .bottom_article .img-block {

        overflow: hidden;

    }

    .bottom_article .img-block img.img-responsive {

        height: 100%;

        max-width: none;

        position: relative;

        left: -25%;

    }

    .col-xs-12.col-md-9.tablet-100 {

        width: 90%;

        margin-left: 0;

    }

    .bottom_article .text-block {

        padding-left: 35px;

        padding-right: 35px;

    }

    .row.blog_post {

        margin-bottom: 25px;

    }

    .blog_post .blog-desc.pull-right {

        margin-left: 4%;

        margin-right: 4%;

    }

    .project_view .project_details .info {

        padding-left: 25px;

        padding-right: 25px;

        padding-top: 20px;

    }

    .project_view .project_details .info .description {

        margin-bottom: 25px;

    }

    .project_view .project_maps #overhead-map, .project_maps #streetview {

        height: 450px;

    }

}



@media (max-width: 1030px) {

    .modal-lg {

        width: 80%;

    }

}



@media (max-width: 991px) {

    

    .home-links .link-wrapper .link {

    height: auto !important;

}

    .container {

        width: 100%;

        max-width: 100%;

    }

    .modal-lg {

        width: 80%;

    }

    #footer {

        position: static;

    }

    main {

        padding-bottom: 0;

    }

    .valign {

        top: 0;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

    }

    footer .container {

        width: 100%;

    }

    footer .footer-links .link .fa {

        margin-left: 0;

        margin-right: 15px;

    }

    .navbar-header {

        float: none;

    }

    .navbar-toggle {

        display: block;

    }

    /*.navbar-collapse.collapse {

       display: none !important;

    }

    .navbar-collapse {

        position: absolute;

        width: 100%;

        top: 100%;

        background: #ffffff;

        z-index: 10;

    }

    .navbar-collapse.collapse.in {

        display: block !important;

        position: absolute;

        width: 100%;

        top: 100%;

        background: #ffffff;

        z-index: 10;

    }

    .navbar-header .collapse, .navbar-toggle {

        display:block !important;

    }*/

    .navbar-nav {

        float: none;

        margin: 0;

        margin-top: 7.5px;

    }

    .navbar-header {

        background: #000000;

    }

    .navbar-nav>li {

        float: none;

    }

    .navbar-nav>li>a {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .navbar.navbar-default {

        position: relative;

    }

    .navbar-default .navbar-nav .open .dropdown-menu {

        left: 0;

        right: 0;

        margin: auto;

    }

    .navbar.navbar-default .show-modal {

        margin-top: 4px;

        font-size: 1.8rem;

        padding-right: 7px;

    }

    .navbar.navbar-default .show-modal .fa.fa-share-alt {

        color: #ffffff;

        margin-left: 15px;

    }

    .navbar-default .navbar-toggle .icon-bar {

        background: #ffffff;

    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

        background-color: transparent;

    }

    .navbar-nav {

        float: left;

        width: 100%;

    }

    .navbar-collapse.in {

        right: 0;

    }

    .navbar-collapse {

        position: absolute;

        width: 100%;

        padding: 0;

        padding-top: 15px;

        background: #f7f7ee;

        overflow: hidden;

        top: 40px;

        z-index: 666;

        right: -101%;

        height: 100vh !important;

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

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

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

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

    }

    .navbar-collapse.collapse {

        height: 100vh !important;

    }

    .phone-contact {

        font-size: 1.125rem;

        line-height: 50px;

    }

    .navbar-default .navbar-nav>li>a {

        color: #7b848e;

        font-size: 1.5625rem;

        height: 35px;

        line-height: 35px;

        margin-right: 0;

    }

    .navbar-default .separator {

        border-top: 1px solid #cfd3d4;

        margin-bottom: 30px;

        margin-top: 50px;

    }

    .navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus {

        background: #000000;

        color: #ffffff;

    }

    .navbar-nav>li>a:hover, .navbar-nav>li>a:focus {

        color: #000000;

        background: #ffffff;

    }

    header .header_social .contact_details {

        margin-bottom: 30px;

        text-align: center;

    }

    header .header_social .contact_details .enquiry_icons {

        margin-left: 0;

    }

    .address-block #map {

        width: 100%;

        height: 200px;

    }

    .social-block .block-grid-md-5>.block-grid-item {

        min-height: auto;

    }

    .bottom_article .img-block img.img-responsive {

        height: auto;

        max-width: 100%;

        position: relative;

        left: 0;

    }

    #shareModal .modal-content, #fairtrade .modal-content, #enquiry .modal-content {

        background: transparent;

        box-shadow: none;

        border: none;

    }

    #shareModal .modal-content .modal-body {

        padding: 5px 10px;

    }

    #shareModal .modal-content .modal-header {

        padding-left: 25px;

        padding-right: 25px;

        height: auto;

        line-height: 50px;

        background: transparent;

        border: none;

    }

    #shareModal .modal-content .modal-body .social-block .link a {

        display: block;

        height: 50px;

        width: 50px;

        line-height: 50px;

        margin: 0 auto;

        margin-bottom: 10px;

    }

    #shareModal .modal-content .modal-body .social-block .link .text {

        display: block;

        text-align: center;

        font-size: 1.5625rem;

        margin-top: 5px;

    }

    #shareModal .modal-content .modal-body .social-block .link {

        padding: 0 10px;

        margin-bottom: 10px;

    }

    #shareModal .modal-content .modal-body .social-block .link+.link {

        margin-left: 0;

    }

    .copyright {

        padding-top: 6px;

        height: auto;

        text-align: center;

    }

    .copyright a {

        font-size: 1rem;

    }

    .copyright p {

        text-align: center;

        font-size: 1.2rem;

        line-height: 2rem;

    }

    .copyright p.hidden-sm {

        height: 23px;

    }

    #footer span a {

        font-size: 1rem;

        line-height: 1.5625rem;

        text-align: center;

        display: block;

    }

}



@media (max-width: 885px) {}



@media (max-width: 767px) {

    body * {

        line-height: 2.5rem;

    }

    .modal:before {

        height: auto;

    }

    .custom-container.panel.panel-default .page-details .title {

        text-align: center;

        margin-bottom: 20px;

        font-size: 1.625rem;

    }

    .custom-container.panel.panel-default .page-details .description {

        text-align: center;

        margin-bottom: 0;

    }

    .custom-container.panel.panel-default {

        margin-top: 31%;

        padding: 30px 15px 0 15px;

    }

    .home-page {

        padding-top: 10px;

    }

    .page-details .description h3, .sub-heading, .home-page .page-details .sub-heading {

        margin-bottom: 20px;

    }

    .page-details .description h1, .heading, .title {

        margin-bottom: 10px;

    }

    #services-page.home {

        padding-top: 5px;

    }

    #services-page {

        padding-top: 15px;

    }

    #services-page .services .service .text-block .description {

        margin-bottom: 10px;

    }

    #services-page .services .service {

        margin-bottom: 10px;

    }

    .services-page .service-details {

        margin-bottom: 0px;

    }

    .pagination>li>a, .pagination>li>span {

        font-size: 1.05rem;

    }

    .separator {

        margin-bottom: 35px;

    }

    .modal-lg {

        width: 80%;

    }

    .header-logo .logo {

        width: 80%;

        margin-bottom: 30px;

    }

    .header-logo {

        margin-bottom: 0;

    }

    .header-logo .home_sub_logo.center-block {

        width: 70%;

    }

    .menu-backdrop {

        position: fixed;

        top: 0;

        background: #000;

        z-index: -5;

        width: 100%;

        height: 100%;

        opacity: 0;

        filter: alpha(opacity=0);

        transition: opacity .25s ease-in-out;

        -moz-transition: opacity .25s ease-in-out;

        -webkit-transition: opacity .25s ease-in-out;

    }

    .menu-backdrop.in {

        z-index: 99;

        opacity: 0.7;

        filter: alpha(opacity=70);

    }

    #brands .page-details {

        margin-bottom: 0;

    }

    .brand_label .brand .image img {

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

    }

    #services-page .page-details {

        margin-bottom: 15px;

    }

    #services-page .services .service .img-block .image {

        width: 100%;

    }

    #services-page .services .service .text-block .col-xs-12.padding-0.tablet-100.text-right {

        text-align: left;

    }

    #services-page .services .service .text-block .title {

        margin-bottom: 15px;

    }

    .social-block .block-grid-md-5>.block-grid-item {

        min-height: auto;

        width: 100%;

    }

    .social-block .address_details .country {

        text-align: center;

    }

    .top_articles .article:nth-of-type(1), .top_articles .article:nth-of-type(2) {

        padding: 30px;

    }

    .top_articles .article:nth-of-type(1) p, .top_articles .article:nth-of-type(2) p {

        font-size: 16px;

    }

    .bottom_article .text-block {

        padding: 30px;

    }

    .bottom_article .bottom_article_desc:nth-of-type(even) .text-block {

        padding: 30px;

    }

    .bottom_article .bottom_article_desc:nth-of-type(even) .text-block .text-right {

        text-align: left;

    }

    .bottom_article .bottom_article_desc {

        margin-bottom: 0;

    }

    .bottom_article .bottom_article_desc .text-block .title {

        margin-bottom: 25px;

        font-size: 30px;

    }

    a.back-btn {

        margin-top: 0;

        margin-bottom: 10px;

    }

    #view-blog .post {

        margin-bottom: 20px;

    }

    .post .date {

        left: 15px;

        padding-top: 3px;

    }

    .post .date p {

        font-size: 1rem;

        color: #FFFFFF;

        font-family: 'Oswald', Arial, 'Helvetica Neue', Helvetica, sans-serif;

    }

    .post .title {

        line-height: 24px;

        padding: 0 15px;

    }

    .blog_post .blog-desc .title {

        margin-top: 0;

        margin-bottom: 25px;

    }

    .blog_post .blog-desc .description p {

        margin-bottom: 15px;

        line-height: 24px;

    }

    .articles .article.first {

        padding: 15px;

    }

    .articles .article {

        padding: 15px;

    }

    .articles .article .sub-articles .sub-article {

        margin-bottom: 30px;

    }

    .articles .article .sub-articles .sub-article .heading {

        line-height: 1.5625rem;

    }

    .contact {

        margin-top: 0;

        margin-bottom: 0;

    }

    .gallery-description {

        text-align: center;

    }

    .articles .article .description p {

        font-size: 1.25rem;

        line-height: 1.875rem;

    }

    .sub_category_listing .sub-category-page p, .search-item p {

        font-size: 1.125rem;

        line-height: 1.5625rem;

    }

    .social-block p {

        margin-bottom: 10px;

    }

    .address_details .address {

        width: 100%;

    }

    .address-block .btn.btn-default.submit {

        width: 100%;

    }

    .address-block {

        margin-bottom: 0;

    }

    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {

        background: #ffffff

    }

    .address-block label {

        padding-left: 0;

    }

    .address-block .radio_block {

        padding-left: 35px;

    }

    #view-blog .post .blog-title {

        min-height: auto;

    }

    #view-blog .recent-posts .listing ul li .blog-title {

        font-size: 1rem;

        line-height: 1.25rem;

    }

    #view-blog .recent-posts .listing ul li .date {

        font-size: 0.85rem;

    }

    .blog_post .title-and-date {

        margin-bottom: 15px;

    }

    .blog-page .page-details .title {

        margin-bottom: 0;

    }

    .blog-page .blog_post .text-block, .blog-page .blog_post .image-block {

        padding-top: 0;

    }

    .services-page .page-details .heading {

        margin-top: 10px;

    }

    .terms .term .description {

        padding: 0 15px;

    }

    #shareModal .modal-dialog, #fairtrade .modal-dialog, #enquiry .modal-dialog {

        width: 100%;

        max-width: 100%;

        margin: 0;

    }

    .modal-content {

        border-radius: 0;

    }

    .home-links .link-wrapper .link {

        text-align: center;

    }

    .home-links .link-wrapper .link .title {

        font-size: 1.25rem;

        line-height: 1.5rem;

        margin-bottom: 10px;

    }

    .gallery-item.home_gal:nth-of-type(odd) {

        display: none;

    }

    .home-links .link-wrapper:nth-of-type(3n+3) .link .img-block {

        display: none;

    }

    .home-links .link-wrapper .link .description p {

        font-size: 1.125rem;

        line-height: 1.5rem;

    }

    #filterModal .modal-content .modal-header .close {

        opacity: 1;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 25px;

        color: #ffffff;

        font-weight: normal;

        text-shadow: none;

        position: relative;

        right: -15px;

    }

    .modal-content .modal-header {

        background: #264147;

        padding-left: 25px;

        padding-right: 25px;

        height: auto;

        line-height: 50px;

    }

    #view-blog .post .title-and-date {

        min-height: 60px;

    }

    .sub_category_listing .sub-category-page.open:before, .sub_category_listing .sub-category-page.open:after {

        right: 45%;

    }

    .sub-cat-link p {

        font-size: 1.25rem;

        line-height: 1.5625rem;

    }

    .blog-page .blog_post .text-block .main-image {

        width: 100%;

        margin-bottom: 15px;

    }

    .modal-content .modal-header .modal-title {

        color: #ffffff;

        text-transform: uppercase;

        font-size: 2.1875rem;

    }

    footer .footer-links {

        margin-bottom: 20px;

    }

    footer .footer-links .title {

        text-align: center;

        font-size: 23px;

    }

    footer .footer-links p, footer .footer-links .link {

        text-align: center;

        font-size: 16px;

        line-height: 24px;

    }

    footer .footer-links .share_icons {

        text-align: center;

    }

    .page-details ul li {

        line-height: 1.5625rem;

    }

    .page-details ul li:before {

        top: 7px;

    }

    .page-details ul li strong {

        line-height: 1.5625rem;

    }

    .contact-page .page-details .address_details .address p, .contact-page .page-details .address_details .contact_numbers p, .contact-page .page-details .email_details p, .contact-page .page-details .email_details p a {

        font-size: 1.125rem;

        line-height: 1.75rem;

    }

    .category-page .page-details {

        padding-top: 25px;

    }

    .category-page .page-details .description {

        padding-top: 15px;

    }

    .category-page .page-details .description h1 {

        margin-bottom: 10px;

        line-height: 1.875rem;

    }

    .category-page .page-details .description p, .category-page .page-details .description p strong {

        float: none;

        line-height: 1.5625rem;

    }

    .category-page .page-details.product .image-block {

        margin-bottom: 20px;

    }

    .category-page .page-details.product .text-block {

        text-align: center;

    }

}



@media (max-width: 480px) {

    h1.title small {

        font-size: 59%;

    }

}



@media only screen and (max-width: 380px) {}



@media only screen and (max-width: 320px) {

    h1.title small {

        font-size: 52%;

    }

}