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

            

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

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

    Template Name: Seattle-Gardening-HTML
    Template URI: #
    Description: This is html5 template
    Author: #
    Author URI: #
    Version: 1.0 

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

/* ============= */
/* top-bar start */
/* ============= */
.tbr-info a,
.tbr-social a {
    letter-spacing: .2px;
}

.tbr-info a {
    font-size: 13px;
    font-weight: 600;
}

.tbr-social a {
    font-size: 14px;
}

.tbr-info .t-icon {
    margin-right: 5px;
}

.tbr-social li:not(:first-of-type) .t-icon {
    margin-left: 18px;
}

.tbr-info li:first-of-type {
    padding-right: 30px;
}

.tbr-y {
    line-height: 40px;
}
/* ============= */
/*  top-bar end  */
/* ============= */

/* ================== */
/*  main-menu start  */
/* ================== */
.main-nav-1-wrapper {
    padding-top: 37px;
}

.main-menu {
    margin-bottom: 0;
}
.main-menu-area {
    float: left;
    padding: 0 !important;
}

.main-menu.main-nav-1,
.main-menu.main-nav-2 {
    border: 0;
}

.main-menu-1 li {
    margin-left: 15px;
    margin-right: 15px;
}

.main-menu-1 li li {
    margin-left: 0;
    margin-right: 0;
}

.main-menu-1 li:first-of-type {
    margin-left: 0;
}

.main-menu-1 li:last-of-type {
    margin-right: 0;
}

.main-menu-1 a {
    font-weight: 700 !important;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: .40px;
    padding: 0 !important;
}

.main-menu-1 a {
    color: #222;
}

.main-menu-1 > li > a {
    line-height: 14px;
}

.main-menu-1 li.active > a,
.main-menu-1 li:hover > a {
    color: #0c82ab !important;
    background: #fff !important;
}

.main-menu-1 a:hover,
.main-menu-1 a:focus {
    background: transparent !important;
}

/* drop-down menu start */
.dropdown-area {
    position: relative;
    padding-bottom: 22px;
}

.seattle-dropmenu {
    width: 200px;
    
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    background: #fff;
    border-top: 3px solid #0c82ab;
    z-index: 999999;

    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.seattle-dropmenu:after {
    position: absolute;
    content: '';
    border-bottom: 12px solid #0c82ab;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;

    top: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    left: 30px;
}

.seattle-dropmenu a {
    position: relative;
    display: block;
    padding-left: 10px !important;
    padding-right: 20px !important;
    line-height: 40px !important;
    font-size: 14px;
    font-weight: 400;
}

.seattle-dropmenu-2 {
    padding-left: 10px;
}

.seattle-dropmenu-2 a {
    position: relative;
    color: #fff;
    display: block;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 14px;
    font-weight: 400;
}

.seattle-dropmenu-2 a:before {
    position: absolute;
    content: "\f105";
    font-family: 'FontAwesome';
    top: 50%;
    left: 10px;
    font-size: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-menu-1 .dropdown-toggle {
    position: relative;
}

.main-menu-1 .dropdown-toggle:after {
    position: absolute;
    content: "\f0c9";
    font-family: 'FontAwesome';
    line-height: 25px;
    text-align: center;
    top: 50%;
    right: 10px;
    font-size: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #fff !important;
    width: 25px;
    height: 25px;
    display: none;
}

.seattle-btn {
    width: 50px;
    height: 35px;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    border: 0 !important;
    background: #0c82ab !important;
    position: relative;
}

.t-btn {
    position: absolute;
    width: calc(100% - 10px);
    height: 5px;
    left: 5px;
    background: #fff;
    border-radius: 2px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.t-btn:nth-of-type(1) {
    top: 5px;
}
.t-btn:nth-of-type(2) {
    top: 15px;
}
.t-btn:nth-of-type(3) {
    top: 25px;
}

.seattle-btn:hover .t-btn:nth-of-type(2) {
    top: 5px;
}

.seattle-btn:hover .t-btn:nth-of-type(3) {
    top: 15px;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.seattle-btn:hover .t-btn:nth-of-type(1) {
    top: 25px;
}

.btn-rose {
    position: absolute;
    top: 5%;
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.btn-rose:before {
    font-size: 50px;
    font-weight: 600;
    color: #0c82ab;
}

.seattle-btn:hover .btn-rose {
    top: -100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all .8s linear;
    transition: all .8s linear;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}
/* drop-down menu end */


/*main nav default start*/
.main-menu.main-nav-2 {
    padding-top: 10px;
    padding-bottom: 0;
    display: inline-block;
}

.main-menu-1.main-menu-default > li.active > a,
.main-menu-1.main-menu-default > li:hover > a {
    color: #0c82ab !important;
    background: #222 !important;
}

.main-menu-1.main-menu-default > li > a {
    color: #fff !important;
    background: #222 !important;
}


.main-menu-1.main-menu-default li li a,
.main-menu-1.main-menu-default li li:hover a,
.main-menu-1.main-menu-default li li.active a {
    background: #fff !important;
}

.main-menu-1.main-menu-default li li:hover a,
.main-menu-1.main-menu-default li li.active a {
    color: #0c82ab !important
}

.main-menu-1.main-menu-default > li {
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 18px;
}

.main-menu-1.main-menu-default > li:first-of-type {
    margin-left: 0;
}

.main-menu-1.main-menu-default > li:last-of-type {
    margin-right: 0;
}

.quote-btn-default {
    padding-top: 17px;
}
/*main nav default end*/

/*fixed menu start*/
.stricky-fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999;
}

.menu-area.stricky-fixed {
    background: #fff;
    padding-top: 15px;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.menu-area.stricky-fixed .main-menu.main-nav-1 {
    padding-bottom: 0;
}
/*fixed menu end*/

/* ================ */
/*  main-menu end  */
/* ================ */

/* ================ */
/*   slider start   */
/* ================ */
.rev_slider_wrapper {
    overflow: hidden !important;
}
.slider-item-area {
    position: relative;
    z-index: 1;
}

.slider-item-area:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    top: 0;
    left: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.t-index {
    z-index: 2;
}

.t-nav.tparrows {
    min-width: 65px;
    min-height: 65px;
    border-radius: 100%;
    border: 1px solid rgba(255,255,255,.6);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    overflow:hidden;
    cursor:pointer;
    position:absolute;
    display:block;
    z-index:100;
    background-color: transparent;
}

.t-nav.tparrows:before {
    font-family: 'FontAwesome';
    font-size: 21px;
    color: rgba(255,255,255,.6);
    display: block;
    line-height: 65px;
    text-align: center;
    z-index: 2;
    position: relative;
}

.t-nav.tp-rightarrow:before {
    content: "\f105";
}

.t-nav.tp-leftarrow:before {
    content: "\f104";
}

/* slider heading */
.slider-h1,
.slider-h2,
.slider-h3 {
    font-family: 'Lora', serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.slider-h1 {
    font-size: 52px;
    line-height: 63px;
    letter-spacing: -1px;
}
.slider-h2 {
    font-size: 40px;
}
.slider-h3 {
    font-size: 48px;
    line-height: 64px;
    letter-spacing: -1px;
}
/* slider heading end */

/* slider text */
.slider-txt-1,
.slider-txt-2,
.slider-txt-3 {
    font-family: 'Lato', sans-serif;
    color: #fff;
}

.slider-txt-1 {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

.slider-txt-2 {
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
}

.slider-txt-3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}
/* slider text end */

/* slider brtn start */
.slider-item-area .g-btn-lg {
    -webkit-transition: all .3s linear !important;
    transition: all .3s linear !important;
}

.slider-item-area .g-btn-lg:first-of-type {
    margin-right: 3.5px;
}
.slider-item-area .g-btn-lg:last-of-type {
    margin-left: 3.5px;
}

.slider-btn-1 {
    font-weight: 700;
    font-style: italic;
    font-size: 16px;
    letter-spacing: .8px;
    color: #fff !important;

    padding-top: 10px;
    padding-bottom: 16px;
    padding-left: 42px;
    padding-right: 48px;
    -webkit-transition: all .3s linear !important;
    transition: all .3s linear !important;
}

.slider-btn-1:hover {
    background: #fff !important;
    color: #0c82ab !important;
}

.slider-btn-2 {
    font-size: 13px;
    padding: 18px 30px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    color: #fff !important;
    background-color: transparent;
    z-index: 1;
    -webkit-transition: all .3s linear !important;
    transition: all .3s linear !important;
}

.slider-btn-2:after {
    position: absolute;
    content: '';
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 0;
    left: 0;
    border: 2px solid #fff;
    background-color: transparent;
    z-index: -1;
    -webkit-transition: all .3s linear !important;
    transition: all .3s linear !important;
}

.slider-btn-2:hover:after {
    border: 2px solid transparent;
    background: #0c82ab;
}

.slider-item-area .g-btn-lg:hover {
    background: #fff !important;
    color: #0c82ab !important;
}
/* slider brtn end */
/* ================ */
/*    slider end    */
/* ================ */

/* ==================== */
/*    section-about-1   */
/* ==================== */
/*about intro*/
.about-title,
.about-heading {
    font-weight: 700;
    letter-spacing: .4px;
}

.about-title {
    font-style: italic;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 8px;
}

.about-heading {
    font-size: 32px;
    line-height: 45px;
    letter-spacing: .4px;
}

.text-about {
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 30px;
}

.about-img-1 img {
    margin-top: -190px;
    max-width: none;
}
/*about intro end*/

/*about services*/
.about-item {
    padding-top: 4px;
}

.about-img a {
    display: block;
    position: relative;
    overflow: hidden;
}

.about-img a:after {
    width: 100%;
    height: 100%;
    background: rgba(125,165,0,.6);
    top: 0;
    left: 0;
    z-index: 1;
}

.about-img a:before {
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    border: 1px dashed rgba(255,255,255,.8);
    top: 25px;
    left: 25px;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    z-index: 2;
}

.about-img a:after,
.about-img a:before {
    position: absolute;
    content: '';
    
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    visibility: hidden;
    opacity: 0;
}

.about-item:hover .about-img a:after,
.about-item:hover .about-img a:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

.about-img img {
    width: 100%;
    display: block;
}

.about-img .t-icon {
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%) scale(.3);
    -ms-transform: translate(-50%, -50%) scale(.3);
    -o-transform: translate(-50%, -50%) scale(.3);
    transform: translate(-50%, -50%) scale(.3);

    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.about-item:hover .about-img .t-icon {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.service-txt {
    padding-top: 30px;
}

.service-txt h2 {
    line-height: 8px;
}

.service-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1px !important;
}

.service-title:hover {
    color: #4b6300 !important
}

.service-txt .g-txt-2 {
    padding-top: 30px;
    padding-bottom: 23px;
}

/*about services end*/
/* ===================== */
/*  section-about-1 end  */
/* ===================== */


/* ========================= */
/*  section-service-1 start  */
/* ========================= */
.service-content-1 {
    background: url(img/banner-lg/01.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    background-size: cover;

    position: relative;
    z-index: 1;
}

.service-content-1:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(125,165,0,.95);
    top: 0;
    left: 0;
    z-index: -1;
}

.service-list li {
    width: 20%;
    float: left;
}

.service-list .t-icon:before {
    font-size: 45px;
}

.serv-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 1px;
    display: block;
    padding-top: 22px;
    padding-bottom: 35px;

    position: relative;
}

.serv-name:after {
    position: absolute;
    content: '';
    width: 45px;
    height: 4px;
    background: #0c82ab;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    visibility: hidden;
    opacity: 0;
}

.service-list a:hover .serv-name:after,
.service-list li.active .serv-name:after {
    bottom: 0;
    visibility: visible;
    opacity: 1;
}

.serv-article {
    position: relative;
    padding-left: 43px;
    padding-bottom: 25px;
}

.serv-article .section-h3 {
    padding-top: 23px;
    padding-bottom: 15px;
}

.serv-article .g-btn-sm {
    margin-top: 22px;
}

.serv-article:after {
    position: absolute;
    content: '';
    width: 3px;
    height: 100%;
    background: #0c82ab;
    top: 0;
    left: 0;
}

.serv-items .section-h4 {
    padding-top: 28px;
    padding-bottom: 15px;
}

.serv-items li:not(:first-of-type) {
    margin-top: 3px;
}

.serv-items .t-icon {
    padding-right: 11px;
}

.serv-items .t-icon:before {
    font-size: 22px;
}

.serv-item-name {
    font-size: 16px;
}
/* ********************* */
.q-quote-txt {
    font-weight: 400;
    font-style: italic;
    font-size: 17px;
    line-height: 28px;
    padding-top: 25px;
}

.q-form-area {
    padding-top: 52px;
    margin-left: -15px;
    padding-right: 20px;
}

.q-form-area .g-btn-sm {
    margin-left: 15px;
    margin-top: 35px;
}

.q-input input {
    width: 100%;
    height: 50px;
    border: 2px solid #ececec !important;
}

.q-txt textarea {
    width: 100%;
    height: 130px;
    border: 2px solid #ececec !important;
    padding-top: 20px;
}

.q-input input,
.q-txt textarea,
select.q-select[option="selected"] {
    color: #333;
    text-transform: uppercase;
}

.q-input input,
.q-txt textarea {
    padding-left: 20px;
}

.q-select {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: .4px;
    color: #333;
    border-radius: 0;
    height: 50px;
    border: 2px solid #ececec !important;
    padding-left: 20px;
    text-transform: uppercase;
}

.q-form-area .dropdown-menu.inner li a {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: .4px;
    color: #333;
    display: block;
    padding: 10px 0 10px 20px ;
    border-bottom: 1px dashed #ececec;
    -webkit-transition: all .3s linear;
   transition: all .3s linear;
}

.q-form-area .dropdown-menu.inner li:last-of-type a {
    border-bottom: none;
}

.q-form-area .dropdown-menu.inner li a:hover {
    background: #0c82ab !important;
    color: #fff !important;
}

.q-form-area button.q-select:focus,
.q-form-area button.q-select:visited {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

button.q-select {
    position: relative;
}

button.q-select .caret {
    border: none !important;
}

button.q-select .caret:after {
    position: absolute;
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #222;
    top: 50%;
    right: 11px;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
}

.q-form-area .dropdown-menu.open {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: 2px solid #ececec;
}
/* form prefix */
.q-form-area input::-webkit-input-placeholder,
.q-form-area textarea::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: .4px;
    color: #777;
}

.q-form-area input::-moz-placeholder,
.q-form-area textarea::-moz-placeholder {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: .4px;
    color: #777;
}

.q-form-area input:-ms-input-placeholder,
.q-form-area textarea:-ms-input-placeholder {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: .4px;
    color: #777;
}

.q-form-area input::placeholder,
.q-form-area textarea::placeholder {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: .4px;
    color: #777;
}

.q-form-area input:focus::-webkit-input-placeholder,
.q-form-area textarea:focus::-webkit-input-placeholder {
    padding-left: 8px;
    opacity: .5;
}

.q-form-area input:focus::-moz-placeholder,
.q-form-area textarea:focus::-moz-placeholder {
    padding-left: 8px;
    opacity: .5;
}

.q-form-area input:focus:-ms-input-placeholder,
.q-form-area textarea:focus:-ms-input-placeholder {
    padding-left: 8px;
    opacity: .5;
}

.q-form-area input:focus::placeholder,
.q-form-area textarea:focus::placeholder {
    padding-left: 8px;
    opacity: .5;
}
/* form prefix end */
/* ********************* */

/* ********************* */
.time-table {
    padding-top: 52px;
}

.time-table li:not(:first-of-type) {
    padding-top: 14px;
}

.time-table li {
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.time-table li:first-of-type {
    padding-bottom: 16px;
}

.time-table li:first-of-type .day,
.time-table li:first-of-type .time {
    line-height: 2px;
}

.day,
.time,
.offday {
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}
/* ********************* */
/* ========================= */
/*   section-service-1 end   */
/* ========================= */

/* ==================== */
/*  fact-counter start  */
/* ==================== */
.section-facts {
    background: url(img/banner-lg/02.jpg) no-repeat top center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.section-facts:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    top: 0;
    left: 0;
    z-index: -1;
}

.single-fact .titan-icon {
    width: 73.81px;
    height: 73.81px;
    display: inline-block;
}

.single-fact .t-icon:before {
    font-size: 45px;
}

.fact-num,
.fact-title {
    font-weight: 700;
}

.fact-num {
    font-size: 42px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 17px;
}

.fact-title {
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 1px;
}
/* ==================== */
/*   fact-counter end   */
/* ==================== */

/* ============================ */
/*    section-quality-1 start   */
/* ============================ */
.section-quality-1 {
    z-index: 9;
}

.quality-img img {
    max-width: none;
    margin-left: -300px;
    margin-top: -200px;
    position: relative;
    z-index: 3;
}

.quality-container {
    border: 4px solid #ededed;
    overflow: hidden;
    z-index: 4;
}

.quality-wrapper {
    position: relative;
    overflow: hidden;
    z-index: 91;
}

.quality-wrapper:before,
.quality-wrapper:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 300px;
    background: #ededed;
    
    top: 0;
    z-index: 99;
}

.quality-wrapper:before {
    left: calc(33.33% - 2px);
}

.quality-wrapper:after {
    right: calc(33.33% - 2px);
}

.quality-wrapper:last-of-type {
    border-top: 4px solid #ededed;
}

.quality-single {
    padding: 40px 30px;
    position: relative;
    z-index: 1;
}

.quality-content-1 .t-icon:before {
    font-size: 50px;
}
.quality-content-2 .t-icon:before {
    font-size: 35px;
}

.quality-title {
    font-weight: 400;
    font-style: italic;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 2px;
    padding-top: 15px;
    padding-bottom: 5px;
}
.quality-h1 {
    font-weight: 700;
    font-size: 17px;
    line-height: 28px;
}
.quality-content-2 {
    position: absolute;
    width: 100%;
    height: 150%;
    top: 0;
    left: 0;
    padding: 42px 30px 40px 30px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.quality-single:hover .quality-content-2 {
    visibility: visible;
    opacity: 1;
}
.quality-h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    padding-bottom: 13px;
    padding-top: 5px;
}
.quality-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}
/* ============================ */
/*     section-quality-1 end    */
/* ============================ */

/* ==================== */
/*  testimonial-1 end   */
/* ==================== */
.people-words  {
    background: url(img/banner-lg/03.jpg) no-repeat top center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.people-words:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    top: 0;
    left: 0;
    z-index: -1;
}

.testimonial-1 .owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: 1px solid #0c82ab;
    display: inline-block;
    margin-top: 47px;
}

.testimonial-1 .owl-dot:not(:last-of-type) {
    margin-right: 10px;
}

.testimonial-1 .owl-dot.active {
    width: 9px;
    height: 9px;
    background: #0c82ab;
}

.owl-carousel .owl-item img {
    max-width: 100% !important;
    display: inline-block !important;
}
.customer-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: .4px;
    padding-top: 20px;
}
.customer-pos {
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: .4px;
    padding-top: 4px;
}
.customer-words {
    font-weight: 400;
    font-style: italic;
    font-size: 19px;
    line-height: 30px;
    padding-top: 18px;
}

.customer-word-area {
    padding: 0 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .8s linear;
    transition: all .8s linear;
}

.testimonial-1 .owl-item.active .customer-word-area {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/* ==================== */
/*  testimonial-1 end   */
/* ==================== */


/* ================== */
/*  gallery-1 start   */
/* ================== */
.gallery-box-1,
.gallery-item {
    position: relative;
}

.g-img img {
    width: 100%;
}

.g-info {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(242,101,34,.9);
    top: 0;
    left: 0;
    padding-top: 50px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    visibility: hidden;
    opacity: 0;
}

.gallery-box-1:hover .g-info {
    visibility: visible;
    opacity: 1;
}

.g-heading {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: .20px;
}

.g-title {
    font-weight: 400;
    font-style: italic;
    font-size: 13px;
    letter-spacing: .20px;
}

.btn-gallery {
    border: 2px solid #fff;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 18px;
    padding-right: 18px;
    margin-top: 50px;
    display: inline-block;
    color: #fff !important;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: .40px;
    line-height: 1;
}

.btn-gallery:hover {
    border: 2px solid transparent;
}
/* ================= */
/*   gallery-1 end   */
/* ================= */

/* ==================== */
/*   partners-1 start   */
/* ==================== */
.partners-1 {
    background: url(img/banner-lg/04.jpg) no-repeat bottom center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.partners-1:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    top: 0;
    left: 0;
    z-index: -1;
}

.single-partner {
    display: block;
}

.single-partner img {
    opacity: .6;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.single-partner:hover img {
    opacity: 1;
}

.partners-slider-1 .owl-prev,
.partners-slider-1 .owl-next {
    width: 39px;
    height: 39px;
    font-size: 16px;
    border: 1px solid #fff;
    color: #fff !important;
    line-height: 35px;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.partners-slider-1 .owl-prev:hover,
.partners-slider-1 .owl-next:hover {
    background: #0c82ab;
    border: 1px solid transparent;
}

.partners-slider-1 .owl-prev {
    right: calc(100% + 50px)
}

.partners-slider-1 .owl-next {
    left: calc(100% + 30px);
}

.partners-2 .partners-slider-1 .owl-prev,
.partners-2 .partners-slider-1 .owl-next {
    border: 1px solid #e6e6e6;
    color: #cacaca !important;
}

.partners-2 .partners-slider-1 .owl-prev:hover,
.partners-2 .partners-slider-1 .owl-next:hover {
    background: #0c82ab;
    border: 1px solid transparent;
    color: #fff !important
}
/* ==================== */
/*    partners-1 end    */
/* ==================== */


/* ==================== */
/*  section-blog start  */
/* ==================== */
.blog-img {
    position: relative;
}

.blog-img img {
    width: 100%;
}

.blog-img .t-icon {
    width: 67px;
    height: 67px;
    line-height: 67px;
    position: absolute;
    top: 32px;
    left: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.blog-img .t-icon:before {
    font-size: 32px;
}

.blog-item:hover .blog-img .t-icon {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    background: #0c82ab !important;
}

.blog-item:hover .blog-img .t-icon:before {
    position: absolute;
    font-size: 70px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    -o-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
}

.blog-title {
    font-weight: 700;
    font-size: 17px;
    line-height: 30px;
}

.blog-title:hover {
    color: #0c82ab !important
}

.blog-info {
    font-weight: 400;
    font-size: 12px;
    font-style: italic;
    line-height: 30px;
}

.blog-txt {
    position: relative;
    width: 100%;
    margin-top: -50px;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 1;
}

.blog-txt:after {
    position: absolute;
    content: '';
    width: calc(100% - 80px);
    height: 100%;
    background: #f2f2f2;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}

.blog-info {
    display: inline-block;
}

.blog-info:nth-of-type(2) {
    margin-left: 3px;
    margin-right: 3px;
}
/* ==================== */
/*   section-blog end   */
/* ==================== */


/* ==================== */
/*   footer-top start   */
/* ==================== */
.footer-top {
    padding-top: 22px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}

.footer-top:before,
.footer-top:after {
    position: absolute;
    content: '';
    height: 100%;
    top: 0;
    z-index: -1;
}

.footer-top:before {
    width: 40%;
    background: #0c82ab;
    left: 0;
}

.footer-top:after {
    width: 60%;
    background: #f5f5f5;
    right: 0;
}

.contact-title,
.contact-num,
.subscribe-title {
    font-weight: 700;
    line-height: 30px;
}

.contact-title {
    font-size: 15px;
}

.contact-num {
    font-size: 24px;
}

.contact-num:hover {
    color: #ddd !important
}

.subscribe-title {
    font-size: 18px;
}

.subscribe-txt {
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .40px;
}

.subscribe-form {
    width: 100%;
}

.subscribe-form input,
.subscribe-form button {
    float: left;
    height: 45px;
}

.subscribe-form input {
    width: calc(100% - 70px);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .7px;
    padding-left: 20px;
    padding-right: 10px;
    border: 1px solid #ddd !important;
    border-right: 0 !important;
}

.subs {
    width: 70px;
    line-height: 45px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.subs .t-icon:before {
    font-size: 25px;
    font-weight: 600;
}

.footer-xs-2 {
    display: none;
}
/* ==================== */
/*    footer-top end    */
/* ==================== */


/* ===================== */
/*  footer-middle start  */
/* ===================== */
.footer-middle {
    background: url(img/footer/01.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 9;
}
.footer-img img {
    max-width: none;
    z-index: -1;
    margin-left: -100px;
}

.footer-photo-xs {
    display: none;
}

.footer-title {
    font-family: 'Lora', serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    letter-spacing: .4px;
    padding-bottom: 40px;
    text-transform: uppercase;
    color: #fff
}

.footer-service li:not(:first-of-type) {
    padding-top: 25px;
}

.footer-service a {
    font-size: 16px;
    line-height: 1px;
    color: #9b9b9b;
}

.footer-service a:hover {
    color: #0c82ab;
}

.footer-post {
    padding-left: 60px;
}

.single-foot-post:not(:first-of-type) {
    padding-top: 30px;
}

.single-foot-post li {
    float: left;
}

.single-foot-post li:not(:first-of-type) {
    padding-left: 25px;
}

.single-foot-post li span,
.single-foot-post li a {
    display: block;
}

.fp-img img {
    z-index: 1;
}

.fp-img {
    display: block;
    position: relative;
    z-index: 3;
    background: #333;
}

.fp-img:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #0c82ab;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 3;
}

.fp-img:hover:after {
    visibility: visible;
    opacity: 1;
}

.fp-img .t-icon {
    position: absolute;
    font-size: 20px;
    color: #fff;
    bottom: 10%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 4;
}

.fp-img:hover .t-icon {
    visibility: visible;
    opacity: 1;
    left: 50%;
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.fp-title {
    font-family: 'Lora', serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #fff !important;
    padding-bottom: 5px;
    padding-right: 20px;
}

.fp-title:hover {
    color: #999 !important
}

.fp-date {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 13px;
    line-height: 24px;
    color: #0c82ab !important;
}

.short-i3:not(:first-of-type) {
    padding-top: 25px;
}

.short-i3 li:not(.short-i3-title),
.short-i3 li:not(:first-of-type),
.short-i3 a {
    color: #9b9b9b;
}

.short-i3 li:not(.short-i3-title),
.short-i3 li:not(:first-of-type) {
    padding-top: 7px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .20px;
}

.short-i3-title {
    font-weight: 700;
    font-size: 17px;
    line-height: 10px;
    letter-spacing: .40px;
    padding-bottom: 15px;
}

.short-i3 a:hover {
    color: #0c82ab;
}
/* ===================== */
/*   footer-middle end   */
/* ===================== */

/* ===================== */
/*  footer-bottom start  */
/* ===================== */
.footer-bottom {
    padding-top: 23px;
    padding-bottom: 24px;
    background: #1a1a1a;
    color: #999;
}

.copyright,
.site-map a {
    font-weight: 600;
    font-size: 12px;
    color: #999;
}

.copyright {
    letter-spacing: .40px;
    line-height: 18px;
}

.site-map a {
    line-height: 14px;
    letter-spacing: .80px;
}

.site-map a:hover {
    color: #0c82ab;
}

.site-map li:not(:first-of-type) {
    margin-left: 35px;
}
/* ===================== */
/*   footer-bottom end   */
/* ===================== */

/**********************************************************
                 HOME-1 END, HOME-2 START
**********************************************************/

/* ========================= */
/*   top-bar-default start   */
/* ========================= */
.top-bar-default {
    background: #f6f6f6;
}

.tbr-sitemap .tbr-y {
    line-height: 47px;
}

.welcome,
.tbr-sitemap a {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .7px;
}

.top-bar-default .top-bar-left,
.top-bar-default .top-bar-right {
    width: 50% !important;
    float: left !important;
}

.tbr-sitemap a {
    padding-right: 12px;
    padding-left: 12px;
}

.tbr-sitemap a:hover {
    color: #0c82ab !important
}

.tbr-sitemap li:first-of-type a {
    padding-left: 0;
}

.tbr-sitemap li:last-of-type a {
    padding-right: 0;
}

.tbr-sitemap li:not(:first-of-type) a {
    border-left: 1px solid #222;
}
/* ========================= */
/*   top-bar-default start   */
/* ========================= */

/* ========================= */
/*   top-bar-default start   */
/* ========================= */
.Hinfo-single {
    display: inline-block;
}

.Hinfo-single:first-of-type {
    padding-right: 60px;
}

.Hinfo-single li li {
    font-size: 16px;
    line-height: 24px;
}

.Hinfo-single li li:first-of-type {
    font-weight: 700;
}

.Hinfo-single li li:last-of-type {
    font-weight: 400;
    letter-spacing: .40px;
}

.Hinfo-single .t-icon {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 2px solid #eaeaea;
    text-align: center;
    line-height: 40px;
    position: relative;
    top: -8px;
    margin-right: 10px;
}

.Hinfo-single .t-icon:before {
    font-size: 20px;
}

.Hinfo-single a:hover {
    color: #0c82ab !important;
}
/* ========================= */
/*   top-bar-default start   */
/* ========================= */

/* ========================= */
/*   main-nav-default start  */
/* ========================= */
.main-menu.main-nav-1 {
    padding-top: 10px;
    padding-bottom: 15px;
    display: inline-block;
}

.header-middle-default {
    padding-top: 37px;
    padding-bottom: 37px;
}
/* ========================= */
/*   main-nav-default start  */
/* ========================= */


/* ========================= */
/*    sectio-welcome start   */
/* ========================= */
.wc-items {
    padding-top: 53px;
}

.wc-item .t-icon:before {
    font-size: 42px;
}

.wc-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: .40px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.wc-txt {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .20px;
}

.wc-btn {
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .20px;
    margin-top: 18px;
    margin-bottom: 6px;
}

.wc-btn:hover {
    color: #0c82ab !important;
}

.welcome-photo {
    position: relative;
    z-index: 1;
}

.welcome-photo:after {
    position: absolute;
    content: '';
    width: 100%;
    height: calc(100% - 120px);
    top: 60px;
    left: 0;
    background: #e6ffd0;
    z-index: -1;
}
/* ========================= */
/*    sectio-welcome start   */
/* ========================= */


/* ==================== */
/*    gallery-2 start   */
/* ==================== */
.g2-header {
    background: url(img/banner-lg/05.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.g2-header:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(125,165,0,.95);
    top: 0;
    left: 0;
    z-index: -1;
}

.gallery-2 .g-info {
    padding-top: 30px;
}
/* ==================== */
/*    gallery-2 start   */
/* ==================== */


/* ==================== */
/*    service-2 start   */
/* ==================== */
.serv-2-img img {
    width: 100%;
}

.serv-2-img a {
    display: block;
    position: relative;
    perspective: 1000px;
    z-index: 1;
}

.serv-2-img a:before,
.serv-2-img a:after {
    position: absolute;
    content: '';
    visibility: hidden;
    opacity: 0;
}

.serv-2-img a:before {
    width: 100%;
    height: 100%;
    background: rgba(125,165,0,.4);
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.serv-2-img a:after {
    width: 50%;
    height: calc(100% - 50px);
    border: 1px dashed rgba(255,255,255,.9);
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotateY(360deg);
    -ms-transform: translateX(-50%) rotateY(360deg);
    -o-transform: translateX(-50%) rotateY(360deg);
    transform: translateX(-50%) rotateY(360deg);

    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;

    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 3;
}

.serv-2-img .t-icon {
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    z-index: 3;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.serv-icon {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 65px;
    height: 65px;
    line-height: 65px;
    z-index: 4;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.serv-icon:before {
    font-size: 32px;
}

.serv-2-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: .40px;
    display: inline-block;
    margin-top: 27px;
    margin-bottom: 12px;
}

.serv-2-title:hover {
    color: #0c82ab !important
}

.serv-2-txt {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: .40px;
}

/*hover*/
.serv-2-item:hover .serv-icon {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.serv-2-item:hover .serv-2-img a:before,
.serv-2-item:hover .serv-2-img a:after {
    visibility: visible;
    opacity: 1;
}

.serv-2-item:hover .serv-2-img a:after {
    -webkit-transform: translateX(-50%) rotateY(0deg);
    -ms-transform: translateX(-50%) rotateY(0deg);
    -o-transform: translateX(-50%) rotateY(0deg);
    transform: translateX(-50%) rotateY(0deg);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.serv-2-item:hover .serv-2-img .t-icon {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}
/* ==================== */
/*     service-2 end    */
/* ==================== */


/* ==================== */
/*    quality-2 start   */
/* ==================== */
.quality-2 {
    background: url(img/quality/02/02.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

.quality-item-2 {
    padding-top: 55px;
}

.quality-img-2 img {
    max-width: none;
    margin-top: -55px;
    margin-left: -80px;
}

.quality-2-h1 {
    font-weight: 700;
    font-size: 28px;
    line-height: 26px;
    padding-bottom: 25px;
}

.quality-2-words {
    font-weight: 400;
    font-style: italic;
    font-size: 17px;
    line-height: 28px;
}

.quality-item-2 > ul > li {
    float: left;
}

.quality-item-2 .t-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 100%;
    border: 2px solid #0c82ab;
    margin-right: 25px;
}

.quality-item-2 .t-icon:before {
    font-size: 35px;
}

.quality-item-2 > ul > li:last-of-type {
    width: calc(100% - 95px);
}

.q2-title,
.q2-text {
    font-size: 15px;
    line-height: 26px;
    letter-spacing: .40px;
}

.q2-title {
    font-weight: 700;
}
.q2-text {
    font-weight: 400;
}
/* ==================== */
/*     quality-2 end    */
/* ==================== */


/* ====================== */
/*   section-team start   */
/* ====================== */
.member-photo img {
    display: block;
    margin: 0 auto;
}

.member-photo {
    padding-top: 42px;
    position: relative;
    z-index: 1;
}

.member-photo:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f8ffef;
    z-index: -1;
}

.member-photo:after {
    position: absolute;
    content: '';
    width: calc(100% - 60px);
    height: calc(100% + 10px);
    top: 30px;
    left: 30px;
    border: 3px solid #0c82ab;
    z-index: 1;
}

.member-pos {
    display: inline-block;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 24px;
    position: relative;
    z-index: 2;
}

.member-pos:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1;
}

.member-pos {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: .8px;
}
.member-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: .40px;
}
/* ====================== */
/*    section-team end    */
/* ====================== */


/* ======================= */
/*   testimonial-2 start   */
/* ======================= */
.people-words-2  {
    background: url(img/testimonial/02/01.jpg) no-repeat top center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.people-words-2:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(125,165,0,.9);
    top: 0;
    left: 0;
    z-index: -1;
}

.testimonial-2 .owl-dots {
    text-align: center;
}

.testimonial-2 .owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: 1px solid #0c82ab;
    display: inline-block;
    margin-top: 47px;
}

.testimonial-2 .owl-dot:not(:last-of-type) {
    margin-right: 10px;
}

.testimonial-2 .owl-dot.active {
    width: 9px;
    height: 9px;
    background: #0c82ab;
}

.testimonial-2 .customer-name {
    font-size: 16px;
    letter-spacing: .40px;
    padding-top: 10px;
    padding-left: 18px;
}

.testimonial-2 .customer-pos {
    font-size: 14px;
    letter-spacing: .40px;
    line-height: 12px;
    padding-left: 18px;
    position: relative;
}

.testimonial-2 .customer-pos:after {
    position: absolute;
    content: '';
    width: 51px;
    height: 4px;
    background: #0c82ab;
    top: calc(100% + 18px);
    left: 18px;
}

.testimonial-2 .customer-words {
    font-size: 17px;
    line-height: 26px;
    padding-top: 24px;
}
/* ======================= */
/*    testimonial-2 end    */
/* ======================= */


/* ==================== */
/*    footer-2 start    */
/* ==================== */
.footer-area-2 {
    background: url(img/footer/03.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.footer-area-2:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    top: 0;
    left: 0;
    z-index: -1;
}

.footer-about-txt {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #9d9d9d;
    padding-top: 31px;
    padding-bottom: 33px;
}

.footer-social li {
    padding-right: 5px;
}

.footer-social a {
    width: 41.25px;
    height: 41.25px;
    line-height: 41.25px;
    border-radius: 100%;
    display: block;
    background: #2b2b2b;
    color: #9b9b9b;
    text-align: center;
    font-size: 13.5px;
}

.footer-social a:hover {
    background: #0c82ab;
}

.footer-area-2 .short-i3 a:hover,
.footer-area-2 .site-map a:hover,
.footer-area-2 .footer-service a:hover {
    color: #8fc933 !important
}

.fg-img {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.fg-img img {
    width: 100%;
}

.fg-img a {
    display: block;
    position: relative;
    z-index: 1;
}

.fg-img a:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(125,165,0,.6);
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
}

.fg-img a:hover:after {
    visibility: visible;
    opacity: 1;
}

.fg-img a .t-icon {
    position: absolute;
    font-size: 18px;
    color: #fff;
    left: 50%;
    top: 60%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    z-index: 2;
}

.fg-img a:hover .t-icon {
    top: 50%;
    visibility: visible;
    opacity: 1;
}
/* ==================== */
/*    footer-2 start    */
/* ==================== */


/**********************************************************
                 HOME-2 END, HOME-3 START
**********************************************************/

/* =================== */
/*   header-3 start    */
/* =================== */
.header-wrapper {
    position: relative;
}

.header-3 {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
}

.top-bar-3 {
    background-color: transparent;
}

.top-bar-3 .tbr-y {
    line-height: 72px;
}
/* =================== */
/*   header-3 start    */
/* =================== */


/* =================== */
/*   welcome-2 start   */
/* =================== */
.wc2-single {
    
}

.wc-2-img a {
    display: block;
    position: relative;
    z-index: 1;
}

/*.wc-2-img a*/

.wc-2-img img {
    width: 100%;
}

.wc2-icon {
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.wc2-icon:hover {
    background: #0c82ab !important;
}

.wc-2-txt {
    border: 1px solid #e0e0e0;
    border-top: 0;
    padding-top: 22px;
    padding-bottom: 34px;
    padding-left: 5px;
    padding-right: 20px;
}

.wc-2-txt .t-icon {
    width: 25%;
    float: left;
    text-align: center;
}

.wc-2-txt .t-icon:before {
    font-size: 48px;
}

.wc-2-words {
    width: 75%;
    float: left;
    padding-left: 5px;
}

.wc-2-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px;
    padding-top: 8px;
}

.wc-2-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}
/* =================== */
/*    welcome-2 end    */
/* =================== */


/* =================== */
/*   service-3 start   */
/* =================== */
.serv3-photo {
    width: 27.33% !important;
}

.serv3-l,
.serv3-r {
    width: 36.33%;
}

.serv-3-img {
    background: url(img/service/03/02.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    text-align: center;
    padding: 5px !important;
    z-index: 1;
}

.serv-3-img:after {
    position: absolute;
    content: '';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 5px;
    left: 5px;
    background: #fff;
    z-index: 2;
}

.serv-3-img img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 3;
    margin-top: -40px;
}

.serv3-single .t-icon:before {
    font-size: 28px;
}

.serv-3-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: .40px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.serv-3-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}

.serv3-single {
    border: 3px solid #e6e6e6;
    padding-top: 24px;
    padding-bottom: 24px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.serv3-single:hover {
    border: 3px solid #0c82ab;
}

.serv3-l .serv3-single {
    border-right: 0;
    padding-right: 30px;
    padding-left: 40px;
}

.serv3-r .serv3-single {
    border-left: 0;
    padding-left: 30px;
    padding-right: 40px;
}

.serv3-single:not(:last-of-type) {
    margin-bottom: 35px;
    margin-top: 80px;
}
/* =================== */
/*    service-3 end    */
/* =================== */


/* =================== */
/*   lg-banner start   */
/* =================== */
.lg-banner {
    background: url(img/banner-lg/06.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.lg-banner:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.85);
    top: 0;
    left: 0;
    z-index: -1;
}

.lg-banner .g-btn-lg {
    margin-right: 6px;
}

.lg-banner-text {
    font-weight: 700;
    font-size: 38px;
    line-height: 56px;
    padding-bottom: 25px;
}
/* =================== */
/*    lg-banner end    */
/* =================== */


/* ======================== */
/*   section-team-2 start   */
/* ======================== */
.section-team-2 {
    background: rgba(248,248,248,.75);
}

.section-team-2 .member-photo {
    background: url(img/team/02/01.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    text-align: center;
    padding: 5px !important;
    z-index: 1;
}

.section-team-2 .member-photo:before {
    position: absolute;
    content: '';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 5px;
    left: 5px;
    background: #fafafa;
    z-index: 2;
}

.section-team-2 .member-photo img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 3;
}

.section-team-2 .member-photo:after,
.section-team-2 .member-pos:after {
    content: '';
    display: none;
}

.section-team-2 .member-pos {
    padding-top: 0;
}

.section-team-2 .member-name {
    line-height: 25px;
}

.section-team-2 .member-info {
    padding-top: 15px !important;
    padding-bottom: 18px !important;
    position: relative;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.section-team-2 .member-info:after {
    position: absolute;
    content: '';
    width: calc(100% - 134px);
    height: 100%;
    background: #fff;
    left: 67px;
    top: 0;
    z-index: -1;
}
/* ======================== */
/*    section-team-2 end    */
/* ======================== */

/********************************
          GOOGLE MAP
*********************************/
#contact-google-map {
    height: 490px;
}
/********************************/

/* ======================== */
/*   footer-middle-3 start  */
/* ======================== */
.footer-middle-3,
.foot-info-area {
    height: 490px;
}
.foot-info-area span {
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
}

.foot-info-area li span:first-of-type {
    width: 40%;
}
.foot-info-area li span:last-of-type {
    width: 60%;
}

.foot-info-h1 {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 27px;
}

.foot-info-area ul:first-of-type {
    padding-bottom: 39px;
}

.foot-info-area li {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255,255,255,.25);
}

.foot-info-area li:last-of-type {
    border-bottom: 0;
}

.foot3-img img {
    max-width: none;
    margin-top: -30px;
}

.footer-area-3 .site-map a:hover {
    color: #8fc933 !important
}
/* ======================== */
/*    footer-middle-3 end   */
/* ======================== */

/******************************************************
           OTHER PAGES HEADER BACKGROUND IMAGES
******************************************************/
.op-about-1 {
    background: url(img/other-header/01.jpg);
}
.op-about-2 {
    background: url(img/other-header/02.jpg);
}
.op-service-1 {
    background: url(img/other-header/03.jpg);
}
.op-service-2 {
    background: url(img/other-header/04.jpg);
}
.op-blog-1 {
    background: url(img/other-header/05.jpg);
}
.op-blog-2 {
    background: url(img/other-header/06.jpg);
}
.op-service-detail {
    background: url(img/other-header/07.jpg);
}
.op-project-detail {
    background: url(img/other-header/08.jpg);
}
.op-blog-single {
    background: url(img/other-header/09.jpg);
}
.op-gallery-1 {
    background: url(img/other-header/10.jpg);
}
.op-gallery-2 {
    background: url(img/other-header/11.jpg);
}
.op-contact-us {
    background: url(img/other-header/12.jpg);
}
/******************************************************
        OTHER PAGES HEADER BACKGROUND IMAGES END
******************************************************/

/****************************
       ASIDE SETTINGS
****************************/
.g-sidebar {
    z-index: 1;
    position: relative;
}
/*search box start*/
.search-news {
    position: relative;
    height: 50px;
    border: 1px solid #dadada;
}

.search-news input {
    position: absolute;
    width: 80%;
    height: 51px;
    top: 0;
    left: 0;
    padding-left: 20px;
}

.search-news button {
    position: absolute;
    width: 20%;
    height: 51px;
    top: 0;
    right: 0;
}

.search-news button .titan-icon:before {
    font-size: 18px;
    color: #bebebe;
}

.search-news input::-webkit-input-placeholder {
    font-style: italic;
    color: #b3b3b3;
}
.search-news input::-moz-placeholder {
    font-style: italic;
    color: #b3b3b3;
}
.search-news input:-ms-input-placeholder {
    font-style: italic;
    color: #b3b3b3;
}
.search-news input::placeholder {
    font-style: italic;
    color: #b3b3b3;
}
/*search box end*/

.aside-h1 {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: .7px;
    background: #f5f5f5;
    border-left: 3px solid #0c82ab;
    padding-left: 25px;
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 40px;
    padding-top: 11px;
    padding-bottom: 8px;
}

.aside-news-single {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
}

.aside-news-single:first-of-type {
    padding-top: 0;
}

.aside-news-single:last-of-type {
    border-bottom: 0;
}

.an-img {
    float: left;
    width: 33.33%;
}

.an-txt {
    float: left;
    width: 66.66%;
    padding-left: 25px;
}

.an-img a {
    display: block;
    position: relative;
    z-index: 1;
}

.an-img a img {
    width: 100%;
}

.an-img a:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #0c82ab;
    top: 0;
    left: 0;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}

.aside-news-single:hover .an-img a:after {
    visibility: visible;
    opacity: 1;
}

.an-img .t-icon {
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 70%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.aside-news-single:hover .an-img .t-icon {
    visibility: visible;
    opacity: 1;
    left: 50%;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.an-txt h2 {
    position: relative;
    line-height: 25px;
    padding-bottom: 10px;
    z-index: 1;
}

.an-title {
    position: relative;
    font-weight: 400;
    font-size: 15px;
    line-height: 1px;
    color: #181818;
    letter-spacing: .40px;
    z-index: 2;
}

.an-title:hover {
    color: #0c82ab
}

.an-date {
    font-weight: 400;
    font-style: italic;
    font-size: 13px;
    letter-spacing: .40px;
}

.post-categories a {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .40px;
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e7e7e7;
    color: #777;
}

.post-categories a .t-icon {
    padding-right: 15px;
}

.post-categories a:hover {
    color: #0c82ab
}

.post-categories li:first-of-type a {
    padding-top: 0;
}

.post-categories li:last-of-type a {
    border-bottom: 0;
    padding-bottom: 0;
}

.tag-single {
    display: inline-block;
    position: relative;
    border: 1px solid #dadada;
    padding: 6px 18px;
    margin-right: 9px;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .40px;
    color: #777;
    z-index: 1;
}

.tag-single:hover {
    color: #fff;
    border: 1px solid #0c82ab;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.tag-single:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0c82ab;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left 0;
    -moz-transform-origin: left 0;
    -ms-transform-origin: left 0;
    -o-transform-origin: left 0;
    transform-origin: left 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: -1;
}

.tag-single:hover:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
/****************************
    ASIDE SETTINGS END
****************************/

/* =================== */
/*   op-blog-1 start   */
/* =================== */
.blog-posts-wrapper .blog-item {
    margin-bottom: 50px;
}

.blog-posts-wrapper {
    padding-right: 50px !important;
}

.blog-posts-wrapper .blog-txt:after {
    width: calc(100% - 120px);
}
/* =================== */
/*    op-blog-1 end    */
/* =================== */


/* =================== */
/*   op-blog-2 start   */
/* =================== */
.blog-posts-wrapper-2 {
    padding-right: 20px !important;
}

.blog-posts-wrapper-2 .blog-item {
    margin-bottom: 50px;
}

.blog-posts-wrapper-2 .blog-txt:after {
    width: calc(100% - 40px);
}

.blog-pages {
    padding-top: 10px;
}

.blog-pages a {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .40px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    display: block;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #cdcdcd;
    color: #777;
}

.blog-pages a:hover,
.blog-pages a.active {
    background: #0c82ab;
    border: 1px solid #0c82ab;
    color: #fff;
}
/* =================== */
/*    op-blog-2 end    */
/* =================== */


/* ===================== */
/*   single-blog start   */
/* ===================== */
.blog-posts-single {
    padding-right: 50px;
}

.blog-banner {
    position: relative;
    padding-left: 30px;
    margin-bottom: 33px;
}

.blog-banner img {
    width: 100%;
}

.blog-banner .t-icon {
    width: 67px;
    height: 67px;
    line-height: 67px;
    position: absolute;
    top: 32px;
    left: 0;
    text-align: center;
}

.blog-banner .t-icon:before {
    font-size: 32px;
}

.post-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #222;
    text-transform: uppercase;
}

.post-info {
    padding-top: 10px;
}

.post-info a {
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
    line-height: 30px;
    color: #0c82ab;
    letter-spacing: .40px;
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #0c82ab;
}

.post-info li:first-of-type a {
    padding-left: 0;
}

.post-info li:last-of-type a {
    padding-right: 0;
    border-right: 0;
}

.post-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}

.post-text i {
    color: #444
}

.post-quote {
    position: relative;
    border: 4px solid #f5ffd6;
    padding: 35px 0;
    margin-top: 48px;
    margin-bottom: 26px;
    z-index: 1;
}

.quote-mark {
    position: absolute;
    font-weight: 700;
    font-style: italic;
    font-size: 110px;
    line-height: 28px;
    padding: 0 36px;
    padding-top: 10px;
    color: #ffcfb8;
    background: #fff;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -10%);
    -ms-transform: translate(-50%, -10%);
    -o-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%);
    z-index: 2;
}

.p-quote-txt {
    font-weight: 400;
    font-style: italic;
    font-size: 28px;
    line-height: 28px;
    padding-top: 8px;
    letter-spacing: .40px;
}

.quote-from {
    font-weight: 700;
    font-style: italic;
    font-size: 15px;
    line-height: 28px;
    padding-top: 17px;
    letter-spacing: 1px;
}

.txt-pt {
    padding-top: 19px;
}

.post-img-inner {
    width: 100%;
}

.share-area {
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}

.share-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    padding-top: 8px;
}

.share-title .t-icon {
    font-size: 16px;
    line-height: 28px;
    padding-right: 3px;
}

.share-buttons a {
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border-radius: 100%;
    background: #eaeaea;
    color: #666;
    display: block;
    margin-right: 5px;
}

.share-buttons .t-icon {
    font-size: 13px;
}

.share-buttons a:hover {
    background: #0c82ab;
    color: #fff;
}

.comment-area {
    margin-top: 40px;
}

.comment-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #181818;
}

.single-comment {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e4e4e4;
}

.comment-img {
    width: 10%;
    float: left;
}

.comment-img a {
    display: block;
}

.comment-img img {
    width: 100%;
}

.comment-txt {
    width: 90%;
    float: left;
    padding-left: 24px;
}

.comment-head {
    width: 50%;
    float: left;
}

.comment-by {
    font-weight: 700;
    font-size: 15px;
    line-height: 28px;
}

.comment-info {
    font-weight: 400;
    font-size: 13px;
    line-height: 28px;
    letter-spacing: .40px;
}

.btn-reply {
    display: inline-block;
    float: right;
    font-weight: 400;
    font-size: 11px;
    line-height: 28px;
    letter-spacing: .40px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 8px;
    border: 1px dashed transparent;
}

.btn-reply:hover {
    border: 1px dashed #0c82ab;
    color: #0c82ab !important;
    background: transparent !important;
}

.comment-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    clear: both;
    padding-top: 12px;
}

.single-comment.reply-comment {
    padding-left: 10%;
}

.comment-form {
    margin-top: 35px;
}

.comment-form form {
    padding-top: 35px;
}

.comment-form input {
    width: calc(50% - 15px);
    height: 50px;
    margin-bottom: 30px;
}

.comment-form input[type="text"] {
    float: left;
}
.comment-form input[type="email"] {
    float: right;
}

.comment-form textarea {
    width: 100%;
    height: 220px;
    margin-bottom: 40px;
    padding-top: 28px;
}

.comment-form input,
.comment-form textarea {
    border: 1px solid #d1d1d1 !important;
    padding-left: 28px;
}

.btn-submit {
    font-weight: 400;
    font-size: 12px;
    line-height: 50px;
    letter-spacing: .7px;
    padding-left: 28px;
    padding-right: 28px;
    border-radius: 3px;
    border: 1px dashed transparent !important;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.btn-submit:hover {
    border: 1px dashed #0c82ab !important;
    background: transparent !important;
    color: #0c82ab !important
}
/* ===================== */
/*    single-blog end    */
/* ===================== */


/* ======================== */
/*   service-detail start   */
/* ======================== */
.serv-inner-list {
    padding-left: 40px;
}
.serv-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}

.serv-h1 {
    font-weight: 700;
    font-size: 20px;
    line-height: 14px;
    padding-top: 40px;
}

.serv-inner-banner {
    float: left;
    width: 40%;
}
.serv-inner-list {
    float: left;
    width: 60%;
}

.serv-tab {
    font-weight: 700;
    font-size: 13px;
    display: block;
    padding: 16.5px 0;
    padding-left: 30px;
    padding-right: 20px;
}

.serv-tab .t-icon {
    font-size: 16px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.serv-tab,
.serv-tab.collapsed:hover {
    background: #0c82ab !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}

.serv-tab.collapsed {
    background-color: transparent !important;
    color: #222 !important;
    border: 1px solid #ccc !important;
}

.serv-tab.collapsed .t-icon {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.serv-tab .t-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-collapse .serv-text {
    border: 1px solid #ccc !important;
    border-top: 0 !important;
    line-height: 26px;
}

.btn-serv {
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;
    letter-spacing: .40px;
    display: inline-block;
    border: 2px solid #0c82ab;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 6px;
    margin-bottom: 6px;
}

.service-categories li:not(:first-of-type) {
    margin-top: 10px;
}

.service-categories a {
    font-weight: 400;
    font-size: 17px;
    display: block;
    height: 60px;
    line-height: 60px;
    padding-left: 40px;
    background: #f8f8f8;
    color: #333;
    border-left: 4px solid transparent;
    position: relative;
}

.service-categories a:hover {
    border-left: 4px solid #0c82ab;
    color: #0c82ab;
}

.aside-h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 12px;
    letter-spacing: .40px;
    color: #181818;
}

.btn-download {
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 60px;
    letter-spacing: .40px;
    height: 60px;
    position: relative;
    z-index: 1;
}

.btn-download:not(:last-of-type) {
    margin-bottom: 10px;
}

.btn-download .t-icon {
    padding-right: 20px;
    font-size: 20px;
    line-height: 40px;
}

.btn-download:hover {
    color: #0c82ab !important
}

.btn-download:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border: 3px solid #f3f3f3;
    top: 0;
    left: 0;
    z-index: -1;
}

.phone-box {
    background: url(img/service/04/03.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: -1;
}

.phone-box:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(125,165,0,.95);
    top: 0;
    left: 0;
    z-index: -1;
}

.pb-txt {
    font-weight: 400;
    font-size: 22px;
    line-height: 35px;
    color: #fff !important;
    position: relative;
    z-index: 9;
    background: transparent !important;
}

a.pb-txt {
    display: inline-block;
}

a.pb-txt:first-of-type {
    margin-top: 12px;
}
/* ======================== */
/*    service-detail end    */
/* ======================== */


/* ======================== */
/*   project-detail start   */
/* ======================== */
.project-img {
    margin-bottom: 40px;
}

.project-img img {
    width: 100%;
}

.project-txt-info {
    padding-left: 35px;
}

.pro-short-info {
    padding-left: 40px;
    background: #f9f9f9;
}

.prject-h1 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .40px;
    padding-bottom: 19px;
}

.pro-short-info .prject-h1 {
    font-size: 18px;
    padding-bottom: 24px;
    padding-top: 0;
}

.pro-information {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .7px;
}

.pro-information:not(:last-of-type) {
    padding-bottom: 7px;
}

.pro-summary {
    padding-top: 42px;
    padding-bottom: 19px;
}

.pro-txt-info {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .40px;
}

.client-wants {
    padding-top: 17px;
}

.client-want-list {
    padding-top: 14px;
}

.client-want-list li {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .40px;
}

.client-want-list li .t-icon {
    padding-right: 5px;
    padding-top: 5px;
}

.client-want-list li .t-icon:before {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    top: 2px;
}

/* ======================== */
/*    project-detail end    */
/* ======================== */


/* ====================== */
/*    contact-us start    */
/* ====================== */
.google-map-2 {
    height: 600px;
}

.contacts-wrapper {
    margin-top: -80px;
    -webkit-box-shadow: -1px 1px 10px rgba(0,0,0,.15);
    box-shadow: -1px 1px 10px rgba(0,0,0,.15);
    overflow: hidden;
}

.contact-us-form {
    background: #fff;
    padding-left: 40px;
    padding-bottom: 63px;
    padding-top: 55px;
}

.contact-heading {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 32px;
}

.contact-us-form input {
    width: calc(50% - 15px);
    height: 45px;
    margin-bottom: 30px;
}

.contact-us-form textarea {
    width: 100%;
    height: 135px;
    padding-top: 20px;
    margin-bottom: 40px;
}

.contact-us-form input,
.contact-us-form textarea {
    border: 1px solid #d9d9d9 !important;
    padding-left: 25px;
    color: #0c82ab;
    font-size: 18px;
    font-weight: 400;
}

.contact-us-form input:focus,
.contact-us-form textarea:focus {
    border: 1px solid #0c82ab !important;
}

.send-btn {
    font-weight: 400;
    font-size: 13px;
    line-height: 39px;
    padding-left: 30px;
    padding-right: 30px;
    letter-spacing: .40px;
    border: 1px dashed transparent !important;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.send-btn:hover {
    border: 1px dashed #0c82ab !important;
    background: transparent !important;
    color: #0c82ab !important;
}

.contact-us-form input::-webkit-input-placeholder,
.contact-us-form textarea::-webkit-input-placeholder {
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    color: #a7a7a7;
}
.contact-us-form input::-moz-placeholder,
.contact-us-form textarea::-moz-placeholder {
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    color: #a7a7a7;
}
.contact-us-form input:-ms-input-placeholder,
.contact-us-form textarea:-ms-input-placeholder {
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    color: #a7a7a7;
}
.contact-us-form input::placeholder,
.contact-us-form textarea::placeholder {
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    color: #a7a7a7;
}

.contact-us-form input:focus::-webkit-input-placeholder,
.contact-us-form textarea:focus::-webkit-input-placeholder {
    padding-left: 10px;
    opacity: .3;
    color: #0c82ab;
}
.contact-us-form input:focus::-moz-placeholder,
.contact-us-form textarea:focus::-moz-placeholder {
    padding-left: 10px;
    opacity: .3;
    color: #0c82ab;
}
.contact-us-form input:focus:-ms-input-placeholder,
.contact-us-form textarea:focus:-ms-input-placeholder {
    padding-left: 10px;
    opacity: .3;
    color: #0c82ab;
}
.contact-us-form input:focus::placeholder,
.contact-us-form textarea:focus::placeholder {
    padding-left: 10px;
    opacity: .3;    
    color: #0c82ab;
}

.contact-us-info {
    padding-left: 40px;
    padding-bottom: 63px;
    padding-top: 55px;
    position: relative;
    z-index: 1;
}

.contact-us-info:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 150%;
    background: #0c82ab;
    top: 0;
    left: 0;
    z-index: -1;
}

.contact-info-box:not(:first-of-type) {
    padding-top: 33px;
}

.contact-info-box span {
    font-family: 'Lora', serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    background: #0c82ab;
    margin-bottom: 6px;
}

.contact-info-box p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: .20px;
}
/* ====================== */
/*     contact-us end     */
/* ====================== */

/*******************************************
            PREVIEW
*******************************************/
.btn-preview {
    display: inline-block;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px;
    overflow: hidden;
    padding: 6px 18px;
    margin-right: 9px;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .40px;
    color: #0c82ab !important;
    z-index: 1;
    border: 1px dashed #0c82ab !important;
}

.btn-preview:hover {
    border: 1px dashed #fff !important;
    color: #fff !important;
}

.btn-preview:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0c82ab;
    border: 1px dashed transparent !important;
    -webkit-transform: rotateX(-360deg);
    -ms-transform: rotateX(-360deg);
    -o-transform: rotateX(-360deg);
    transform: rotateX(-360deg);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: -1;
}

.btn-preview:hover:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    border: 1px dashed #fff !important;
}