@font-face {
    font-family: h-bold;
    src: url(../fonts/helvetica-bold.woff);
    font-display: fallback
}

@font-face {
    font-family: h-regular;
    src: url(../fonts/helvetica-light.woff);
    font-display: fallback
}

@font-face {
    font-family: regular;
    src: url(../fonts/zurich-bt.woff);
    font-display: fallback
}

@font-face {
    font-family: bold;
    src: url(../fonts/Zurich%20BT%20Bold.woff);
    font-display: fallback
}

@font-face {
    font-family: condensed;
    src: url(../fonts/Zurich%20Condensed%20BT.woff);
    font-display: fallback
}

@font-face {
    font-family: condensed-b;
    src: url(../fonts/HelveticaNeue-CondensedBold.woff);
    font-display: fallback
}

@font-face {
    font-family: condensed-roman;
    src: url(../fonts/ZurichBT-RomanCondensed.woff);
    font-display: fallback
}

body {
    font-family: regular!important;
    color: #414042!important
}

h1.title_h1 {
    font-size: 18px
}

.h-bold {
    font-family: h-bold
}

.c-bold {
    font-family: condensed-b
}

.c-roman {
    font-family: condensed-roman
}

.bold {
    font-family: bold
}

.regular {
    font-family: regular
}

.condensed {
    font-family: condensed
}

.h-regular {
    font-family: h-regular
}

:focus {
    outline: 0!important
}

a {
    color: inherit
}

a:hover {
    text-decoration: none!important
}

a:focus {
    outline: 0!important;
    text-decoration: none!important
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus:-moz-placeholder {
    color: transparent
}

input:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder {
    color: transparent
}

textarea:focus::-webkit-input-placeholder {
    color: transparent!important
}

textarea:focus:-moz-placeholder {
    color: transparent!important
}

textarea:focus::-moz-placeholder {
    color: transparent!important
}

textarea:focus:-ms-input-placeholder {
    color: transparent!important
}

.nomargin-top {
    margin-top: 0!important
}

.nomargin-bottom {
    margin-bottom: 0!important
}

.nomargin-left {
    margin-left: 0!important
}

.nomargin-right {
    margin-right: 0!important
}

.nopadding-top {
    padding-top: 0!important
}

.nopadding-bottom {
    padding-bottom: 0!important
}

.nopadding-left {
    padding-left: 0!important
}

.nopadding-right {
    padding-right: 0!important
}

.grey {
    color: #414042
}

.blue {
    color: #13354e
}

.red {
    color: #f70041
}

.black {
    color: #000
}

.white {
    color: #fff
}

.grey-bg {
    background: #f1f3f2
}

.p-tb-35 {
    padding: 35px 0
}

.p-tb-65 {
    padding: 65px 0
}

.p-tb-85 {
    padding: 85px 0
}

.m-t-45 {
    margin-top: 45px
}

.p-b-35 {
    padding-bottom: 35px
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 400!important
}

b,
strong {
    font-weight: 400!important;
    font-family: bold
}

.main-content {
    margin-top: 69px
}

.home-template {
    margin-top: 90px
}

.main-content.project-list {
    margin: 60px auto 70px
}

.menu-main-menu-container ul {
    margin-bottom: 0;
    text-align: center
}

.menu-main-menu-container ul li {
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.menu-main-menu-container ul>li {
    position: relative;
    margin: 0;
    padding: 0
}

.menu-main-menu-container ul li {
    display: inline-block;
    line-height: 90px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    vertical-align: top
}

.menu-main-menu-container ul li a {
    display: inline-block;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    vertical-align: bottom
}

.menu-main-menu-container ul li.main-li a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

.menu-main-menu-container ul .current-menu-ancestor.current-menu-parent.menu-item-has-children>a:before,
.menu-main-menu-container ul .current_page_parent a:before,
.menu-main-menu-container ul li.current-menu-item a:before {
    right: 0!important
}

.menu-main-menu-container ul li a:before {
    height: 4px;
    background: #f70041
}

ul.sub-menu .menu-item a {
    color: #13354e!important;
    font-size: 18px
}

.menu-main-menu-container ul .current-menu-ancestor.current-menu-parent.menu-item-has-children>a:before,
.menu-main-menu-container ul .current_page_parent a:before,
.menu-main-menu-container ul li.main-li a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 35px;
    background: #f70041;
    height: 1px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

ul.sub-menu li a:before {
    background: 0 0!important
}

.menu-main-menu-container ul li.main-li ul li a:before {
    background: 0 0
}

.menu-main-menu-container ul>li>ul {
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fff;
    position: absolute;
    top: 200%;
    left: 0;
    z-index: 9999;
    width: 175px;
    visibility: hidden;
    opacity: 0;
    border-top: 2px solid #f70041;
    -webkit-box-shadow: 0 5px 5px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .2);
    -webkit-transition: all .4s ease .1s;
    transition: all .4s ease .1s;
    border-radius: 5px
}

.menu-main-menu-container ul>li:nth-child(3)>ul {
    width: 345px
}

.menu-main-menu-container ul>li>ul>li>ul {
    left: 100%;
    width: 285px;
    top: 10px!important
}

.menu-main-menu-container ul>li.menu-item-has-children>ul>li.menu-item-has-children:hover:after {
    opacity: 0
}

.menu-main-menu-container ul>li.services-submenu>ul {
    width: 165px
}

.menu-main-menu-container ul li.menu-item-has-children .fa {
    display: none
}

.menu-main-menu-container ul>li>ul>li {
    position: relative;
    margin: 0;
    display: block;
    text-align: left;
    padding: 10px 0 10px 25px;
    line-height: 21px
}

.menu-main-menu-container ul>li>ul>li>ul li {
    padding: 5px 0 5px 10px
}

nav.menu-main-menu-container ul>li>ul>li>a {
    border-bottom: 1px solid #f1f1f1;
    color: #787878;
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 35px;
    padding: 0 35px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    transition: all .3s ease 0
}

nav.menu-main-menu-container ul>li>ul>li>a:after {
    content: '\f105';
    font-family: FontAwesome;
    color: #999;
    font-size: 14px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 20px;
    transition: all .3s ease
}

.menu-main-menu-container ul li.main-li a:active:before,
.menu-main-menu-container ul li.main-li a:focus:before,
.menu-main-menu-container ul li.main-li a:hover:before {
    right: 0
}

.menu-main-menu-container ul .current_page_parent a,
.menu-main-menu-container ul li a:hover,
.menu-main-menu-container ul li.current-menu-item>a {
    color: #f70041
}

.menu-main-menu-container ul>li:hover>ul,
.menu-main-menu-container ul>li>ul>li:hover>ul {
    top: 100%;
    visibility: visible;
    opacity: 1
}

.menu-main-menu-container ul>li.menu-item-has-children:hover:after {
    opacity: 1
}

.menu-main-menu-container ul>li.menu-item-has-children:after {
    font-family: FontAwesome;
    right: -5px;
    top: 35px;
    content: '\f0d7';
    position: absolute;
    bottom: 23px;
    display: block;
    color: #13354e;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    z-index: 5;
    cursor: pointer;
    opacity: 0;
    transition: all .3s ease
}

.menu-item-has-children-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.main-content ul {
    padding-left: 0;
    margin-left: 15px
}

.main-content ul li {
    list-style: none;
    text-indent: -15px
}

.main-content ul li:before {
    font-family: Fontawesome;
    position: relative;
    margin-right: 10px;
    font-size: 12px;
    color: red;
    content: "-"
}

.footer,
.wrapper {
    max-width: 2560px;
    margin: auto;
    width: 100%
}

.header {
    max-width: 2560px!important;
    width: 100%;
    margin: auto;
    padding: 0 45px 0 25px
}

.logo {
    padding: 10px 0 12px
}

.logo.text a {
    width: 200px;
    display: block
}

.main-menu {
    min-height: 70px!important
}

.main-menu ul li a {
    color: #13354e;
    font-family: condensed-b;
    font-size: 18px;
    text-transform: capitalize
}

ul.nav-menu li {
    padding: 0 25px
}

ul.soc-items.list-inline {
    text-align: center
}

.footer ul.soc-items.list-inline {
    text-align: left
}

.footer .soc-items li {
    margin-bottom: 10px!important
}

li.cn-fa-linkedin.cn-fa-icon a {
    font-size: 27px!important;
    position: relative;
    top: 2px
}

li.soc-icons {
    padding-left: 15px!important
}

.soc-items li:hover img {
    opacity: 1!important
}

.soc-items li a {
    font-family: Fontawesome;
    color: #13354e;
    font-size: 18px;
    padding: 0!important;
    display: inline-block;
    margin: 0!important
}

.search-div a {
    font-family: Fontawesome;
    font-size: 16px
}

.search-div {
    padding: 25px 25px 21px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.social-search .pull-left {
    width: 40%;
    text-align: center
}

.search-div.pull-left {
    width: 20%!important
}

.social-search ul.cnss-social-icon {
    position: relative;
    top: 10px
}

.g-translate a,
.lang-trans a {
    color: inherit;
    padding: 0 5px;
    border-right: 1px solid #ccc;
    text-align: center
}

.g-translate.pull-left {
    top: 24px;
    position: relative
}

.g-translate a.eng-lang,
.lang-trans a.eng-lang {
    border: none
}

.modal.full-screen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.modal.full-screen .modal-dialog {
    position: fixed;
    margin: 0!important;
    width: 100%!important;
    height: 100%;
    padding: 0
}

.modal.full-screen .modal-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: none!important;
    border-radius: 0;
    box-shadow: none
}

.modal.full-screen .col-md-8 {
    margin-top: 140px
}

.modal.full-screen form {
    position: relative
}

.modal.full-screen .modal-content input[type=search] {
    border-radius: 0;
    padding: 30px;
    width: 100%
}

.modal.full-screen .modal-content button {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    background: #f04;
    outline: 0;
    border: none;
    color: #fff;
    padding: 18px 45px;
    font-family: condensed-b;
    font-size: 32px
}

.modal.full-screen .modal-content button.close {
    background: 0 0!important;
    opacity: 1;
    right: 150px;
    font-family: h-regular;
    top: 45px
}

.modal.full-screen .modal-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    padding: 10px;
    background: #6598d9;
    border: 0
}

.modal.full-screen .modal-title {
    font-weight: 300;
    font-size: 2em;
    color: #fff;
    line-height: 30px
}

.modal.full-screen .modal-body {
    position: absolute;
    top: 50px;
    bottom: 60px;
    width: 100%;
    font-weight: 300;
    overflow: auto
}

.modal.full-screen .modal-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60px;
    padding: 10px;
    background: #f1f3f5
}

.modal.full-screen .btn {
    height: 40px;
    border-radius: 0
}

.modal.full-screen .btn:active,
.modal.full-screen .btn:active:focus,
.modal.full-screen .btn:focus {
    box-shadow: none;
    outline: 0
}

.modal.full-screen .btn-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -100px;
    width: 200px
}

.modal.full-screen .btn-primary,
.modal.full-screen .btn-primary:active,
.modal.full-screen .btn-primary:focus,
.modal.full-screen .btn-primary:hover {
    font-weight: 300;
    font-size: 1.6rem;
    color: #767b93;
    color: #fff;
    text-align: center;
    background: #60cc69;
    border: 1px solid #36a940;
    border-bottom: 3px solid #36a940;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
}

.btn-primary:active:active,
.modal.full-screen .btn-primary:active,
.modal.full-screen .btn-primary:focus:active,
.modal.full-screen .btn-primary:hover:active {
    border-bottom: 1px solid #36a940
}

.modal.full-screen .btn-default,
.modal.full-screen .btn-default:active,
.modal.full-screen .btn-default:focus,
.modal.full-screen .btn-default:hover {
    font-weight: 300;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    background: #bfc5ce;
    border: 1px solid #a2aab8;
    border-bottom: 3px solid #a2aab8
}

.modal.full-screen .btn-default:active,
.modal.full-screen .btn-default:active:active,
.modal.full-screen .btn-default:focus:active,
.modal.full-screen .btn-default:hover:active {
    border-bottom: 1px solid #a2aab8
}

.modal.full-screen .btn-secondary,
.modal.full-screen .btn-secondary:active,
.modal.full-screen .btn-secondary:focus,
.modal.full-screen .btn-secondary:hover {
    color: #cc7272;
    background: 0 0;
    border: 0
}

.call {
    background: #13354e;
    padding: 11px
}

.header span.phone {
    float: left;
    position: relative;
    top: 20px;
    font-family: bold;
    font-size: 18px;
    background: #13354e;
    color: #fff!important;
    display: inline-block;
    padding: 15px
}

span.phone img {
    margin-right: 10px
}

a.top-pink-btn {
    background: #ff0045;
    margin-left: 0;
    padding: 15px;
    border-radius: 0;
    position: relative;
    top: 20px;
    font-size: 18px;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    width: 175px;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    font-family: condensed-b;
    line-height: 25px
}

a.top-pink-btn:focus,
a.top-pink-btn:hover {
    color: #fff!important;
    background: #143a52;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.header span.phone a.white:focus,
.header span.phone:hover a.white {
    color: #fff!important
}

.header span.phone:hover {
    background: #ff0045
}

.service-page-certified section#wp_editor_widget-3 {
    float: none;
    width: 100%
}

section#wp_editor_widget-3 {
    float: right;
    width: 400px
}

.call .call-text {
    color: #ccc;
    font-size: 12px;
    text-align: right;
    display: inline-block
}

.call .call-text span.bold {
    color: #fff;
    font-size: 14px
}

.why-build {
    padding: 25px 0 10px
}

.bigfonts {
    position: relative;
    top: 15px;
    font-size: 55px
}

.whybuild-icons li h3 {
    font-size: 21px
}

span.whylogo img {
    width: 250px;
    display: block;
    text-align: right;
    margin-right: -19px;
    float: right
}

.why-build .col-md-5 {
    padding-right: 145px!important
}

.whybuild-icons li img {
    width: 110px
}

.whybuild-icons li {
    padding: 0 10px!important;
    width: 210px
}

.service-page-certified {
    margin-top: 35px
}

.service-page-certified .certified-icons img {
    margin-right: 30px;
    margin-bottom: 25px
}

.right-testimonial {
    border-top: 1px solid #13354e;
    margin-top: 35px
}

.specialists {
    background: #13354e;
    padding: 15px 0 20px
}

.service-lists {
    margin-top: 25px
}

.service-lists li a:focus,
.service-lists li a:hover {
    color: #ff0045
}

.service-lists li {
    width: 33%;
    margin: 5px 0;
    font-size: 16px
}

.service-lists li:before {
    content: "";
    background: url(../images/Mark.svg) no-repeat;
    width: 20px;
    display: inline-block;
    margin-right: 10px;
    height: 16px;
    position: relative;
    top: 4px
}

.servicelist .proj-details {
    margin-top: 30px;
    min-height: 140px
}

.certified-icons img {
    margin-right: 35px
}

.certified-icons {
    margin-top: 10px
}

.col-md-12.service-tabs {
    position: relative
}

#servicesmyTab.nav-tabs>li {
    display: inline-block;
    float: none!important;
    margin-bottom: 0!important;
    margin-right: -3px
}

#servicesmyTab.nav>li>a:focus,
#servicesmyTab.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent!important
}

.serv-tab {
    position: static!important;
    padding-left: 55px!important
}

.serv-tab .nav-tabs>li.active>a,
.serv-tab .nav-tabs>li.active>a:focus,
.serv-tab .nav-tabs>li.active>a:hover,
.serv-tab .nav-tabs>li:hover>a {
    cursor: default;
    color: #fff;
    background-color: transparent!important
}

table {
    margin-bottom: 10px
}

td {
    padding: 5px 10px!important;
    border: 1px solid #eaeaea;
    vertical-align: top
}

.serv-tab .nav-tabs>li.active,
.serv-tab .nav-tabs>li.active:hover,
.serv-tab .nav-tabs>li:hover {
    background-color: #f70041;
    border-bottom: none
}

.service-tabs ul {
    background: #13354e;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 2560px
}

.serv-tab .tab-content.responsive {
    margin-top: 95px;
    line-height: 24px
}

.service-tabs ul li a {
    color: #fff;
    padding: 10px 32px;
    font-family: condensed;
    font-size: 16px;
    border-right: 1px solid #737272;
    text-align: center;
    display: inline-block
}

#servicesmyTab.nav-tabs>li>a {
    margin-right: 0!important;
    border-radius: 0!important;
    cursor: pointer
}

.intro-text {
    padding: 30px 15px 25px!important;
    line-height: 28px;
    margin-top: 15px;
    margin-bottom: 15px
}

.intro-text h4 {
    line-height: 32px
}

.header_with_subtitle,
.header_without_subtitle {
    position: relative;
    margin-bottom: 45px
}

.header_with_subtitle h4 {
    font-size: 30px
}

p.subtitle {
    font-size: 18px
}

.wp-posts-carousel-details .header_without_subtitle {
    margin-top: 27px;
    margin-bottom: 0
}

.blog-left .header_without_subtitle {
    margin-bottom: 15px
}

.blog-content img {
    margin: 20px auto
}

.blog-banner {
    max-height: 455px;
    overflow: hidden
}

.blog-left {
    padding-right: 135px!important
}

.header_without_subtitle .blogtitle {
    font-size: 30px
}

.blog-left h4 {
    font-family: bold;
    color: #13354e
}

.blog-archive {
    margin-top: 35px;
    margin-bottom: 35px
}

.modal-content .header_without_subtitle:after {
    background: #fff;
    height: 2px;
    content: "";
    position: absolute;
    width: 45px;
    display: inline-block;
    bottom: -10px;
    top: auto
}

.contact-page .header_without_subtitle {
    margin-bottom: 0
}

.header_with_subtitle:after,
.header_with_subtitle:before {
    background: #fff;
    height: 2px;
    content: "";
    position: absolute;
    width: 25%;
    display: inline-block;
    top: 20px
}

.header_with_subtitle.grey-line:after,
.header_with_subtitle.grey-line:before {
    background: #f1f3f2
}

.header_without_subtitle:after {
    background: #f70041;
    height: 5px;
    content: "";
    position: absolute;
    width: 50px;
    display: inline-block;
    top: -10px
}

.border-bottom {
    position: relative;
    display: table;
    padding-bottom: 5px;
    margin-bottom: 25px
}

.border-bottom:after {
    background: #f70041;
    height: 5px;
    content: "";
    position: absolute;
    width: 45%;
    display: inline-block;
    bottom: -10px;
    left: 0
}

.header_with_subtitle:after {
    left: 0
}

.header_with_subtitle:before {
    right: 0
}

.testimonials .header_with_subtitle:after,
.testimonials .header_with_subtitle:before {
    background: 0 0
}

.instagram .header_with_subtitle:after,
.instagram .header_with_subtitle:before {
    background: #ccc;
    height: 1px
}

.subtitle:after {
    background: #f70041;
    height: 3px;
    width: 100px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -15px
}

#project-slider .item {
    overflow: hidden
}

.feature-slider {
    padding: 0 90px
}

.home-proj-image {
    width: 435px;
    height: 300px;
    position: relative;
    overflow: hidden
}

.home-proj-image img {
    position: absolute;
    display: block;
    min-height: inherit;
    max-width: inherit;
    opacity: 1;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 100%!important;
    width: 100%!important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    -webkit-transition: all ease-out .7s;
    -moz-transition: all ease-out .7s;
    -ms-transition: all ease-out .7s;
    -o-transition: all ease-out .7s;
    transition: all ease-out .7s
}

.home-proj-info {
    position: absolute;
    top: 45%;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 2
}

.home-proj {
    margin-top: 15px;
    position: relative;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s
}

.home-proj:after {
    content: "";
    background: rgba(0, 0, 0, .45);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.home-proj:before {
    content: "";
    background: rgba(0, 0, 0, .65);
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: 1
}

.home-proj:hover:before {
    height: 100%;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s
}

.home-proj:hover:after {
    display: none
}

#project-slider-list.owl-carousel .owl-item.center,
#project-slider.owl-carousel .owl-item.center {
    opacity: 1
}

.gallery-slider.owl-carousel .owl-stage {
    margin-top: 0
}

.gallery-slider .owl-controls {
    display: none!important
}

.owl-carousel .owl-stage {
    margin-top: 40px
}

.posts-carousel-div .owl-carousel .owl-stage {
    margin-top: 0
}

a.view-proj {
    font-size: 12px;
    margin-bottom: 10px;
    display: block
}

a.view-proj:before {
    content: "\f177";
    font-family: Fontawesome;
    font-size: 14px;
    position: relative;
    margin-right: 5px;
    top: 2px
}

.proj-title span.proj-ans {
    font-size: 16px;
    min-width: 50px
}

.proj-title {
    font-size: 13px;
    margin-bottom: 8px
}

.promo-btns .proj-btns {
    padding: 15px 25px;
    display: inline-block;
    margin-top: 15px;
    font-size: 16px;
    background: #f70041!important
}

.proj-btns {
    padding: 5px 15px;
    display: inline-block;
    margin-top: 15px
}

a.enquire-btn {
    background: #13354e;
    border: 1px solid;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

a.enquire-btn:hover {
    background-color: transparent;
    border: 1px solid 13354e;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    color: #414042
}

.proj-links a.enquire-btn {
    background: #f70041;
    display: table;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.proj-links a.enquire-btn:hover {
    background-color: transparent;
    border: 1px solid #13354e;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

a.view-project {
    border: 1px solid;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

a.view-project:hover {
    border: 1px solid;
    background: #13354e;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    color: #fff
}

.col-md-12.proj-details-container {
    padding: 0 65px!important;
    margin-top: 20px
}

.individual-project .grey-bg {
    padding-top: 180px;
    margin-top: -180px;
    padding-bottom: 180px
}

div#projectcontent {
    margin-top: -180px
}

.owl-theme .owl-controls {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    display: table;
    width: 100%
}

.posts-carousel-div .owl-theme .owl-controls {
    position: absolute;
    top: 35%
}

.nav-links {
    position: absolute;
    top: 50%;
    width: 100%
}

.nav-previous {
    left: -51px;
    position: absolute
}

.nav-next {
    right: -51px;
    position: absolute
}

.nav-previous span.meta-nav {
    background: url(../images/prev2.png) no-repeat;
    background-size: 100%;
    width: 35px;
    height: 22px;
    text-indent: -9999px;
    display: block
}

.nav-next span.meta-nav {
    background: url(../images/next2.png) no-repeat;
    background-size: 100%;
    width: 35px;
    height: 22px;
    text-indent: -9999px;
    display: block
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
    background: #13354e!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    color: transparent!important;
    width: 30px;
    height: 30px;
    line-height: 0;
    margin: 2px!important
}

.owl-carousel .owl-controls .owl-nav .owl-next:after,
.owl-carousel .owl-controls .owl-nav .owl-prev:after {
    font-family: Fontawesome;
    font-size: 28px;
    position: relative;
    text-align: center!important;
    color: #fff!important;
    display: inline-block;
    margin: auto;
    top: 10px
}

.owl-carousel .owl-controls .owl-nav .owl-prev:after {
    content: "\f104"
}

.owl-carousel .owl-controls .owl-nav .owl-next:after {
    content: "\f105"
}

.testimonials {
    background: url(../images/testimonial-bg.jpg) no-repeat;
    background-position: top;
    background-size: cover
}

.profile-img-wrapper {
    width: 200px;
    float: left;
    display: none!important
}

.item-content.entry-content {
    width: 100%;
    float: left
}

.testimonials .owl-controls {
    top: -23px!important
}

.testimonials .clear {
    clear: both;
    overflow: hidden
}

.home-template .item-content.entry-content p {
    line-height: 24px!important;
    font-size: 18px!important;
    margin: 35px auto!important;
    font-style: normal!important;
    position: relative;
    font-family: regular!important;
    text-align: left
}

.services.p-tb-35 {
    padding-top: 20px;
    text-align: justify
}

.proc-title:after {
    content: "";
    background: #f70041;
    width: 100px;
    height: 4px;
    display: block;
    bottom: -1px;
    position: absolute
}

.sec-proc .proc-title:after {
    left: 120px
}

.third-proc .proc-title:after {
    left: 240px
}

.fourth-proc .proc-title:after {
    right: 0
}

.first-proc .home-icon {
    width: 61px;
    height: 45px
}

.sec-proc .home-icon {
    width: 64px;
    height: 58px
}

.third-proc .home-icon {
    width: 64px;
    height: 58px
}

.fourth-proc .home-icon {
    width: 64px;
    height: 67px
}

.process.container {
    margin: auto!important
}

.proc-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    position: relative
}

span.home-icon {
    min-height: 65px;
    display: block
}

.process .col-md-6 {
    padding: 0 60px!important;
    margin-bottom: 30px
}

.footer .col-md-4 {
    width: 35%!important
}

.footer .col-md-2.footer-logo {
    width: 21%
}

.footer .col-md-2 {
    width: 22%
}

.footer {
    background: #fafafa;
    padding: 45px 25px
}

.footer .linksdiv:after,
.footer .newsletterdiv:after {
    content: "";
    width: 1px;
    height: 220px;
    background: rgba(25, 58, 81, .35);
    position: absolute;
    right: 25%;
    top: 0
}

.linksdiv h4 {
    margin-top: 0;
    font-family: condensed-b;
    font-size: 25px
}

.newsletterdiv p {
    margin: 15px 0!important
}

.footer-phone a {
    color: #fff;
    font-size: 18px
}

.footer-phone {
    background: #13354e;
    padding: 0 15px;
    display: table
}

.footer .footer-phone img {
    width: 20px;
    display: inline-block;
    float: none!important;
    margin: 0 10px 0 0
}

.footer-mail.footer-phone {
    margin-top: 15px
}

.footer-mail.footer-phone a {
    padding: 15px 0
}

.footer .footer-phone a {
    color: #fff;
    font-size: 18px;
    display: block!important;
    font-family: condensed-b
}

.footer h3 {
    font-size: 25px
}

.footer-logo-img {
    width: 150px;
    height: 60px;
    margin: 0 0 15px
}

.footer-logo img {
    margin: 10px 0;
    display: block
}

.footer a,
.footer p {
    color: #707070;
    clear: both
}

.service1 ul li:nth-child(4),
.service1 ul li:nth-child(5),
.service1 ul li:nth-child(6) {
    display: block;
}

.service2 h4 {
    display: none
}

.service2 ul li:nth-child(1),
.service2 ul li:nth-child(2),
.service2 ul li:nth-child(3) {
    display: block;
}

.servicelist {
    padding: 0 45px!important;
    margin-bottom: 45px;
    overflow: hidden
}

.service-img {
    /* margin-bottom: 25px;
    width: 575px;
    height: 395px;
    position: relative */
}

.service-img img {
    /* position: absolute;
    display: block;
    min-height: inherit;
    max-width: inherit;
    opacity: 1;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 100%!important;
    width: 100%!important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50% */
}

.servicelist .col-md-6 {
    overflow: hidden
}

.service-img:after {
    /* content: "";
    position: absolute!important;
    background: #ff0045!important;
    width: 70%!important;
    height: 90%!important;
    bottom: -10px;
    left: 185px;
    z-index: -1 */
}

.servicelistindi {
    /* display: flex;
    position: relative;
    margin: 55px 0 */
}

.servicelistindi .proj-details a.bold {
    color: #000;
    text-decoration: underline
}

.serviceinfodiv {
    /* background: #fff;
    padding: 50px 50px 0;
    z-index: 1;
    position: absolute;
    right: 15%;
    bottom: 0;
    width: 40% */
}

.servicelist a p {
    color: #000;
}

.servicelistindi.rightplaced {
    float: right
}

.servicelistindi.rightplaced .serviceinfodiv {
    left: -45%;
    bottom: 15px;
    width: 80%;
    text-align: right
}

.servicelistindi.rightplaced .service-img:after {
    right: 185px
}

.serviceinfodiv .proc-title:after {
    display: none
}

.serviceinfodiv .proc-title {
    border: none;
    font-size: 35px;
    color: #13354e;
}

.serviceimage h2 {
    border: none;
    font-size: 35px;
    color: #13354e;
    margin-bottom: 10px;
}

.service-intro {
    margin-bottom: 40px
}

.promo-div {
    clear: both;
    overflow: hidden
}

.promolist {
    overflow: hidden;
    margin-bottom: 15px
}

.promolist .service-img {
    width: 1107px;
    height: 430px;
    overflow: hidden;
    margin: 0 auto 25px
}

.other-promos .service-img {
    width: 940px;
    height: 365px;
    overflow: hidden
}

.promolist .proj-details {
    position: absolute;
    z-index: 10;
    bottom: 0;
    padding: 20px;
    background: #13354e;
    width: 100%;
    display: none
}

.other-promos .proj-details {
    bottom: 25px
}

.other-promos {
    margin-bottom: 35px
}

.service-img img {
    /* position: absolute;
    display: block;
    min-height: inherit;
    max-width: inherit;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 100%!important;
    width: 100%!important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50% */
}

.promolist .service-img img {
    left: 30%
}

.promolist .header_without_subtitle {
    margin-bottom: 5px
}

.service2 {
    margin-top: 35px
}

.copyright {
    font-size: 10px
}

.footer ul {
    padding-left: 0
}

.footer ul li {
    list-style: none;
    padding: 2px 0;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s
}

.footer ul li:before {
    font-family: Fontawesome;
    color: #13354e;
    position: relative;
    font-size: 4px;
    margin-right: 10px;
    top: -3px;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s
}

.footer ul li:hover:before {
    color: #f70041
}

ul.areas li {
    list-style: none;
    padding: 2px 0;
    font-size: 18px;
    width: 49%;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s
}

ul.areas li:before {
    font-family: Fontawesome;
    color: #13354e;
    position: relative;
    font-size: 16px;
    margin-right: 10px;
    content: "\f08d";
    top: -3px;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s
}

ul.areas li:hover:before {
    margin-right: 15px;
    color: #f70041
}

.header_without_subtitle.line-height h4 {
    line-height: 28px
}

input[type=submit] {
    border-radius: 3px;
    background: #2c5a85;
    outline: 0;
    border: none;
    color: #fff;
    padding: 10px 15px;
    margin-top: 10px
}

.popup-wrap input[type=submit] {
    border-radius: 3px;
    background: #fff;
    outline: 0;
    border: none;
    color: #13354e;
    padding: 10px 15px;
    margin-top: 10px;
    width: 100%;
    display: block;
    max-width: 100%
}

.modal-content input[type=submit] {
    border-radius: 0;
    background: #f04;
    outline: 0;
    border: none;
    color: #fff;
    padding: 10px 15px;
    margin-top: 10px;
    float: right;
    font-family: condensed-b
}

.modal-content span.wpcf7-list-item-label,
.popup-wrap span.wpcf7-list-item-label {
    color: #fff;
    font-family: condensed;
    font-size: 14px
}

.newsletter {
    display: table;
    position: relative
}

.newsletter input[type=email] {
    border: none;
    padding: 15px;
    background: #e8e8e8;
    width: 250px
}

.contact-page input[type=text],
.contact-page textarea {
    border: 1px solid #13354e;
    padding: 10px;
    margin-bottom: 20px;
    width: 100%;
    background: #fff;
    max-width: 100%;
    border-radius: 3px
}

.modal-content input[type=text],
.modal-content textarea,
.popup-wrap input[type=text],
.popup-wrap textarea {
    border: 1px solid #13354e;
    padding: 10px;
    margin-bottom: 5px;
    width: 100%;
    background: #fff;
    max-width: 100%;
    border-radius: 3px
}

.newsletter input[type=submit] {
    background: #f70041;
    outline: 0;
    border: none;
    position: absolute;
    right: -80px;
    top: 1px;
    color: #fff;
    font-family: bold;
    font-size: 18px;
    margin-top: 0;
    border-radius: 0;
    padding: 12px 15px;
    font-family: condensed-b
}

.mc4wp-alert.mc4wp-success p {
    color: #f70041;
    font-family: regular
}

.inner-banner {
    margin-top: 90px;
    margin-bottom: 35px;
    position: relative
}

.project-banner {
    margin-bottom: 20px
}

.inner-banner .banner-overlay {
    background: rgba(0, 0, 0, .3);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    height: 100%
}

.inner-banner .page-title h1 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 0;
    font-size: 45px;
    font-family: bold;
    top: 40%;
    z-index: 10
}

.inner-banner .page-title h1:before {
    content: "";
    background: #f70041;
    position: absolute;
    height: 5px;
    display: block;
    top: -7px;
    width: 400px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10
}

.header {
    position: fixed;
    height: 90px;
    top: 0;
    z-index: 10000;
    background: #fff;
    left: 0;
    right: 0;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s
}

.slider {
    margin-top: 39px
}

.line-height28 {
    line-height: 28px;
    font-size: 16px
}

.abt-intro h4 {
    line-height: 32px
}

.abt-div img {
    width: 100%
}

.abt-steps .number h1 {
    font-size: 45px
}

.step-title {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 10px
}

.contact-div a {
    color: #414042
}

.contact-div input[type=text],
textarea {
    width: 100%;
    padding: 15px 10px;
    margin: 10px 0;
    border: 1px solid #e1e1e1;
    background: #f1f1f1;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s
}

.contact-page textarea,
.modal-content textarea {
    height: 150px;
    overflow: hidden
}

input[type=text]:focus,
textarea:focus {
    border: 1px solid #13354e;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s
}

.inner-proj-details {
    margin-top: 25px
}

.grid.all-projects .proj-grid {
    width: 565px;
    height: 360px;
    position: relative;
    overflow: hidden
}

.proj-grid .proj-details {
    width: 175px;
    text-align: left;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(27, 58, 79, .8);
    padding: 45px 15px 0;
    transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s
}

.info .header_without_subtitle {
    margin-bottom: 0
}

figure:hover .proj-details {
    transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    width: 100%;
    height: inherit
}

.grid.featured-project figure:hover .proj-details {
    width: 50%;
    height: 50%
}

figure:hover .proj-details .header_without_subtitle,
figure:hover .proj-details h6 {
    display: none
}

.proj-grid:hover .proj-details p {
    display: block
}

.proj-grid .proj-details p {
    display: none;
    color: #fff
}

.grid .header_without_subtitle {
    margin-bottom: 25px
}

.grid.all-projects {
    margin-bottom: 30px
}

.proj-grid .proj-details .header_without_subtitle:after {
    height: 3px
}

.project-banner.inner-banner .banner-overlay {
    width: auto;
    margin: 0 15px!important
}

.grid:hover figcaption .header_without_subtitle {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.grid:hover figcaption h6 {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.grid:hover figcaption p {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.grid.all-projects figure img {
    position: absolute;
    display: block;
    min-height: inherit;
    max-width: inherit;
    opacity: 1;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 100%!important;
    width: 100%!important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    -webkit-transition: all ease-out .7s;
    -moz-transition: all ease-out .7s;
    -ms-transition: all ease-out .7s;
    -o-transition: all ease-out .7s;
    transition: all ease-out .7s
}

.grid.all-projects figure.effect-julia:hover img {
    opacity: .4;
    -webkit-transition: all ease-out .7s;
    -moz-transition: all ease-out .7s;
    -ms-transition: all ease-out .7s;
    -o-transition: all ease-out .7s;
    transition: all ease-out .7s
}

.grid.featured-project {
    margin-bottom: 17px
}

.featured-project figure.effect-julia figcaption p {
    width: 45%;
    margin-top: 25px
}

.grid.all-projects figure.effect-julia figcaption p {
    margin-top: 15px
}

.featured-project .header_without_subtitle {
    margin-bottom: 35px
}

.grid:hover .header_without_subtitle,
.grid:hover figcaption p,
.grid:hover h6 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-julia figcaption .header_without_subtitle,
figure.effect-julia figcaption h6,
figure.effect-julia figcaption p {
    display: block;
    text-transform: none;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    -webkit-transform: translate3d(-1645px, 0, 0);
    transform: translate3d(-1645px, 0, 0)
}

figure.effect-julia figcaption .header_without_subtitle,
figure.effect-julia figcaption h6,
figure.effect-julia figcaption p {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.featured-image {
    max-height: 515px;
    overflow: hidden;
    margin-top: 100px
}

.featured-image img {
    width: 100%
}

.prj-description {
    margin: 25px 0 35px
}

#showLess {
    display: none;
    width: 100%;
    margin: 10px 0;
    padding: 10px 0;
    text-align: center;
    color: #ddd;
    clear: both
}

#loadMore {
    display: table;
    margin: 0 auto 25px;
    padding: 4px 10px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    background: #1b3a4f;
    font-family: condensed-b;
    color: #fff
}

.serv-1 {
    margin-bottom: 40px
}

.serv-1 .icon.affordable {
    width: 58px;
    height: 58px
}

.serv-1 .icon.functional,
.serv-1 .icon.stylish {
    width: 58px;
    height: 58px
}

.serv-1 .icon.customised,
.serv-1 .icon.flexible {
    width: 58px;
    height: 56px
}

.serv-1 .icon.revenue {
    width: 58px;
    height: 62px
}

.serv-1 .icon.packages {
    width: 64px;
    height: 66px
}

.serv-1 .icon.market {
    width: 58px;
    height: 50px
}

.serv-1 .icon.luxurious {
    width: 58px;
    height: 67px
}

.service-points .serv-1:last-child {
    margin-bottom: 0
}

.serv-intro {
    letter-spacing: 3px
}

.serv-sidebar h4 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.footer ul.cnss-social-icon li.cn-fa-icon a:hover,
.header ul.cnss-social-icon li.cn-fa-icon a:hover {
    opacity: 1!important
}

.footer ul.cnss-social-icon.soc-items li.cn-fa-icon a,
.header ul.cnss-social-icon.soc-items li.cn-fa-icon a {
    background-color: transparent!important
}

.footer ul.cnss-social-icon.soc-items {
    text-align: left!important
}

.popup-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5
}

.popup-content::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5
}

.popup-content::-webkit-scrollbar-thumb {
    background-color: #f70041
}

.tss-carousel h3.author-name {
    font-size: 18px!important;
    color: #13354e!important;
    font-family: bold;
    text-transform: uppercase
}

.red-border {
    width: 100px;
    height: 3px;
    background: #f70041;
    margin: 15px auto
}

.modal-content button.close {
    position: relative;
    top: 5px;
    right: 10px;
    cursor: pointer;
    z-index: 10
}

.modal-dialog {
    width: 55%!important;
    margin: 150px auto!important;
    max-width: 100%!important
}

.modal-backdrop {
    background-color: #fff!important
}

.modal-content {
    background-color: rgba(19, 53, 78, .8)!important
}

.col-md-4.col-sm-4.col-xs-12.pink-bg {
    background: #ff0046;
    padding: 0;
    margin-top: -15px!important;
    border-top-left-radius: 5px
}

.enq-content {
    padding: 30px 15px 25px
}

.modal-body div.wpcf7-mail-sent-ok,
.modal-body div.wpcf7-validation-errors,
.popup-content-pad div.wpcf7-mail-sent-ok,
.popup-content-pad div.wpcf7-validation-errors {
    color: #fff!important
}

.modal-form {
    padding: 35px 15px!important
}

.photos .col-md-4 {
    margin-bottom: 10px
}

.photos .col-md-6:nth-child(1),
.photos .col-md-6:nth-child(12),
.photos .col-md-6:nth-child(13),
.photos .col-md-6:nth-child(16),
.photos .col-md-6:nth-child(17),
.photos .col-md-6:nth-child(4),
.photos .col-md-6:nth-child(5),
.photos .col-md-6:nth-child(8),
.photos .col-md-6:nth-child(9) {
    width: 40%!important;
    overflow: hidden
}

.photos .col-md-6:nth-child(10),
.photos .col-md-6:nth-child(11),
.photos .col-md-6:nth-child(14),
.photos .col-md-6:nth-child(15),
.photos .col-md-6:nth-child(18),
.photos .col-md-6:nth-child(19),
.photos .col-md-6:nth-child(2),
.photos .col-md-6:nth-child(3),
.photos .col-md-6:nth-child(6),
.photos .col-md-6:nth-child(7) {
    width: 60%!important;
    overflow: hidden
}

.photos .col-md-6:nth-child(1) .photo-div,
.photos .col-md-6:nth-child(12) .photo-div,
.photos .col-md-6:nth-child(13) .photo-div,
.photos .col-md-6:nth-child(16) .photo-div,
.photos .col-md-6:nth-child(17) .photo-div,
.photos .col-md-6:nth-child(4) .photo-div,
.photos .col-md-6:nth-child(5) .photo-div,
.photos .col-md-6:nth-child(8) .photo-div,
.photos .col-md-6:nth-child(9) .photo-div {
    position: relative;
    overflow: hidden;
    height: 390px;
    width: 580px!important
}

.photos .col-md-6:nth-child(10) .photo-div,
.photos .col-md-6:nth-child(11) .photo-div,
.photos .col-md-6:nth-child(14) .photo-div,
.photos .col-md-6:nth-child(15) .photo-div,
.photos .col-md-6:nth-child(18) .photo-div,
.photos .col-md-6:nth-child(19) .photo-div,
.photos .col-md-6:nth-child(2) .photo-div,
.photos .col-md-6:nth-child(3) .photo-div,
.photos .col-md-6:nth-child(6) .photo-div,
.photos .col-md-6:nth-child(7) .photo-div {
    position: relative;
    overflow: hidden;
    height: 390px;
    width: 670px!important
}

.photo-div {
    margin-bottom: 15px
}

.photos .col-md-6 .photo-div img {
    position: absolute;
    display: block;
    min-height: inherit;
    max-width: inherit;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 100%!important;
    width: 100%!important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    -webkit-transition: all ease-out .7s;
    -moz-transition: all ease-out .7s;
    -ms-transition: all ease-out .7s;
    -o-transition: all ease-out .7s;
    transition: all ease-out .7s
}

#projectcontent .photos .photo img {
    display: block;
    width: 100%
}

#project-slider-list {
    background: #e4e4e4;
    margin-top: 70px
}

#project-slider-list.owl-theme .owl-controls {
    top: 11%
}

#project-slider-list.owl-theme .owl-prev {
    position: absolute;
    left: 35px;
    background: url(../images/prev.png) no-repeat!important;
    width: 58px;
    height: 38px
}

#project-slider-list.owl-theme .owl-next {
    position: absolute;
    right: 35px;
    background: url(../images/next.png) no-repeat!important;
    width: 58px;
    height: 38px
}

#project-slider-list.owl-theme .owl-next:after,
#project-slider-list.owl-theme .owl-prev:after {
    content: ""!important
}

.owl-item .item {
    border: none!important;
    background: 0 0!important
}

.owl-item #projectcontent {
    display: none;
    margin-top: 35px
}

.owl-item.active.center #projectcontent {
    display: block
}

.search-page {
    padding: 25px 0;
    border-bottom: 1px solid #e1e1e1;
    position: relative
}

body.error404 {
    background: #ff0045
}

.template-content img {
    width: 350px
}

.box {
    display: block;
    margin: auto;
    height: 300px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    bottom: 0
}

a.back-to-home {
    display: table;
    background: #13354e;
    margin: 35px auto;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0
}

a.back-to-home:focus,
a.back-to-home:hover {
    color: #fff
}

.sfm-navicon-button,
.touchy-wrapper {
    display: none!important
}

.sfm-social:after {
    content: ''!important
}

#sfm-sidebar .sfm-search-form {
    margin-top: 60px!important;
    margin-bottom: 20px!important
}

#sfm-sidebar .sfm-va-middle {
    vertical-align: top!important
}

.sfm-navicon-button {
    padding: 44px 40px 44px 30px!important
}

.sfm-navicon:after,
.sfm-navicon:before,
.sfm-sidebar-close:after,
.sfm-sidebar-close:before {
    width: 34px!important
}

html.js {
    padding-bottom: 0!important
}

.right-testimonial .owl-controls {
    display: none!important
}

.right-testimonial .owl-carousel {
    text-align: left
}

.right-testimonial .tss-carousel h3.author-name {
    text-align: left
}

.right-testimonial .rt-col-md-12.rt-col-sm-12.rt-col-xs-12.tss-grid-item.carousel-item.default-margin {
    padding-left: 0!important
}

.right-testimonial .item-content h3 {
    font-family: condensed;
    font-size: 18px;
    line-height: 28px;
    color: #13354e
}

.social-search {
    position: static!important
}

body.modal-open .wrapper,
body.popupblur .wrapper {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    filter: url(https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur.svg#blur)
}

.grid {
    position: relative;
    clear: both;
    list-style: none
}

.grid figure {
    position: relative;
    overflow: hidden;
    height: auto;
    cursor: pointer
}

.grid figure img {
    position: relative;
    display: block;
    min-height: inherit;
    max-width: inherit;
    opacity: 1;
    display: inline-block;
    height: auto!important;
    width: 100%
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.grid figure figcaption::after,
.grid figure figcaption::before {
    pointer-events: none
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.grid figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}

figure.effect-julia img {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

figure.effect-julia figcaption {
    text-align: left
}

figure.effect-julia figcaption p.insta-cap {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

figure.effect-julia figcaption span.insta-icon {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.recent-proj-image {
    margin-bottom: 35px
}

.recent-proj-name a {
    color: #414042!important;
    font-family: bold;
    margin-top: 10px;
    display: block;
    font-size: 16px
}

.blog-sidebar .proc-title {
    margin-bottom: 35px
}

.indi-blogs .header_without_subtitle {
    margin-bottom: 15px;
    margin-top: 35px
}

.indi-blogs {
    margin-bottom: 15px;
    padding-right: 40px!important;
    min-height: 330px!important
}

.indi-blogs h4 {
    font-size: 15px;
    letter-spacing: 1px;
    font-family: bold
}

.blog-content h3 {
    color: #13354e;
    font-size: 21px;
    font-family: condensed;
    margin-top: 0
}

.recent-serv-name {
    padding: 20px 0;
    border-bottom: 1px solid #ccc
}

.share-div {
    margin-top: 35px;
    border-top: 1px solid #ccc;
    padding-top: 25px;
    margin-bottom: 15px
}

.share-div span.bold {
    float: left;
    font-size: 13px;
    margin-right: 25px;
    display: inline-block;
    position: relative;
    top: 4px
}

body.thankyou .sticky-popup.right-bottom.open_sticky_popup.popup-content-bounce-in-up {
    display: none
}

.serv-content h3 {
    font-size: 18px
}

.serv-content h2 {
    font-size: 21px;
    font-family: bold;
    color: #13354e;
    text-transform: uppercase
}

.social-search {
    width: 28%!important
}

.call {
    width: 13%!important
}

.minus-margin {
    z-index: -1
}

.all-projects-list {
    margin-top: -140px
}

.double-border {
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    padding: 10px 0 15px;
    margin-bottom: 20px
}

.accred .double-border {
    width: 50%
}

.regions .double-border {
    padding-bottom: 20px;
    margin-bottom: 45px!important
}

.location:before {
    font-family: Fontawesome;
    content: "\f041";
    margin-right: 10px;
    color: #f70041
}

.location {
    font-size: 16px
}

.lang-trans {
    margin: 25px auto 0;
    text-align: center
}

.lang-trans a {
    color: #fff
}

.header_with_subtitle.grey-border:after,
.header_with_subtitle.grey-border:before {
    background: #ccc
}

.indi-proj-page {
    overflow: hidden
}

.indi-proj-page .proj-grid {
    width: 540px;
    height: 300px;
    position: relative;
    overflow: hidden
}

.indi-proj-page .proj-grid img {
    position: absolute;
    display: block;
    min-height: inherit;
    max-width: inherit;
    opacity: 1;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 100%!important;
    width: 100%!important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    -webkit-transition: all ease-out .7s;
    -moz-transition: all ease-out .7s;
    -ms-transition: all ease-out .7s;
    -o-transition: all ease-out .7s;
    transition: all ease-out .7s
}

.indi-proj-page figure:hover .proj-details .header_without_subtitle {
    display: block
}

.indi-proj-page-list {
    margin: 15px auto 45px
}

div#projectcontainer {
    padding: 0 45px 0 30px!important
}

div#livechat-compact-container {
    width: 185px!important;
    height: 56px!important
}

.sticky-popup.right-bottom.open_sticky_popup.popup-content-bounce-in-up {
    width: 200px;
    right: 15px
}

.sticky-popup.right-bottom.open_sticky_popup.popup-content-bounce-in-up.open {
    width: 350px
}

.touchy-wrapper.touchy-bottom i.fa.fa-comment,
.touchy-wrapper.touchy-bottom i.fa.fa-envelope,
.touchy-wrapper.touchy-bottom i.fa.fa-phone {
    display: block!important;
    margin-bottom: 5px
}

.touchy-call-button a,
a.touchy-call-button,
a.touchy-email-button {
    font-size: 14px;
    display: block
}

.feat-proj .header_without_subtitle {
    margin-bottom: 10px
}

.feat-proj figure:hover .proj-details h6 {
    display: block
}

div#captcha {
    margin: 5px auto;
    display: block;
    text-align: center
}

.grey-bg.indi-proj-page-list.feat-proj {
    padding: 45px 0
}

.view-allproj {
    display: table;
    margin: 25px auto
}

.serv-links a.enquire-btn {
    background: #f70041;
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 18px
}

.new-services {
    background: #143a52
}

.category-name {
    display: table;
    position: relative;
    margin-top: 25px
}

.category-name h2 {
    font-size: 26px
}

.category-name:before {
    content: "";
    background: #f70041;
    width: 70%;
    height: 2px;
    display: block;
    position: absolute;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center
}

.service-tabs .certified-icons {
    margin-top: 65px
}

.cat-image {
    position: relative;
    min-height: 110px
}

.new-services ul li:first-child .cat-image img {
    width: 75px
}

.new-services ul li:nth-child(2) .cat-image img {
    width: 134px
}

.new-services ul li:last-child .cat-image img {
    width: 105px
}

.service-categories:hover .cat-image:before {
    height: 100%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.new-services ul {
    padding-bottom: 0;
    margin-bottom: 0
}

.new-services ul li.service-categories {
    padding: 35px 110px 20px;
    border-right: 2px solid #fff;
    margin-bottom: 0
}

.new-services ul li.service-categories:last-child {
    border-right: none
}

.home-template .vc_custom_1517985618327 {
    background-image: none!important;
    background-color: #13354e;
    color: #fff
}

.home-template .testimonials h2,
.home-template .tss-carousel h3.author-name {
    color: #fff!important
}

.home-template .tss-carousel h3.author-name {
    float: right
}

.home-template .rt-container-fluid .owl-carousel .owl-controls .owl-nav .owl-next,
.home-template .rt-container-fluid .owl-carousel .owl-controls .owl-nav .owl-prev {
    background: #ff0045!important
}

.home-template .item-content.entry-content {
    position: relative
}

.home-template .item-content.entry-content:before {
    height: 100px;
    content: "";
    background: url(../images/quotes.svg) no-repeat;
    position: absolute;
    top: -20px;
    width: 120px;
    z-index: 0
}

.tax-services-category .intro-text {
    padding: 70px 15px 25px!important
}

.tax-services-category .service-tabs .certified-icons {
    margin-top: 105px
}

.tax-services-category .featured-proj {
    background-color: #f1f3f2!important
}

.service-categories {
    vertical-align: top
}

.cat-image img {
    width: 100%
}

.grid.all-projects .slz-btn,
.indi-proj-page .slz-btn {
    position: absolute;
    right: 15px;
    text-align: center;
    padding: 5px 15px;
    opacity: 1;
    top: inherit;
    display: table;
    bottom: 15px
}

.promolist:hover .slz-btn {
    opacity: 1;
    top: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.slz-btn {
    position: relative;
    opacity: 0;
    top: 20px;
    float: right;
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    border: none;
    padding: 0 0 0 36px;
    line-height: 26px;
    text-transform: capitalize;
    font-weight: 400;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.promo-detail {
    margin-top: -155px!important;
    padding-top: 130px!important;
    background-color: #f2f3f2!important;
    padding-bottom: 35px;
    margin-bottom: 35px
}

.promo-detail .header_without_subtitle:after {
    bottom: -10px;
    top: inherit
}

.download-promo {
    background: #13354e;
    padding: 50px 0 65px;
    margin: 35px auto
}

.download-promo a.view-project {
    display: table;
    margin: auto;
    font-size: 24px;
    padding: 15px 25px
}

.download-promo a.view-project:hover {
    color: #13354e;
    background: #fff
}

.blue.line-height {
    font-size: 18px;
    line-height: 28px
}

div#wpcf7-f822-o1 {
    margin-top: 25px
}

div#wpcf7-f823-o4 input {
    margin-bottom: 11px;
    padding: 17px 10px
}

div#wpcf7-f823-o4 input[type=submit] {
    font-size: 21px;
    margin-top: 40px
}

span.next-icon {
    background: #f70041;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-left: 10px
}

.build-my-home a.top-pink-btn {
    border-radius: 0;
    padding: 15px 25px;
    font-size: 16px;
    margin: 10px auto 35px;
    display: table
}

.custom.tparrows:before {
    font-size: 24px!important
}

.modal {
    z-index: 30001!important
}

.blog-left.guide-details {
    margin-bottom: 35px!important
}

.where-we-build .grey-background.text-center {
    margin-top: -155px!important;
    padding-top: 165px!important;
    padding-bottom: 25px!important;
    margin-bottom: 35px;
    background-color: #f2f3f2!important
}

.where-we-build-listing .col-md-4 {
    margin-top: 35px
}

.wherewebuild-content h3 {
    font-family: bold;
    color: #13354e;
    text-transform: uppercase;
    font-size: 18px
}

.wherewebuild-content h2 {
    font-family: condensed-b;
    color: #13354e
}

section#wp_editor_widget-2 {
    float: right
}

h1.blue.serviceintor-font {
    font-family: condensed-b
}

span.pink {
    color: #ff0045
}

a.scrollto img {
    width: 90px;
    margin: 45px auto;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-10px)
    }
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-10px)
    }
}

.show-992 {
    display: none
}

.toptitlesnew .blue.c-bold.text-uppercase.bigfonts {
    font-size: 30px;
    margin-bottom: 20px
}
.viewbox-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .8);
    z-index: 70000
}

.viewbox-body {
    position: absolute;
    top: 50%;
    left: 50%;
    background: 0 0;
    overflow: auto
}

.viewbox-content {
    margin: 0;
    width: 300px;
    height: 300px
}

.viewbox-content .viewbox-image {
    width: 100%;
    height: 100%
}

.viewbox-button-default {
    cursor: pointer;
    height: 50px;
    width: 50px
}

.viewbox-button-default>svg {
    width: 100%;
    height: 100%;
    background: inherit;
    fill: inherit;
    pointer-events: none;
    transform: translateX(0)
}

.viewbox-button-default.viewbox-button-next>svg,
.viewbox-button-default.viewbox-button-prev>svg {
    display: none
}

.viewbox-button-default {
    fill: #999
}

.viewbox-button-default:hover {
    fill: #acadac
}

.viewbox-button-close {
    position: absolute;
    z-index: 9;
    right: 175px;
    font-family: h-regular;
    top: 60px
}

.viewbox-button-next,
.viewbox-button-prev {
    position: absolute;
    top: 50%;
    width: 58px;
    height: 38px;
    margin: -64px 0 0;
    z-index: 9
}

.viewbox-button-prev {
    background: url(../images/prev.png) no-repeat!important
}

.viewbox-button-next {
    background: url(../images/next.png) no-repeat!important
}

.viewbox-button-next {
    right: 10px
}

.viewbox-button-prev {
    left: 10px
}

.viewbox-container .loader {
    widows: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px
}

.viewbox-container .loader * {
    margin: 0;
    padding: 0
}

.viewbox-container .loader .spinner {
    width: 50px;
    height: 50px;
    position: relative;
    margin: 0 auto
}

.viewbox-container .loader .double-bounce1,
.viewbox-container .loader .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #999;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 1s infinite ease-in-out;
    animation: sk-bounce 1s infinite ease-in-out
}

.viewbox-container .loader .double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-bounce {
    0%,
    100% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.inner-banner .page-title p {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 18px;
    bottom: 34%;
    z-index: 10;
}

.inner-banner .page-title a.btn-link {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 14px;
    bottom: 19%;
    z-index: 10;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid #fff;
    display: inline-block;
    width: 325px;
    border-radius: 25px;
}

#promotion .modal-dialog{
width: 80%!important;
    margin: 52px auto!important;
    max-width: 100%!important;
}

.col-md-6.col-sm-6.col-xs-12.pink-bg.white {
    background: #ff0046;
    padding: 0;
    margin-top: -15px!important;
    border-top-left-radius: 5px;
    /* height: 100%; */
}

@media screen and (max-width:2560px) {
    .fade {
        -webkit-transition: opacity 1.5ms linear!important;
        -o-transition: opacity 1.5ms linear!important;
        transition: opacity 1.5ms linear!important
    }
}

@media screen and (max-width:1680px) {
    a.top-pink-btn {
        font-size: 16px;
        line-height: 22px
    }
    .header span.phone {
        font-size: 16px
    }
}

@media screen and (max-width:1600px) {
    a.top-pink-btn {
        width: 150px
    }
    .fade {
        -webkit-transition: opacity 15ms linear!important;
        -o-transition: opacity 15ms linear!important;
        transition: opacity 15ms linear!important
    }
    #project-slider-list.owl-carousel .owl-item img,
    #project-slider.owl-carousel .owl-item img {
        width: 100%!important
    }
}

@media screen and (max-width:1480px) {
    .main-menu ul li a {
        font-size: 18px
    }
    a.top-pink-btn {
        width: 125px
    }
    .header span.phone {
        padding: 15px 10px
    }
    .footer .newsletterdiv:after {
        right: 12%
    }
}

@media screen and (max-width:1380px) {
    .service-tabs ul li a {
        padding: 10px 20px
    }
    ul.nav-menu li {
        padding: 0 5px
    }
}

@media only screen and (max-width:2560px) and (min-width:1600px) {
    .box {
        height: 420px
    }
    .template-content img {
        width: 550px
    }
    .header {
        padding: 0 85px 0 45px
    }
    .footer {
        padding: 45px 85px 0
    }
    .footer .service1 .linksdiv:after {
        right: 35%
    }
}

@media screen and (max-width:1295px) {
    a.top-pink-btn {
        width: 100px;
        font-size: 15px;
        padding: 15px 5px
    }
    .header span.phone {
        font-size: 14px
    }
}

@media screen and (max-width:1280px) {
    section#wp_editor_widget-3 {
        width: 325px
    }
    span.phone {
        font-size: 18px
    }
    span.phone img {
        margin-right: 5px
    }
    .build-my-home a.top-pink-btn {
        width: 160px
    }
}

@media screen and (max-width:1250px) {
    .search-div {
        padding: 25px 20px 21px
    }
    ul.nav-menu li {
        padding: 0 5px
    }
}

@media screen and (max-width:1235px) {
    .service-tabs ul li a {
        padding: 10px 5px
    }
}

@media screen and (max-width:1228px) {
    ul.nav-menu li {
        padding: 0 10px
    }
}

@media screen and (max-width:1199px) {
    .why-build .col-md-5 {
        padding-right: 75px!important
    }
    .whybuild-icons li {
        width: 150px;
        vertical-align: top
    }
    .header span.phone {
        font-size: 14px
    }
    .footer .linksdiv:after,
    .footer .newsletterdiv:after {
        display: none
    }
    .serviceinfodiv {
        padding: 25px 25px 0
    }
    .serviceinfodiv .proc-title {
        font-size: 28px
    }
    .servicelistindi {
        margin: 25px 0
    }
}

@media screen and (max-width:1192px) {
    .footer ul.cnss-social-icon.soc-items li.cn-fa-icon a,
    .header ul.cnss-social-icon.soc-items li.cn-fa-icon a {
        width: 30px!important;
        height: 30px!important
    }
    .whybuild-icons li {
        padding: 0 10px!important
    }
    .bigfonts {
        font-size: 32px
    }
    .main-menu ul li a {
        font-size: 15px
    }
    .new-services ul li.service-categories {
        padding: 35px 80px 20px
    }
    .call .call-text {
        text-align: center
    }
    .header span.phone {
        font-size: 12px
    }
    a.top-pink-btn {
        width: 85px;
        font-size: 13px;
        line-height: 18px
    }
    span.phone img {
        margin-right: 5px;
        width: 15px;
        height: inherit
    }
}

@media screen and (max-width:1080px) {
    .search-div {
        padding: 25px 10px 23px 15px
    }
    ul.nav-menu li {
        padding: 0 3px
    }
    .call {
        padding: 11px 5px!important
    }
    .new-services ul li.service-categories {
        padding: 35px 50px 20px
    }
}

@media screen and (max-width:992px) {
    .service-tabs ul li a {
        padding: 10px 5px;
        font-size: 14px
    }
    div#livechat-compact-container {
        bottom: 75px!important
    }
    .header_with_subtitle:after,
    .header_with_subtitle:before {
        width: 20%
    }
    .testimonials h3 p {
        line-height: 32px!important;
        font-size: 21px!important
    }
    .testimonials.vc_custom_1510823463512 {
        padding-top: 35px!important;
        padding-bottom: 35px!important
    }
    .modal-dialog {
        width: 95%!important
    }
    .sfm-navicon-button {
        display: inline-block!important
    }
    .touchy-menu-button {
        display: none!important
    }
    .touchy-wrapper {
        display: table!important
    }
    .footer .col-md-4 {
        width: 100%!important
    }
    .footer ul.cnss-social-icon {
        display: none
    }
    .footer .col-md-4 {
        text-align: center
    }
    .newsletter {
        margin: auto
    }
    .footer {
        padding: 20px 0 0
    }
    .footer .footer-logo {
        width: 100%!important;
        float: none!important;
        text-align: center!important;
        clear: both;
        overflow: hidden
    }
    .footer-logo img {
        margin: 10px auto;
        display: block;
        text-align: center;
        float: none
    }
    html.js {
        padding-bottom: 50px!important
    }
    .blog-left {
        padding-right: 40px!important
    }
    .copyright {
        margin-top: 10px;
        display: block;
        text-align: center
    }
    .sticky-popup.right-bottom.open_sticky_popup.popup-content-bounce-in-up {
        display: none!important
    }
    .photos .col-md-6:nth-child(1),
    .photos .col-md-6:nth-child(10),
    .photos .col-md-6:nth-child(11),
    .photos .col-md-6:nth-child(12),
    .photos .col-md-6:nth-child(13),
    .photos .col-md-6:nth-child(14),
    .photos .col-md-6:nth-child(15),
    .photos .col-md-6:nth-child(16),
    .photos .col-md-6:nth-child(17),
    .photos .col-md-6:nth-child(18),
    .photos .col-md-6:nth-child(19),
    .photos .col-md-6:nth-child(2),
    .photos .col-md-6:nth-child(3),
    .photos .col-md-6:nth-child(4),
    .photos .col-md-6:nth-child(5),
    .photos .col-md-6:nth-child(6),
    .photos .col-md-6:nth-child(7),
    .photos .col-md-6:nth-child(8),
    .photos .col-md-6:nth-child(9) {
        width: 50%!important
    }
    .photos .col-md-6:nth-child(1) .photo-div,
    .photos .col-md-6:nth-child(10) .photo-div,
    .photos .col-md-6:nth-child(11) .photo-div,
    .photos .col-md-6:nth-child(12) .photo-div,
    .photos .col-md-6:nth-child(13) .photo-div,
    .photos .col-md-6:nth-child(14) .photo-div,
    .photos .col-md-6:nth-child(15) .photo-div,
    .photos .col-md-6:nth-child(16) .photo-div,
    .photos .col-md-6:nth-child(17) .photo-div,
    .photos .col-md-6:nth-child(18) .photo-div,
    .photos .col-md-6:nth-child(19) .photo-div,
    .photos .col-md-6:nth-child(2) .photo-div,
    .photos .col-md-6:nth-child(3) .photo-div,
    .photos .col-md-6:nth-child(4) .photo-div,
    .photos .col-md-6:nth-child(5) .photo-div,
    .photos .col-md-6:nth-child(6) .photo-div,
    .photos .col-md-6:nth-child(7) .photo-div,
    .photos .col-md-6:nth-child(8) .photo-div,
    .photos .col-md-6:nth-child(9) .photo-div {
        height: 300px
    }
    .modal-dialog .nopadding-right {
        padding-right: 15px!important
    }
    .bigfonts.text-right {
        text-align: center;
        font-size: 32px
    }
    span.whylogo.text-right {
        text-align: center!important
    }
    span.whylogo img {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        float: none
    }
    .whybuild-icons li {
        width: 214px
    }
    .whybuild-icons li img {
        width: 60px
    }
    .why-build .col-md-5 {
        padding-right: 15px!important
    }
    .bigfonts {
        text-align: center;
        top: 0;
        margin-bottom: 40px
    }
    .newsletter input[type=submit] {
        right: 0
    }
    .hide-992 {
        display: none
    }
    .show-992 {
        display: block
    }
    .servicelistindi.rightplaced .serviceinfodiv {
        width: 100%;
        text-align: left
    }
    .serviceinfodiv {
        position: static;
        width: 100%
    }
    .servicelistindi.rightplaced {
        float: none
    }
    .servicelistindi .service-img img {
        position: static;
        transform: none!important
    }
    .servicelistindi .proj-details {
        min-height: inherit!important
    }
    .serviceinfodiv {
        padding: 15px 15px 0
    }
    .servicelistindi {
        margin: 5px 0
    }
    a.scrollto img {
        width: 60px;
        margin: 25px auto 0
    }
    h1.blue.serviceintor-font {
        font-size: 28px
    }
    .service-img {
        margin-top: 20px;
        width: 100%;
        height: inherit
    }
    .row.copyrightdiv img {
        display: block;
        float: none;
        margin: auto
    }
    .header {
        padding: 0
    }
    .col-md-2.col-sm-2.col-xs-12.logo.text {
        padding-left: 0
    }
    .logo.text a {
        width: 150px;
        display: block;
        padding-top: 10px
    }
}

@media screen and (max-width:890px) {
    .footer ul.cnss-social-icon.soc-items li.cn-fa-icon a,
    .header ul.cnss-social-icon.soc-items li.cn-fa-icon a {
        width: 28px!important;
        height: 28px!important
    }
    .search-div {
        padding: 25px 10px 23px 11px
    }
}

@media screen and (max-width:840px) {
    .col-md-2.col-sm-2.hidden-xs.social-search.nopadding-left {
        padding-right: 0!important
    }
    span.phone {
        margin-right: 0
    }
    .service-tabs ul li a {
        padding: 10px 5px
    }
    .col-md-6.col-sm-6.col-xs-12.intro-text {
        padding: 0 30px!important
    }
    #livechat-compact-container {
        display: none!important
    }
    .new-services ul li.service-categories {
        padding: 35px 30px 20px
    }
}
@media screen and (max-width:768px) {
    .rev_slider .slotholder:after {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        background: rgba(0, 0, 0, .35)
    }
    .rev_slider ul li:nth-child(1) .slotholder:after {
        background: 0 0
    }
    .rev_slider ul li:nth-child(1) .tp-bgimg.defaultimg {
        background-position: left -115px center!important
    }
    #clogo_owl.owl-carousel .owl-item img {
        width: inherit!important;
        margin: auto!important
    }
    .why-build {
        padding: 5px 0 10px
    }
    .whybuild-icons li {
        display: block;
        display: block!important;
        border-bottom: 2px solid #13364e;
        padding: 0 0 10px!important;
        margin-bottom: 10px;
        width: 100%
    }
    .whybuild-icons li:last-child {
        border: none
    }
    .whybuild-icons li:last-child h4 {
        display: inline-block
    }
    .profile-img-wrapper {
        width: 150px;
        float: none
    }
    .item-content.entry-content {
        width: 100%;
        float: none;
        margin-left: 0
    }
    .service-lists li {
        width: 100%;
        margin: 5px 0;
        font-size: 16px;
        padding-bottom: 10px;
        padding-left: 15px!important
    }
    .intro-text {
        margin-top: 5px;
        margin-bottom: 0
    }
    .grid.all-projects .proj-grid,
    .home-proj-image,
    .indi-proj-page .proj-grid,
    .simple-instagram-list-item .img {
        width: 100%!important;
        height: inherit!important
    }
    #simple-instagram-wrap .simple-instagram-list .simple-instagram-list-item img,
    .grid.all-projects figure img,
    .home-proj-image img,
    .indi-proj-page .proj-grid img {
        position: static!important;
        -webkit-transform: translate(0)!important;
        -ms-transform: translate(0)!important;
        transform: translate(0)!important;
        width: inherit!important;
        height: inherit!important
    }
    .promo-btns.visible-xs.hidden-lg.hidden-sm.hidden-md {
        margin-bottom: 35px
    }
    .promo-detail a.view-proj {
        margin-bottom: 5px;
        margin-top: 20px
    }
    .service-tabs .certified-icons {
        margin-top: 0
    }
    .below-banner.container {
        padding-left: 15px!important
    }
    .modal-dialog {
        margin: 69px auto!important
    }
    .serv-tab .tab-content.responsive,
    .service-tabs ul {
        display: none
    }
    .certified-icons {
        margin-bottom: 15px;
        text-align: center
    }
    .service-page-certified .certified-icons img {
        margin-right: 10px;
        margin-bottom: 25px;
        margin-left: 10px
    }
    .header_with_subtitle:after,
    .header_with_subtitle:before {
        display: none
    }
    .serv-links h3 {
        text-align: left;
        font-size: 18px
    }
    .serv-links a.enquire-btn {
        font-size: 16px;
        margin-bottom: 25px;
        margin-top: 30px
    }
    .modal-content button.close {
        position: absolute;
        font-size: 34px;
        top: -20px;
        padding: 40px;
        right: -20px
    }
    .nopadding-left {
        padding-left: 15px!important
    }
    .col-md-4.col-sm-4.col-xs-12.pink-bg {
        margin-top: -21px!important
    }
    div#projectcontainer {
        padding: 0!important
    }
    .col-md-12.proj-details-container {
        padding: 0 15px!important;
        margin-top: 20px
    }
    a.enquire-btn.proj-btns.text-uppercase.white.pull-right {
        float: none!important;
        margin-bottom: 15px;
        display: table
    }
    .indi-proj-page .proj-grid {
        width: 100%;
        margin: 10px auto
    }
    .nopadding-right {
        padding-right: 15px!important
    }
    .blog-left {
        margin-top: 35px
    }
    .recent-blog-posts {
        margin-top: 35px
    }
    .nav-previous {
        left: 15px!important
    }
    .nav-next {
        right: 15px!important
    }
    .servicelist {
        padding: 0 15px!important;
        margin-bottom: 35px;
        min-height: inherit!important
    }
    .feature-slider {
        padding: 0
    }
    .new-services ul li.service-categories {
        width: 100%;
        display: block;
        border-right: none;
        border-bottom: 1px solid #fff
    }
    .new-services ul li.service-categories:last-child {
        border-bottom: none
    }
    .new-services ul li:first-child .cat-image img {
        width: 55px
    }
    .cat-image {
        min-height: inherit;
        width: 45px;
        float: left
    }
    .new-services ul li:nth-child(2) .cat-image img {
        width: 85px
    }
    .new-services ul li:last-child .cat-image img {
        width: 65px;
        width: 65px
    }
    .new-services ul li.service-categories {
        padding: 15px 30px 20px
    }
    .category-name {
        display: block;
        position: relative;
        margin: 10px 0 0 60px;
        text-align: left
    }
    .category-name:before {
        background: 0 0
    }
    .category-name h2 {
        font-size: 18px
    }
    .serv-content {
        padding-right: 15px!important
    }
    .p-tb-35 {
        padding: 20px 0
    }
    .inner-banner.nopadding-right.nopadding-left {
        margin-top: 90px;
        margin-bottom: 20px;
        padding-left: 0!important;
        padding-right: 0!important
    }
    .main-content {
        margin-top: 70px
    }
    .main-content.project-list {
        padding: 0
    }
    .feature-slider .home-proj .col-md-5,
    .feature-slider .home-proj .col-md-7 {
        width: 100%!important
    }
    #project-slider-list.owl-theme .owl-controls {
        top: 9%
    }
    .inner-proj-details {
        padding: 0 15px
    }
    .inner-proj-details .col-md-7.col-sm-7.col-xs-12 {
        margin-top: 10px
    }
    .inner-banner .page-title h1:before {
        width: 200px
    }
    .inner-banner .page-title h1 {
        top: 34%;
        font-size: 30px
    }
    .inner-banner .page-title a.btn-link{
        bottom: 15%;
    }
    .serv-tab {
        padding-left: 15px!important;
        padding-right: 15px!important
    }
    .col-md-6.col-sm-6.col-xs-12.intro-text {
        padding: 0 15px!important
    }
    .container.nopadding-left.nopadding-right.service-tabs {
        padding: 0 15px!important
    }
    .panel-default>.panel-heading {
        color: #fff!important;
        background-color: #13354e!important;
        border-color: #13354e!important
    }
    a.accordion-toggle {
        width: 100%;
        display: block
    }
    .col-md-6.col-sm-6.col-xs-12.intro-text {
        margin-top: 10px;
        margin-bottom: 5px;
        border-right: none
    }
    p.project-desc {
        margin-top: 35px;
        margin-left: -15px
    }
    .contact-page .nopadding-right {
        padding-right: 15px!important
    }
    .contact-page .vc_column-inner {
        padding-top: 0!important
    }
    .template-box.box-404 li {
        display: block
    }
    .template-box.box-404 li.logo-wrap {
        border-right: none;
        padding-left: 0;
        position: static;
        margin: 45px auto;
        text-align: center
    }
    .template-box.box-404 li.template-content {
        padding-left: 0
    }
    .blog-left {
        padding-right: 15px!important
    }
    .home-template .vc_custom_1511794238322 {
        padding-top: 0!important
    }
    .promolist .slz-btn {
        opacity: 1;
        top: 5px;
        float: none;
        padding: 0
    }
    .other-promos .service-img,
    .promolist .service-img {
        width: 100%;
        height: inherit;
        overflow: hidden;
        margin-bottom: 0
    }
    .promolist .proj-details,
    .promolist .service-img img {
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }
    .col-md-12.new-services ul {
        background: #143a52;
        margin-left: 0
    }
    .col-md-12.new-services {
        background: 0 0
    }
}
@media screen and (max-width:568px) {
    .inner-banner .page-title h1:before{
        max-width: 200px;
        width: 100%;
        position: relative;
        top: 0;
        margin: 0 auto 15px auto;
    }
    .inner-banner .page-title h1{
        top: 0;
        position: relative;
        padding: 30px 15px 15px 15px;
    }
    .inner-banner .page-title p{
        position: relative;
        bottom: 0;
        padding: 0 15px 20px 15px;
    }
    .inner-banner .page-title a.btn-link{
        position: relative;
        margin: 0 auto 40px auto;
        bottom: 0;
        width: 100%;
        max-width: 325px;
        display: block;
        background: #ff0045;
        border-color: #ff0045;
    }
    .inner-banner .page-title a p{
        display: none !important;
    }
    .inner-banner.nopadding-right.nopadding-left{
        text-align: center;
        position: relative;
        /*background: #000 !important;*/
    }
    .single-services .page-title.text-uppercase.white{
        padding-bottom: 20px;
        padding-top: 20px;
    }
}
@media screen and (max-width:530px) {
    .header_with_subtitle:after,
    .header_with_subtitle:before {
        width: 10%
    }
    .header_without_subtitle.line-height h4 {
        line-height: 21px;
        font-size: 16px
    }
    .photos .col-md-6:nth-child(1),
    .photos .col-md-6:nth-child(10),
    .photos .col-md-6:nth-child(11),
    .photos .col-md-6:nth-child(12),
    .photos .col-md-6:nth-child(13),
    .photos .col-md-6:nth-child(14),
    .photos .col-md-6:nth-child(15),
    .photos .col-md-6:nth-child(16),
    .photos .col-md-6:nth-child(17),
    .photos .col-md-6:nth-child(18),
    .photos .col-md-6:nth-child(19),
    .photos .col-md-6:nth-child(2),
    .photos .col-md-6:nth-child(3),
    .photos .col-md-6:nth-child(4),
    .photos .col-md-6:nth-child(5),
    .photos .col-md-6:nth-child(6),
    .photos .col-md-6:nth-child(7),
    .photos .col-md-6:nth-child(8),
    .photos .col-md-6:nth-child(9) {
        width: 100%!important
    }
    .photos .col-md-6:nth-child(1) .photo-div,
    .photos .col-md-6:nth-child(10) .photo-div,
    .photos .col-md-6:nth-child(11) .photo-div,
    .photos .col-md-6:nth-child(12) .photo-div,
    .photos .col-md-6:nth-child(13) .photo-div,
    .photos .col-md-6:nth-child(14) .photo-div,
    .photos .col-md-6:nth-child(15) .photo-div,
    .photos .col-md-6:nth-child(16) .photo-div,
    .photos .col-md-6:nth-child(17) .photo-div,
    .photos .col-md-6:nth-child(18) .photo-div,
    .photos .col-md-6:nth-child(19) .photo-div,
    .photos .col-md-6:nth-child(2) .photo-div,
    .photos .col-md-6:nth-child(3) .photo-div,
    .photos .col-md-6:nth-child(4) .photo-div,
    .photos .col-md-6:nth-child(5) .photo-div,
    .photos .col-md-6:nth-child(6) .photo-div,
    .photos .col-md-6:nth-child(7) .photo-div,
    .photos .col-md-6:nth-child(8) .photo-div,
    .photos .col-md-6:nth-child(9) .photo-div {
        height: inherit;
        width: 100%!important
    }
    .photos .col-md-6 .photo-div img {
        position: static!important;
        -webkit-transform: translate(0)!important;
        -ms-transform: translate(0)!important;
        transform: translate(0)!important
    }
    .home-template .item-content.entry-content:before {
        height: 65px;
        top: -20px;
        width: 75px
    }
    .testimonials h3 p {
        line-height: 24px!important;
        font-size: 18px!important
    }
    .new-services ul li.service-categories {
        padding: 10px 30px 11px
    }
    .new-services ul li:first-child .cat-image img {
        width: 30px
    }
    .new-services ul li:last-child .cat-image img,
    .new-services ul li:nth-child(2) .cat-image img {
        width: 55px
    }
    .category-name h2 {
        font-size: 16px;
        margin-top: 15px;
        margin-left: 65px
    }
    .category-name {
        margin: 15px auto 0
    }
    .bigfonts.text-right {
        font-size: 28px
    }
    span.whylogo img {
        width: 130px
    }
    .promo-detail {
        padding-bottom: 15px
    }
    .promo-btns.visible-xs.hidden-lg.hidden-sm.hidden-md {
        margin-bottom: 0
    }
    .grid figure figcaption {
        padding: 1em
    }
    .viewbox-button-next,
    .viewbox-button-prev {
        display: none
    }
    .viewbox-button-close {
        right: 20px!important;
        top: 100px!important
    }
    .serviceinfodiv .proc-title,
    h1.blue.serviceintor-font {
        font-size: 24px
    }
    .serviceinfodiv .proc-title {
        padding-bottom: 0
    }
}
@media screen and (max-width: 320px){
    .inner-banner .page-title a.btn-link{
        max-width: 200px;
    }
}