/*
* @Author: Injector
* @Date:   2018-09-03 11:38:28
* @Last Modified by:   Sudeshna
* @Last Modified time: 2018-12-19 11:29:59
*/


.direct_load_trans {
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    overflow: hidden;
}

.loader_onlyfirst {
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    background: #fff;
    overflow: hidden;
}

.loader_onlyfirst .rec2, .loader_onlyfirst .rec1 {
  display: inline-block;
  width: 6.018px;
  height: 31.426px;
  background: #000;
  animation-name: example;
  animation-duration: 0.7s;
  animation-iteration-count: 999999;
  animation-direction: alternate-reverse;
}
.loader_onlyfirst .rec1c {
  display: inline-block;
  height: 31.426px;
  float: left;
  bottom: 0px;
  background: #000;
}
.loader_onlyfirst .rec2c {
  display: inline-block;
  height: 31.426px;
  float: left;
  bottom: 0px;
  background: #000;
  margin-left: 12.194px;
}
.loader_onlyfirst #gallarii_svg_logo_pre {
  margin-left: -12.194px;
}
.loader_onlyfirst .rec1, .loader_onlyfirst .rec2 {
  transform: scale(2, 1.2);
}
.loader_onlyfirst .rec1, .loader_onlyfirst .rec2 {
  background: #fff;
  animation-timing-function: linear;
}
.loader_onlyfirst .svg-container {
  position: fixed;
  left: 50vw;
  top: 50%;
}

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







.alm-btn-wrap {
    text-align: center;
   
}

.alm-btn-wrap button {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 500;
    background: #212529;
    line-height: 15px;
    padding: 16.5px;
    min-width: 150px;
}

a, a:visited {
    color: #111;
}

body .footer-widgets{
    padding: 50px!important;
}
a:active,a:focus,a:hover{
	text-decoration: none;
}

.twentytwenty-handle{
	margin-left: -20px!important;
}

.wpml_list a:hover {
    color: #111;
    text-decoration: none;
}

.wpml_list .lng-l.active_lang {
    display: none;
}

.lng-l-click{
    cursor: pointer;
}

.lng-l{
    visibility: hidden;
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 50, 0);
}

.gallarii_page_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    opacity: 0;
    visibility: hidden;
}

.gallarii_transition {
    position: fixed;
    left: 0;
    z-index: 11;
    width: 100%;
    background-color: #fff;
    height: 0;
}

#gallarii_svg_logo {
    fill: #111;
    z-index: 99999;
    visibility: visible;
    opacity: 0;
}

div#gallarii_white_wrapper {
    position: fixed;
    left: 0;
    z-index: 11;
    width: 100%;
    background-color: transparent;
}

.gallarii_logo_overlay {
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    width: 5rem;
    height: 5rem;
    margin: auto;
    color: #fff;
    position: absolute;
}







/* RITESH */

.rec2,
.rec1 {
    display: inline-block;
    width: 6.018px;
    height: 31.426px;
    background: #000;
    animation-name: example;
    animation-duration: 0.7s;
    animation-iteration-count: 999999;
    animation-direction: alternate-reverse;
}

@keyframes example {
    0% {
        opacity: 0.1;
    }


    100% {
        opacity: 1;
    }
}


@keyframes example2 {
    0% {
        height: 0px;
    }

    50% {
        height: 31.426px;
    }

    100% {
        height: 31.426px;
    }
}

.rec1c,
.rec2c {
    display: inline-block;
    height: 31.426px;
    float: left;
    bottom: 0px;
    background: #000;
}

.rec2c {
    margin-left: 12.194px;
}

#gallarii_svg_logo{
    margin-left: -12.194px;
}

.rec1, .rec2 {
transform: scale(2,1.2);
}


.rec1,
.rec2 {
    background: #fff;
    animation-timing-function: linear;
}

.svg-container {
    position: fixed;
    left: 50vw;
    top: 50%;
}

/* =================================================== Global ============================================== */




.barba-container {
    width: 100vw
}

div#page {
    width: calc(100vw - 50px);
    max-width: calc(100vw - 50px);
    margin: 0px;
    padding: 0px;
}


body,
html {
    font-family: 'futura-pt'!important;
    font-weight: 400;
}

.gallarii_form_error {
    border-color: #111 !important;
    border-width: 2px!important;
}


form#gallarii_contact_form .form-group label {
     font-size: 12px;
}

.gallarii-slider-nav a {
    padding: 10px 0;
}

div#status_form_response {
    font-size: 14px;
    color: #111;
    display: inline;
    clear: both;
    /*text-transform: uppercase;*/
}

/* RITESH START */
form#gallarii_contact_form.thanks {
    vertical-align: middle;
    display: flex;
    min-height: 350px;
}

div#status_form_response {
    margin: auto;
}

div#status_form_response strong {
    display: block;
}
.contact-tabs-gl {
    padding-top: 50px;
    padding-bottom: 20px;
} 

/* RITESH END */
.share-bar {
    max-width: 600px;
    margin: auto;
    text-align: center;
}

.share-bar *{
	color: #111;
}


.share-bar a {
    color: #111 !important;
    font-size: 9px;
    background: #fff !important;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 2px;
    vertical-align: bottom;
}


/* Filter */

a.n-no_link ,
a.p-no_link{
    pointer-events: none;
    opacity: 0.2;
}



.portfolio-nav-ul img {
    width: 16px;
    height: 16px;
}   



/* Blink */


.comment_error {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
}


textarea#comment{
    padding-top: 0px;
}

textarea#comment:not(:focus){
    background-image: url('/wp-content/uploads/2018/09/blink-cursor.gif');
    background-repeat: no-repeat;
    background-position: top left;
}



/* After Before Slider */


.twentytwenty-handle{
    border: 1px solid white!important;
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{
    width: 1px !important
}


/* =================================================== Global ============================================== */


/* ===================================================== Header Start ================================= */
.home_arrow-button img {
    width: 20px!important;
}


header#masthead {
    height: 50px;
}

.hb_image_bg {
    background-image: url('/wp-content/themes/gallarii/assets/images/side-menu-trigger.png');
    width: 20px;
    height: 20px;
    background-size: cover;
    background-position: center center;
    transition: all .2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}

div#gallarii_side_menu_button.hb_button_open .hb_image_bg {
    background-image: url('/wp-content/uploads/2018/09/hb-cross.svg');
}


nav#overlay_menu_nav {
    display: none;
}




.gallarii_sticky .inside-header.grid-container.grid-parent {
    position: fixed;
    top: 0;
    left: 0;
    animation: smoothScroll 1s backwards;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-50px);
    }
    100% {
        transform: translateY(0px);
    }
}




.inside-header.grid-container.grid-parent {
    width: 100%;
    text-align: center;
    background: #fff;
    z-index: 9999;
    -webkit-transition: position 5s;
    -moz-transition: position 5s;
    -ms-transition: position 5s;
    -o-transition: position 5s;
    transition: position 5s;
}

.site-logo a img {
    width: 100%;
}

.logo-container {
    margin-top: auto;
    margin-bottom: auto;
    text-align: left;
}

.logo-container .site-logo {
    max-width: 100px;
}

.logo-container .site-logo a {
    display: block;
}

.main-navigation .main-nav ul li a {
    line-height: 31px;
    color: #111 !important;
    font-size: 9px;
    background: #fff !important;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 2px;
}

.nav-float-right .inside-header .main-navigation {
    float: none!important;
    clear: both!important;
    background-color: #fff!important;
}



.wpml_list nav span {
    font-size: 9px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
}

div#gallarii_side_menu_button {
    position: absolute;
    right: 12px;
    top: 13px;
    cursor: pointer;
    padding: 5px;
    line-height: 1;
}

div#gallarii_side_menu_button img {
    width: 100%;
    transition: all .3s;
}


.hb_button_open img {
    transform: rotate(90deg);
}

section#home_slider img {
    width: 100%;
}

.separate-containers .site-main {
    margin-top: 0px;
    margin-bottom: 0px;
}

.inside-header.grid-container.grid-parent {
    max-width: 100%;

    padding: 9.5px 50px !important;
}

.wpml_list nav{
    max-width: 175px;
    margin-left: auto;
}

.wpml_list span {
    padding: .5rem 5px;
}

.main-navigation li {
    float: none;
    display: inline-block;
}

div#primary-menu {
    text-align: center;
}


/* ===================================================== Header ENd ================================= */


/* ===================================================== Footer start ================================= */

.gallarii_footer ul {
    display: inline-block;
    list-style: none;
    margin: 0 auto;
}

.gallarii_footer ul li {
    display: inline;
    padding: 0px 10px;

}

.copyright-bar{
    line-height: 30px;
}

.gallarii_footer ul li a {
    padding: 3px !important;
    color: #111!important;
    font-weight: 500;
    font-family: "Montserrat";
    letter-spacing: 1px;
    font-size: 9px;
}



.footer-widgets-container.grid-container.grid-parent {
    max-width: 100%;
}

.textwidget p {
    font-size: 13px;
    font-weight: 400;
}

h2.widget-title {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
}


.gallarii_footer {
    max-width: 600px;
    margin: auto;
}

.gallarii_footer a {
    font-size: 9px;
}

.gallarii_footer a.nav-item.nav-link {
    padding: 3px !important;
    color: #111;
    font-weight: 500;
    font-family: "Montserrat";
    letter-spacing: 1px;
    font-size: 9px;
}

footer.site-info {
    padding: 9px;
    background-color: #fff;
    color: #111 !important;
}

.gallarii_hr {
    width: calc(100vw - 50px);
    height: 1px;
    background: #ccc;
    padding: 0px;
}





/* ===================================================== Footer End ================================= */


/* =========================================== Home Page =============================================== */

ul.portfolio-grid {
    list-style: none !important;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: space-between;
}

.home_arrow .portfolio-name {
    padding: 0;
}

.portfolio-img-container {
    min-height: calc(59.32vw - 59.32px);
    transition: 0.5s;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center!important;
}

.portfolio-name {
    text-align: right;
    padding: 14.5px 0;
    font-size: 14px;
    font-style: italic;
    width: 100%;
    font-weight: 400;
}
.three60 .singlep.portfolio-name {
    color: #fff;
    opacity: 0;
}

.portfolio-name span {
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
}

.home_arrow {
    display: flex;
    justify-content: space-between;
    padding: 15.5px 0;
    font-size: 13px;
    margin-top: -7px;
}

.home_arrow-button {
    margin-left: 50px;
    cursor: pointer;
}


/* ul.portfolio-grid li:nth-child(3n+1) {
    margin: 0px;
    width: calc(50vw - 50px)!important;
}


ul.portfolio-grid li:nth-child(3n+2) {
    margin: 0px;
    width: calc(50vw - 50px)!important;
}


ul.portfolio-grid li:nth-child(3n+3) {
    max-width: calc(100vw - 50px);
    width: calc(100vw - 50px);
} */


@media(max-width: 1024px) {
    .portfolio-img-container {
        background-size: cover;
    }
}








/* =========================================== Home Page =============================================== */


/* ========================================== Terms & Policies ============================================ */

.row.tc_full_h {
    min-height: calc(100vh - 200px);
    display: flex!important;
    margin: auto!important;
    padding-top: 50px;
    padding-bottom: 50px;
}

.tc_fh_ma {
    margin: auto;
}

.row.tc_full_h > div {
    display: flex;
}

.terms_policies_wrapper .tab-content {
    margin: auto !important;
}

section.page_heading {
    width: 100%;
    margin-bottom: 0px !important;
    display: block;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 16px 0;
}

h1.page_heading_title {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0px;
}

.terms_policies_nav,
.process_nav {
    margin: auto;
    padding: 7px 0;
    border-bottom: 1px solid #eee;
    padding-left: 50px;
}

.terms_policies_nav a.nav-item.nav-link.active,
.terms_policies_nav a.nav-item.nav-link,
.process_nav a.nav-item.nav-link.active,
.process_nav a.nav-item.nav-link {
    background-color: #fff;
    color: #111;
    font-size: 13px;
}

.terms_policies_nav nav,
.process_nav nav {
    width: 100%;
    margin-bottom: 0px !important;
    display: flex;
    max-width: 350px;
    margin: auto;
}

h2.tab-heading-g {
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.tab-main-desc-g {
    font-size: 18px !important;
    font-family: 'futura-pt'!important;
    line-height: 1.2;
    margin-bottom: 15px;
}

.tab-sub-desc-g,
.tab-sub-desc-g *:not(strong) {
    font-size: 14px !important;
    font-family: 'futura-pt'!important;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.6;
}

.tab-content {
    margin: 50px auto 0!important;
}


/* ========================================== Terms & Policies ============================================ */


/* ============================================= Contact ======================================================== */
form#gallarii_contact_form input , form#gallarii_contact_form textarea ,
form#commentform input , form#commentform textarea {
    color: #111 !important;
}


.contact-tab-main-desc-g {
    font-size: 1rem !important;
    font-family: 'futura-pt'!important;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.5;
}


.gallarii-phone,
.gallarii-email {
    font-size: 14px;
    font-weight: 400;
}

.gallarii-phone a,
.gallarii-email a {
    color: #111;
    font-weight: 400;
    margin-left: 5px;
    font-size: 14px;
}


.contact-form {
    margin: 50px auto;
}

.contact-form input {
    border: 0px;
    outline: none;
    border-bottom: 1px solid #eee;
    color: #111;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    font-family: 'futura-pt'!important;
    padding: 8px 0px;
}

.contact-form input::placeholder {
    color: #111;
    font-size: 14px;
    font-weight: 500;
    font-family: 'futura-pt'!important;
}

.contact-form input.form-control:focus {
    outline: none !important;
    border-color: #111;
    box-shadow: none;
}

input#author:focus, input#email:focus, input#url:focus{
    border-bottom: 1px solid #111;
}

.accept_pp,
.accept_pp a {
    font-size: 12px;
    color: #111;
    font-family: 'futura-pt'!important;
}

.col-sm-8.accept_pp {
    padding: .375rem .75rem;
    padding-left: 0px;
}

.gallarii-contact,
.gallarii-contact:hover,
.gallarii-contact:focus,
.gallarii-contact:active {
    background-color: #fff !important;
    color: #111 !important;
    text-transform: uppercase;
    border: 0px;
    outline: none;
    font-family: 'futura-pt' !important;
    font-size: 13px;
    font-size: 14px !important;
    font-weight: 400;
    line-height: calc(24/14);
    box-shadow: none;
    padding: 0px;
}

div.hello_gallarii {
    font-size: 18px !important;
    margin-bottom: 20px;
    display: block;
}

.hello_gallarii p {
    display: inline;
    margin-right: 5px;
}








/* ======================================= About =================================== */


.about_title{
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-align: left;
}


.about-bottm-image {
    min-height: calc(59.32vw - 59.32px - 5.92px);
    transition: 0.5s;
    background-repeat: no-repeat;
    background-size: cover;
}

section.about_section {
    padding-top: 40px;
    padding-bottom: 40px;
}


section.about_section {
    min-height: calc(100vh - 100px);
    display: flex!important;
    margin: auto!important;
}

@media (min-width:768px){
section.about_section * {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
}

section.about_section {
    padding-left: 50px;
}
}


section.full_height {
    margin: auto;
}


.about-main-content {
    font-size: 18px !important;
    font-family: 'futura-pt'!important;
    line-height: 1.2;
    margin-bottom: 15px;
}

.about-sub-description,
.about-sub-description *:not(strong) {
    font-size: 14px !important;
	font-weight:400 !important;
	line-height: calc(24/14);
    margin-bottom: 15px;
}

/* 
.row.sub-heading-about > div {
    font-size: 17px !important;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: left;
} */






.about-banner-name {
    text-align: right;
    padding: 14.5px 0;
    font-size: 13px;
    font-style: italic;
    width: 100%;
}

.about-banner-name span {
    font-weight: 600;
    font-style: normal;
}





/* ==================================================== Services ===================================== */

body .row.service_fh.no-gutters.empty_g_fh {
    min-height: inherit !important;
    padding-bottom: 0px;
}



.page-template-services .gallarii-name {
    opacity: 0!important;
	color: #fff!important
}


.services_wrapper .row.last_content_wrapper .col-sm-6.ml-auto {
    padding-bottom: 50px;
}

.services_wrapper .tab-content {
    margin: 0px auto!important;
}




.row.service_fh {
    display: flex!important;
    margin: auto!important;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width:768px){
.row.service_fh , .row.last_content_wrapper.no-gutters {
    padding-left: 50px;
}
}

.service_content_wrapper {
    margin: auto;
    width: 100%;
}



.gallarii-name span {
    font-weight: 500;
    font-style: normal;
}

/*.row.services_page_slider {
    margin-top: 50px;
}*/

.services_nav {
    margin: auto;
    padding: 7px 0;
    border-bottom: 1px solid #eee;
}

/* PRIVACY */
section.services.privacy .tab-sub-desc-g h2 {
    font-weight: 400;
    margin-top: 40px;
    font-size: 16px!important;
}

section.services.privacy .tab-sub-desc-g strong {
    font-weight: 500;
}

section.services.privacy .tab-sub-desc-g ol,
section.services.privacy .tab-sub-desc-g ul{
    margin-left: 20px;
    margin-top: 20px;
}

section.services.privacy .tab-sub-desc-g ol li,
section.services.privacy .tab-sub-desc-g ul li{
    margin-bottom: 4px;
}

section.services.privacy .tab-sub-desc-g td,section.services .tab-sub-desc-g th {
    padding: 5px 10px;
}

section.services.privacy .tab-sub-desc-g table {
    margin-top: 10px;
}
section.services.privacy .tab-sub-desc-g table *,section.services.privacy .tab-sub-desc-g table {
    border: none;
}

section.services.privacy .tab-sub-desc-g table tr {
    border-top: 1px solid #ccc;
}

@media(min-width: 769px){

.page_heading,
.services_nav {
    padding-left: 50px !important;
}
}


.services_nav nav {
    width: 100%;
    margin-bottom: 0px !important;
    display: flex;
    max-width: 500px;
    margin: auto;
}

.services_nav a {
    background-color: #fff !important;
    color: #111 !important;
    font-size: 13px !important;
    letter-spacing: 0;
}

/* RITESH */
@media (min-width:768px){
.services_nav nav {
    text-align: center;
    display: block;
}

.services_nav nav>a {
    display: inline-block;
    padding-left: 14px;
    padding-right: 14px;
}
}
/* RITESH END */

section.services h2.tab-heading-g,
section.services .tab-main-desc-g,
section.services .tab-sub-desc-g,
section.services .tab-sub-desc-g *:not(strong) {
    text-align: left !important;
}

.tab-disciplines span {
    font-size: 14px;
    font-weight: 500;
    margin-right: 5px;
}

.tab-disciplines {
    font-size: 16px;
}


/* ========================= Process ==================================== */

.triangle {
    background-image: url(/wp-content/uploads/2018/09/sq.svg);
    width: 350px;
    height: 350px;
    margin: auto;
}

.midwrapper {
    width: 350px;
    height: 1px;
    background: #fff;
    margin-top: 175px;
    position: absolute;
    text-align: center;
    border-bottom: 1px dotted #111;
}

.t1 {
    margin-top: -38px;
    display: block;
}

.t1,
.t2,
.midtext {
    text-align: center;
    padding: 12px 0 !important;
    line-height: 14px;
}


.triangle-wrapper {
    width: 400px;
    height: 400px;
    margin: auto;
    padding: 0px 25px;
}

.triangle-wrapper::after {
    width: 1px;
    height: 25px;
    display: block;
    background: #111;
    content: ' ';
    text-align: center;
    margin: auto;
}

.triangle-wrapper::before {
    width: 1px;
    height: 25px;
    display: block;
    background: #111;
    content: ' ';
    text-align: center;
    margin: auto;
}

.tri-inner.last-tri .triangle-wrapper::after {
    width: 100px !important;
    height: 1px;
}

.tri-inner.last-tri .midtext {
    margin-top: -25px;
}

.first-tri .triangle-wrapper::before {
    width: 100px !important;
    height: 1px;
}

.tri-inner.first-tri .midtext {
    margin-top: -25px;
}

.midtext {
    font-size: 13px;
    font-family: 'futura-pt'!important;
    font-weight: 500;
}

.t1,
.t2 {
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    line-height: 14px;
}












/* ======================== Slider ============================= */

.gallarii-slider-bg {
    width: 100%;
    height: calc(59.32vw - 59.32px);
    background-size: cover;
    background-position: center center;
}

.gallarii_slider_wrapper {
    width: 100%;
    display: block;
}

.gallarii-name {
    text-align: right;
    padding: 14.5px 0;
    font-size: 14px;
    font-style: italic;
    width: 100%;
}

.carousel-item .gallarii-name {
    padding-right: 5px;
}

.gallarii-slider-nav {
    position: absolute;
    top: calc((50vw - 50px) / 2);
    right: -34px;
}

a.gallarii-slider-nav-prev,
a.gallarii-slider-nav-next {
    display: block;
    color: #111;
    font-size: 20px;
}


.carousel-item img {
    display: none;
}



.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}









/* ==================================== HB menu ============================ */








/* Icon 1 */
#hb_menu_icon {
      width: 15.5px;
    height: 12px;
    display: table;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#hb_menu_icon span {
     display: table-cell!important;
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #111;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#hb_menu_icon span:nth-child(1) {
  top: 0px;
}
#hb_menu_icon span:nth-child(2) {
  opacity: 0;
}
#hb_menu_icon span:nth-child(3) {
top:9px;
}

.hb_button_open #hb_menu_icon span:nth-child(1) {
  top: 5px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.hb_button_open #hb_menu_icon span:nth-child(2) {
  opacity: 0;
  display: none;
}
.hb_button_open #hb_menu_icon span:nth-child(3) {
  top: 5px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

div#gallarii_side_menu_button:hover {
    transform: rotateZ(90deg);
}

div#gallarii_side_menu_button {
    transition:0.45s;
}



/* RITESH TITLES SPACING */

h1.page_heading_title {
    letter-spacing: 2px;
}

.nav-link {
    letter-spacing: 1px;
}


/* .tab-sub-desc-g, .tab-sub-desc-g *:not(strong) {
    line-height: 1.8;
} */



.triangle-image {
    margin: 60px 0 60px;
}

.process.tab-content {
    margin-top: 0px!important;
}

@media (min-width:768px) {
.tab-content.process {
    padding-left: 50px!important;
}
.row.service_fh.no-gutters {
    min-height: 250px;
}
.tab-content>.active.empty_g_fh {
    min-height: calc(100vh - 150px);
    display: flex!important;
}

.tab-content>.active.empty_g_fh>.services-tab-container {
    margin: auto;
}


}

.page-fold {
    min-height: calc(100vh - 150px);
    display: flex;
    vertical-align: middle;
    margin: auto;
    float: none;
    flex-direction: column;
}

.page-fold>div {
    margin: auto;
}



/* ================================== Share Button ========================= */


.share-bar{
	display: none
}


.share-bar .nav-link {
    padding: 0 1rem;
}

.share-bar.hide-mobile span.nav-item.nav-link.share_button_close {
    position: absolute;
    right: calc(349px - 50vw);
}

.share-bar.hide-mobile span.nav-item.nav-link.share_button_close a img {
    height: 12px !important;
    line-height: 12px;
    vertical-align: top;
    margin-top: 2px;
}



/* ================================== direct debit setup ========================= */

/*direct debit setup*/
.setup_direct_debit{
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}

.setup_direct_debit{
    border: 1px solid transparent;
    background: #666;
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
    padding: 10px 20px;
    color: #FFF !important;
}

.setup_direct_debit:hover{
    background: #606060;
}

.setup_direct_debit:focus,
.setup_direct_debit:active {
    background: #606060;
}

.setup_direct_debit {
    padding: 10px 20px;
    display: inline-block;
}
.setup_direct_debit{
    margin-top: 20px;
}