/*
Theme Name: Construx
Theme URI: http://wpthemedaddy.com/construx-free-wordpress-theme/
Author: wpthemedaddy
Author URI: http://wpthemedaddy.com
Description: Construx  is a powerful, attention grabbing and performance focused construction WordPress theme.It is clean, responsive and SEO friendly theme.It is very flexible and provided with convenient features and options for your business.it has multiple sections to customize front page including logo,widget,text colors,social menu etc. Callout of this theme is beautifully design. You can add a Hero section with a button. Services are also a feature of theme. Blog layout is works as a slider view. Theme code is optimised and SEO friendly. SO this is fast loading theme. Theme can be useful for medical, business, trust, organization, affiliate, hospital, startups and other sites. Theme is useful for builders, construcion agency, engineering, architecture, real state or building company, property listing, Property rental, property dealers, building material trader, infrastructure companies, plumbing and roofing services and all such businesses. Theme is fully responsive, fast loading, SEO optimized, Animation supported ans compatible with the latest version of WordPress. Theme has attractive Slider, Services, Call To Action, Blog section and much more features. You can add unlimited post and pages with the sidebar and footer customization. Theme is based on WordPress customizaer so website can be easily customizable and will take 10 minutes only in set up. For help you can fine theme documentation here- http://wpthemedaddy.com/documentation/construx-doc/documentation.htm  Also how your website willbe look like you can visit here for demo - http://wpthemedaddy.com/demo/construx-free You can write us for any kind of support on WordPress support forum.  
Version: 1.9
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: construx
Tags: right-sidebar, custom-logo, custom-menu, custom-header, footer-widgets,  full-width-template, theme-options, translation-ready, threaded-comments, blog, featured-images
Construx WordPress Theme, Copyright (C) 2019, wpthemedaddy
Construx is distributed under the terms of the GNU General Public License v3
*/

.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
img {
    max-width: 100%;
    height: auto;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0 0 15px;
    font-weight: 700;
}
body {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    overflow-x: hidden;
}
a:hover ,a:focus{ text-decoration: none; }
select:focus,
button:focus,
input:focus,
textarea
{
    outline: none;
}
.margin-top-150 {margin-top: 150px;}
.margin-bottom-150 {margin-bottom: 150px;}
.padding-bottom-0 {padding-bottom: 0;}
.padding-top-0 {padding-top: 0;}
.section-padding {padding: 150px 0;}
a.boxed-btn {
    color: #333;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 30px;
    margin-top: 10px;
    border-radius: 3px;
    transition: 0.3s;
}
.gray-bg {background-color: #F8F7FD;}
html,body {
    height: 100%;
}

/* ============================
Header Css
============================ */
.header-area {
    padding: 25px 0;
    transition: 0.3s;
    background-color: #fff;
    position: relative;
    z-index: 2;
}
.social-icons ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.social-icons ul li {
    display: inline-block;
}
.social-icons ul li a {
    color: #656565;
    display: block;
    padding: 10px;
    font-size: 20px;
    transition: 0.3s;
}
.search-section a,
.search-section span {
    color: #656565;
    font-size: 20px;
    padding: 10px;
    display: inline-block;
    margin-left: 10px;
    padding-right: 0;
    transition: 0.3s;
}
.search-section span {cursor: pointer;}
.header-top-area {
    border-bottom: 1px solid;
}
.logo a {
    display: inline-block;
    padding: 6px 0;
}
.logo a img {
    max-width: 200px;
    transition: 0.3s;
}
.social-icons ul li:first-child a {
    padding-left: 0;
}
.search-window-wrap.search-active {
    opacity: 1;
    visibility: visible;
    z-index: 999;
}
.search-window {
    display: table;
    width: 100%;
    height: 100%;
}
.search-window-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0; 
    visibility: hidden;
    transition: 0.3s;
    z-index: -1;
}
.search-window-tablecell {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.search-window-tablecell input[type=search] {
    border: 1px solid #ddd;
    padding: 15px;
    width: 400px;
    border-radius: 3px;
}
.search-window-tablecell h1 {
    font-size: 35px;
    margin: 0;
}
.search-window-tablecell p {
    line-height: 1.8;
    margin: 20px 0;
}
.search-window-wrap span {
    position: absolute;
    right: 3%;
    top: 5%;
    cursor: pointer;
    display: inline-block;
    padding: 5px;
}
.search-window-wrap:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffdd00;
    content: "";
    z-index: -1;
    opacity: 0.9;
}
.search-window-tablecell input[type=submit] {
    border: none;
    font-weight: 700;
    background-color: #333;
    color: #ffdd00;
    text-transform: uppercase;
    display: inline-block;
    padding: 15px;
    cursor: pointer;
    letter-spacing: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.sticky-wrapper.is-sticky .header-area#sticker {
    z-index: 99!important;
    background-color: #fff;
    box-shadow: 0 0 5px #999;
}



.single-widget .side-form button {
    background: #464646 none repeat scroll 0 0;
    border: 1px solid #464646;
    cursor: pointer;
    height: 40px;
    top: 0;
    position: absolute;
    width: 40px;
    transition: all .3s ease-in-out;
}


.single-widget .side-form button i {
    color: #fff;
    font-size: 18px;
}

.single-widget .side-form {
    margin-top: 10px;
        margin-bottom: 30px;
}
.single-widget .side-form input {
    border: 1px solid #ddd;
    height: 40px;
    padding: 7px;
    width:100%;
}


.single-widget {
    padding: 15px 0;
}
/* ============================
Hero Area Css
============================ */

.single-homepage-slide {
    background-size: cover !important;
    background-position: center !important;
    background-color: #F6BE51;
    position: relative;
    z-index: 1;
}
.single-homepage-slide:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    opacity: 0.8;
}
.homepage-text p.subtitle {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px;
    word-spacing: 5px;
    font-size: 14px;
    margin: 0;
}
.homepage-text h1 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 20px 0;
}
.homepage-text .home-content {
    font-size: 18px;
    line-height: 1.8;
    font-weight: 500;
}
.homepage-text a.boxed-btn {
    background-color: #333;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 3px;
    margin-top: 15px;
    transition: 0.3s;
}
.homepage-slides {
    position: relative;
}
.homepage-slides .owl-controls {
    height: auto;
}
.homepage-slides .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}
.homepage-slides .owl-nav div {transition: 0.3s;}
.homepage-slides .owl-nav div.owl-prev {
    position: absolute;
    left: 3%;
    top: 0;
    font-size: 45px;
    line-height: 45px;
    margin-top: -22.5px;
}
.homepage-slides, .homepage-slides div.owl-nav {
    height: auto;
}
.homepage-slides .owl-nav div.owl-next {
    position: absolute;
    right: 3%;
    top: 0;
    font-size: 45px;
    line-height: 45px;
    margin-top: -22.5px;
}
.homepage-area-wrap {
    height: 700px;
}

.homepage-slides, .homepage-slides div {
    height: 100%;
}

.homepage-area-wrap div.homepage-text-tablecell {
    height: 100%;
}

.homepage-area-wrap div.homepage-text-tabelcell {
    height: auto;
    display: table-cell;
    vertical-align: middle;
}

.homepage-text {
    display: table;
    height: 700px;
    max-height: 700px;
    width: 100%;
}

/* ============================
Breadcrumb css
============================ */
.breadcrumb-area {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
    padding: 130px 0;
}
.breadcrumb-area:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0.6;
}
.breadcrumb-text p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}
.breadcrumb-text p a {
    color: #333;
}
.breadcrumb-text i.fa.fa-angle-right {
    margin: 0 7px;
}
.breadcrumb-text h1 {
    line-height: 1.3;
}
.breadcrumb-text {
    max-width: 550px;
    margin: 0 auto;
}

/* ============================
Menu & Dropdown Menu Css
============================ */
.mainmenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mainmenu ul li {
    display: inline-block;
}
.mainmenu ul li a {
    display: block;
    color: #656565;
    font-weight: 700;
    font-size: 16px;
    padding: 16px;
    transition: 0.3s;
    text-transform: capitalize;
}
.mainmenu ul li a.bordered-btn {
    border: 2px solid #656565;
    border-radius: 50px;
    padding: 10px 30px;
    display: inline-block;
    margin-left: 15px;
}
.mainmenu > ul > li {
    position: relative;
}
.mainmenu ul > li ul.dropdown {
    position: absolute;
    z-index: 2;
    background-color: #232323;
    width: 250px;
    text-align: left;
    margin-top: 20px;
    padding: 20px 0px;
    border-radius: 2px;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}
.mainmenu ul > li ul.dropdown li a {
    font-size: 13px;
    padding: 0;
    color: #9d9d9d;
    font-weight: 600;
    padding: 0px 7px;
    position: relative;
}
.mainmenu ul > li ul.dropdown li {
    display: block;
    margin-bottom: 10px;
    position: relative;
    background-color: #232323;
}

.mainmenu ul > li ul.dropdown li:last-child {
    margin: 0;
}
.mainmenu ul > li:hover ul.dropdown ,.mainmenu ul > li a:focus + ul.dropdown,.mainmenu ul > li.force-show ul.dropdown{
    opacity: 1;
    visibility: visible;
}
ul.dropdown.multilevel li a {
    position: relative;
}
ul.dropdown.multilevel li a:after {
    position: absolute;
    right: 20px;
    font-family: fontAwesome;
    content: "\f105";
}
ul.dropdown > ul.dropdown {
    position: absolute;
    right: -200px;
    background-color: #232323;
    width: 200px;
    top: -5px;
    padding: 20px 0;
    border-radius: 2px;
}
.mainmenu ul > li ul.dropdown > li:hover ul.dropdown ,.mainmenu ul > li ul.dropdown > li a:focus + ul.dropdown,.mainmenu ul > li ul.dropdown > li.force-show ul.dropdown{
    opacity: 1;
    visibility: visible;
}
.mainmenu ul > li ul.dropdown > li ul.dropdown {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    position: absolute;
    left: 100%;
    top: 0;
}
.mainmenu ul > li ul.dropdown > li ul.dropdown li a:after {
    display: none;
}
ul.dropdown li a i {
    margin-right: 10px;
}
.slicknav_menu {
    display: none;
    opacity: 0;
    visibility: hidden;
}
.slicknav_nav .slicknav_row:hover,.slicknav_nav .slicknav_row:focus,
.slicknav_nav a:hover,.slicknav_nav a:focus {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 0;
    background: #ffdd00;
    color: #333;
    border-radius: 1px;
}
.slicknav_nav .slicknav_row:hover > a,.slicknav_nav .slicknav_row a:focus {
    color: #333;
}

/* ============================
Section title css
============================ */
.section-title p:first-child {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 3px;
    color: #656565;
    font-weight: 700;
}
.section-title h3 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    z-index: 1;
    padding-bottom: 15px;
}
.section-title h3:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 60px;
    height: 3px;
    content: "";
    margin-left: -30px;
    border-radius: 5px;
}
.section-title p:nth-child(3) {
    font-size: 17px;
    line-height: 1.8;
    color: #656565;
    font-weight: 500;
}
.section-title {
    margin-bottom: 100px;
}

/* ============================
Service Css
============================ */
.service-wrap {
    display: table;
    width: 100%;
    height: 100px;
}
.service-wrap .service-icon-tablecell {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}
.service-icon-tablecell img {
    max-width: 50px;
}
.service-text h3 {
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px;
}
.service-text h3:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 20px;
    height: 2px;
    background-color: #333;
    content: "";
    margin-left: -10px;
    border-radius: 5px;
    transition: 0.3s;
}
.service-text p {
    font-size: 16px;
    line-height: 1.8;
    color: #656565;
    font-weight: 500;
}
.single-service-item {
    padding: 20px;
    margin-bottom: 30px;
}
.single-service-item a.read-more {
    color: #333;
    font-weight: 700;
    display: inline-block;
    transition: 0.3s;
}
.single-service-item a.read-more i.fa {
    margin-left: 5px;
    transition: 0.3s;
}
.right-service-text h3 {
    font-size: 25px;
}

.right-service-text p {
    font-size: 15px;
    color: #666;
    line-height: 2;
}

.right-service-text p:last-child {
    margin: 0;
}

.right-service-text {
    padding: 80px 30px;
}

.left-renovation-list h3 {
    font-size: 25px;
}

.left-renovation-list p {
    font-size: 15px;
    line-height: 1.8;
}

.single-renovation-item h3 {
    font-size: 23px;
}

.single-renovation-item h3:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f1ce";
    font-family: fontAwesome;
}

.single-renovation-item {
    padding-left: 40px;
}

.single-renovation-item {
    position: relative;
    margin-bottom: 20px;
}

.renovation-items {
    margin-top: 30px;
}

.left-renovation-list {
    padding: 50px 40px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.single-renovation-item p {
    color: #666;
}

.right-renovation-form {
    background-color: #F8F7FD;
    padding: 50px 40px;
    border-radius: 3px;
}

.renovation-form-header h3 {
    font-size: 25px;
}

.renovation-form-header p {
    font-size: 15px;
}

form.renovation-form p {
    width: 100%;
}

form.renovation-form p input,form.renovation-form p textarea {
    width: 100%;
    border: 1px solid #eee;
    padding: 15px;
}

form.renovation-form p textarea {
    height: 120px;
    resize: none;
}

form.renovation-form p input[type=submit] {
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 3px;
    transition: 0.3s;
    cursor: pointer;
}

form.renovation-form p:last-child {
    margin: 0;
}

form.renovation-form {
    margin-top: 30px;
}

/* ============================
Expert Item css
============================ */
.expert-img img {
    max-width: 100px;
    border-radius: 50%;
    margin-bottom: 25px;
}
.expert-meta h3 {
    font-weight: 500;
    font-size: 22px;
}
.expert-meta h3 span {
    display: block;
    font-size: 70%;
    margin-top: 10px;
    color: #656565;
}
.single-expert-item {
    background-color: #fff;
    padding: 40px 0;
    box-shadow: 0 0 15px #e0e0e0;
    transition: 0.3s;
}
.single-expert-item:hover,.single-expert-item:focus {
    box-shadow: none;
}

/* ============================
News Section Css
============================ */

.news-bg {
    height: 250px;
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
    transition: 0.3s;
}
.single-news-wrap .news-text h3 {
    font-size: 22px;
    line-height: 1.5;
    word-break: break-all;
    margin: 0;
}
.single-news-wrap .news-text p.date {
    color: #888;
    position: relative;
    margin: 15px 0;
    display: inline-block;
}
.single-news-wrap .news-text p.date:after {
    position: absolute;
        right: -60px;
    top: 50%;
    content: "";
    width: 45px;
    height: 2px;
    margin-top: -1px;
}
.single-news-wrap .news-text p:last-child {
    color: #888;
    line-height: 2;
    font-size: 15px;
}
.single-news-wrap {
    margin-bottom: 50px;
}
.news-details-bg {
    height: 500px;
    background-size: cover;
    background-position: center;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.news-details-text-section {
    padding: 40px 30px;
    border: 1px solid #eee;
    border-top: none;
    border-radius: 3px;
    margin-bottom: 60px;
}
.news-details-meta-wrap .news-details-meta {
    margin: 0;
    padding: 0;
    list-style: none;
}
.news-details-meta-wrap .news-details-meta li {
    display: inline-block;
}
.news-details-meta-wrap .news-details-meta li a {
    color: #777;
    margin-right: 15px;
    font-size: 15px;
    transition: 0.3s;
}
.news-details-meta-wrap .news-details-meta li a i.fa {
    margin-right: 5px;
}
.news-details-text-section p {
    color: #666;
    font-size: 15px;
    line-height: 2;
    margin-bottom: 20px;
}
.news-details-meta-wrap {
    margin-bottom: 15px;
}
ul.social-share-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.social-share-list li {
    display: inline-block;
}
ul.social-share-list li a {
    display: block;
    margin-right: 10px;
    color: #333;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    line-height: 35px;
    transition: 0.3s;
}
.social-share-section {
    margin-top: 25px;
}
.single-news-wrap a.link-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.single-news-wrap {
    position: relative;
}


/* ============================
Product Section Css
============================ */

.product-bg {
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.product-top-box {
    border: 1px solid #EEEEEE;
    padding: 35px 15px;
    border-radius: 3px;
    position: relative;
    transition: 0.3s;
}
.product-meta h4 {
    font-size: 20px;
}
.product-meta h4 span {
    display: block;
    color: #888;
    font-weight: 500;
    margin-top: 10px;
    font-size: 18px;
}
.product-meta {
    margin-top: 20px;
}
.product-bg a {
    position: absolute;
    top: 0;
    left: 0;
    color: #333;
    display: inline-block;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    transition: 0.3s;
}
.single-product-item {
    margin-bottom: 70px;
}
.product-sort-wrap select {
    border: none;
    background-color: #f5f5f5;
    font-weight: 500;
    display: inline-block;
    padding: 15px;
    border-radius: 2px;
}
.products-result-text p {
    padding: 13px 0;
    margin: 0;
}
.product-section .container .row:first-child {
    margin-bottom: 30px;
}
ul.star-ratings {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.star-ratings li {
    display: inline-block;
}
.product-details p:nth-child(3) {
    color: #888;
    margin: 15px 0;
}
.product-details p:nth-child(4) {
    color: #888;
    line-height: 1.8;
}
.product-quantity-wrap a.boxed-btn {
    margin: 0;
    margin-right: 20px;
}
.product-quantity-wrap a.boxed-btn i.fa {
    margin-right: 10px;
}
.product-quantity-wrap select {
    border: none;
    background-color: #eee;
    padding: 13px;
    font-weight: 500;
}
.product-quantity-wrap {
    margin-top: 25px;
}
.product-details {
    padding: 42px 0;
}
.product-img {
    padding: 50px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.product-review h4.review-title,
.comment-section h4.comment-section-title {
    font-size: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.product-review-img img,
.comment-avater-img img {
    max-width: 60px;
    border-radius: 50%;
}
.product-review-comment h4,
.single-comment-text h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}
.product-review-comment h4 span.date,
.single-comment-text h4 span.date {
    font-size: 15px;
    color: #888;
    font-weight: 500;
    letter-spacing: 1px;
}
.product-review-comment p,
.single-comment-text p {
    color: #888;
    line-height: 1.8;
    margin-top: 15px;
}
.single-product-review,
.single-comment-item {
    border-bottom: 1px solid #eee !important;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.single-product-review:last-child,
.single-comment-item:last-child {
    border-bottom: none;
}
.add-review-content p {
    margin: 0;
    color: #888;
    margin-right: 15px;
}
.add-review-content ul.star-ratings li {
    color: #888;
}
.add-review-content p, .add-review-content ul {
    display: inline-block;
}
.review-form-wrap,
.comment-form-wrap {
    margin-top: 30px;
}
.review-form-wrap form p textarea,

.review-form-wrap form p,
.comment-form-wrap form p {
    width: 100%;
    margin-bottom: 25px;
}

.review-form-wrap form p input[type=submit],
.comment-form-wrap form p input[type=submit] {
    border: none;
    display: inline-block;
    padding: 15px 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s;
}
.product-section h4 {
    margin-bottom: 20px;
}
a.reply-btn {
    color: #333;
    font-weight: 700;
    transition: 0.3s;
    letter-spacing: 1px;
}
.product-section.padding-bottom-0 {
    padding-bottom: 0;
}

/* ============================
Featured area css
============================ */

.featured-bg {
    position: absolute;
    left: 0;
    width: 45%;
    height: 100%;
    background-size: cover;
    background-position: center right;
    top: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 0 20px #bfbfbf;
}
ul.featured-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.featured-list li {
    position: relative;
    line-height: 1.8;
    padding-left: 30px;
    color: #555;
    margin-bottom: 10px;
}
ul.featured-list li:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "\f00c";
    font-family: fontAwesome;
}
.right-featured-text {
    color: #333;
    font-weight: 500;
    line-height: 1.8;
    padding: 37px 0;
}
.featured-section {
    padding: 60px 0;
}
.featured-section {
    position: relative;
}
.right-featured-text p {
    font-size: 16px;
    line-height: 2;
    color: #777;
}

/* ============================
Works css
============================ */

ul.work-titles {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 30px;
}
ul.work-titles li {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    margin: 15px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 15px;
}
.work-hover, .work-hover-table {
    height: 100%;
}
.work-hover-table {
    display: table;
    width: 100%;
}
.work-hover-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.work-hover {
    position: relative;
    z-index: 1;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.9);
}
.work-hover:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    z-index: -1;
    opacity: 0.9;
}
.single-work-item:hover .work-hover,.single-work-item:focus .work-hover {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.single-work-item {
    height: 400px;
    background-size: cover;
    background-position: center;
    margin-bottom: 30px;
}
.row.work-row .col-md-4:nth-child(2) .single-work-item,
.row.work-row .col-md-4:nth-child(4) .single-work-item,
.row.work-row .col-md-4:nth-child(5) .single-work-item
 {
    height: 500px;
}
.work-hover .hover-text h4 {
    font-weight: 800;
    font-size: 22px;
    margin: 10px 0;
}
.work-hover .hover-text p {
    font-size: 16px;
    font-weight: 500;
    color: #444;
    margin: 0;
}
.works a.boxed-btn {
    margin-top: 30px;
}

.project-bg-1 {
    height: 630px;
}
.project-bg-2, .project-bg-3 {
    height: 300px;
}
.single-project-bg {
    background-size: cover;
    background-position: center;
}
.project-bg-3 {
    margin-top: 30px;
}
.work-details-text h3 {
    font-size: 30px;
    margin-bottom: 20px;
}
.work-details-text p {
    line-height: 2;
    color: #777;
    margin-bottom: 20px;
}
.project-details h3 {
    font-size: 30px;
}
.project-details p {
    color: #777;
    font-weight: 700;
    margin-bottom: 30px;
}
.project-details p span {
    display: block;
    font-weight: 500;
    margin-top: 5px;
}
.project-details p:last-child {
    margin: 0;
}
.project-details {
    background-color: #F8F7FD;
    padding: 50px 30px;
}
.project-gallary h3 {
    margin-bottom: 40px;
}
a.work-link {
    color: #333;
}

/* ============================
Counter section css
============================ */
.counter-bg {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.counter-bg:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0.9;
    z-index: -1;
}
.single-counter-item i.fa {
    display: inline-block;
    width: 80px;
    height: 80px;
    font-size: 30px;
    background-color: #333;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
}
.single-counter-item h3 {
    font-weight: 900;
    margin: 15px 0;
}
.single-counter-item p {
    font-weight: 500;
    margin: 0;
}
.counter-section {
    padding: 80px 0;
}

/* ============================
News css
============================ */
.single-news-item {
    padding: 45px 30px;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    transition: 0.3s;
}
.news-top-text p.tip {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 50px;
}
.news-top-text h3 {
    font-size: 25px;
    line-height: 1.3;
}
.news-top-text p:nth-child(3) {
    line-height: 1.8;
    color: #656565;
    font-weight: 500;
}
.news-bottom-text {
    position: relative;
    margin-top: 20px;
}
.news-bottom-text p.date {
    color: #656565;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}
.news-bottom-text a.read-more {
    position: absolute;
    right: 0;
    color: #656565;
    transition: 0.3s;
}
.news-bottom-text a.read-more i.fa {
    margin-left: 5px;
}
.news-top-text {
    border-bottom: 1px solid #E0E0E0;
    transition: 0.3s;
}
.news-section.two-column .single-news-wrap .news-bg {
    height: 300px;
}
.news-section.two-column .single-news-wrap .news-text p.date:after {
}
.news-section.two-column .single-news-wrap {
    padding: 15px;
}

/* ============================
Testimonial css
============================ */
.single-testimonial-item img {
    max-width: 70px;
    margin: 0 auto;
    border-radius: 50%;
}
.single-testimonial-item p {
    color: #888;
    font-weight: 500;
    line-height: 2;
    margin: 20px 0;
}
.testimonial-meta h4 {
    font-size: 20px;
}
.testimonial-meta h4 span {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #656565;
    margin-top: 10px;
}

/* ============================
owl-dots customized css
============================ */
.news-section .owl-dots div,
.testimonial-section .owl-dots div {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #656565;
    margin: 8px;
    border-radius: 50%;
    background: transparent;
    transition: 0.3s;
}
.news-section .owl-dots,
.testimonial-section .owl-dots {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -70px;
}
.news-section .owl-dots div.active,
.testimonial-section .owl-dots div.active {
    background-color: #656565;
}

/* ============================
logo section css
============================ */
.single-logo-slide img {
    max-width: 200px;
}
.logo-carousel-section {
    padding: 100px 0;
}
.single-logo-slide img {
    margin: 0 auto;
    transition: 0.3s;
}

/* ============================
cta Section
============================ */
.left-cta-text p {
    margin: 0;
}
.right-cta-btn a.boxed-btn {
    margin: 62px 0;
    margin-right: 45px;
}
.left-cta-text {
    position: relative;
    padding: 50px;
    padding-right: 0;
}
.left-cta-text:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 3px;
    height: 100%;
}
.cta-section .container {
    box-shadow: 0 0 20px #e6e5e5;
    padding-left: 0;
    padding-right: 0;
}

/* ============================
Pagination Css
============================ */
ul.pagination-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.pagination-list li {
    display: inline-block;
}
ul.pagination-list li a {
    display: block;
    background-color: #F6F6F6;
    color: #333;
    font-weight: 700;
    padding: 10px 15px;
    font-size: 17px;
    border-radius: 3px;
    transition: 0.3s;
}
.pagination-wrap {
    margin-top: 30px;
}


/* ============================
Contact Form Css
============================ */
.contact-form-wrap {
    background-color: #F8F7FD;
    padding: 60px 35px;
}
form.contact-form p input[type=text], form.contact-form p input[type=email] {
    border: none;
    border-bottom: 2px solid #CCCCCE;
    background-color: #F8F7FD;
    padding: 15px 0;
    width: 45%;
    font-weight: 500;
    transition: 0.7s;
}
form.contact-form p textarea {
    border: none;
    border-bottom: 2px solid #CCCCCE;
    background-color: #F8F7FD;
    width: 100%;
    height: 90px;
    resize: none;
    font-weight: 500;
    transition: 0.3s;
}
form.contact-form p {
    margin-bottom: 45px;
}
form.contact-form p:last-child {
    margin: 0;
}
form.contact-form p input[type=submit] {
    border: none;
    color: #333;
    font-weight: 700;
    display: inline-block;
    padding: 12px 30px;
    text-transform: uppercase;
    border-radius: 3px;
    transition: 0.3s;
    cursor: pointer;
}
.contact-form-wrap h4 {
    margin-bottom: 45px;
}
form.contact-form p input[type=email] {
    margin-left: 9%;
}
form.contact-form p input[type=email]:focus, 
form.contact-form p input[type=text]:focus, 
form.contact-form p input[type=tel]:focus, 
form.contact-form p input[type=url]:focus, 
form.contact-form p textarea:focus {
    outline: none;
}
.contact-information {
    padding: 62px 35px;
    border: 1px solid #F2F2F2;
    border-radius: 3px;
}
.contact-information h2 {
    margin-bottom: 40px;
}
.address-wrap {
    margin-top: 40px;
}
.phone-number-wrap h4, .email-id-wrap h4, .address-wrap h4 {
    font-size: 20px;
}
.phone-number-wrap p, .email-id-wrap p, .address-wrap p {
    color: #777;
}

/* ============================
Career Section Css
============================ */
.career-icon-wrap {
    display: table;
    width: 100%;
    height: 60px;
    margin-bottom: 25px;
}
.carrer-icon-tablecell {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.carrer-icon-tablecell i.fa {
    font-size: 25px;
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 50%;
    text-align: center;
}
.career-text p {
    color: #888;
    line-height: 1.8;
}
.single-career-item {
    padding: 15px;
}
ul.job-lists {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.job-lists li {
    line-height: 2.5;
    color: #888;
}
.left-job-list-wrap h4 {
    position: relative;
    padding-bottom: 20px;
}
.left-job-list-wrap h4:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 1px;
    width: 100%;
}
.left-job-list-wrap {
    background-color: #F8F7FD;
    padding: 40px 30px;
}
.single-job-detailed-item p {
    color: #888;
    line-height: 2;
}
.single-job-detailed-item {
    margin-bottom: 80px;
}
.single-job-detailed-item ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.single-job-detailed-item ul li {
    margin-bottom: 15px;
    line-height: 1.9;
    color: #888;
    position: relative;
    padding-left: 40px;
}
.single-job-detailed-item ul li:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "\f00c";
    font-family: fontAwesome;
    font-size: 20px;
    top: 0;
}
.single-job-detailed-item h4 {
    margin-bottom: 30px;
}
.job-deteils-wrap > p {
    font-size: 16px;
    color: #888;
}

/* ============================
cart Css
============================ */
.cart-details img {
    max-width: 55px;
}
.cart-details img, .cart-details p {
    display: inline-block;
}
.cart-header-wrap h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 10px 0;
}
.cart-header-wrap {
    border-bottom: 1px solid #eee;
}
.cart-table-row {
    border: 1px solid #eee;
}
.single-cart-item .row .col-md-2:last-child p, .single-cart-item .row .col-md-2:last-child a {
    display: inline-block;
}
.single-cart-item-wrap {
    border-bottom: 1px solid #eee;
    padding: 40px 0;
}
.single-cart-item-wrap:last-child {
    border: none;
}
.single-cart-item p {
    padding: 8px 0;
    margin: 0;
}
.single-cart-item select {
    margin: 6px 0;
    border: none;
    background-color: #eee;
    padding: 5px;
    border-radius: 2px;
    font-weight: 500;
}
.cart-details img {
    margin-right: 35px;
}
.cart-top-heading {
    padding: 10px 0;
}
.single-cart-item .row .col-md-2:last-child a {
    color: #333;
    margin-left: 40px;
}
.cart-coupon {
    margin-top: 30px;
}
form.coupon-form input[type=text] {
    border: 1px solid #eee;
    padding: 15px;
}
form.coupon-form input[type=submit] {
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    padding: 15px 30px;
    margin-left: 15px;
    transition: 0.3s;
    cursor: pointer;
}
.cart-buttons {
    margin-top: 30px;
}
.cart-buttons a.borderd-btn {
    color: #333;
    display: inline-block;
    border: 1px solid #E4E4E4;
    padding: 15px 30px;
}
.cart-buttons a.borderd-btn:last-child {
    margin-left: 15px;
}
.cart-total-wrap {
    margin-top: 50px;
}
.single-total-item p {
    margin: 0;
}
.single-total-item {
    border-bottom: 1px solid #eee;
}
.single-total-item:last-child {
    border-bottom: none;
}
.single-total-item {
    padding: 15px;
    text-align: center;
}
.total-items {
    border: 1px solid #eee;
}
.cart-total-wrap a.boxed-btn {
    margin-top: 30px;
}
p.total {
    font-weight: 700;
}


/* ============================
404 css
============================ */
.error-icon i.fa {
    font-size: 100px;
}
.error-text h1 {
    margin: 20px 0;
    font-size: 45px;
}
.error-text p {
    color: #333;
    font-size: 16px;
    line-height: 1.8;
}

/* ============================
Footer css
============================ */
.footer-box h3 {
    font-size: 25px;
    margin-bottom: 30px;
}
.footer-box.contact p {
    font-size: 15px;
    font-weight: 500;
    color: #656565;
    margin: 5px;
}
.footer-box.useful-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-box.useful-links ul li {
    line-height: 2;
}
.footer-box.useful-links ul li a {
    color: #656565;
    font-weight: 500;
    position: relative;
    z-index: 1;
    padding-left: 20px;
    transition: 0.3s;
}
.footer-box.useful-links ul li a:before {
    position: absolute;
    left: 0;
    font-family: fontAwesome;
    content: "\f105";
}
.footer-box.newslatter p {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.8;
    color: #656565;
}
.newsletter-form form p input[type=email] {
    border: 1px solid #E0E0E0;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 63%;
}
.newsletter-form form p input[type=submit] {
    border: none;
    font-weight: 600;
    width: 35%;
    display: inline-block;
    padding: 11px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.3s;
}
.newslatter ul.social-icons {margin: 0;padding: 0;list-style: none;}
.newslatter ul.social-icons li {
    display: inline-block;
}
.newslatter ul.social-icons li a {
    color: #656565;
    font-size: 20px;
    display: block;
    margin: 10px;
    transition: 0.3s;
}
.newslatter ul.social-icons li:first-child a {
    margin-left: 0;
}
.footer {
    padding: 50px 0;
    border-top: 1px solid;
}
.footer-box.contact p a {
    color: #999;
}
.footer-box.contact p:last-child {
    line-height: 1.8;
}

/* ============================
Copyright Section Css
============================ */
.copyright-section p {
    margin: 0;
    color: #656565;
    font-weight: 500;
}
.copyright-section {
    padding: 15px 0;
}

/* ============================
Hover effect Css
============================ */

.logo a img:hover ,.logo a img:focus{
    opacity: 0.7;
}
.mainmenu ul > li ul.dropdown  li:hover > a ,.mainmenu ul > li ul.dropdown  li a:focus{
    color: #fff;
}
.mainmenu ul li:hover a.bordered-btn ,.mainmenu ul li a.bordered-btn:focus {
    background-color: #333;
    color: #fff;
}
.homepage-text a.boxed-btn:hover,.homepage-text a.boxed-btn:focus {
    background-color: #555;
}
.homepage-slides .owl-nav button:hover,.homepage-slides .owl-nav button:focus {
    opacity: 0.7;
}
.single-service-item a.read-more:hover i.fa,.single-service-item a.read-more:focus i.fa {
    margin-left: 10px;
}
a.boxed-btn:hover,a.boxed-btn:focus {
    background-color: #333;
}
.single-logo-slide img:hover,.single-logo-slide img:focus {
    opacity: 0.7;
}
.newsletter-form form p input[type=submit]:hover,.newsletter-form form p input[type=submit]:focus {background-color: #333;}
form.coupon-form input[type=submit]:hover,form.coupon-form input[type=submit]:focus {background-color: #333;}
form.contact-form p input[type=submit]:hover,form.contact-form p input[type=submit]:focus {background-color: #333;}
.single-news-wrap:hover .news-bg,.single-news-wrap:focus .news-bg {opacity: 0.9;}
.review-form-wrap form p input[type=submit]:hover,.review-form-wrap form p input[type=submit]:focus {background-color:#333;}
.product-bg a:hover,.product-bg a:focus {
    background-color: #333;
}
.comment-form-wrap form p input[type=submit]:hover,.comment-form-wrap form p input[type=submit]:focus {
    background-color: #333;
}
form.renovation-form p input[type=submit]:hover,form.renovation-form p input[type=submit]:focus {
    background-color: #333;
}
ul.social-share-list li:hover a,ul.social-share-list li a:focus {
    background-color: #333;
}

/* ============================
Preloader Css
============================ */
.preloader-wrap {
    height: 100%;
    position: fixed;
    width: 100%;
    background-color: #ffdd00;
    z-index: 9999;
    text-align: center;
}
.preloader-wrap .spinner {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
}
.spinner {
  width: 40px;
  height: 40px;
  background-color: #333;
  display: inline-block;
  margin: 0;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.Switcher.Switcher--show h5 {
    font-family: raleway;
}
ul#colors {
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

ul#colors li {
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px;
}


/* ============================
Colors Css
============================ */
.header-top-area, .footer, .single-news-item:hover,.single-news-item:hover .news-top-text,
.header-top-area, .footer, .single-news-item:focus,.single-news-item:focus .news-top-text,
form.contact-form p input[type=email]:focus, form.contact-form p input[type=text]:focus,
form.contact-form p input[type=tel]:focus, form.contact-form p input[type=url]:focus, 
form.contact-form p textarea:focus,.product-top-box:hover,.product-top-box:focus {
    border-color: #ffdd00;
}
.single-homepage-slide:before,.section-title h3:after,ul.work-titles li.active,.work-hover:before,a.boxed-btn,.counter-bg:before,
.news-top-text p.tip,.left-cta-text:before,.newsletter-form form p input[type=submit],
.single-service-item:hover .service-text h3:after,.single-service-item:focus .service-text h3:after,.breadcrumb-area:before,form.renovation-form p input[type=submit],.news-bg,
.single-news-wrap .news-text p.date:after,.news-details-bg,ul.social-share-list li a,.product-bg a,
.review-form-wrap form p input[type=submit],.comment-form-wrap form p input[type=submit],.featured-bg,.counter-bg,
ul.pagination-list li.active a,form.contact-form p input[type=submit],.carrer-icon-tablecell i.fa,.left-job-list-wrap h4:after,
form.coupon-form input[type=submit],ul.pagination-list li:hover a,ul.pagination-list li a:focus {
    background-color: #ffdd00;
}
ul.featured-list li:before,.single-counter-item i.fa.social-icons ul li:hover a,.single-counter-item i.fa.social-icons ul li a:focus,.search-section a:hover,.mainmenu ul li:hover a,.search-section a:focus,.mainmenu ul li a:focus,
.mainmenu ul li.active a,.search-section span:hover,.search-section span:focus,.single-service-item a.read-more:hover,.single-service-item a.read-more:focus,a.boxed-btn:hover,a.boxed-btn:focus,
ul.featured-list li:before,.single-counter-item i.fa,.social-icons ul li:hover a,.social-icons ul li a:focus,.search-section a:hover,.mainmenu ul li:hover a,.search-section a:focus,.mainmenu ul li a:focus,
.search-section span:hover, .news-bottom-text a.read-more:hover,.footer-box.useful-links ul li:hover a,
.search-section span:focus, .news-bottom-text a.read-more:focus,.footer-box.useful-links ul li a:focus,
.newsletter-form form p input[type=submit]:hover,.newslatter ul.social-icons li:hover a,.newsletter-form form p input[type=submit]:focus,.newslatter ul.social-icons li a:focus,.single-renovation-item h3:before,
ul.star-ratings li,.single-job-detailed-item ul li:before,form.coupon-form input[type=submit]:hover,form.coupon-form input[type=submit]:focus,
form.contact-form p input[type=submit]:hover,.review-form-wrap form p input[type=submit]:hover,.product-bg a:hover,
form.contact-form p input[type=submit]:focus,.review-form-wrap form p input[type=submit]:focus,.product-bg a:focus,
a.reply-btn:hover,.comment-form-wrap form p input[type=submit]:hover,form.renovation-form p input[type=submit]:hover,
a.reply-btn:focus,.comment-form-wrap form p input[type=submit]:focus,form.renovation-form p input[type=submit]:focus,
.news-details-meta-wrap .news-details-meta li:hover a,ul.social-share-list li:hover a, p.total,
.news-details-meta-wrap .news-details-meta li a:focus,ul.social-share-list li a:focus, p.total {
    color: #ffdd00;
}

.co-blog-sidebar {
  margin-bottom: 60px;
}
.co-blog-sidebar .widget-heading {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.single-widget .widget-title {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 35px;
    position: relative;
    text-transform: uppercase;
        padding-top: 15px;
}
.single-widget .widget-title::before {
    background: #ddd none repeat scroll 0 0;
    bottom: -14px;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
}
.single-widget .widget-title::after {
    background: #000 none repeat scroll 0 0;
    bottom: -14px;
    content: "";
    height: 2px;
    left: 1px;
    position: absolute;
    width: 60px;
}

/*-- Search Form --*/
.side-form {
  position: relative;
}
.side-form input {
  border: 1px solid #f1f1f1;
  height: 42px;
  line-height: 24px;
  padding: 8px 20px;
  width: 100%;
}
.side-form button {
  background-color: transparent;
  border: medium none;
  color: #3e3e3e;
  height: 42px;
  padding: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 52px;
}
.side-form button i {
  display: block;
  font-size: 18px;
  line-height: 42px;
}
.side-form button:hover,.side-form button:focus {
  color: #4481eb;
}

/*-- Category & Archive --*/
.co-blog-sidebar ul {}
.co-blog-sidebar ul li {
  margin-bottom: 11px;
  padding-bottom: 11px;
  border-bottom: 1px solid #f1f1f1;
}
.co-blog-sidebar ul li:last-child {
  margin-bottom: 0;
}
.co-blog-sidebar ul li a {
  color: #999999;
  font-size: 14px;
}
.co-blog-sidebar ul li a:hover ,.co-blog-sidebar ul li a:focus {
  color: #4481eb;
}

/*-- Sidebar Blog Post --*/
.co-sidebar-post {
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 20px;
}
.co-sidebar-post:last-child {
  margin-bottom: 0;
}
.co-sidebar-post .image {
  border-radius: 50%;
  height: 77px;
  margin-right: 15px;
  overflow: hidden;
  width: 77px;
}
.co-sidebar-post .image img {
  border-radius: 50%;
  width: 100%;
}
.co-sidebar-post .content {}
.co-sidebar-post .content .date {
  display: block;
  color: #999999;
  font-size: 14px;
  line-height: 18px;
}
.co-sidebar-post .content .title {
  color: #3e3e3e;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.co-sidebar-post .content .title:hover,.co-sidebar-post .content .title:focus {
  color: #4481eb;
}

/*-- Tags Cloud --*/
.co-blog-sidebar .tags-cloud {
  float: left;
  width: 100%;
}
.co-blog-sidebar .tags-cloud a {
  background-color: #f7f7f7;
  border-radius: 5px;
  color: #999999;
  display: block;
  float: left;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 0 15px;
  text-transform: capitalize;
}
.co-blog-sidebar .tags-cloud a:hover,.co-blog-sidebar .tags-cloud a:focus {
  background-color: #4481eb;
  color: #ffffff;
}

.wp-caption.alignnone {
    width: 100% !important;

}

.wp-caption-text{

}

.screen-reader-tex{

}
.gallery-caption{

}

.bypostauthor{

}

 .screen-reader-text{
    
 }

.news-top-text a{
    color:#000;
    text-transform: capitalize;
}

.news-bottom-text .date a{
    color: #656565;
}

.news-bottom-text .date a:hover,.news-bottom-text .date a:focus{

    color:#ffdd00;
}


.widget_recent_entries{

    position: relative;
}

.widget_recent_entries li{
    margin-bottom: 15px;


}

.widget_recent_entries a{

    color: #666;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

 .widget_recent_entries a:hover ,.widget_recent_entries a:focus{

    color: #000;
 }


.widget_recent_entries .post-date {

       display: inline-block;
    margin-top: 0px;
    font-size: 14px;
    color: #000;
    text-transform: capitalize;
}

.widget_recent_entries ul{

    list-style-type: none;
   padding-inline-start:1px;
}



.widget_recent_comments{

    position: relative;
}
.widget_recent_comments{

    color: #212529;
    display: table-cell;
    line-height: 26px;
    padding: 0 0 0 5px !important;
    vertical-align: middle;

}

.widget_recent_comments ul{



    list-style-type: none;
     padding-inline-start:1px;
}

.widget_recent_comments .recentcomments .comment-author-link{
  color: #666 !important;

}
.widget_recent_comments .recentcomments a {
    color: #666 !important;

}

.widget_recent_comments .recentcomments a:hover,.widget_recent_comments .recentcomments a:focus{

color: #000 !important;
}
.widget_categories{
position: relative;

}
  
.widget_archive ul{

     padding-inline-start:1px;

}            

.widget_archive a{
   
    text-transform: uppercase;
    color: #777777;
    font-size: 14px;
    float: left;

}

.widget_archive a:hover,.widget_archive a:focus{

    color: #000;
}

.widget_archive li{
text-align: right;
    margin-bottom: 10px;
    display: table;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.widget_archive .screen-reader-text{

  display: none;
}

.widget_archive select{

background: transparent;
height: 40px;
width: 100%;
margin-bottom: 30px;


}

.widget_categories ul{

     padding-inline-start:1px;
     list-style: none;

}            

.widget_categories a{
   
    text-transform: uppercase;
    color: #777777;
    font-size: 14px;
    float: left;

}

.widget_categories a:hover,.widget_categories a:focus{

    color: #000;
}

.widget_categories >ul li{

 text-align: right;
    margin-bottom: 10px;
    display: table;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}
.widget_categories ul.children > li{
    padding-left: 15px;
    border-bottom: none;
}

.widget_categories .screen-reader-text{

  display: none;
}

.widget_categories select{

background: transparent;
height: 40px;
width: 100%;
margin-bottom: 30px;

}

  
.widget_meta ul{

     padding-inline-start:1px;

}            

.widget_meta a{
   
    text-transform: uppercase;
    color: #777777;
    font-size: 14px;
    float: left;

}

.widget_meta a:hover,.widget_meta a:focus{

    color: #000;
}
.widget_meta li{

 text-align: right;
    margin-bottom: 10px;
    display: table;
    width: 100%;
}

.widget_meta .screen-reader-text{

  display: none;
}

.widget_calendar{
position: relative;
clear: left;
}

.widget_calendar th{
border: 1px solid #777;
width: 65px;
height: 40px;
background-color: #ffdd00;
text-align: center;
color: #fff;

}

.widget_calendar td{
border: 1px solid #777;
height: 30px;
text-align: center;

}

.widget_media_gallery{

  position: relative;
}

.widget_media_gallery img{
height: 80px;
width: 80px;
float: left;
margin-left: 5px;
margin-bottom: 10px;


}

.widget_text .textwidget p{

    color:#666;
}

.widget_tag_cloud .tagcloud>a {
    background: #ffdd00 none repeat scroll 0 0;
    border-radius: 1px;
    color: #000;
    display: inline-block;
    font-size: 13px !important;
    letter-spacing: 1px;
    margin: 5px;
    padding: 6px 10px;
}
.widget_tag_cloud .tagcloud>a:hover,.widget_tag_cloud .tagcloud>a:focus {
    background: #000;
    color: #fff;
}

.widget_pages ul{

    list-style-type: none;
    padding-inline-start: 1px;
}

.widget_pages li a{

    color: #777777;
}

.widget_pages li{

        padding-bottom: 3px;

}

.comment-box .children{

    margin-left: 40px;
}

.comment-respond .comment-reply-title{

    color: #23282A;
      font-size: 1.5rem;
    text-transform: capitalize;
    font-weight: 700;
    margin: 0;
    margin-bottom: 35px;
}

.comment-respond .comment-form-comment {
    position: relative;
    margin-bottom: 20px;
    padding-top: 20px;
}

.comment-respond .comment-form-comment textarea {
    width: 100%;
    height: 190px;
    border: 1px solid #F0F0F0;
    outline: none;
    padding-left: 20px;
    line-height: 58px;
    margin-bottom: 20px;
}

.comment-respond .comment-form-comment label{

    display: none;
}

.comment-respond .comment-form-author input{
width: 100%;
    height: 50px;
    border: 1px solid #F0F0F0;
    outline: none;
    padding-left: 20px;
    line-height: 58px;
    margin-bottom: 20px;
}
    
.comment-respond .comment-form-author label{

    display: none;

}    
.comment-respond .comment-form-email input{
width: 100%;
    height: 50px;
    border: 1px solid #F0F0F0;
    outline: none;
    padding-left: 20px;
    line-height: 58px;
    margin-bottom: 10px;
}

.comment-respond .comment-form-email label{
    display: none;
}

.comment-respond .comment-form-url input{
width: 100%;
    height: 50px;
    border: 1px solid #F0F0F0;
    outline: none;
    padding-left: 20px;
    line-height: 58px;
    margin-bottom: 20px;
}   

.comment-respond .comment-form-url{

    display: none;
}
.comment-respond .comment-form-url label{

    display: none;
}

.single-comment-text .comment-reply-link{
        color: #333;
    font-weight: 700;
    transition: 0.3s;
    letter-spacing: 1px;
}

.single-comment-text .comment-reply-link:hover,.single-comment-text .comment-reply-link:focus{

    color:#ffdd00;
}

.single-comment-text{


    margin-left: 20px;
}

.navigation .screen-reader-text{


    display: none;
}

.pagination .nav-links .page-numbers.current{

   background-color: #ffdd00;
    color: #333;
    font-weight: 700;
    padding: 10px 15px;
    font-size: 17px;
    border-radius: 3px;
    transition: 0.3s;
}
.pagination .nav-links .page-numbers{
    background-color: #F6F6F6;
    color: #333;
    font-weight: 700;
    padding: 10px 15px;
    font-size: 17px;
    border-radius: 3px;
    transition: 0.3s;

    }

    .pagination .nav-links .page-numbers:hover,.pagination .nav-links .page-numbers:focus{
background-color:#ffdd00;

    }
    .iconshow12{
        z-index: 999;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 5px;
    }
.news-details-text-section  table, tr, th, td{
    border: 2px solid #a8a8a8 !important;
    text-align: center;
    margin-bottom: 20px;
    padding: 5px;


}

.news-details-text-section .alignright{

    margin-left: 15px;
    float: none !important;
}
.service-icon-tablecell .fa{

    font-size: 35px;
    color: #ffdd00;
}


.page-details-text-section p {
    color: #666;
    font-size: 15px;
    line-height: 2;
    margin-bottom: 20px;

}
.page-details-text-section {
    padding: 40px 30px;
    border-top: none;
    border-radius: 3px;
    margin-bottom: 60px;
}

.single-news-item .news-top-text p{
    color: #666;
}

.single-news-item .news-top-text a p{
color:#343a40;

}

.footer-widget .textwidget p{

    font-weight: 500;
    font-size: 15px;
    line-height: 1.8;
    color: #656565
}

.widget_recent_comments .recentcomments{

    margin-bottom: 10px;
}
/* Accessibility */
/* Text meant only for screen readers. */
.skip-link.screen-reader-text {
  display: block;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.skip-link.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

.news-details-text-section h3{

    word-break: break-all;
}


.news-text h3 a{

    color: #222;
}