/* ============================ CSS INDEX START ==================== 

1. primary reset
2. Text and Fonts
3. Section heading
4. Colors and Backgrounds
5. Margin and Padding
6. BacktoTop
7. Few other default classes
8. Index
9. Index-2
10. Index-3
11. About
12. Team
13. Services
14. Services-single
15. Faq
16. 404
17. Pricing
18. Blog
19. Blog-detail
20. Contact

   ============================= CSS INDEX END ===================== */


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


/* ======================= INFORMATION START ======================= 

    Template Name: Atlanta-Plumbers
    Template URI: #
    Description: This is html5 template
    Author: #
    Author URI: #
    Version: 1.0

=========================== INFORMATION END ======================== */


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


/* ========================== RESET START ========================== */

/*=================== flutuando =======================*/

.flutuante {
    position: fixed;
    top: 72%;
    right: 1%;
    padding: 10px;
    z-index: 10000000;
}
/*=================== flutuando =======================*/

/* === primary reset start === */

* {
    margin: 0px;
    padding: 0px;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    overflow-x: hidden !important;
    font-size: 13px;
    font-family: 'Trebruchet MS', sans-serif;
}



.preco { color: #ff0000; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;	font-size:26px;	font-weight: bold; }
.p_banner { color: #ffffff; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;	font-size:26px;	font-weight: normal; }

a {
    text-decoration: none;
    outline: 0 !important;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

a.colorlight:link  {COLOR: #ffffff; text-decoration: none; }
a.colorlight:visited { COLOR: #ffffff; text-decoration: none;}
a.colorlight:active  {COLOR: #ffffff; text-decoration: none;}
a.colorlight:hover {COLOR: #0d6699; text-decoration: none;}

a:hover,
a:active,
a:visited,
a:focus {
    text-decoration: none;
    color: inherit;
    background: inherit;
    outline: 0 !important;
}

a:focus {
    border: 0 !important;
}

ol,
ul,
li {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

h1 {
    font-size: 72px;
}

h2 {
    font-size: 28px;
}

p {
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
}

input,
textarea {
    border: 0;
    outline: 0 !important;
    box-shadow: none !important;
    resize: none;
    background-color: transparent;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

input:focus,
textarea:focus {
    box-shadow: none !important;
    border: 0;
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

textarea::-moz-placeholder,
input::-moz-placeholder {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

textarea::placeholder,
input::placeholder {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

button {
    border: 0;
}

img {
    max-width: 100%;
}

::-moz-selection {
    background: #0a3642;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #0a3642;
    color: #fff;
    text-shadow: none;
}

.list-inline {
    margin-left: 0;
}

.list-inline > li {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}
/* === primary reset start === */


/* === text-format start === */

.fl {
    float: left;
}

.fr {
    float: right;
}

.fn {
    float: none;
}

.db {
    display: block;
}

.dib {
    display: inline-block;
}

.dn {
    display: none;
}


/*font-size */

.fz-42 {
    font-size: 36px;
}

.fz-36 {
    font-size: 36px;
}

.fz-32 {
    font-size: 32px;
}

.fz-24 {
    font-size: 24px;
}

.fz-16 {
    font-size: 16px;
}

.fz-14 {
    font-size: 14px;
}

.fz-12 {
    font-size: 12px;
}

.fw-b {
    font-weight: bold;
}

.fw-sb {
    font-weight: 600;
}

.fw-n {
    font-weight: normal;
}

.fw-l {
    font-weight: lighter;
}

.ff-lato {
    font-family: 'Lato', sans-serif;
}

.ff-mont {
    font-family: 'Montserrat', sans-serif;
}

.ff-robo {
    font-family: 'Roboto', sans-serif;
}

.ls-75 {
    letter-spacing: .75px;
}

.ls-50 {
    letter-spacing: .50px;
}

.ls-30 {
    letter-spacing: .30px;
}

.ls-15 {
    letter-spacing: .15px;
}

.ls-10 {
    letter-spacing: .10px;
}

.lh-10 {
    line-height: 10px;
}

.lh-11 {
    line-height: 11px;
}

.lh-26 {
    line-height: 26px;
}

.lh-23 {
    line-height: 23px;
}

.lh-21 {
    line-height: 21px;
}

.lh-17 {
    line-height: 17px;
}

.lh-20 {
    line-height: 20px;
}

.lh-15 {
    line-height: 15px;
}

.lh-30 {
    line-height: 30px;
}

.lh-50 {
    line-height: 50px;
}

.lh-56 {
    line-height: 56px;
}

.lh-68 {
    line-height: 68px;
}

.lh-n {
    line-height: none;
}


/* section heading */

.section-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 26px;
    letter-spacing: .15px;
    color: #333333;
    position: relative;
    margin-bottom: 80px;
}

.section-heading:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 2px;
    background: #0a3642;
    left: 50%;
    top: 40px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.section-heading-2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 26px;
    letter-spacing: .15px;
    color: #333333;
    position: relative;
    margin-bottom: 80px;
}

.section-heading-2:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 2px;
    background: #0a3642;
    left: 0;
    top: 40px;
}

.section-sub-heading {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 11px;
    letter-spacing: .10px;
    color: #fff;
    position: relative;
    margin-bottom: 48px;
}

.section-sub-heading:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 1px;
    background: #0a3642;
    left: 0;
    top: 25px;
}

.section-sub-heading-2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 11px;
    letter-spacing: .10px;
    color: #333333;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 60px;
}

.section-sub-heading-2:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 1px;
    background: #0a3642;
    left: 0;
    top: 25px;
}


/* section heading end */

/*form focus*/

form input[type=text]:focus,
form input[type=number]:focus,
form input[type=email]:focus,
form textarea:focus {
    border: 1px solid #0a3642 !important;
}

/*form focus end*/


/* colors */

.tc-1 {
    color: #0a3642;
}

.tc-2 {
    color: #fff;
}

.tc-3 {
    color: #c35810;
}

.tc-4 {
    color: #1d1d1d;
}

.tc-5 {
    color: #000000;
}

.tc-6 {
    color: #aaaaaa;
}

.tc-bg-1 {
    background: #0a3642
}

.tc-bg-2 {
    background: #fafbfc;
}

.tc-bg-3 {
    background: #252525;
}

.tc-bg-4 {
    background: #1e1e1e;
}

.tc-bg-5 {
    background: transparent;
}

.tc-bg-6 {
    background: #727070;
}

.tc-bg-7 {
    background: #fff;
}

.tc-bg-8 {
    background: rgba(255,255,255,.5) !important;
}

h1 > span,
h2 > span,
h3 > span,
h4 > span,
h5 > span,
h > span {
    color: #0a3642;
}


/* colors end */


/* === text-format end === */


/* === theme padding and margin start === */

.m-x-l-112 {
    margin-left: 112px;
}

.m-y-b-65 {
    margin-bottom: 65px;
}

.m-y-b-58 {
    margin-bottom: 58px;
}

.m-y-b-10 {
    margin-bottom: 10px;
}

.m-y-b-30 {
    margin-bottom: 30px;
}

.m-y-t-53 {
    margin-top: 53px;
}

.m-y-t-40 {
    margin-top: 40px;
}

.m-y-t-80 {
    margin-top: 80px;
}

.m-y-t-60 {
    margin-top: 60px;
}

.mr-15 {
    margin-right: -15px;
}

.ml-15 {
    margin-left: -15px;
}

.sp-lg {
    padding-top: 20px;
    padding-bottom: 20px;
}
.sp-lg-2 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.sp-lg-3 {
    padding-top: 145px;
    padding-bottom: 150px;
}

.sp-lg-4 {
    padding-top: 120px;
    padding-bottom: 112px;
}

.spt-lg {
    padding-top: 145px;
}

.sp-md {
    padding-top: 100px;
    padding-bottom: 100px;
}

.spt-md {
    padding-top: 100px;
}

.sp-md-2 {
    padding-top: 97px;
    padding-bottom: 100px;
}

.sp-md-3 {
    padding-top: 76px;
    padding-bottom: 77px;
}
.sp-md-4 {
    padding-top: 96px;
    padding-bottom: 96px;
}

.sp-md-5 {
    padding-top: 120px;
    padding-bottom: 80px;
}

.sp-md-6 {
    padding-top: 80px;
    padding-bottom: 120px;
}

.sp-sm {
    padding-top: 80px;
    padding-bottom: 80px;
}

.sp-sm-2 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.sp-sm-3 {
    padding-top: 80px;
    padding-bottom: 75px;
}

.spt-sm {
    padding-top: 80px;
}

.spb-sm {
    padding-bottom: 80px;
}

.sp-xs {
    padding-top: 28px;
    padding-bottom: 28px;
}

.em {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.epd {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.epd-x {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.epd-x-r {
    padding-right: 0 !important;
}

.epd-x-l {
    padding-left: 0 !important;
}

.epd-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.epd-y-t {
    padding-top: 0 !important;
}

.epd-y-b {
    padding-bottom: 0 !important;
}

.pd-x-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.pd-x-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pd-x-l-5 {
    padding-left: 5px;
}

.pd-x-r-5 {
    padding-right: 5px;
}

.pd-x-l-10 {
    padding-left: 10px;
}

.pd-x-r-10 {
    padding-right: 10px;
}

.pd-x-l-15 {
    padding-left: 15px;
}

.pd-x-r-15 {
    padding-right: 15px;
}

.pd-x-l-20 {
    padding-left: 20px;
}

.pd-x-r-20 {
    padding-right: 20px;
}

.pd-x-l-25 {
    padding-left: 25px;
}

.pd-x-r-25 {
    padding-right: 25px;
}

.pd-x-l-35 {
    padding-left: 35px;
}

.pd-x-r-35 {
    padding-right: 35px;
}

.pd-x-l-30 {
    padding-left: 30px;
}

.pd-x-r-30 {
    padding-right: 30px;
}

.pd-x-l-45 {
    padding-left: 45px;
}

.pd-x-r-45 {
    padding-right: 45px;
}

.pd-x-l-50 {
    padding-left: 50px;
}

.pd-x-r-50 {
    padding-right: 50px;
}

.pd-x-l-60 {
    padding-left: 60px;
}

.pd-x-r-60 {
    padding-right: 60px;
}

.pd-x-53 {
    padding-left: 53px;
    padding-right: 53px;
}
.pd-x-l-85 {
    padding-left: 85px;
}
.pd-x-l-80 {
    padding-left: 80px;
}
.pd-x-r-85 {
    padding-right: 85px;
}

.pd-x-r-80 {
    padding-right: 80px;
}

.pd-x-l-22 {
    padding-left: 22px;
}

.pd-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pd-y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pd-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pd-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pd-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pd-y-t-80 {
    padding-top: 80px;
}

.pd-y-t-60 {
    padding-top: 60px;
}

.pd-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.pd-x-l-55 {
    padding-left: 55px;
}

.pd-x-r-55 {
    padding-right: 55px;
}

.pd-x-l-110 {
    padding-left: 110px;
}

.pd-x-r-110 {
    padding-right: 110px;
}

.pd-y-t-55 {
    padding-top: 55px;
}

.pd-y-t-40 {
    padding-top: 40px;
}

.pd-y-t-37 {
    padding-top: 37px;
}

.pd-y-t-35 {
    padding-top: 35px;
}

.pd-y-t-25 {
    padding-top: 25px;
}

.pd-y-t-20 {
    padding-top: 20px;
}

.pd-y-b-120 {
    padding-bottom: 120px;
}

.pd-y-b-60 {
    padding-bottom: 60px;
}

.pd-y-b-55 {
    padding-bottom: 55px;
}

.pd-y-b-52 {
    padding-bottom: 52px;
}

.pd-y-b-45 {
    padding-bottom: 45px;
}

.pd-y-b-40 {
    padding-bottom: 40px;
}

.pd-y-b-36 {
    padding-bottom: 36px;
}

.pd-y-b-35 {
    padding-bottom: 35px;
}

.pd-y-b-32 {
    padding-bottom: 32px;
}

.pd-y-b-28 {
    padding-bottom: 28px;
}

.pd-y-b-25 {
    padding-bottom: 25px;
}

.pd-y-b-22 {
    padding-bottom: 22px;
}

.pd-y-b-20 {
    padding-bottom: 20px;
}

.pd-y-t-15 {
    padding-top: 15px;
}

.pd-y-b-15 {
    padding-bottom: 15px;
}

.pd-y-b-5 {
    padding-bottom: 5px;
}

.pd-y-t-3 {
    padding-top: 3px;
}

.m-y-t-55 {
    margin-top: 55px;
}

.m-y-t-35 {
    margin-top: 35px;
}

.m-y-t-30 {
    margin-top: 30px;
}

.pd-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pd-y-b-30 {
    padding-bottom: 30px;
}

.pd-y-t-30 {
    padding-top: 30px;
}

.pd-y-t-31 {
    padding-top: 31px;
}

.pd-y-b-27 {
    padding-bottom: 27px;
}

.pd-y-t-10 {
    padding-top: 10px;
}

.pd-y-b-10 {
    padding-bottom: 10px;
}

.pd-y-52 {
    padding-top: 52px;
    padding-bottom: 52px;
}

.pd-y-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.pd-y-t-50 {
    padding-top: 50px;
}

.pd-y-b-50 {
    padding-bottom: 50px;
}

.row-10 {
    margin-left: -10px;
    margin-right: -10px;
}


/* === theme padding and margin end === */


/* === back2Top start === */

.back2Top {
    padding: 0 15px;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #0a3642 !important;
    color: #fff;
    opacity: .4;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: fixed;
    bottom: 0;
    right: 20px;
    cursor: pointer;
    display: none;
    z-index: 99;
}

.back2Top:before {
    font-size: 25px;
    font-weight: bolder;
}

.back2Top:hover {
    opacity: 1;
}


/* === back2Top end === */


/* ==== OTHER DEFAULT CLASSES  ==== */

.clr {
    clear: both;
}


/* display table start */

.atlanta-tb {
    position: relative;
    width: 100%;
    height: 100%;
    display: table;
}

.d-middle,
.d-top,
.d-bottom {
    display: table-cell;
}

.d-middle {
    vertical-align: middle;
}

.d-top {
    vertical-align: top;
}

.d-bottom {
    vertical-align: bottom;
}


/* display table end */


/* position relative and absolute start */

.pos-r {
    position: relative;
}

.pos-tl,
.pos-tr,
.pos-bl,
.pos-br {
    position: absolute;
}

.pos-tl {
    top: 0;
    left: 0;
}

.pos-tr {
    top: 0;
    right: 0;
}

.pos-bl {
    bottom: 0;
    left: 0;
}

.pos-br {
    bottom: 0;
    right: 0;
}


/* position relative and absolute end */


/* ==== OTHER DEFAULT CLASES END  ==== */


/* =========================== RESET END =========================== */


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


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


/* ========================= header-area start ========================= */

.header-area li.header-social {
    display: inline;
    padding-right: 18px;
    line-height: 52px;
    transition: all .3s linear;
}

.header-area li.header-social:hover {
    color: #0a3642;
}

.header-area ul.info i {
    color: #0a3642;
    font-size: 20px;
    line-height: 50px;
    font-style: normal;
}

.header-area ul.info i span {
    line-height: 50px;
}

.header-area ul.info li {
    float: right;
    padding-left: 38px;
}

.header-area ul.info i span {
    color: #fff;
    font-size: 14px;
    font-family: "Rpboto", sans-serif;
    font-weight: 400;
    line-height: 50px;
    padding-left: 18px;
}


/*header end*/


/*navbar start*/
.nav-lg {
    display: block;
}

.nav-xs {
    display: none;
}

.navbar {
    margin-bottom: 0;
    border: none;
    z-index: 99;
}

.navbar .navbar-brand {
    padding: 32px 0;
}

.nav-xs .nav-button {
    border: 2px solid #0a3642;
    font-weight: bold;
    padding: 0 8px;
}

.navbar li > a {
    position: relative;
    z-index: 100;
}

.nav-xs li{
    border-bottom: 2px solid #0a3642;
}

.nav-xs li>ul.dropdown-menu {
    display: block !important;
    transform: scale(0);
    transition: scale .3s linear;
}

.nav-xs li.open>ul.dropdown-menu {
    visibility: visible;
    transform: scale(1);
    transition: scale .3s linear;
}

.nav-xs li > a >i {
    border: 2px solid #0a3642;
    padding: 2px 5px;
    border-radius: 2px;
    margin-top: 4px;
    color: #0a3642;
}

.navbar-subnav-lg {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: all .1s linear;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block;
    background: #fff;
    border-top: 1px solid #0a3642;
    width: 250px;
    transform: scale(.9);
}

.nav > li:hover .navbar-subnav-lg {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
    transition: all .3s linear;

}

.navbar-subnav-lg li a {
    line-height: 40px;
    transition: all .3s linear;
    padding-left: 20px;
    padding-right: 20px;
    color: #333;
}

.navbar-subnav-lg li a:hover {
    color: #fff;
    padding-left: 30px;
    background: #0a3642;
}

.navbar-subnav {
    position: absolute;
    background: #fff;
    top: 100%;
    left: 0 !important;
    right: auto;
    transform: translate3d(0,0,0);
    border-radius: 0;
    transition: all .3s linear;
    z-index: 100;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-subnav li a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #333;
    font-size: inherit;
    margin-left: 30px;
    font-weight: inherit;
    color: inherit;
    transition: all .3s linear;
}
.navbar-subnav li > a > li > a {
    color: #333;
}

.navbar-subnav li a:hover {
    color: #0a3642;
    background: inherit;
    padding-left: 35px !important;
}

.navbar li>a.nav-item {
    line-height: 109px;
    background: #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    padding-top: 0;
    margin-left: 15px;
    padding-bottom: 0;
}

.navbar ul li>a.nav-item.focus {
    color: #0a3642;
}

.navbar ul li>a.nav-item:hover,
.navbar ul li>a.nav-item:active,
.navbar ul li>a.nav-item:focus {
    color: #0a3642;
    background: inherit;
}
.nav .open > a {
    background: inherit;
}
.navbar .search:after {
    content: "";
    height: 10px;
    width: 1px;
    background: #999;
    position: absolute;
    top: 55%;
    left: 0;
}

.navbar .search {
    padding: 44px 0 23px 15px;
    position: relative;
    cursor: pointer;
}

.navbar .navbar-brand {
    padding-left: 0;
    padding-top: 27px;
    padding-bottom: 29px;
    padding-right: 0;
}

.navbar .search-form {
    margin-left: auto;
    margin-right: auto;
    width: 550px;
    float: left;
    border: 1px solid #0a3642;
}

.navbar .search-form-res {
    display: none;
}

.navbar #search-here-2 {
    width: 450px;
    padding: 8px;
    background: #fff;
    font-size: 16px;
    float: left;
    color: #0a3642;
}

.navbar #search-submit-2 {
    width: calc(100% - 450px);
    padding: 8px;
    background: #0a3642;
    font-size: 16px;
    color: #fff;
    transition: all .3s linear;
}

.navbar #search-here-2::-webkit-input-placeholder {
    color: #0a3642;
}

.navbar #search-here-2:-moz-placeholder {
    /* Firefox 18- */
    color: #0a3642;
}

.navbar #search-here-2::-moz-placeholder {
    /* Firefox 19+ */
    color: #0a3642;
}

.navbar #search-here-2:-ms-input-placeholder {
    color: #0a3642;
}

.modal-backdrop.fade.in {
    z-index: 0;
    opacity: 0;
    display: none;
}

.modal-open {
    overflow: visible;
    padding-right: 0 !important;
}

.navbar.nav-lg .modal {
    position: relative;
}

/*fixed menu start*/
.stricky-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100 !important;
    z-index: 0;
    background: #fff !important;
    box-shadow: 5px 0 10px #aaa;
}

/*fixed menu end*/


/*slider area start*/

#slider1 .item-content-1,
#slider1 .item-content-2,
#slider1 .item-content-3,
#slider3 .item-content-1,
#slider3 .item-content-2,
#slider3 .item-content-3 {
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .75px;
}

#slider1 h1,
#slider3 h1 {
    font-weight: 600;
    line-height: 48px;
    letter-spacing: .75px;
}

#slider1 p,
#slider3 p {
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .75px;
    font-size: 16px;
}

#slider1 .button-1,
#slider1 .button-2,
#slider3 .button-1,
#slider3 .button-2 {
    height: 48px;
    width: 160px;
    line-height: 50px;
    -webkit-transition: all.3s linear;
    transition: all.3s linear;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: .25px;
    position: relative;
    border: 1px solid #fff;
    text-align: center;
    text-transform: uppercase;
}

#slider1 .different,
#slider3 .different {
    color: #1d1d1d;
    height: 48px;
    width: 160px;
    border: 1px solid #1d1d1d;
}

#slider1 .button-1,
#slider3 .button-1 {
    background: #0a3642;
    display: inline-block;
}

#slider1 .button-1:hover,
#slider3 .button-1:hover {
    background: #fff;
    color: #0a3642;
    border: none;
}

#slider1 .button-2,
#slider3 .button-2 {
    background: transparent;
    display: inline-block;
}

#slider1 .button-2:hover,
#slider3 .button-2:hover {
    background: #fff;
    color: #0a3642;
    border: none;
}

#slider1 .button-divider,
#slider3 .button-divider {
    line-height: 25px;
    margin-bottom: 20px;
}

#slider1 .nav-arrow-1,
#slider1 .nav-arrow-2,
#slider3 .nav-arrow-1,
#slider3 .nav-arrow-2 {
    display: inline-block;
    font-size: 16px;
    color: #cccccc;
    position: relative;
    width: 30px;
    transition: all .3s linear;
    cursor: pointer;
}

#slider1 .nav-arrow-1:after,
#slider3 .nav-arrow-1:after {
    content: "";
    width: 1px;
    height: 20px;
    background: #cccccc;
    position: absolute;
    left: 100%;
    top: calc(50% - 10px);
}

#slider1 .nav-arrow-1:hover,
#slider1 .nav-arrow-2:hover,
#slider3 .nav-arrow-1:hover,
#slider3 .nav-arrow-2:hover {
    color: #1d1d1d;
}


/* ARROWS */

.slider-nav.tparrows {
    cursor: pointer;
    width: 40px;
    height: 20px;
    position: absolute;
    display: block;
    z-index: 100;
    background: transparent;
    !important
}

.slider-nav.tparrows:before {
    font-family: "Flaticon";
    font-size: 16px;
    color: #cccccc;
    display: block;
    line-height: 20px;
    text-align: center;
    transition: all .3s linear;
    background: transparent;
}

.slider-nav.tparrows:hover {
    background: transparent;
}

.slider-nav.tparrows:hover:before {
    color: #1d1d1d !important;
    background: transparent;
}

.slider-nav.tparrows.tp-leftarrow:before {
    content: "\f100";
    margin-left: -3px;
}

.slider-nav.tparrows.tp-leftarrow {
    border-right: 1px solid #cccccc;
}

.slider-nav.tparrows.tp-rightarrow:before {
    content: "\f101";
    margin-right: -3px;
}


/*owl*/

.owl-controls .owl-nav {
    margin-top: 40px;
    font-size: 16px;
}

.owl-controls .owl-nav .owl-prev {
    padding-right: 10px;
    color: #888888;
    transition: all .3s linear;
}

.owl-controls .owl-nav .owl-next {
    padding-left: 10px;
    position: relative;
    color: #888888;
    transition: all .3s linear;
}

.owl-controls .owl-nav .owl-next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #d5d0c1;
}

.owl-controls .owl-nav .owl-prev:hover,
.owl-controls .owl-nav .owl-next:hover {
    color: #0a3642;
}


/*slider area end*/


/*choose start*/

.choose .choose-left p {
    font-size: 14px;
    padding-bottom: 35px;
    padding-right: 60px;
}

.read-more-button {
    width: 180px;
    height: 50px;
    font-weight: 500;
    font-size: 14px;
    line-height: 50px;
    float: center;
    cursor: pointer;
}

.read-more-left {
    width: 130px;
    max-width: 130px;
    height: inherit;
    background: #d46912;
    border-right: 2px solid #d46912;
    float: center;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.read-more-right {
    width: 50px;
    max-width: 50px;
    background: #0a3642;
    line-height: 50px;
    float: right;
    transition: all .3s linear;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #fff;
}

.read-more-button:hover .read-more-right {
    background: transparent;
    border-top: 1px solid #0a3642;
    border-right: 1px solid #0a3642;
    border-bottom: 1px solid #0a3642;
    height: 50px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #0a3642;
}


.read-more-button:hover .read-more-right i {
color: #0a3642;
}

.choose .choose-right {
    position: relative;
}

.choose .choose-right:before {
    content: '';
    position: absolute;
    width: 98%;
    height: 1px;
    background: #dddddd;
    top: 56%;
    right: 0;
}

.choose .choose-right i {
    color: #0a3642;
    font-size: 36px;
    padding-top: 25px;
    font-style: normal;
    display: block;
}

.choose .choose-right h6 {
    padding-top: 30px;
    font-size: 14px;
    font-weight: 400;
}

.choose .choose-right .divider {
    position: relative;
}

.choose .choose-right .divider:before {
    content: "";
    position: absolute;
    height: 90px;
    width: 1px;
    background: #dddddd;
    left: 0;
    top: 10px;
}


/*choose end*/


/*callout start*/

.callout {
    background: url(../Atlanta-Plumbers/images/background/callout-1.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: right;
    position: relative;
}

.callout .tap {
    position: absolute;
    top: -250px;
    right: 0;
}

.callout h2 {
    padding-top: 27px;
    padding-bottom: 49px;
}

.tap-sm {
    display: none;
}


/*callout end*/


/*services start*/

.services .services-content-area h6 {
    font-size: 14px;
    font-weight: 600;
}

.services .services-content-area p {
    font-size: 14px;
    font-weight: 400;
}

.services .services-content-area img {
    height: 50px;
    width: 50px;
}

.services .services-content-area a i {
    font-size: 18px;
    font-weight: 500;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: transparent;
    line-height: 30px;
    text-align: center;
    transition: all.3s linear;
    margin-top: 17px;
    font-style: normal;
}

.services .services-content-area:hover a i {
    background: #0a3642;
    color: #fff;
}


/*services end*/


/*gallery start*/

.gallery-item {
    overflow: hidden;
    cursor: pointer;
}

.gallery-item i {
    font-weight: 300;
    color: #fff;
    font-size: 56px;
    position: absolute;
    top: 0;
    left: 50%;
    visibility: hidden;
    transform: translate(-50%, -50%);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    z-index: 5;
    font-style: normal;
}

.gallery-item:hover i {
    top: 50%;
    visibility: visible;
    z-index: 100;
}

.gallery-item:after {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.gallery-item:hover:after {
    top: 0;
    visibility: visible;
}

.gallery-item .gallery-hover-text {
    position: absolute;
    left: 30px;
    bottom: -100%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    visibility: hidden;
    z-index: 5;
}

.gallery-item:hover .gallery-hover-text {
    bottom: 30px;
    visibility: visible;
}


/*gallery end*/


/*team start*/

.team-content .img-holder img {
    z-index: 5;
    height: 380px;
}

.team-content:after {
    content: "";
    height: 270px;
    width: 100%;
    background: transparent;
    border: 7px solid #f3fcfe;
    position: absolute;
    bottom: 5%;
    left: 0;
    z-index: -5;
}

.team-content .img-detail {
    transform: skewX(-7deg);
    margin-left: 20px;
    width: 85%;
    border-top: 2px solid #fff;
    transition: all .3s linear;
    height: 81px;
    margin: 0 auto;
    transform-origin: bottom;
}

.team-content .img-detail .social {
    visibility: hidden;
    transition: all .3s linear;
    opacity: 0;
    border-top: 2px solid #fff;
}

.team-content:hover .img-detail .social {
    visibility: visible;
    opacity: 1;
}

.team-content .img-detail ul {
    background: #0a3642;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    float: left;
    transform: translateX(-50%);
    left: 50%;
    transition: all .3s linear;
}

.team-content:hover .img-detail {
    background: #333333;
}

.team-content:hover .img-detail ul {
    bottom: 95%;
    background: #333333;
}

.team-content .img-detail li a {
    color: #fff;
    display: block;
}

.team-content .img-detail li a:hover {
    color: #0a3642;
}

.team-content .img-detail li {
    display: inline-block;
    transform: skewX(7deg);
    font-size: 18px;
    padding-top: 15px;
    padding-left: 7px;
    padding-right: 8px;
    padding-bottom: -3px;
}

.team-content .img-detail p {
    padding-top: 23px;
    padding-bottom: 15px;
    transform: skewX(7deg);
    display: block;
}

.team-content .img-detail span {
    transform: skewX(7deg);
    display: block;
    padding-bottom: 19px;
}


/*team end*/


/*testimonial start*/

.testimonial {
    background: url(../Atlanta-Plumbers/images/background/testimonial-1.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    padding-top: 112px;
    padding-bottom: 128px;
    position: relative;
}

.testimonial-3 {
    padding-top: 112px;
    padding-bottom: 128px;
    position: relative;
}

.testimonial-3:after {
    content: "";
    background: url(../Atlanta-Plumbers/images/background/testimonial-2.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: right;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -100;
    clear: both;
    display: block;
}

.testimonial-3:before {
    content: "";
    height: 100%;
    display: table-row;
    width: 100%;
    background: rgba(0,0,0,.8);
    position: absolute;
    top: 0;
    left: 0;
}

.testimonial .testimonial-slider,
.testimonial-3 .testimonial-slider {
    position: relative;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: calc(100% - 160px);
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
}


.testimonial .testimonial-slider:before,
.testimonial-3 .testimonial-slider:before,
.testimonial .testimonial-slider:after,
.testimonial-3 .testimonial-slider:after {
    content: "";
    position: absolute;
    width: calc(50% - 21px);
    height: 1px;
    background: #fff;
    top: 0;
}


.testimonial .testimonial-slider:before,
.testimonial-3 .testimonial-slider:before {
    left: 0;
}

.testimonial .testimonial-slider:after,
.testimonial-3 .testimonial-slider:after {
    right: 0;
}

.testimonial .testimonial-slider .testimonial-item,
.testimonial-3 .testimonial-slider .testimonial-item {
    display: block;
}

.testimonial .testimonial-item p,
.testimonial-3 .testimonial-item p {
    padding-left: 118px;
    padding-right: 118px;
    padding-top: 67px;
    padding-bottom: 30px;
    font-size: 16px;
}


.testimonial .testimonial-slider-wrapper,
.testimonial-3 .testimonial-slider-wrapper {
    position: relative;
}

.testimonial .testimonial-slider-wrapper:after,
.testimonial-3 .testimonial-slider-wrapper:after {
    content: "\f10b";
    font-family: "Flaticon";
    color: #fff;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 42px;
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.testimonial .testimonial-item h6,
.testimonial-3 .testimonial-item h6 {
    padding-top: 29px;
    padding-bottom: 28px;
    font-size: 16px;
    position: relative;
    font-weight: 600;
}

.testimonial .testimonial-item h6:before,
.testimonial-3 .testimonial-item h6:before {
    content: "";
    height: 1px;
    width: 60px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

#owl-dots {
    display: block;
    position: absolute;
    top: calc(100% - 129px);
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

#owl-dots .owl-dot:before {
    font-family: "FontAwesome";
    content: "\f192";
    font-size: 16px;
    z-index: -5;
}

#owl-dots .dot-1 {
    background: url(../Atlanta-Plumbers/images/testimonial/testimonial-2.png);
    -webkit-background-size: 0 0;
    background-size: 0 0;
    z-index: 1000;
}

#owl-dots .dot-2 {
    background: url(../Atlanta-Plumbers/images/testimonial/testimonial-3.png);
    -webkit-background-size: 0 0;
    background-size: 0 0;
    z-index: 1000;
}

#owl-dots .dot-3 {
    background: url(../Atlanta-Plumbers/images/testimonial/testimonial-4.png);
    -webkit-background-size: 0 0;
    background-size: 0 0;
    z-index: 1000;
}

.testimonial .owl-controls,
.testimonial-3 .owl-controls {
    margin-top: 0;
}

#owl-dots .owl-dot {
    float: left;
    height: 56px;
    width: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    z-index: 1000;
}

#owl-dots .active {
    background-size: contain;
    z-index: 1000;
    color: transparent;
}


/*testimonial end*/


/*blog start*/

.blog img {
    padding-top: 20px;
}

.blog-content-overview span,
.blog-content-overview-2 span {
    padding-left: 10px;
}

.blog-content-overview i,
.blog-content-overview-2 i {
    font-size: 18px;
    font-style: normal;
}

.blog-content-overview ul li,
.blog-content-overview-2 ul li {
    float: left;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-top: 11px;
    padding-bottom: 11px;
}

.blog-content-overview ul li:not(:first-child),
.blog-content-overview-2 ul li:not(:first-child) {
    padding-left: 20px;
    border-left: 1px solid #cccccc;
}

.blog-content-overview ul li:not(:last-child),
.blog-content-overview-2 ul li:not(:last-child) {
    padding-right: 20px;
}

.blog-content-overview {
    position: relative;
}

.blog-content-overview:after {
    content: "";
    height: 1px;
    width: 100%;
    background: #ccc;
    position: absolute;
    top: 57px;
    left: 0;
}

.blog-post-header a {
    display: block;
    transition: all .3s linear;
}
.blog-post-header a:hover {
    color: #0a3642;
}

/*blog end*/


/*footer start*/

.cnt-detail {
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box;
    background-clip: content-box;
}

.cnt-detail i {
    font-size: 30px;
    font-style: normal;
}

.footer-pd-1 {
    padding-right: 22.5px;
}

.footer-pd-2 {
    padding-left: 22.5px;
    padding-right: 22.5px;
}

.footer-pd-3 {
    padding-left: 22.5px;
}

.footer-content ul li a {
    color: #aaaaaa;
    transition: all .3s linear;
}

.footer-content ul li a:hover {
    color: #0a3642;
}

.footer-content #footer-newsletter {
    width: 70%;
    height: 46px;
    background: #fff;
    color: #0a3642;
    padding: 16px 12px;
    margin-right: 10px;
    border-radius: 2px;
    /*    margin-bottom: 40px;*/
}

.footer-content #footer-newsletter-send {
    height: 46px;
    width: 18%;
    background: #0a3642;
    border-radius: 2px;
    margin-bottom: 40px;
    color: #fff;
    transition: all .3s linear;
}

.footer-content #footer-newsletter-send:hover {
    border: 2px solid #0a3642;
    background: transparent;
    color: #0a3642;
}

.footer-content #footer-newsletter-send:before {
    content: "\f1d9";
    font-family: "FontAwesome";
    font-size: 18px;
}

.footer-content ul > li.social {
    float: left;
    margin-right: 10px;
}

.footer-content ul > li.social a > i {
    height: 32px;
    width: 32px;
    background: #2d2d2d;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    transition: all .3s linear;
}

.footer-content ul > li.social a > i:hover {
    background: #0a3642;
}


/*footer end*/


/*homepage-1 end*/


/*homepage-2 start*/



/*choose-2 start*/

.choose-2 i {
    font-size: 28px;
    height: 96px;
    width: 96px;
    border: 1px solid #dddddd;
    display: block;
    line-height: 96px;
    text-align: center;
}

.choose-2-heading {
    padding-bottom: 42.5px;
    position: relative;
}

.choose-2-heading:after {
    content: "";
    height: 1px;
    width: 30px;
    background: #0a3642;
    position: absolute;
    top: 30px;
    left: 0;
}

.choose-2 .choose-2-bottom {
    padding-top: 50px;
}

.choose-2 .choose-2-top h5.choose-2-heading,
.choose-2 .choose-2-bottom h5.choose-2-heading {
    transition: all .3s linear;
}

.choose-2 .choose-2-top:hover h5.choose-2-heading,
.choose-2 .choose-2-bottom:hover h5.choose-2-heading {
    color: #0a3642;
    cursor: context-menu
}


/*choose-2 end*/


/*callout-2,3 start*/

.callout-2, 
.callout-3 {
    background: url(../Atlanta-Plumbers/images/background/callout-2.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 0;
}

.callout-2:after,
.callout-3:after {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: -5;
}

.callout-2 .callout-2-text,
.callout-3 .callout-3-text {
    border: 1px solid #fff;
    z-index: 10;
}

.callout-2 .callout-2-text:after,
.callout-3 .callout-3-text:after {
    content: "\f10b";
    font-family: "FontAwesome";
    height: 56px;
    width: 56px;
    line-height: 56px;
    border-radius: 50%;
    text-align: center;
    color: #666666;
    background: #fff;
    font-size: 36px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% - 28px);
    z-index: 25;
}


/*callout-2,3 end*/


/*services-2 start*/

.services-2 .services-2-item img {
    height: 40px;
    width: 40px;
}

.services-2 .services-2-item {
    border-bottom: 1px solid #dddddd;
    transition: all .3s linear;
    max-height: 121px
}

.services-2 .services-2-item:hover {
    border-bottom: 1px solid #0a3642;
}

.services-2 .services-2-item.active {
    border-bottom: 1px solid #0a3642;
}

.services-2 .tab-content-item {
    display: inline-block;
    clear: both;
    padding-top: 40px;
    padding-bottom: 40px;
}

.tab-content-item-header img {
    height: 283px;
}

.r-tabs .r-tabs-panel {
    padding: 0;
}

/*services-2 end*/


/*testimonial-2 start*/

.bx-wrapper .bx-viewport {
    box-shadow: none;
    border: none;
}

.bx-slider-content-wrapper {
    border-left: 2px solid #0a3642;
}

.bx-wrapper .bx-pager a {
    width: 100%;
}

.bx-pager a {
    float: none;
    opacity: .5;
}

.bx-pager a.active {
    opacity: 1;
    padding-left: 10px;
    padding-right: auto;
}

.bx-pager a img {
    padding-bottom: 10px;
}


/*testimonial-2 end*/


/*gallery-2 start*/


/*gallery-2 end*/

.gallery-2-img-wrapper {
    position: relative;
    float: left;
    height: auto;
    width: 100%;
}

.gallery-item-img-1 {
    background: url(../Atlanta-Plumbers/images/gallery/gallery-5.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 704px;
    position: relative;
}

.gallery-item-img-2 {
    background: url(../Atlanta-Plumbers/images/gallery/gallery-6.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 352px;
    position: relative;
}

.gallery-item-img-3 {
    background: url(../Atlanta-Plumbers/images/gallery/gallery-7.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 352px;
    position: relative;
}

.gallery-item-img-4 {
    background: url(../Atlanta-Plumbers/images/gallery/gallery-8.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 352px;
    position: relative;
}

/*homepage-2 end*/

/*footer-2 start*/

.footer-2-social,
.footer-2-newsletter-form {
    margin-top: -8px;
}

/*footer-2 end*/

/*homepage-3 start*/

/*navbar start*/

.navbar-wrapper {
    position: relative;
}

.navbar-3 {
    background: rgba(255,255,255,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
}

.navbar-3 li>a.nav-item {
    background: transparent;
}

.navbar-3 .modal .search-form {
    margin-top: 30px;
    margin-left: auto;
    float: none;
    margin-right: auto;
}

/*navbar end*/

/*choose start*/

.choose-3-bottom .col-sm-6:hover h6 {
    transition: all .3s linear;
}

.choose-3-bottom .col-sm-6:hover h6 {
    color: #0a3642;
    cursor: default;
}

.choose-3-bottom-element {
    padding-top: 62px;
}

.choose-3-quick-quote {
    border: 1px solid #e1e1e1;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    z-index: 1;
}

.choose-3-quick-quote .man {
    position: absolute;
    top: -16px;
    right: -85%;
    z-index: -1;
}

#quick-quote-name,
#quick-quote-email,
#quick-quote-phone {
    height: 40px;
    width: 100%;
    background: #fafafa;
    border-radius: 2px;
    border: 1px solid #eeeeee;
    margin-top: 20px;
    padding: 16px 20px;
    color: #0a3642;
}


#quick-quote-message {
    height: 102px;
    width: 100%;
    background: #fafafa;
    border-radius: 2px;
    border: 1px solid #eeeeee;
    margin-top: 20px;
    padding: 16px 20px;
    color: #0a3642;
}

#quick-quote-submit {
    height: 44px;
    width: 132px;
    background: #0a3642;
    color: #fff;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .20px;
    font-family: 'Roboto', sans-serif;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 2px;
    text-transform: uppercase;
    transition: all .3s linear;
}

#quick-quote-submit:hover {
    color: #333333;
}

/*choose end*/
/*callout start*/
.callout-3 .container{
    position: relative;
}

.callout-3 .man {
    position: absolute;
    top: -75px;
    right: 15px;
    transform: translate(100%, -100%);
}
/*callout end*/
/*services-3 start*/

.services-3-content-header h6 > img {
    vertical-align: top;
    
}

.services-3-content-header h6 > span {
    position: relative;
    padding-top: 10px;
    display: inline-block;
}

.services-3-content-header h6 > span:after {
    content: "";
    height: 1px;
    width: 30px;
    background: #0a3642;
    position: absolute;
    top:40px;
    left: 0;
}

.services-3-content-area {
    position: relative;
    margin-top: 2px;
}

.services-3-content-area:after {
    content: "";
    height: 100%;
    width: 350PX;
    background: none;
    border: 1px solid #eeeeee;
    position: absolute;
    top: 0;
    left: 0;
}

/*services-3 end*/

/*newsletter start */

.newsletter {
    overflow:auto;    
}

.newsletter-left {
    background: url(../Atlanta-Plumbers/images/background/newsletter-1.png);
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 96px;
    padding-bottom: 96px;
    padding-left: 150px;
    padding-right: 150px;
    position: relative;
    z-index: 1;
}

.newsletter-left:before {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.7);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: -1;
}

.newsletter-left ul li {
    float: left;
    z-index: 5;
}

.newsletter-left ul li > i {
    height: 84px;
    width: 84px;
    background: transparent;
    font-size: 24px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 84px;
}

.newsletter-right {
    padding-left: 114px;
}

#newsletter-email {
    width: 100%;
    height: 42px;
    background: #fff;
    border: 1px solid #eeeeee;
    color: #0a3642;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: .20px;
    font-family: 'Roboto', sans-serif;
    line-height: 10px;
    padding: 16px 20px;
    margin-top: 60px;
    border-radius: 2px;
    max-width: 555px;
}

#newsletter-submit {
    width: 100%;
    height: 45px;
    line-height: 48px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: #0a3642;
    text-transform: uppercase;
    margin-top: 20px;
    border-radius: 2px;
    letter-spacing: .20px;
    max-width: 555px;
    transition: all .3s linear;
}

#newsletter-submit:hover {
    color: #333333;
}

/*newsletter end */

/*blog-3 start*/

.blog-content-img-holder-3 {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    max-width: 370px;
    height: 248px;
    margin-top: 22px;
}

.blog-content-img-holder-3:before {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.7);
    position: absolute;
    top: 100%;
    left: 0;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    z-index: 0;
    max-width: 370px;
}

.blog-content-img-holder-3:after {
    content: "\f10d";
    font-family: "Flaticon";
    font-weight: 300;
    color: #fff;
    font-size: 56px;
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    z-index: 5;
    font-style: normal;
    cursor: pointer;
}


.blog-content-img-holder-3:hover:before {
    top: 0;
}

.blog-content-img-holder-3:hover:after {
    top: 50%;
}

.blog-content-overview-3 li > i {
    padding-right: 8px;
}

/*blog-3 end*/

/*index-3 end */


/* about start */

.page-header {
    position: relative;
    margin: 0; 
}

.page-header:before {
    content: "";
    background: url(../Atlanta-Plumbers/images/background/other-page-header.png);
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: -5;
    margin: 0;
}

.page-header:after {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(27, 189, 232, .7);
    position: absolute;
    top: 0;
    left: 0;
    clear: both;
    display: block;
    z-index: -5;
}

.page-header-content {
    height: 130px;
    width: 313px;
    border: 1px solid #b8e6f2;
    z-index: 5;
    margin: 0 auto;
    max-width: 80vw;
}

.page-sub-heading {
    position: relative;
}

.page-sub-heading:after {
    content: "";
    height: 1px;
    width: 30px;
    background: #0a3642;
    position: absolute;
    top: 31px;
    left: 0;
}
.choose-3-quick-quote.height {
    height: 476px;
}
/* about end */

/*about choose start*/

.panel .panel-heading {
    padding: 0;
    background: #fff;
}

.about-choose .panel,
.faq .panel {
    border: 1px solid #eeeeee;
    border-radius: 0;
    box-shadow: none;
    margin-top: 2px !important;
    margin-bottom: 30px;
}

.panel-group {
margin-bottom: 0;
}

.panel .panel-heading a {
    color: #333333;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 15px;
}

.panel-heading .accordion-toggle h4 {
    position: relative;
}

.panel-heading {
    position: relative;
}

.panel-heading .accordion-toggle h4:after {
    font-family: 'Lato', sans-serif;
    content: "-";   
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    height: 30px;
    width: 30px;
    background: #0a3642;
    border-radius: 2px;
    transition: all .3s linear;
    color: #fff;
    text-align: center;
    line-height: 24px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.panel-heading .accordion-toggle.collapsed h4:after {
    content: "+";   
    background: none;
    color: #0a3642;
    font-size: 30px;
    font-weight: 400;
    transition: all .3s linear;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 24px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.panel-heading:before {
    content: "";
    height: 45px;
    width: 1px;
    background: #eeeeee;
    position: absolute;
    top: 50%;
    right: 60px;
    transform: translateY(-50%);
}
a.accordion-toggle{
    text-decoration: none;
}

.panel .panel-body {
    padding-left: 0;
    padding-right: 0;
    margin-left: 20px;
    margin-right: 20px;
    border-top: 1px solid #eeeeee;
}

/*about choose end*/

/*team start*/

.team-btn-center {
    margin: 0 auto;
    display: block;
    width: 180px;
}

/*services page start*/

.service-page-img-holder {
    position: relative;
}

.service-page-img-holder:before {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scaleY(0);
    transition: all .3s linear;
    cursor: pointer;
}

.service-page-img-holder:after {
    content: "\f10d";
    font-family: "Flaticon";
    font-size: 56px;
    color: #fff;
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all .3s linear;
    transform: translate(-50%, -50%);
    opacity: 0;
    cursor: pointer;
}

.service-page-links:hover .service-page-img-holder:before {
    transform: scaleY(1);
    left: 0;
} 

.service-page-links:hover .service-page-img-holder:after {
    opacity: 1;
} 

.service-page-thumb {
    height: 73px;
    width: 73px;
    border: 1px solid #eeeeee;
    position: absolute;
    top: 100%;
    left: 16px;
    transform: translateY(-50%);
    background: #fff;
}

.service-page-thumb .service-page-thumb-one {
    background: url(../Atlanta-Plumbers/images/icons/services-15.png);
}

.service-page-thumb .service-page-thumb-two {
    background: url(../Atlanta-Plumbers/images/icons/services-16.png);
}

.service-page-thumb .service-page-thumb-three {
    background: url(../Atlanta-Plumbers/images/icons/services-17.png);
}

.service-page-thumb .service-page-thumb-four {
    background: url(../Atlanta-Plumbers/images/icons/services-18.png);
}

.service-page-thumb .service-page-thumb-five {
    background: url(../Atlanta-Plumbers/images/icons/services-19.png);
}

.service-page-thumb .service-page-thumb-six {
    background: url(../Atlanta-Plumbers/images/icons/services-20.png);
}


.service-page-thumb .service-page-thumb-one,
.service-page-thumb .service-page-thumb-two,
.service-page-thumb .service-page-thumb-three,
.service-page-thumb .service-page-thumb-four,
.service-page-thumb .service-page-thumb-five,
.service-page-thumb .service-page-thumb-six {
    height: inherit;
    width: inherit;
    background-position: center center;
    background-repeat: no-repeat;-webkit-background-size: auto;
    background-size: auto;
}

.services-page-content-second-row {
    padding-top: 80px;
    display: block;
    clear: both;
}
/*services page end*/

/*service-single-page start */

.pricing-table-list {
    border: 1px solid #eeeeee;
}

.pricing-table-list-header {
    border-bottom: 1px solid #eeeeee;
    transition: all .3s linear;
}
.line-through {
    text-decoration: line-through;
}

.register {
    width: 196px;
    height: 50px;
    margin: 0 auto;
}

a.register-button {
    width: 196px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #333333;
    display: block;
    float: left;
    transition: all .3s linear;
}

a.register-button .register-left {
    width: 145px;
    max-width: 146px;
    height: inherit;
    float: left;
}

a.register-button .register-right {
    width: 50px;
    max-width: 50px;
    height: inherit;
    color: #fff;
    float: right;
    line-height: 50px;
    border-left: 1px solid rgba(0,0,0,.1);
}

.pricing-table-list:hover > .pricing-table-list-header {
    background: #0a3642;
}

.pricing-table-list:hover > .pricing-table-list-header h4,
.pricing-table-list:hover > .pricing-table-list-header h1,
.pricing-table-list:hover > .pricing-table-list-header p {
    color: #fff;
}

.pricing-table-list:hover a.register-button {
    background: #0a3642;
}

/*service-single-page end */

/*faq page start*/

.ask-form #ask-form-name,
.ask-form #ask-form-email {
    width: 100%;
    height: 43px;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    padding-left: 20px;
    color: #0a3642;
    margin-bottom: 30px;
}

.ask-form #ask-form-message {
    width: 100%;
    height: 172px;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    padding-left: 20px;
    padding-top: 20px;
    color: #0a3642;
    margin-bottom: 30px;
}

.ask-form #ask-form-submit,
a.go-to-home {
    padding-top: 16px;
    padding-bottom: 18px;
    text-transform: uppercase;
    color: #fff;
    background: #0a3642;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .20px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 2px;
    transition: all .3s linear;
}

.ask-form #ask-form-submit {
    margin-bottom: 4px;
}

.ask-form #ask-form-submit:hover,
a.go-to-home:hover {
    color: #333333;
}

.tutorial-img-wrapper {
    position: relative;
}

.tutorial-img-wrapper:after {
    content:"";
    width: 65px;
    height: 46px;
    background: transparent;
    border-radius: 3px;
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s linear;
}

.tutorial-img-wrapper:before {
    content: "";width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 15px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s linear;
}

.tutorial-img-wrapper:hover:after {
    border: 2px solid #0a3642;
}

.tutorial-img-wrapper:hover:before {
    border-color: transparent transparent transparent #0a3642;
}

/*faq page end*/

/*404 page start */

.error-text {
    background: url(../Atlanta-Plumbers/images/background/error-1.png);
    background-position: center -50px;
    background-repeat: no-repeat;
}

.error-text img {
    margin: 0 auto;
    width: 85%;
    display: block;
}

.go-to-home {
    margin: 0 auto;
    display: block;
    width: 170px; 
}
/*404 page end */

/*contact page start*/

.contact-form #contact-form-name,
.contact-form #contact-form-email,
.contact-form #contact-form-phone,
.contact-form #contact-form-subject {
    width: 100%;
    height: 41px;
    background: transparent;
    color: #0a3642;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #eeeeee;
    line-height: 43px;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
}

.contact-form #contact-form-message {
    width: 100%;
    height: 150px;
    background: transparent;
    color: #0a3642;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
    border: 1px solid #eeeeee;
    line-height: 43px;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
}

.contact-form #contact-form-submit {
    padding-top: 17px;
    padding-bottom: 16px;
    padding-left: 40px;
    padding-right: 40px;
    line-height: 10px;
    height: 43px;
    background: #0a3642;
    color: #fff;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 2px;
    transition: all .3s linear;
} 

.contact-form #contact-form-submit:hover {
    color: #333333;
}

.contact-form #contact-form-name:focus,
.contact-form #contact-form-email:focus,
.contact-form #contact-form-phone:focus,
.contact-form #contact-form-subject:focus,
.contact-form #contact-form-message:focus {
    border: 1px solid #0a3642;
}

.contact-page-right-icon {
    line-height: 50px;
    position: relative;
}

.contact-page-right-icon:after {
    content: "";
    width: 1px;
    height: 48px;
    background: #eeeeee;
    position: absolute;
    top: 0;
    left: 50px;
}

#map {
    display: block;
    width: 100%;
    height: 532px;
}

#map {
    background: #58B;
}

/*contact page end*/
.blog-one-page-content .blog-content-img-holder img {
    height: 248px;
}


.blog-next-btn-wrapper li {
    float: left;
}

.blog-next-btn {
    height: 44px;
    width: 44px;
    text-align: center;
    line-height: 44px;
    color: #333333;
    background: #f7f7f7;
    margin-right: 10px;
    border-radius: 2px;
    display: block;
    transition: all .3s linear;
    font-size: 14px;
    font-weight: 600;
}

.blog-next-btn:hover,
.blog-next-btn:focus {
    color: #fff;
    background: #0a3642;
}

.blog-search-form {
    width: 100%;
    position: relative;
}

#blog-search-form-search {
    width: 100%;
    height: 43px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 43px;
    font-size: 14px;
    letter-spacing: .10px;
    color: #0a3642;
    border: 1px solid #aaaaaa;
    border-radius: 2px
}

#blog-search-form-submit {
    padding-right: 20px;
    line-height: 40px;
    font-size: 16px;
    color: #333333;
    background: #fff;
    position: absolute;
    top: 1px;
    right: 1px;
}

a.quick-link {
    transition: all .3s linear;
}

a.quick-link:hover {
    color: #0a3642;
}

ul.blog-tag li {
    float: left;
}

a.blog-tag-btn  {
    padding: 14px 30px;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    letter-spacing: .10px;
    line-height: 10px;
    font-weight: 400;
    margin-right: 9px;
    margin-bottom: 10px;
    display: block;
    background: #f7f7f7;
    border-radius: 2px;
    color: #666666;
}

a.blog-tag-btn:hover {
    background: #0a3642;
    color: #fff;
}

/*blog page end*/
/*blog-detail page start*/

.blog-post-detail > img {
    height: 448px;
}

.blog-post-detail-overview {
    border-bottom: 1px solid #eeeeee;
}

.blog-quote {
    position: relative;
    width: 77%;
    margin: 43px auto 40px auto;
    background: #f7f7f7;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 75px;
    padding-right: 57px;
    border-left: 3px solid #0a3642;
}

.blog-quote:after {
    content: "\f10b";
    font-family: "Flaticon";
    color: #e6e6e6;
    font-size: 28px;
    position: absolute;
    top: 15px;
    left: 25px;
}

.blog-share {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

.blog-share-social a {
    float: left;
    transition: all .3s linear;
}

.blog-share-social a:hover {
    color: #0a3642;
}

.arrow-box-content {
    position: relative;
    background: #fff;
    background-clip: content-box;
    border: 1px solid #eeeeee;
}
.arrow-box-content:after, .arrow-box-content:before {
    top: 25%;
    border:10px solid red;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-box-content:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #fff;
    border-right-width: 15px;
    border-top-width: 10px;
    margin-top: -15px;
    right: 100%;
}
.arrow-box-content:before {
    border-color: rgba(238, 238, 238, 0);
    border-right-color: #eeeeee;
    border-right-width: 16px;
    border-top-width: 10px;
    margin-top: -15px;
    right: calc(100% + 1px);
}

.blog-comment-reply:hover {
    color: #1bbde3;
}

.blog-leave-comment-form #blog-leave-comment-name,
.blog-leave-comment-form #blog-leave-comment-email {
    width: 100%;
    height: 44px;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    line-height: 44px;
    padding-left: 20px;
    padding-right: 20px;
    color: #0a3642;
    margin-bottom: 30px;
}

.blog-leave-comment-form #blog-leave-comment-message {
    width: 100%;
    height: 175px;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    line-height: 44px;
    padding-left: 20px;
    padding-right: 20px;
    color: #0a3642;
    margin-bottom: 40px;
}

.blog-leave-comment-form #blog-leave-comment-submit {
    padding: 18px 40px;
    background: #0a3642;
    color: #fff;
    border-radius: 2px;
    line-height: 10px;
    font-weight: 600;
    letter-spacing: .10px;
    transition: all .3s linear;
}

.blog-leave-comment-form #blog-leave-comment-submit:hover {
    color: #333333;
}
/*blog-detail page end*/

.scroll-to-top {
    position: fixed;
    height: 40px;
    width: 40px;
    background: rgba(27,189,232,.8);
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color: rgba(255,255,255,.8);
    transition: all .3s linear;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    z-index: 100;
}

.scroll-to-top:hover {
    background: rgba(27,189,232,1);
    color: rgba(255,255,255,1);
}

/*End*/