/*
Theme Name: RD Electrical
Author: Webiz
Author URI: https://www.webiszeo.com
Description:Custom wordpress theme for RD Electrical by Webiz
Version: 1.0
*/
/************type***************/


/*-------------------------------------------------------------------------------------------*/
/* BASIC STYLE    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
body, html {
    margin: 0;
    padding: 0;
}
body {
    line-height: 24px;
    color: #211F20;
    font-size: 18px;
    font-weight: 400;
    /*font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
    font-family: "Source Sans Pro",Arial,Helvetica,Tahoma,sans-serif;
    /*font-family: 'Abel', sans-serif;*/
    /*font-family: 'Roboto', sans-serif;*/
}
/************************* fonts, buttons, icons and text blocks styles**********************************/
h1{font-size: 44px; color:  #004c9c; font-weight: 800; line-height: 48px;}
h2{font-size: 38px; color:  #004c9c; font-weight: 700; line-height: 50px;}
h3{font-size: 30px; color:  #004c9c; font-weight: 600; line-height: 36px;}
h4{font-size: 24px; color:  #004c9c; font-weight: 500; line-height: 30px;}
h5{font-size: 18px; color:  #004c9c; font-weight: 400; line-height: 24px;}
h6{font-size: 14px; color:  #004c9c; font-weight: 700; line-height: 24px;}
.search-results h1{font-size: 30px; color: #000000; font-weight: 400; line-height: 36px;}
/*h1, h2, h3{letter-spacing: -2px;}
h4, h5, h6{letter-spacing: -1px;}*/
.bdr-btm-3{ background: url('assets/img/bdr-btm-3.png') center bottom no-repeat; padding-bottom: 30px; margin-bottom: 30px;}
.heading-inline{display: inline;}
.white{color: #ffffff;}
.black{color: #000000;}
a{color: #004c9c; font-weight: 600;text-decoration: none; -webkit-transition: 0.2s ease-in-out !important;-moz-transition: 0.2s ease-in-out !important;-ms-transition: 0.2s ease-in-out !important;-o-transition: 0.2s ease-in-out !important;transition: 0.3s ease-in-out !important;}
a:hover {color: #004c9c;text-decoration: none;}
a:focus {text-decoration: none;}
ul{margin: 0; padding: 0}
ul li{list-style: none;}
p{margin: 15px 0 0 0 !important; padding: 0;}
.p-notopmargin p{margin-top: 0 !important;}
.centered{text-align: center;}
.right{text-align: right;}
.just{text-align: justify;}
.italic{font-style: italic;}
.f-right{float: right;}
.mybtn{padding: 8px 25px 8px 25px !important; border-bottom: none; display: inline-block;
    color: #ffffff; font-size: 16px; font-weight: 500;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}
.mybtn:focus{color: #ffffff; border: none;}

.mybtn2{padding: 0 25px 0 25px !important; margin-top: 15px; display: inline-block;
    color: #ffffff; font-size: 14px; font-weight: 600;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}
.mybtn2:focus{color: #ffffff; border: none;}

.btn-red{background: #ae1f25 !important; border: 2px solid #ae1f25 !important; color: #ffffff !important;}
.btn-red-outline{border: 2px solid #d21017 !important; background: none !important; color: #d21017 !important;}
.btn-red-outline:hover {border: 2px solid #ae1f25 !important; background: #ae1f25 !important; color: #ffffff !important;}
.btn-blue{background: #00217e !important; border: 2px solid #00217e !important; color: #ffffff !important;}
.btn-blue-outline{border: 2px solid #00217e !important; background: none !important; color: #00217e !important;}
.btn-blue-outline:hover {border: 2px solid #00217e !important; background: #00217e !important; color: #ffffff !important;}
.btn-theme-blue{background: #d41219 !important; color: #ffffff !important; padding: 6px 25px 8px 25px;}
.btn-banner{border: 1px solid #ffffff;background-color: #004c9c;margin: 10px 0;}
.btn-white{border: 1px solid #ffffff; }
.btn-banner:hover {color: #ffffff; border: 1px solid #ffffff;background: #211F20;}
.btn-white:hover{border: 2px solid #ffffff; color: #ffffff; background: rgba(255, 255, 255, 0.1);}
.btn-black{background: #222222; padding: 8px 25px; font-weight: 700; display: inline-block; color: #ffffff; border-bottom: 3px solid transparent;}
.btn-black:hover, .btn-black:focus{background: #000000; color: #ffffff; border-bottom: 3px solid #222222; text-decoration: none;}
.btn-gray, .btn-gray:focus{background: #eaeaea; color: #000038; border: none; text-decoration: none;}
.btn-gray:hover{background: #aeaeae; border: none; color: #ffffff; text-decoration: none; }
.btn-orange{background: #00217e; color: #ffffff; border: none; border-bottom: 3px solid #e65b12;}
.btn-orange:hover{border-bottom: 3px solid #ae430b; background: #ed6923; color: #ffffff;}
.btn-light-gray, .btn-light-gray:visited{background: #eeeeee; color: #555555; border: none; border-bottom: none; font-weight: 400; font-size: 14px;}
.btn-light-gray:hover{text-decoration: none; border-bottom: none; background: #dddddd; color: #555555;}
.icon-outset p{padding-left: 25px;}
.icon-outset i{margin-left: -25px !important; margin-right: 12px; }
.txt-black{color: #000000;}
.txt-md{font-size: 16px; line-height: 28px;}
.txt-white{color: #ffffff;}
.txt-white h1, .txt-white h2, .txt-white h3, .txt-white h4, txt-white h5, .txt-white h6{color: #ffffff;}
/************************* fonts, buttons, icons and text blocks styles end**********************************/

/************************* margins and paddings***************************************************************/
.marginxs{margin-top: 30px; margin-bottom: 30px;}
.marginsm{margin-top: 70px; margin-bottom: 70px;}
.marginmd{margin-top: 90px; margin-bottom: 90px;}
.marginlg{margin-top: 150px; margin-bottom: 150px;}
.mrg-bt-40{margin-bottom: 40px;}
.mrg-bt-20{margin-bottom: 20px;}
.mrg-bt-10{margin-bottom: 10px;}
.marginauto{margin: auto;}
.notopmargin{margin-top: 0 !important;} .nobottommargin{margin-bottom: 0 !important;} .noleftmargin{margin-left:  0 !important;} .norightmargin{margin-right:  0 !important;}
.notoppadding{padding-top: 0 !important;} .nobottompadding{padding-bottom: 0 !important;} .noleftpadding{padding-left:  0 !important;} .norightpadding{padding-right:  0 !important;}
.custom-width-80{width: 80%; margin: auto;}
.custom-width-90{width: 90%; }
.txt-padded{padding-left: 15px; padding-right: 15px;}
.no-padding{padding: 0 !important;}
.page-min-height{min-height: 70vh;}
/************************* margins and paddings end***************************************************************/

/*****************backgrounds, borders and lines**************************************************************************************/
.line{height: 1px; border-bottom: 1px solid #dde5ff;}
.line-light{height: 1px; border-bottom: 1px solid #e2e2e2;}
.line-light-half{height: 1px; border-bottom: 1px solid #e2e2e2; width: 40%; margin: 40px auto;}
.bg-white{background: #ffffff;}
.bg-gray{background: #ececec;}
.home .bg-white{position: relative; z-index: 9;}
.bg-dark{color: #ffffff; background: #555555}
.bg-dark-tr{color: #ffffff; background: rgba(0, 0, 0, 1.0);}
.bg-md-gray{background: #eeeeee;}
.bg-blue{background: #004c9c;}
.bg-dark a{color: #ffffff !important;}
.bg-dark a:hover{color: #ffffff; border-bottom-color: #ffffff;}
.bg-dark img{border: 2px solid #444444;}
.bg-light-gray{background: #f7f7f7; color: #000000;}
.bg-brown{background: #211F20;}
.bg-brown p, .bg-brown h2{background: #211F20; color: #ffffff;}
.bg-brown .add_to_cart_button, .bg-brown a{color: #ffffff;}
.topbottomborder{border-top: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae;}
.bdr-15 img{border: 15px solid #dddddd;}
/*.bg-dark-gray{background: #222222;}*/
/*****************backgrounds, borders and lines**************************************************************************************/

/*************************** general global styles**************************************************************************************/
.deadcenter{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.gen-transition{-webkit-transition: 0.3s ease-in-out !important;-moz-transition: 0.3s ease-in-out !important;-ms-transition: 0.3s ease-in-out !important;-o-transition: 0.3s ease-in-out !important;transition: 0.3s ease-in-out !important;}
.gen-rel{position: relative;}
.img-100 img{max-width: 100%; height: auto !important;}
.img-min-100 img{max-width: 100%; min-width: 100%; height: auto !important;}
.hidden{display: none !important;}
.img-inner-page img{border: 2px solid;padding: 1px;}
.img-width-100 img{width:100%}
/*************************** general global styles end**************************************************************************************/


/*  Header Style */
.wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    background:#fff;
}
.boxed {
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
}

#header.header-1 {
    background: #fff;
}

.logo, .nav-bg {
    position: absolute;
    z-index: 9;
    top: -20px;
}
.logo a {
    display: inline-block;
}
.logo a img {
/*     height: 100px; */
	height: auto;
	margin-top: 20px;
}
.header-1 .logo a {
    display: inline-block;
    padding: 26px 0 20px;
}
@media (min-width: 992px) {
    .header-1 .logo a {
        padding: 18px 0 20px;
    }
}
.menu {
    border-bottom: 4px solid #004c9c;
    border-top: 4px solid #004c9c;
    border-left: none;
    border-right: none;
    height: 29px;
    position: absolute;
    right: 29px;
    top: 40px;
    width: 44px;
    background: none;
    z-index: 10;
}
.menu:after {
    position: absolute;
    top: 9px;
    right: 0;
    content: '';
    width: 100%;
    height: 4px;
    background: #004c9c;
}
#menu:focus{outline: 0;}
.header ul {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
}
.header ul li {
    float: left;
    position: relative;
}
.navigation div ul li a {
    font-size: 18px;
    font-family: 'Abel', sans-serif;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}
.navigation div ul li a:hover {
    color: #ffffff;
    background: #004c9c;
}
.navigation div > ul > li > a {
    display: block;
    padding: 38px 16px;
    color: #ddd;
    transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    outline: none;
}

.navigation div .sub-menu {
    left: 0;
    border-top: 20px solid transparent;
    position: absolute;
    top: 175%;
    width: 200px;
    z-index: 999;
    background-clip: padding-box;
    padding: 0;
    transition: top 0.3s ease 0s, visibility 0.2s ease 0.2s, opacity 0.2s ease 0.1s;
    -webkit-transition: top 0.3s ease 0s, visibility 0.2s ease 0.2s, opacity 0.2s ease 0.1s;
    -moz-transition: top 0.3s ease 0s, visibility 0.2s ease 0.2s, opacity 0.2s ease 0.1s;
    -ms-transition: top 0.3s ease 0s, visibility 0.2s ease 0.2s, opacity 0.2s ease 0.1s;
    -o-transition: top 0.3s ease 0s, visibility 0.2s ease 0.2s, opacity 0.2s ease 0.1s;
    opacity: 0;
    visibility: hidden;
    background-color: #ffffff;
    -webkit-backface-visibility:hidden;
}
.navigation div .sub-menu li {
    display: block;
    float: none;
    margin: 0;
    border-bottom: 1px solid #004c9c;
    padding-bottom: 0;
    position: relative;
}
.navigation div li:hover .sub-menu {
    opacity: 1;
    top: 80%;
    transition: top 0.3s ease 0s;
    -webkit-transition: top 0.3s ease 0s;
    visibility: visible;
}
.navigation div li.sub-menu .sub-menu {
    border: none;
    opacity: 0;
    top: 0;
    visibility: visible;
    left: auto;
    right: 110%;
    visibility: hidden;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.navigation div li.sub-menu:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    right: 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 768px) {
    .navigation div .sub-menu  li:hover {
        /*background: #004c9c;*/
    }
}

.navigation div .sub-menu li a {
    padding: 8px 20px;
    display: block;
    color: #211F20;
}
/*Top bar*/
.top-bar-section {
    padding-top: 2px;
    padding-bottom: 2px;
    background: #000000 !important;
    color: #000000;
    height: 40px;
}
.header-1 .top-bar-section{
    background: #f7f7f7  !important;
}
.top-contact {
    float: left;
    text-align: center;
}
.top-social-icon {
    float: right;
}
.top-social-icon {
    text-align: center;
}
.top-bar-section.top-bar-bg-color a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.top-bar-toll{
    float: left;
    text-align: center;
    margin-right: 10px;
    left: 6px;
    top: 3px;
}
.top-contact a i {
    padding-left: 5px;
    padding-right: 5px;
}
.top-social-icon {
    float: right;
}
.top-social-icon {
    text-align: center;
    background-color: #004c9c;
    padding: 0 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: -2px;
}
.top-social-icon ul {
    margin: 0;
    padding: 0;
}
.top-social-icon li {
    /*border-right: 1px solid #004c9c;*/
    padding: 2px 8px;

}
.top-social-icon li:nth-child(1){
    /*border-left: 1px solid #004c9c;*/
}
.top-social-icon li:nth-last-child(1){
    margin-right: 10px;
}
.top-contact  .welcome-text {
    padding-top: 8px;
    letter-spacing: 0.5px;
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}
.header-1 .top-contact  .welcome-text{
    color:#2c3740;
}
.welcome-text i{
    margin-right: 6px;
}
.top-bar-section a i {
    font-size: 16px;
    background: #fff;
    border-radius: 20px;
    color: #211f20;
}
.top-social-icon a.btn {
    padding: 9px 20px;
}
.top-social-icon a.btn:hover {
    color: #1fcab8;
}
.link-hover-black > a:last-child {
    margin-left: 10px;
}
.icons-hover-black i {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 3px 1px 5px 0;
    display: inline-block;
    color: #fff;
}

/*  Header style 2   ||-----------*/
.header-2 .primary-header {
    position: relative;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border-bottom: 1px solid #dedddd;
}
.header-2 .navigation div > ul {
    float: right;
}

@media only screen and (min-width: 768px) {
    .header-2 .navigation div > ul > li:hover {
        background: #211F20;
    }
}
.header-2 .navigation div > ul > li > a {
    color: #211F20;
    padding: 30px 15px;
}
.header-2 .navigation div li:hover>a{
    color:#fff;
}
.header-2 .navigation div li:hover .sub-menu {
    top: 60%;
}
.call-us ul {
    list-style-type: none;
    line-height: 1.3;
    padding-top: 22px;
}
.call-us ul li {
    display: inline-block;
    font-weight: bold;
    padding: 0 1px;
    vertical-align: top;
    position: relative;
    padding-left: 33px;
}
.call-us ul li:first-child:after {
    content: "";
    background: #d5dce4;
    display: block;
    position: absolute;
    right: -15px;
    top: -5px;
    width: 1px;
    height: 67px;
}

.call-box {
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.58);
    text-transform: uppercase;
}
.call-box > span {
    display: block;
}
.call-us .phone-nomber i {
    font-size: 23px;

    margin-right: 12px;
    vertical-align: top;
    margin-top: 0;
    display: inline-block;
    color: rgba(255, 255, 255, 0.58);
}
.call-us i.ion-ios-email-outline{
    margin-top: -10px;
}
.call-us ul li .position {
    float: left;
    display: inline;
    margin-left: 6px;
    margin-right: 6px;
    padding-top: 5px;
    color: rgba(255, 255, 255, 0.58);
}
.call-us ul li .icon-fa {
    font-size: 50px;
    font-weight: 400;
    font-family: oswald;
    float: left;
    display: inline;
    margin-left: 3px;
    margin-right: 3px;
    color: rgba(255, 255, 255, 0.58);
    line-height: 47px;
}
.call-us ul li .time_block {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 2px;
}
.call-us ul li .date-block {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    font-family: open sans;
}
.call-us ul li a {
    font-size: 22px;
    color: #fff;
    line-height: 1;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
}
.call-us ul li.phone-nomber a{
    font-size: 33px;
}

.call-us ul li:first-child {

    padding-left: 49px;
}
.mailing-icon{
    margin-right: 7px;
}
.icons-hover-black .mailing-icon i{
    background: none;
    width: 17px;
}
.header-2 .top-bar-section {
    background: #F7F7F7;
    border-bottom: 1px solid #211F20;
    display: block;
}
.header-2 .top-bar-section.top-bar-bg-color a, .header-2 .top-social-icon li {
    color: #ffffff;
}
.header-2 .top-bar-section.top-bar-bg-color a:hover, .call-us ul li a:hover {
    font-weight: 500;
}
.col-right {
    text-align: right;
}
.col-right .opening {
    float: right;
    text-align: left;
    padding: 25px 0 0 33px
}
.header .col-right ul, .header .col-right ul li {
    float: none;
    position: relative;
    color: #2c3740 !important;
    font-weight: bold;
}
.header .col-right ul li span, .header .col-right ul li * {
    color: #2c3740 !important;
}
.col-right .call-us {
    display: inline-block;
    text-align: right;
    float: none;
}
.col-right .opening ul:after {
    content: "";
    background: #d5dce4;
    display: block;
    position: absolute;
    left: -15px;
    top: -9px;
    width: 1px;
    height: 67px;
}
.header-style {
    box-shadow: 0 0px 1px 1px rgba(0,0,0,0.1);
}
.header-style, .header-1 .nav-wrap {
    box-shadow: 0 0px 1px 1px rgba(0,0,0,0.1);
}
#header{box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);background-color: #000000;}
.fix-header{
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    position: fixed;
    width: 100%;
    height: 140px;
    z-index: 9999;
    background-color: #1b1b1b;
}
.header-1 .nav-wrap {
    position: relative;
}
.header-1 .nav-wrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: #1fcab8;
    border-left-color: #1fcab8;
    border-style: solid;
    border-top-width: 46px;
    border-right-width: 34px;
    border-bottom-width: 40px;
    border-left-width: 40px;
    margin-left: -338px;
}
.header-1 .nav-wrap:before {
    content: '';
    width: 50%;
    height: 86px;
    background: #1fcab8;
    position: absolute;
    top: 0;
    left: -338px;
}
.header-1 .navigation div > ul > li > a {
    padding: 30px 16px;
}

.fix-header #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
@media only screen and (min-width: 768px) {
    .sticky-phone{display: block;}
    #header.fix .nav-wrap, #header.fix .primary-header, .header-style.fix-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }
 /*   #header.fix .nav-wrap, #header.fix .secondary-header, .header-style.fix-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background: #004c9c;
    }*/
    #header.fix .nav-wrap, .header-style.fix-header {
        background: #fff;
    }
    .p-top {
        padding-top: 157px;
    }

}
.boxed #header.fix .nav-wrap, .boxed #header.fix .primary-header, .boxed .header-style.fix-header {
    max-width: 1170px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .header-2 .navigation div > ul > li > a {
        padding-left: 28px;
        padding-right: 28px;
    }
    .header.header-2 .navigation div > ul > li > a {
        padding-left: 28px;
        padding-right: 25px;
    }

}
@media (min-width: 768px) and (max-width: 991px) {
    .navigation div {
        margin-left: 0;
    }
    .navigation div > ul > li > a {
        padding: 38px 13px;
    }
    .navigation div .sub-menu {
        left: -27px;
    }
    .header-1 .nav-wrap:after {
        margin-left: -167px;
    }
    .header-1 .nav-wrap:before {
        left: -166px;
    }
    .header-1 .navigation div li:hover .sub-menu {
        top: 77%;
    }
    .call-us ul li a{
        font-size: 16px;
    }
    .header-2 .navigation div > ul > li > a {
        padding: 18px 23px;
    }
    .header-1 .navigation div > ul > li > a {
        padding: 30px 10px;
    }
    .header.header-2 .navigation div > ul > li > a {
        padding: 18px 10px;
    }
    .navigation div .btn-text{
        padding: 0 10px;
        min-width:160px;
    }
    .top-contact  .welcome-text{
        font-size: 11px;
    }

}

@media (max-width: 768px) {
    .container {
        margin: 0 auto;
        max-width: 480px;
        width: 100%;
    }
    .header ul, .header ul li {
        float: none !important;
    }
    .top-social-icon {
        text-align: center;
    }
    .top-social-icon ul {
        float: right !important;
    }
    .top-social-icon ul li {
        display: inline-block;
        margin: 0 4px !important;
    }
    .top-bar-section.top-bar-bg-color a {
        font-size: 11px;
        font-weight: 100;
        float: none;
    }
    .top-social-icon ul li:last-child, .top-social-icon ul li:last-child a {
        width: 100%;
        margin: 0;
    }
    .top-social-icon li {
         padding: 0;
    }
    .story-content, .video-frame {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: none !important;
    }
    /*.logo a {*/
        /*padding: 29px 0px !important;*/
    /*}*/
    .header-1 .logo a {
        padding: 26px 0 20px !important;
    }
    .navigation div {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 9;
        background: #004c9c;
    }
    .navigation div ul li a:hover {
        color: #211F20;
    }
    .header-1 .navigation div {
        top: 1px;
    }
    .navigation div ul li {
        border-bottom: 1px solid #fff;
    }
    .header-2 .navigation div > ul > li {
        border-left: none;
        background-color: #004c9c;
    }
    .navigation div > ul > li > a, .header-2 .navigation div > ul > li > a, .navigation div > ul > li:last-child a, .header-1 .navigation div > ul > li > a {
        padding: 10px 15px;
        color: #fff;
    }
    .header-2 .primary-header {
        border-bottom: 1px solid #fff;
        background: none;
    }
    .navigation div .sub-menu, .navigation div li.sub-menu .sub-menu, .navigation div li.sub-menu:hover .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        width: 100%;
        border-top: none;
        transition: inherit;
        -webkit-transition: inherit;
        padding: 0;
    }
    .navigation div ul li i {
        color: #fff;
        font-size: 25px;
        position: absolute;
        right: 15px;
        top: 9px;
        cursor: pointer;
        pointer-events: none;
    }
    .navigation div ul li ul {
        display: none;
    }
    .navigation div .on > .ion-ios-plus-empty:before {
        content: '\f462';
        font-family: "Ionicons";
    }
    .nf-col-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer h5:after {
        margin-bottom: 18px;
    }
    .footer-info .col-xs-12 {
        min-height: 0;
    }

    .call-us ul li a {
        font-size: 24px;
    }
    .col-right .opening ul::after, .col-right {
        display: none;
    }

    .header-style .logo {
        padding-bottom: 56px;
    }
    .header-style .navigation div {
        top: 163px;
    }
    .header-2 .navigation div > ul, .top-social-icon {
        float: none !important;
    ;
    }
    .header-2 .top-social-icon ul li:last-child, .header-2 .top-social-icon ul li:last-child a {
        width: auto;
    }
    .header-2 .top-social-icon {
        padding-bottom: 0;
    }
    .header-2 .appointment-button {
        display: block;
        margin: 10px auto;
        width: 200px;
    }
    .header-2 .navigation div {
        top: 3px;
    }
    .header-2.header-style .navigation div {
        top: 148px;
    }
    .header-1 .nav-wrap:before, .header-1 .nav-wrap:after {
        display: none;
    }
}

.home-section{
    background:url('assets/img/baristal.jpg') center center no-repeat #004c9c;
    background-size: cover;
}
.home-section-overlay{
    background: rgba(255, 255, 255, 0.78);
}
.footer {
    border-top: 4px solid #004c9c;
    padding-top: 30px;
    background:url('assets/img/footer.jpg') center center no-repeat #004c9c;
    background-size: cover;
    color: #f7f7f7;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}
.footer h4{
    color: #ffffff;
    font-weight: 700;
    text-shadow: 0 0 20px black;
}
.footer hr {
    border-color: #eee;
}
.footer .footer-info p {
    color: #ffffff;
    margin-top: 0 !important;
    font-size: 13px;
}
.footer-info .col-xs-12 {
    min-height: 200px;
}
.footer-logo {
    max-width: 125px;
    display: inline-block;
    width: 100%;
}
.footer .social, .contact .social {
    font-size: 17px;
}
.footer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.footer ul.social li, .contact ul.social li {
    display: inline-block;
    margin: 0 7px 0 0;
}
.footer .link a {
    font-size: 13px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    color: #ffffff;
}
.footer h5 {
    color: #ffffff;
    margin-bottom: 30px;
}
.footer .link-small a {
    text-transform: none;
    color: #ffffff;
}
.footer address {
    color: #ffffff;
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    margin-bottom: 10px;
}
.footer .blog-link li {
    margin-right: 5px;
}
.footer .link-small a {
    position: relative;
    padding-left: 29px;
    font-size: 14px;
    font-weight: 400;
}
.footer .link-small li {
    margin-bottom: 10px;
}
.footer .icons-hover-black i {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 15px;
    display: inline-block;
    margin-right: 1px;
    background: #211F20;;
    color: #fff;
}
.footer .blog-link img {
    width: 60px;
    height: 40px;
}
.footer .copyright {
    text-align: center;
    background: #211F20;
    position: relative;
}
.footer .copyright p, .footer .copyright p a {
    color: #ffffff;
}
.footer .post-content {
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
}
.footer .fa-icons {
    font-size: 22px;
    position: absolute;
    top: 0;
    left: 0;
}
.entry-thumbnail {
    float: left;
    margin: 0 15px 0 0 !important;
    max-width: 60px;
    padding-right: 0;
}
.entry-thumbnail {
    float: left;
    margin: 0 15px 0 0 !important;
    max-width: 60px;
    padding-right: 0;
}
.blog-link .fa {
    font-size: 14px;
    margin-right: 2px;
}
/* light footer css */
.light-footer {
    background-color: #EFEFEF;
    border-top: 1px solid #D6D4D4;
    color: #000;
}
.light-footer.footer h5, .light-footer.footer .footer-info p, .light-footer.footer .copyright, .light-footer .copyright a {
    color: #000;
}
.light-footer.footer .copyright {
    border-top: 1px solid #E0DFDF;
    background: #FBFBFB;
}
.light-footer .newsletter .newsletter-input, .light-footer .newsletter .newsletter-input:focus {
    background: #eee;
    color: #000;
}
.newsletter {
    position: relative;
}
.newsletter form {
    position: relative;
    margin-top: 20px;
}
.newsletter .newsletter-input, .newsletter .newsletter-input:focus {
    width: 100%;
    border-top: 0px none;
    border-left: 0px none;
    border-right: 0px none;
    padding-right: 40px !important;
    background: none;
    border-radius: 0;
    border: 1px solid #B1AFAF;
    color: #7f7f7f;
}
.newsletter .newsletter-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 18px;
    background: #7f7f7f;
    line-height: 23px;
    border-radius: 0;
    width: 49px;
    height: 100%;
}
.footer .icons-hover-black {
    padding-top: 10px;
}
/*Footer Style 2*/
.footer-style-2:before {
    content: '';
    width: 517px;
    height: 166%;
    position: absolute;
    top: 0;
    left: 0;
    background: #1fcab8;
    transform: rotate(23deg);
    transform-origin: 100% 0;
    -webkit-transform: rotate(23deg);
    -webkit-transform-origin: 100% 0;
}
.footer-style-2 .icons-hover-black i {
    background: #02695e;
}
.footer-style-2 .footer-info p {
    color: #fff;
    margin-bottom: 15px;
}
.instagram ul {
    margin: 0;
    padding: 0;
}
.instagram li {
    margin: 0 0 4px;
    padding: 0;
    list-style: none;
    display: inline-block;
}
.footer-style-2 .blog-link li {
    margin-right: 0;
    margin-bottom: 15px;
    width: 50%;
    float: left;
}

@media (max-width: 480px) {
    .footer .copyright p, .footer .copyright p a {
        font-size: 11px !important;
    }
}

/**************misc******************/
.page-margin{margin-top: 95px;}
.page-title{margin-top: 95px; background: #f5f5f5; border-bottom: 1px solid #dddddd; padding: 10px 20px;}
.form-fields, .form-fields2{width: 100%; box-sizing: border-box; padding: 10px; font-size: 14px; float: left; margin-bottom: 15px; border: 1px solid #c9c9c9; outline: none;color: #000;}
.form-fields-left{width: 100%; float: left; box-sizing: border-box; padding: 5px; font-size: 14px; margin-bottom: 20px; border: 1px solid #c9c9c9;}
.form-fields-right{width: 100%; height: 155px; float: right; box-sizing: border-box; padding: 5px; font-size: 14px; margin-bottom: 20px; border: 1px solid #c9c9c9;}
.form-fields2{ height: 197px;}
.form-terms{float: left; margin-bottom: 25px !important; font-size: 13px; line-height: 22px;}
.wpcf7-list-item{display: block; margin-bottom: 10px; font-size: 14px;}
.wpcf7-textarea{height: 131px; width: 100%; border: 1px solid #c9c9c9; outline: none; padding: 5px 10px;color: #000;}
.wpcf7-submit, .ln-widgetBox.search .searchButton a{float: right; text-align: center; background: #004c9c  !important; color: #ffffff !important; border: none; outline: none; font-weight: 600 !important;
    padding: 5px 25px !important; box-sizing: border-box; text-transform: uppercase;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
    text-indent: 0 !important; text-align: center;
    width: auto !important; height: auto !important;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
}
.wpcf7-submit:hover, .searchButton a:hover{color: #ffffff !important; background: #004c9c !important;}
div.wpcf7 img.ajax-loader {float: left;}
.wpcf7-list-item{display: inline-block; margin-right: 10px;}
div.wpcf7-response-output{float: left;}
.wpcf7-not-valid-tip{display: none !important;}
.wpcf7-not-valid{border: 1px solid #004c9c;}
.maps iframe{pointer-events: none;}



/*******************************
Home Slider
*********************************/

.swiper-container {
    width: 100%;
    height: 560px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    justify-content: center;
    align-items: center;
}
.slide-text{
    text-align: left;
    top: 15%;
    width: 1080px;
    z-index: 1;
    padding: 30px 50px;
    background: rgba(0, 0, 0, 0.41);
    margin: auto;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.slide-text-bg{padding: 50px; text-align: center;}
.slide-text h1, .slide-text h2, .slide-text h3{color: #ffffff; font-family: 'Roboto', sans-serif; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.95);}
.slide-text h1{display: inline-block; font-size: 64px; line-height: 50px; font-weight: 600; margin-top: 0;}
.slide-text-bg{padding: 25px;}
.slide-text h2{
    font-size: 25px;
    font-weight: 400;
    line-height: 33px;}
.slide-text h3{font-size: 24px;font-weight: 300;}
.swiper-button-next{background-image: url("assets/img/next.png") !important;}
.swiper-button-prev {background-image: url("assets/img/back.png") !important;}
.swiper-pagination-bullet-active {opacity: 1;background: #211F20 !important;}
.swiper-pagination-bullet {border: 2px solid #211F20 !important;}

.txt-half{padding: 50px; background: #ffffff;}


.board{
    height: 500px;
    background: #fff;
    /*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}
.board .nav-tabs {
    position: relative;
    /* border-bottom: 0; */
    /* width: 80%; */
    margin: 40px auto;
    margin-bottom: 0;
    box-sizing: border-box;

}

.board > div.board-inner{
    /*background: #fafafa url(http://subtlepatterns.com/patterns/geometry2.png);*/
    /*background-size: 30%;*/
}

p.narrow{
    width: 60%;
    margin: 10px auto;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    /* background-color: #ffffff; */
    border: 0;
    border-bottom-color: transparent;
}

span.round-tabs{
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
    border: 1px solid #004c9c;
}

span.round-tabs img{height: 42px;margin-bottom: 5px;margin-top: 11px;}
.nav-tabs > li.active > a span.round-tabs{
    background: #ffffff;
}
.nav-tabs > li {
    width: 20%;
}
li.active:before {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: -2px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 1;
    transition:0.2s ease-in-out;
}
.nav-tabs > li:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #004c9c;
    transition:0.1s ease-in-out;

}
.nav-tabs > li.active:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:1;
    margin: 0 auto;
    bottom: -20px;
    border: 10px solid transparent;
    border-top-color: #004c9c;
}
.nav-tabs > li h4{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    top: -7px;
    line-height: 1;
}
.nav-tabs > li a{
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.nav-tabs > li a:hover{
    background: transparent;
}

.tab-content{
}
.tab-pane{
    position: relative;
    padding-top: 50px;
}
.tab-content .head{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.btn-outline-rounded{
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.btn.green{
    background-color:#5cb85c;
    /*border: 2px solid #5cb85c;*/
    color: #ffffff;
}

.nav-tabs {
    border-bottom: 1px solid #004c9c;
}
@media (max-width: 768px){
    .board{
        height:auto !important;
    }
    .tab-content>.tab-pane {
        padding-top: 5px;
    }
}
@media( max-width : 585px ){

    .board {
        width: 90%;
        height:auto !important;
    }
    span.round-tabs {
        font-size:16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    span.round-tabs img{height: 32px;}
    .tab-content .head{
        font-size:20px;
    }
    .nav-tabs > li h4 {
        font-size: 12px;
    }
    .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height:50px;
    }

    .nav-tabs > li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }

    .btn-outline-rounded {
        padding:12px 20px;
    }
    .tab-content>.tab-pane {
        padding-top: 5px;
    }
}





/********************************************Woocommerce*****************************************************/
.woocommerce-loop-product__title{font-size: 13px; line-height: 22px; font-weight: 700;margin: 0;white-space:nowrap;}
li.product{position: relative;overflow: hidden;}
span.price{font-weight: 600; }
.wc-tabs li{display: inline-block; }
.wc-tabs li.active a, .wc-tabs li a:hover{background: #004c9c; color: #ffffff; text-decoration: none !important;}
.wc-tabs li a{display: block; padding: 5px 15px; background: #f5f5f5; text-decoration: none !important;}
.variations .label{color: #222222; font-size: 100%; padding: 0 37px 0 0;}
.quantity .screen-reader-text{width: auto; height: auto; position: initial !important; overflow: visible; padding: 0 10px 0 0;}
.single_add_to_cart_button{float: right; background: #004c9c; color: #ffffff; border: none;  outline: none; padding: 5px 15px; border-radius: 5px;}
.single_add_to_cart_button:hover{background: #222222;}
.quantity{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f5f5f5;}
.variations{margin: 15px 0;}
.variations select{padding: 5px;}
span.sku_wrapper{display: none;}
a.reset_variations{padding: 15px;}
p.stock{padding: 0 10px; background: #222222; color: #ffffff; display: inline-block; border-radius: 5px; margin: 0 0 10px 0 !important; font-size: 12px;}
.product_title{color: #222222; font-size: 32px; line-height: 34px; font-weight: 700;}
.entry-summary .price{color: #004c9c;font-size: 20px;font-weight: 700;}
.woocommerce-product-gallery .flex-control-nav {margin: 15px 0 0 0; padding: 0;}
.woocommerce-product-gallery .flex-control-nav li{display: inline-block; width: 20%;}
.woocommerce-product-gallery .flex-control-nav li:hover{cursor: pointer;}
.product-container{border: 1px solid #ececec;padding: 0;}
.product-details{padding: 15px 10px 0;}
.product-buttons{padding-bottom: 9px;padding-top: 9px;margin: 0 10px;text-align: right;}
.product-content-sep {margin-top: 10px;height: 6px;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;
}
.woo-btn{background: #004c9c; color: #ffffff; border: none;  outline: none; padding: 5px 15px; border-radius: 5px;}
.add_to_cart_button{float:left;color: #004c9c;font-size: 13px;font-weight: 600;background: url(assets/img/cart.png) 0 3px no-repeat !important;padding: 0 0 3px 24px !important;}
.add_to_cart_button:hover,.add_to_cart_button:focus,.add_to_cart_button:visited,.add_to_cart_button:active{color: #442511 !important;}
.added_to_cart{float:left;color: #004c9c;font-size: 13px;font-weight: 600;background: url(assets/img/view-cart.png) 0 3px no-repeat !important;padding: 0 0 3px 24px !important;}
.ajax_add_to_cart.added {display:none !important;}
.added_to_cart:hover, .woo-btn:hover{background: #DDDDDD; color: #000000;}
.added_to_cart:active, .added_to_cart:active, .added_to_cart:focus, .added_to_cart:visited{color: #442511;}
.add_to_cart_button:focus, .added_to_cart:focus, .woo-btn:focus{color: #ffffff;}
.qty{padding-left: 5px;}
.woocommerce img {max-width: 30%;}
.woocommerce-breadcrumb{color: #ffffff;}
.breadcrumb{ margin-top: 0;  padding: 15px 0;  background: #080504;  text-align: right; }
.checkout-button{background-color: #004c9c !important;padding: 10px !important;}
.woocommerce button.button.alt{background-color: #004c9c !important;padding: 10px !important;}
.woocommerce table.cart td.actions .input-text{width: 110px; padding-left: 5px;}

.woocommerce form .form-row input.input-text{width: 100%;box-sizing: border-box;padding: 12px;font-size: 14px;float: left;margin-bottom: 15px;border: 1px solid #dddddd;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}
.woocommerce .product-remove{width:100px;}
.woocommerce a.remove span {color: #004c9c;font-size: 13px;font-weight: 500;position: absolute;margin-left: 10px;margin-top: 5px;}

.star-rating{float:right;width:85px;height:16px;background:url(assets/img/star.png) repeat-x left 0}
.star-rating span{background:url(assets/img/star.png) repeat-x left -21px;height:0;padding-top:16px;overflow:hidden;float:left}
.hreview-aggregate .star-rating{margin:10px 0 0 0}
#review_form #respond{position:static;margin:0;width:auto;padding:0 0 0;background:transparent none;border:0}
#review_form #respond:after{content:"";display:block;clear:both}
#review_form #respond p{margin:0 0 10px}
#review_form #respond .form-submit input{left:auto}
#review_form #respond textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}
p.stars:after{content:"";display:block;clear:both}
p.stars span{width:85px;height:16px;position:relative;float:left;background:url(assets/img/star.png) repeat-x left 0}
p.stars span a{float:left;position:absolute;left:0;top:0;width:16px;height:0;padding-top:16px;overflow:hidden}
p.stars span a:hover,p.stars span a:focus{background:url(assets/img/star.png) repeat-x left -21px}
p.stars span a.active{background:url(assets/img/star.png) repeat-x left -21px}
p.stars span a.star-1{width:16px;z-index:10}
p.stars span a.star-2{width:32px;z-index:9}
p.stars span a.star-3{width:48px;z-index:8}
p.stars span a.star-4{width:64px;z-index:7}
p.stars span a.star-5{width:80px;z-index:6}

.more-detail{color: #004c9c;font-size: 13px;font-weight: 600;background: url(assets/img/more.png) 0 3px no-repeat !important;padding: 3px 0 3px 24px !important;}

#cart-holder {float: right;} #cart-holder .cart-simple { color: #ffffff; }
#cart-holder #cart-icon { margin-right: 0px; display: inline-block; vertical-align: middle; }
#cart-holder i{ font-size: 25px; padding-right: 4px; }
#cart-holder strong { width: 22px; height: 22px; border-radius: 50%; background: #ED1D24; color: #ffffff; text-align: center; font-size: 14px; padding-top: 1px; overflow: hidden; line-height: 20px; display: inline-block; margin-left: -3px; }

.is-active{background: #004c9c;}
.is-active a{color: #ffffff; font-weight: 700;}

.woocommerce-pagination{float: left;}
.woocommerce-pagination .page-numbers li{display: inline-block;}
/*******************Woocommrrce*********************/

.page-banner{height: 200px;overflow: hidden;position: relative;box-shadow: 0px 2px 3px rgba(47, 20, 0, 0.18);border-bottom: 1px solid #ffbf6b;}
.page-banner-text{position: absolute;top: 80px;width:600px;background: rgba(0, 0, 0, 0.74);padding: 0 20px 30px;}
.page-banner-text h1,.page-banner-text p{color: #ffffff;}
.page-banner-text2{position: absolute;top: 40px;}
.page-banner-text2 h1{text-transform: uppercase;font-weight: 600;}
.page-banner-text2 h1,.page-banner-text2 p{color: #ffffff;}

@media (max-width: 768px) {
    .page-banner-text2 {
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.63);
        padding: 0 20px;
    }
}
.alignright {float: right;margin: 7px 0 28px 28px;}
.alignleft {float: left;margin: 7px 28px 28px 0;}
.aligncenter {clear: both;display: block;margin: 7px auto;}
.page-content{text-align: justify;}


.sidebar-img{height: 50px;width:50px; border-radius: 100%;float: left;}
.sidebar {}
.sidebar h5{margin-left: 7px;float: left;}

.contact-social li{display: inline-block;}
.contact-social li a{font-size: 20px;}


.serviceBox{text-align:center}
.serviceBox .service-icon{display:inline-block;width:100px;height:100px;border-radius:50%;background:#7c5d48;margin-bottom:15px}
.serviceBox .service-icon i{font-size:35px;color:#fff;line-height:100px;transition:all .3s ease 0s}
.serviceBox:hover .service-icon i{transform:rotateY(180deg)}
.serviceBox .title{display:block;width:190px;font-size:20px;color:#433b3b;line-height:30px;text-align:center;text-transform:uppercase;border-bottom:1px solid #004c9c;padding-bottom:20px;margin:0 auto 20px;position:relative}
.serviceBox .title:after,.serviceBox .title:before{content:"";width:10px;height:10px;border-radius:50%;background: #004c9c;margin:0 -5px 0 0;position:absolute;bottom:-5px;right:50%;transition:all .4s ease 0s}
.serviceBox .title:before{left:50%;margin:0 0 0 -5px}
.serviceBox:hover .title:before{left:100%}
.serviceBox:hover .title:after{right:100%}
.serviceBox .description{font-size:14px;color:grey;line-height:27px;padding:0 15px;margin:0}
@media only screen and (max-width:990px){.serviceBox{margin-bottom:30px}}

.serviceBox2{
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    min-height: 440px;
    box-shadow: 0 7px 20px rgba(85, 85, 85, 0.16);
    border-radius: 10px;
}
.serviceBox2:hover{
    box-shadow: 0 7px 20px 10px rgba(85, 85, 85, 0.16);
}
.serviceBox2 .service-icon{
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin-bottom: 15px;
    overflow: hidden;
}
.serviceBox2 .service-icon i{
    font-size: 35px;
    color: #fff;
    line-height: 100px;
    transition: all 0.3s ease 0s;
}
.serviceBox2:hover .service-icon i{
    transform: rotateY(180deg);
}
.serviceBox2 .title{
    display: block;
    font-size: 24px;
    color: #004c9c;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #004c9c;
    padding-bottom: 20px;
    margin: 0 auto 20px;
    position: relative;
}
.serviceBox2 .title:before,
.serviceBox2 .title:after{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #004c9c;
    margin: 0 -5px 0 0;
    position: absolute;
    bottom: -5px;
    right: 50%;
    transition: all 0.4s ease 0s;
}
.serviceBox2 .title:before{
    left: 50%;
    margin: 0 0 0 -5px;
}
.serviceBox2:hover .title:before{ left: 100%; }
.serviceBox2:hover .title:after{ right: 100%; }
.serviceBox2 .description{
    font: 14px;
    color: #808080;
    line-height: 27px;
    padding: 0 15px;
    margin: 0;
}
@media only screen and (max-width:990px){
    .serviceBox2{ margin-bottom: 30px; }
}
.testimonial-container{
    background: #004c9c;
    padding-top: 20px;
    min-height: 370px;
}
.testimonial-container h3{
    margin-top: 0;
    color: #f0f0f0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 22px;
}
#testimonial-slider{margin-top: -20px;}
.testimonial{color: #fff;padding:30px 30px 30px 30px;margin:10px;overflow:hidden;position:relative}
.testimonial:before{content:"";position:absolute;bottom:0;right:0;border-top:25px solid #004c9c;border-left:25px solid transparent;border-right:25px solid transparent;transform:rotate(-45deg);transform-origin:80% -30% 0}
.testimonial .pic{display:inline-block;width:80px;height:80px;border-radius:50%;overflow:hidden;position:absolute;top:60px;left:20px}
.testimonial .pic img{width:100%;height:auto}
.testimonial .description{font-size:15px;font-style:italic;color:#ffffff;line-height:25px;margin-bottom:15px;min-height: 60px;}
.testimonial .title{display:inline-block;font-size:20px;font-weight:700;color:#ffffff;margin:0}
.testimonial span.rating {
    width: 100px;
    height: 180px;
    float: left;
    display: inline-block;
    position: relative;
}
.testimonial i {
    text-align: center;
    line-height: 100px;
    font-size: 90px;
    color: #fff;
    display: inline-block;
    width: 100%;
}
.testimonial span.rating p {
    position: absolute;
    top: -14px;
    width: 100%;
    text-align: center;
    color: #044c29;
    line-height: 100px;
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
}
.testimonial p.author {
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
}
.testimonial p.author i {
    font-size: 50px;
    width: auto;
    height: auto;
    color: #fff;
}

.testimonial .post{display:inline-block;font-size:17px;color:#004c9c}
.owl-theme .owl-controls .owl-page span{border:1px solid #004c9c;background:#fff;opacity:1}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls .owl-page:hover span{background:#004c9c}
@media only screen and (max-width:768px) {
    .testimonial{padding:0;}
    .testimonial span.rating{height: 100px;}
    .testimonial .pic{display:block;position:static;margin:0 auto 15px}
}
.social {
    background-color: #1b1b1b;
    min-height: 370px;
    padding: 20px;
}
.social h3 {
    margin-top: 0;
    color: #f0f0f0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 22px;
}
.social p{color: #f0f0f0;}
.social a i {
    background-color: #c0c0c0;
    color: #373737;
    width: 70px;
    display: inline-block;
    border-bottom-right-radius: 20px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 35px;
    margin-right: 10px;
    padding: 15px;
}
.social a:hover i{
    background: #004c9c;
    color: #ffffff;
}
.one-story {
    margin-bottom: 20px;
}
.story-image {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    float: left;
    overflow: hidden;
    margin-top: 10px;
}
.story-image img {
    max-width: 100%;
    height: auto !important;
}
.story {
    width: 80%;
    float: left;
    padding-left: 15px;
}
.story h4{ font-weight: 500;}
.port-image
{
    width: 100%;
}

.gallery_product
{
    margin: 0 !important;
    padding: 10 !important;
}
.gallery_product img {
    width: 100%;
}

.totop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
}
.totop a {
    display: none;
}
.totop a, .totop a:visited {
    color: #ffffff;
    text-decoration: none;
    display: block;
    background: #211F20;
    width: 30px;
    height: 30px;
    text-align: center;
    margin: 0;
    border-radius: 100%;
}
.totop a:hover {
    text-decoration: none;
    border-bottom: none;
    background: #211F20;
}

.sticky-phone{
    position: absolute;
    top: 0;
    right: 10%;
    height: 60px;
    width: 190px;
}
.sticky-phone a{
    font-size: 30px;
    font-weight: 700;
    display: block;
    padding-top: 11px;
    /*padding-left: 10px;*/
}
@media (max-width: 1920px) {
    .sticky-phone{right: 0;}
}
@media (max-width: 1250px) {
    .sticky-phone{display: none}
}

.owl-buttons{
    margin-top: -270px;
    float: left;
}

.owl-prev {
    position: absolute;
    right: -20px;
    margin-top: 62px !important;
    height: 55px;
    text-align: center;
    line-height: 47px;
    transform: translateY(-50%);
}
.owl-next {
    position: absolute;
    right: -20px;
    margin: 0;
    height: 55px;
    text-align: center;
    line-height: 47px;
    transform: translateY(-50%);
}

.owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
    background: #b7b7b7 !important;
    text-transform: capitalize;
    padding: 14px 20px !important;
    border-radius: 0;
    font-size: 28px;
    top: 35%;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background: #211f20 !important;
}
.more-link{display: none !important;}
.read-more{font-weight: 600;}
.bullet ul li {
    display: block;
    padding-left: 25px;
    background: url(assets/img/check-round.png) 0 5px no-repeat;
    margin: 5px 0;
}

.post-slide{overflow:hidden;margin:15px}
.post-slide .post-img{float:left;width:30%;position:relative;margin-right:30px}
.post-slide .post-img img{width:100%;height:auto}
.post-slide .post-date{background: #004c9c;color:#fff;position:absolute;top:0;right:0;display:block;padding:2% 3%;width:60px;height:60px;text-align:center;transition:all .5s ease}
.post-slide .date{display:block;font-size:20px;font-weight:700}
.post-slide .month{display:block;font-size:11px;text-transform:uppercase}
.post-slide .post-review{padding:1% 3% 1% 0;border-top:3px solid #f97600;}
.post-slide:hover .post-review{border-top-color: #004c9c
}
.post-slide .post-title{margin:0 0 10px}
.post-slide .post-title a{font-size:18px;color:#333;text-transform:uppercase}
.post-slide .post-title a:hover{text-decoration:none;font-weight:700}
.post-slide .post-bar{padding:0;list-style:none;text-transform:uppercase;position:relative;margin-bottom:20px}
.post-slide .post-bar:after,
.post-slide .post-bar:before{border:1px solid #f97600;bottom:-10px;content:"";display:block;position:absolute;right:62%;width:25px}
.post-slide .post-bar:before{border:1px solid #004c9c;right:58%}
.post-slide .post-bar li{color:#555;font-size:10px;margin-right:10px;display:inline-block}
.post-slide .post-bar li a{font-size:13px;text-decoration:none;text-transform:uppercase;color: #004c9c
}
.post-slide .post-bar li a:hover{color: #004c9c
}  .post-slide .post-bar li i{color:#777;margin-right:5px}
.post-slide p{font-size:16px;line-height:21px;color:#444454}

@media only screen and (max-width:990px){.post-slide .post-img{width:100%}
    .post-slide .post-review{width:100%;border-bottom:4px solid #004c9c
    }
    .post-slide .post-bar:before{left:0}.post-slide .post-bar:after{left:25px}
}

/*--------Faq Page-----------*/
.faq h3 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 38px;
    text-transform: capitalize;
}
.faq .page-header {
    margin: 0;
}
.faq .faq-header  h2 strong {
    border-bottom-style: solid;
    border-bottom-width: 2px;
}
.faq .faq-header  h2 {
    margin-bottom: 27px;
    font-weight: 300;
}
.faq .faq-header {
    margin-bottom: 0;
}
.faq .panel-title > a {
    display: block
}
.faq .panel-group .panel + .panel {
    margin-top: 14px;
}
.faq .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: 1px solid #f2ede9;
    padding: 18px 18px;
    background: #ffffff;
}
.faq .panel-default > .panel-heading {
    padding: 0;
    background: #f2ede9;
}
.faq .panel-default > .panel-heading a {
    padding: 13px 60px 14px 28px;
    color: #26211d;
    position: relative;
}
.faq .panel-default > .panel-heading a:hover {
    text-decoration: none;
}
.faq .panel-default > .panel-heading a.collapsed {
    background-position: right top
}
.faq .panel-group .panel {
    border-radius: 0;
    border: none;
    box-shadow: none
}
.faq .panel-group .panel p {
    font-weight: 300;
}
.save-lives.ask-us {
    background: #faf8f6;
}
.save-lives.ask-us h2 {
    font-weight: 300;
    margin-bottom: 30px;
}
.faq .panel-heading {
    border-radius: 0;
}
.faq .collape-plus {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 48px;
    height: 100%;
    text-align: center;
}
.collape-plus:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    font-weight: 400;
    text-transform: capitalize;
}
.faq .collape-plus {
    background: #004c9c;
    color: #fff;
}
.panel-title a[aria-expanded="true"] .fa-plus:before {
    content: "\f068";
    font-famiyl: 'FontAwesome';
}

/****Video******/
.video iframe{
    display: inline-block;
    height: 200px;
    width: 350px;
    margin: auto 5px;
}
.video br{display: none;}
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #004c9c;
}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.sidebar-news{width: 264px;margin-left: auto;margin-right: auto;}
.sidebar-news h4{font-style: normal;line-height: 10px;color: #ffffff}

.sidebar-news li a{
    font-size: 14px;
    font-weight: 600;
}
.sidebar-banner{
    width: 264px;
    position: relative;
    height: 400px;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
.sidebar-banner .btn-banner{
    position: absolute;
    bottom: 10px;
    left: 47px;
}
.sidebar-banner1{
    background: url(assets/img/sidebar-bg.jpg) no-repeat center center;
    background-size: cover;
}
.sidebar-banner2{
    background: url(assets/img/sidebar-bg-2.jpg) no-repeat center center;
    background-size: cover;
}
.sidebar-banner h3{
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    position: absolute;
    line-height: 40px;
    bottom: 70px;
    padding: 0 40px;
    text-align: left;
    text-shadow: 0 0 5px black;
}

/*************/
.blog-posts-featured .image_wrap {
    height: 180px;
    float: left;
    overflow: hidden;
    width: 100%;
}
.blog-posts-featured .image_wrap img{width: 100%}
.blog-posts-featured .post-review{float: left;}
.blog-posts-featured .post-review .post-comment li{ display: inline-block; font-size: 13px;}
.blog-posts-featured .post-review .post-title {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
     line-height: 27px;
}

.blog-posts-featured .post-review p{
    margin: 0 !important;
    font-size: 13px;
    color: #717171;
}
.blog-posts-featured .post-review a.read-more{
    float: left;
    width: 100%;
    text-align: right;
    font-size: 12px;
    padding: 5px;
    color: #b77745;
    border-top: 1px solid #b77745;
    border-bottom: 1px solid #b77745;
    margin-bottom: 5px;
}
.blog-posts-featured .col-sm-3 a.read-more:after {
    content: " >> ";
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

/************Breads Page************/

/*
.breads .img-octagon{
    height: 280px;
    width: 280px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
*/
.breads h5{
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.poligon {
    display: inline-block;
    position: relative;
    width: 180px;
    height: 180px;
    background: #eee;
    box-sizing: border-box;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);}
.poligon img {
    position: absolute;
    top: 10px; /* equal to border thickness */
    left: 10px; /* equal to border thickness */
    width: 160px; /* container height - (border thickness * 2) */
    height: 160px; /* container height - (border thickness * 2) */
    transition: all 0.2s;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.poligon .overlay {
    position: absolute;
    z-index: 999;
    background: rgba(0,0,0,0.6);
    /*display: none;*/
    transform: scale(0);
    top: 10px; /* equal to border thickness */
    left: 10px; /* equal to border thickness */
    width: 160px; /* container height - (border thickness * 2) */
    height: 160px; /* container height - (border thickness * 2) */
    transition: all 0.5s;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.poligon .overlay i{
    display: block;
    height: 30px;
    width: 40px;
    top: 40%;
    left: 40%;
    color: #fff;
    position: absolute;
    border: 2px solid #ffffff;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    padding: 6px 10px;
}
.poligon .overlay a:hover i{background: #ffffff;color: #000000;}
.poligon:hover .overlay{display: block;transform: scale(1);}
.poligon:hover img{transform: scaleX(-1);}
.lazy{width: 100%;}
.slide-texture {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
}
.page-sidebar-img{
    margin-bottom: 20px;
    margin-right: 20px;
}
.product-page-menu li{ display: inline-block;}
.product-page-menu li a{padding: 10px 10px;border: 1px solid #004c9c;}
.product-page-menu li a:hover{color: #ffffff;background:#004c9c }
.product-page-menu li.current-menu-item a{color: #ffffff;background:#004c9c }


.booking .table-fill {
    background: white;
    border-radius: 3px;
    border-collapse: collapse;
    height: 320px;
    margin: auto;
    padding: 5px;
    width: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    animation: float 5s infinite;
}
.booking th:first-child {
    border-top-left-radius: 3px;
}

.booking  .tbttl01 {
    background-color: #5C9600;
}

.booking th:last-child {
    border-top-right-radius: 3px;
    border-right: none;
}
.booking .tbttl01 {
    background-color: #5C9600;
}
.booking .tabright {
    width: 20%;
    text-align: center;
}
.booking .tableft {
    width: 80%;
}
.booking th {
    color: #fff;
    background: #002f55;
    border-bottom: 4px solid #9ea7af;
    border-right: 1px solid #343a45;
    font-size: 23px;
    font-weight: 100;
    padding: 10px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}

.booking td.text-left {
    text-align: left;
}

.booking .tabtd01 {
    background-color: #94CD1C;
}
.booking .tabtd02 {
    background-color: #00A0D5;
}
.booking .tbttl02 {
    background-color: #007691;
}
.booking .tabtd03 {
    background-color: #ECAD00;
}
.booking .tbttl03 {
    background-color: #A69500;
}
.booking .tabtd04 {
    background-color: #08C049;
}
.booking .tbttl04 {
    background-color: #058C35;
}
.booking .tabtd05 {
    background-color: #00A0D5;
}
.booking .tbttl05 {
    background-color: #006D91;
}
.booking .tabtd06 {
    background-color: #94CD1C;
}
.booking .tbttl06 {
    background-color: #5C9600;
}
.booking .text-left {
    text-align: left;
}
.booking td {
    background: #FFFFFF;
    padding: 20px;
    text-align: left;
    vertical-align: middle;
    font-weight: 300;
    font-size: 15px;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    border-right: 1px solid #C1C3D1;
}
.modal-content{padding: 0 0 30px 0;}

.page-bg{
    background: url(assets/img/inner_bg.jpg) fixed center no-repeat;
    background-size: 100% auto;
    padding-bottom: 30px;
}
.page-bg h1,
.page-bg h2,
.page-bg h3,
.page-bg h4,
.page-bg h5,
.page-bg li,
.page-bg label,
.page-bg p{
    color: #ffffff !important;
}

.associations .logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.associations .logos a img {
    max-width: 100%;
    /*max-height: 80px;*/
}

.sticky-rating{
    position: fixed;
    top: 140px;
    right: 0;
    z-index: 999;
    width: 140px;
    border-radius: 3px;
    overflow: hidden;
}



/*** 

====================================================================
	Fixed Appointment Form
====================================================================

***/

.fixed-appoint-form{
	position:fixed;
	top:140px;
	left:-300px;
	z-index:50;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.app-form-visible .fixed-appoint-form{
	left:0px;
}

.fixed-appoint-form .appointment-box-btn{
	position:absolute;
	content:'';
	right:-140px;
	top:83px;
	z-index:10;
	color:#ffffff;
	text-align:center;
	-ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.fixed-appoint-form .appointment-box-btn .appointment-btn{
	position:relative;
	color:#ffffff;
	font-size:18px;
	font-weight:500;
	display:block;
	width:224px;
	padding:16px 24px;
	background-color:#004c9c;
	border-radius:0px 0px 5px 5px;
}

.fixed-appoint-form .appoint-form{
	position:relative;
	width:300px;
}

.fixed-appoint-form .appoint-form h5{
	font-size:14px;
	color:#b4b4b4;
	margin-bottom:20px;
}

.fixed-appoint-form .appoint-form .inner{
	position:relative;
	padding:25px 25px 20px;
	background:#f5f7f8;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
}

.fixed-appoint-form .appoint-form .wpcf7-form{
	margin-bottom:10px;	
}

.fixed-appoint-form .appoint-form .wpcf7-form input{
	height:40px;
	line-height:24px;
	padding:7px 20px;
	font-size:14px;
	font-weight:400;
	width: 100%;
}

.fixed-appoint-form .appoint-form .wpcf7-form textarea{
	height:100px;
	font-size:14px;
	font-weight:400;
	margin-bottom:0px;	
	width: 100%;
	height: 100px !important;
}

.fixed-appoint-form .appoint-form .wpcf7-form input[type=submit]{
	display:block;
	width:100%;
	text-align:center;	
}

/* PC */
@media (min-width: 768.98px) {
	
}
/* Mobile */
@media (max-width: 768px) {
	.fix-header {
		height: 100px;
	}
    .fixed-appoint-form{
        display: none;
    }
	.logo {
		padding-bottom: 2px;
	}
    .logo, .nav-bg {
       position: relative;
        top: 0;
    }
    .logo a img {
        height: 50px;
		width: 80%;
		margin-top: 6px;
	}
	.menu {
		right: 20px;
		top: 20px;
	}
    .associations .logos {
        display: block;
    }
    .associations .logos a img {
        text-align: center;
        margin: 35px auto;
        display: block;
    }
}
.img-fluid {
	max-width: 100%;
	height: auto;
}