@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');

/*@font-face {
    font-family: 'HarmoniaSansMonoStd-Bold';
    src: url("../fonts/HarmoniaSansMonoStd-Bold.woff") format("woff"),
    url("../fonts/HarmoniaSansMonoStd-Bold.eot") format("eot"),
    url("../fonts/HarmoniaSansMonoStd-Bold.svg") format("svg"),
    url("../fonts/HarmoniaSansMonoStd-Bold.otf") format("otf"),
    url("../fonts/HarmoniaSansMonoStd-Bold.ttf") format("ttf");
}*/
/*@font-face {
    font-family: 'HarmoniaSansMonoStd-Regular';
    src: url("../fonts/HarmoniaSansMonoStd-Regular.woff") format("woff"),
    url("../fonts/HarmoniaSansMonoStd-Regular.eot") format("eot"),
    url("../fonts/HarmoniaSansMonoStd-Regular.svg") format("svg"),
    url("../fonts/HarmoniaSansMonoStd-Regular.otf") format("otf"),
    url("../fonts/HarmoniaSansMonoStd-Regular.ttf") format("ttf");
}*/
/*@font-face {
    font-family: 'HarmoniaSansMonoStd-Italic';
    src: url("../fonts/HarmoniaSansMonoStd-Italic.woff") format("woff"),
    url("../fonts/HarmoniaSansMonoStd-Italic.eot") format("eot"),
    url("../fonts/HarmoniaSansMonoStd-Italic.svg") format("svg"),
    url("../fonts/HarmoniaSansMonoStd-Italic.otf") format("otf"),
    url("../fonts/HarmoniaSansMonoStd-Italic.ttf") format("ttf");
}*/
@font-face {
    font-family: 'Sentinel-Book';
    src: url("../fonts/Sentinel-Book.woff") format("woff"),
    url("../fonts/Sentinel-Book.eot") format("eot"),
    url("../fonts/Sentinel-Book.svg") format("svg"),
    url("../fonts/Sentinel-Book.otf") format("otf"),
    url("../fonts/Sentinel-Book.ttf") format("ttf");
}
@font-face {
    font-family: 'Sentinel-BookItalic';
    src: url("../fonts/Sentinel-BookItalic.woff") format("woff"),
    url("../fonts/Sentinel-BookItalic.eot") format("eot"),
    url("../fonts/Sentinel-BookItalic.svg") format("svg"),
    url("../fonts/Sentinel-BookItalic.otf") format("otf"),
    url("../fonts/Sentinel-BookItalic.ttf") format("ttf");
}
@font-face {
    font-family: 'Sentinel-Medium';
    src: url("../fonts/Sentinel-Medium.woff") format("woff"),
    url("../fonts/Sentinel-Medium.eot") format("eot"),
    url("../fonts/Sentinel-Medium.svg") format("svg"),
    url("../fonts/Sentinel-Medium.otf") format("otf"),
    url("../fonts/Sentinel-Medium.ttf") format("ttf");
}


.left_equal_section .intro p {
    font-family: 'Sentinel-BookItalic';
    font-weight: 500;
}

*{
	margin: 0px;
	padding:0px;
}
html{
   height: 100%;
    overflow: hidden;  
}

html body {
    font-family: 'Sentinel-Book';
    color: #212529;
    font-size: 16px;
    height: 100%;
    overflow: hidden !important;
	transition:1s;
}
body h1, body h2, body h3, body h4, body h5, body h6{
    font-family: 'Sentinel-Medium';
}
body h1 {
    font-size: 80px;
    line-height: 95px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
}
body h2 {
    font-size: 55px;
    line-height: 60px;
    font-style: normal;
    letter-spacing: 0px;
    margin: 0;
    font-weight: 600;
}
body h4 {
    font-size: 23px;
    line-height: 25px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0px;
}
body h5 {
    font-size: 18px;
    line-height: 25px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0px;
}
body h6 {
    font-size: 14px;
    line-height: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0px;
}
body p{
	margin: 0;
}
body input{
    outline: none;
}
body a{
	color: #666;
}
body a:hover{
    text-decoration: none;
}
body ol, body ul, body li{
  list-style: none;
  margin: 0px;
  padding:0px;
}

.preloader {
    position: fixed;
    z-index: 99999;
    height: 100%;
    width: 100%;
    background: #fff;
}
/*.preloader img {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 230px;
}*/


.preloader img {
    position: absolute;
    transform: inherit;
    top: auto;
    left: auto;
    width: 100%;
}

.pink .website_by, .yellow .website_by, .red .website_by{
	display: none;
}
.red .white_number .section_number {
    position: absolute;
    right: -75px;
    bottom: 80px;
    width: 58px;
    overflow: hidden;
    left: auto;
    transform: translateX(-100%) rotate(-90deg);
}



.header {
    position: fixed;
    width: 100%;
    z-index: 99999;
}
.header .logo a {
    color: #fff;
    display: inline-block;
    padding: 25px 0px 10px 25px;
    font-size: 26px;
    line-height: 21px;
}

.ms-section{
    position: relative;
    overflow: hidden;
}
.section1 .intro {
    position: absolute;
    top: 60%;
    transform: translateY(-40%);
}

.first_right .intro {
    right: 50%;
}

.ms-section.ms-table {
    display: table;
    width: 100%;
    position: relative;

}

.ms-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.first_left .intro {
    left: 50%;
}
.first_right {
    background-repeat: no-repeat;
    background-position: 50%;
    text-align: center;
    background-size: cover;
}
.first_left {
    background-color: #afb0b5;
    background-repeat: no-repeat;
    background-position: 50%;
    text-align: center;
}

.section1 h1 {
    color: #fff;
    text-transform: uppercase;
}
.section1 p {
    color: #fff;
    font-style: italic;
    font-size: 25px;
}


.second_left {
    background-size: cover;
    background-position: center;
}
.space_second_left{
    background-size: cover;
    background-position: center;
}

.second_right {
    background-color: #f089b4;
    background-repeat: no-repeat;
    background-position: 50%;
    text-align: center;
}

.space_first_right{
    
    background-size: cover;
    background-position: center;
}



.section2 .intro p {
    font-size: 20px;
}


.space_left {
    background-color: #f59c4a;
    background-repeat: no-repeat;
    background-position: 50%;
    text-align: center;
}
.space_right {
    background: #f59c4a;
}


.fourth_left{
    background-color: #afb0b5;
    background-image: url(../images/banner-1.png);
    background-repeat: no-repeat;
    background-position: 50%;
    text-align: center;
}
.fourth_right{
    background-color: #afb0b5;
    background-image: url(../images/banner-1.png);
    background-repeat: no-repeat;
    background-position: 50%;
    text-align: center;
}


.intro a:hover {
    color: #000;
}

.sky-blue .intro a {
    color: #000;
}

.sky-blue .intro a:hover {
    color: #fff;
}


.fifth_right {
    background: #f59c4a;
}

.fifth_left{
    background-color: #afb0b5;
    background-image: url(../images/banner-2.png);
    background-repeat: no-repeat;
    background-position: 50%;
    text-align: center;
}


.sixth_left{
    background: #ec3746;
}





.home_front .first_left .intro {
    width: 100%;
    transform: translateY(-50%);
}
.home_front .first_right .intro {
    width: 100%;
    transform: translateY(-50%);
    left: auto;
}


.home_front .first_left {
    background-image:url(../images/home-left.png);
    background-size: cover;
}
.home_front .first_right  {
   background-image:url(../images/home-right.png);
   background-size: cover;
}

.home_front .revealator-partially-below{
    transform: translate(0, 0);
    opacity: 1;
}




.left_equal_section .intro{
    left:50%;
}
.left_equal_section .intro {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.left_equal_section .ms-tableCell {
    position: relative;
}

.left_equal_section .intro h2 {
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
}

.left_equal_section .intro p {
    text-align: center;
    font-size: 22px;
    color: #000;
}

.home_front .left_equal_section .intro p {
    color: #fff;
}

.right_equal_section .ms-tableCell .intro {
    position: relative;
    left: auto;
    right: 0;
    top: 0;
    transform: inherit;
    text-align: left;
}



.right_equal_section .ms-tableCell .intro p {
    margin-bottom: 20px;
    color: #000;
    font-size: 16px;
}

.right_equal_section .ms-tableCell {
    vertical-align: text-bottom;
    padding: 43px 160px 0 50px;
    text-align: left;
}
.right_equal_section .intro h3 {
    margin-bottom: 20px;
    color: #000;
}

.sixth_right{
    background-repeat: no-repeat;
    background-position: center;
    text-align: center; 
    background-size: cover; 
}

.seventh_left{
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    background-size: cover;
}
.seventh_right{
     background: #ec3746;
}

.right_equal_section .what_you_section a {
    display: inline-block;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    padding: 3px 12px;
}
.right_equal_section .what_you_section {
    padding-right: 100px;
    position: relative;
    z-index: 99999;
}
.right_equal_section .what_you_bottom {
    padding-left: 100px;
    padding-top: 20px;
    position: relative;
    z-index: 99999;
}
.right_equal_section .what_you_bottom a{
    display: inline-block;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    padding: 3px 12px;
}
.eighth_left .intro {
    left: 0;
    transform: inherit;
    top: 0;
    padding: 60px 0 0 100px;
}
.eighth_left .intro h2 {
    text-align: left;
    margin-bottom: 40px;
}
.eighth_left .intro p {
    text-align: left;
    font-style: normal;
    font-family: 'HarmoniaSansMonoStd-Bold';
}

.eighth_left .intro form {
    margin: 10px 0 20px;
}
.eighth_left .intro form .form-group {
    margin: 15px 0 0;
}
.eighth_left .intro form input {
    width: 100%;
    margin-bottom: 15px;
    border: none;
    height: 29px;
    background: transparent;
}
.eighth_left .intro form input::placeholder{
    color: #000;
}

.eighth_left {
    background: #c5e3d7;
}
.eight_right {
    background: #c5e3d7;
}
.eighth_left .intro ul li {
    display: inline-block;
    margin-right: 15px;
}
.eighth_left .intro ul {
    margin-bottom: 45px;
}
.eighth_left .intro ul li a {
    color: #000;
    font-size: 20px;
}
.eighth_left .intro ul li a .fa-facebook-f {
    font-size: 18px;
}
.get-in-touch .eighth_left .intro .get_note p {
    font-size: 12px;
    margin-bottom: 10px;
}

.intro a {
    color: #fff;
}



.menu-overlay {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 200;
    width: auto;
    height: 100%;

}
.menu-overlay__wrap {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.menu-pane {
    position: relative;
    width: 40px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer;
    transition: 0.5s;
    color: #000;
}
.menu-pane:hover {
    color:#fff;
}
.menu-pane-sample {
    background-color: #f089b4;
}
.menu-pane__holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.menu-pane__holder {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transition: all 500ms cubic-bezier(0.165,.84,.44,1);
    -o-transition: all 500ms cubic-bezier(0.165,.84,.44,1);
    transition: all 500ms cubic-bezier(0.165,.84,.44,1);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    background-color: inherit;
}
.menu-pane__holder {
    width: calc(100vw);
    content: 'viewport-units-buggyfill; width: calc(100vw);';
}
.menu-pane__spine {
    position: absolute;
    line-height: 1;
}
.menu-pane__spine {
    left: 13px;
    top: 35px;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translateX(-100%) rotate(-90deg);
    -ms-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
}
.menu-pane__scroll {
    position: relative;
    width: 100%;
    max-height: 100%;
    -webkit-transition: opacity 350ms;
    -o-transition: opacity 350ms;
    transition: opacity 350ms;
}
.menu-pane__inner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    line-height: 1.3;
    padding: 35px;
    height: 100%;
}
.menu-pane.is-active .menu-pane__inner {
    opacity: 1;
}
.t-heading {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .14em;
}
.menu-pane__title {
    margin-bottom: 34px;
}

.menu-pane-lunch{
  background: #f59c4a;  
}
.menu-pane-bar{
  background: #ec3746;  
}
.menu-pane-drinks{
  background: #c5e3d7;  
}


.menu-pane-blue{
  background: #f089b4;  
}

.menu-pane.is-active {
    width: calc(100vw);
    content: 'viewport-units-buggyfill; width: calc(100vw);';
}


.home_front {
    position: relative;
    height: 100%;
}

.home_front .hp-left {
    width: 50%;
    position: absolute;
    height: 100%;
}
.home_front .hp-right {
    position: absolute;
    width: 50%;
    left: 50%;
    height: 100%;
}
.home_front .hp-left .first_left {
    height: 100%;
}
.home_front .hp-right .first_right {
    height: 100%;
}


.first_left {
    background: #f089b4;
}

.home_front {
    position: relative;
    height: 100%;
    background: url(../images/home-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.home_front .hp-left {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    color: #fff;
}
.home_front .hp-left p {
    font-size: 20px;
    font-family: 'HarmoniaSansMonoStd-Italic';
    font-style: italic;
}
.home_front .hp-left h1 {
    text-transform: uppercase;
}


body .revealator-slideleft{
    transform: translate(800px, 0);
    transition: all 1200ms;
}

/*angel_css*/

.left_equal_section .angle-down {
    position: absolute;
    bottom: 15px;
    z-index: 9999;
    right: 3px;
}
.left_equal_section .angle-down img {
    width: 22px !important;
    height: auto !important;
}

.right_equal_section .angle-up {
    position: absolute;
    bottom: 100px;
    z-index: 9999;
}
.right_equal_section .angle-up img {
    width: 22px !important;
    height: auto !important;
}

/*angel_css*/


/*counter_section*/


.left_equal_section .section_number {
    position: absolute;
    right: -73px;
    bottom: 100px;
    transform: translateX(-100%) rotate(-90deg);
    width: 58px;
    overflow: hidden;
}
.left_equal_section .section_number ul li {
    display: inline-block;
    padding: 0px 3.5px;
    box-sizing: border-box;
    font-style: italic;
}


.left_equal_section .section_number ul li span {
    bottom: -25px;
    position: relative;
    transition: 0.5s;
}
.left_equal_section.active .section_number ul li span {
    bottom: 0px;
    position: relative;
}



.right_equal_section .section_number {
    position: absolute;
    left: 40px;
    bottom: 30px;
    transform: translateX(-100%) rotate(90deg);
    width: 58px;
    overflow: hidden;
}
.right_equal_section .section_number ul li {
    display: inline-block;
    padding: 0px 3.5px;
    box-sizing: border-box;
    font-style: italic;
}
.right_equal_section .section_number ul li span {
    bottom: -25px;
    position: relative;
    transition: 0.5s;
}
.right_equal_section.active .section_number ul li span {
    bottom: 0px;
    position: relative;
}

/*counter_section*/

.page_angles_left {
    position: absolute;
    z-index: 99999;
    right: 20px;
    bottom: 10px;
}
.page_angles_right {
    position: absolute;
    z-index: 99999;
    left: 20px;
    bottom: 10px;
}
.eighth_left .intro form .wpcf7-mail-sent-ng {
    margin-left: 0;
    margin-top: 15px;
}



/*body-colors*/
.pink{
    background: #f089b4;
}

.blue{
   background: #f089b4;  
}
.yellow{
    background: #f59c4a;
}
.red{
    background: #ec3746;
}
.sky-blue{
    background: #c5e3d7;
}
/*body-colors*/

.mobile_container{
    display: none;
}

.ms-section.ms-table img {
    width: 100%;
    height: 100vh;
   /* object-fit: cover;*/
}

.eighth_left .intro form .form-group input[type="submit"] {
    background: transparent;
    display: inline-block;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    padding: 3px 12px;
    cursor: pointer;
    margin: 15px 0 0;
    width: auto;
}

.get-in-touch .ms-section .intro h2 {
    margin-bottom: 10px;
}
.get-in-touch .ms-section .intro {
    padding-top: 100px;
}
.get-in-touch .ms-section .intro p {
    font-weight: 100 !important;
    font-family: 'HarmoniaSansMonoStd-Regular';
    font-size: 20px;
}
/*.get-in-touch .website_by {
    position: static;
    padding-left: 0;
    padding-top: 6px;
}*/
.get-in-touch .website_by a{
    color: #000;
}
.get-in-touch .website_by a:hover{
    color: #000;
}


.white_number .section_number li {
    color: #fff;
}

.white_number .section_number {
    position: absolute;
    left: 40px;
    bottom: 80px;
    transform: translateX(-100%) rotate(90deg);
    width: 60px;
    overflow: hidden;
}
.white_number .angle-up {
    position: absolute;
    bottom: 150px;
    z-index: 9999;
}
.white_number .angle-up img {
    width: 22px !important;
    height: auto !important;
}
.white_number .angle-down img {
    width: 22px !important;
    height: auto !important;
}

.white_number ul li {
    display: inline-block;
    padding: 0px 3.5px;
    box-sizing: border-box;
    font-style: italic;
}


.white_number ul li span {
    bottom: -25px;
    position: relative;
    transition: 0.5s;
}
.active .white_number  ul li span {
    bottom: 0px;
    position: relative;
}


.website_by {
    position: absolute;
    z-index: 999;
    bottom: 5px;
    width: 100%;
    text-align: left;
    padding-left: 25px;
}
.website_by a {
    color: #fff;
    font-size: 12px;
}
.website_by a:hover{
    color: #fff;
    text-decoration: underline;
}

.eighth_left .intro form textarea {
    width: 100%;
    margin-bottom: 0px;
    border: none;
    height: 40px;
    background: transparent;
}
.eighth_left .intro form textarea::placeholder{
    color: #000;
}
.eighth_left .intro form textarea:focus{
    outline: none;
}
.eighth_left .intro ul {
    margin-bottom: 0;
    margin-top: 20px;
}

.modal .modal-content {
    border-radius: 0px;
}
.modal .modal-content button.close {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 10px;
    background: #ec3746;
    opacity: 1;
    cursor: pointer;
    text-shadow: none;
    z-index: 9;
}
.modal .modal-content .modal-header {
    padding: 0;
}
.modal .modal-content .modal-header .modal-title {
    padding: 0px 10px;
    width: 100%;
}
.modal .modal-dialog {
    margin-top: 5%;
    margin-bottom: 5%;
}

.modal{
    z-index: 99999;
}

/*1-7-2020*/
.popmake .popmake-content .popup-form h3 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .14em;
    line-height: 1;
    margin-bottom: 20px;
}
.popmake {
    background: #f089b4 !important;
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}
.popmake .popmake-content .popup-form p {
    font-size: 19px;
    color: #2d2d2d;
    text-align: center;
}
.popmake .popmake-content .popup-form form p input[type="email"] {
    width: 50%;
    height: 37px;
    padding: 5px;
    border: 1px solid #fff;
    border-radius: 0px;
}
.popmake button.pum-close.popmake-close {
    background: no-repeat;
    color: #2d2d2d;
    font-size: 27px;
    font-weight: 700;
}
.popmake .popmake-content .popup-form form p input[type="submit"] {
    background: transparent;
    display: inline-block;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase;
    font-size: 17px;
    padding: 8px 12px;
    cursor: pointer;
    /* margin: 15px 0 0; */
    width: auto;
    border-radius: 3px;
}
.popmake .popmake-content .popup-form form p input[type="submit"]:hover{
    background: #ec3748;
    border: 1px solid #ec3748;
}
.popmake .popmake-content .popup-form form p input[type="email"]::placeholder {
    color: #2d2d2d;
}

.popmake .popmake-content .popup-form form{
    margin-top: 20px;
}
/*1-7-2020*/

.pink .ms-section .angle-down {
    position: absolute;
    bottom: 15px;
    z-index: 9999;
    right: 3px;
}
.pink .white_number .section_number {
    position: absolute;
    right: -73px;
    bottom: 100px;
    transform: translateX(-100%) rotate(-90deg);
    width: 58px;
    overflow: hidden;
    left:auto;
}

.yellow .white_number .section_number {
    position: absolute;
    right: -73px;
    bottom: 100px;
    transform: translateX(-100%) rotate(-90deg);
    width: 58px;
    overflow: hidden;
    left: auto;
}

.yellow .ms-section .angle-down {
    position: absolute;
    bottom: 15px;
    z-index: 9999;
    right: 3px;
}
.yellow .white_number .angle-up {
    position: absolute;
    bottom: 168px;
    z-index: 9999;
    right: 3px;
}

.pink .white_number .angle-up {
    position: absolute;
    bottom: 168px;
    z-index: 9999;
    right:3px;
}

.chair_img {
    width: 100%;
    display: block;
    text-align: center;
    margin: 15px 0;
}

.chair_img img{
    width: 185px !important;
    height: auto !important;
    object-fit: inherit !important;
}


.covid-main-page .ms-tableCell {
    overflow-y: scroll;
}
.covid-main-page .ms-tableCell .intro {
    padding-bottom: 70px;
    width: 100%;
}
.covid-main-page .ms-tableCell .intro:before{
    content: "";
    height: 40px;
    width: 100%;
    position: fixed;
    background:#c5e3d7;
    bottom: 0;
    left: 0;
}
.covid-main-page .ms-tableCell .intro h2 {
    font-size: 47px;
}
.covid-main-page .ms-tableCell .intro p {
    margin: 8px 0;
    font-size: 20px;
}
.covid-main-page .ms-left {
    width: 95% !important;
}
.covid-main-page .ms-tableCell .intro ul {
    padding-left: 21px;
    margin-top: 15px;
}
.covid-main-page .ms-right {
    display: none;
}
.covid-main-page .ms-tableCell .intro h4 {
    margin: 25px 0 0;
}
.covid-main-page .intro li {
    margin: 0 0 9px;
    width: 100%;
    font-size: 20px;
    font-family: 'HarmoniaSansMonoStd-Regular';
    list-style: outside;
    display: list-item !important;
    color: #000;
}

/*.covid-main-page .ms-tableCell::-webkit-scrollbar-track{   
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.covid-main-page .ms-tableCell::-webkit-scrollbar{
    width: 12px;
    background-color: #F5F5F5;
}

.covid-main-page .ms-tableCell::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #e3e0e0;
}*/


.covid-main-page .ms-tableCell::-webkit-scrollbar{
    display: none;
}

@media (max-width: 1199px){
.right_equal_section .what_you_section {
    padding-right: 20px;
}
.right_equal_section .what_you_bottom {
    padding-left: 20px;
    padding-top: 30px;
}
.right_equal_section .ms-tableCell {
    vertical-align: text-bottom;
    padding: 30px 160px 0 50px;
    text-align: left;
}
.right_equal_section .ms-tableCell .intro p {
    margin-bottom: 10px;
    color: #000;
    font-size: 14px;
}
.right_equal_section .intro h3 {
    margin-bottom: 7px;
}
.left_equal_section .intro p {
    font-size: 17px;
}
.left_equal_section .intro h2 {
    margin-bottom: 50px;
}
}

@media (max-width: 1024px){
.preloader{
    display: none !important;   
}  
.covid-main-page .ms-left {
    width: 100% !important;
    padding-right: 118px;
}  
}



@media (max-width: 991px){
.right_equal_section .ms-tableCell {
    vertical-align: text-bottom;
    padding: 30px 160px 0 50px;
    text-align: left;
}
.menu-overlay .menu-overlay__wrap {
    display: none;
    justify-content: inherit;
    height: auto;
    width: 100%;
    bottom: 0;
    position: fixed;
}
.menu-pane__holder {
    width: 100%;
    content: inherit;
    transform: inherit;
    display: block;
    height: 35px;
    position: relative;
}
.menu-overlay {
    height: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.menu-overlay .menu-overlay__wrap .menu-pane {
    width: 100%;
    flex: inherit !important;
    -webkit-box-flex: inherit;
    position: static;
}
.menu-overlay .t-heading {
    transform: inherit;
    position: relative;
    top: 7px;
}

#toggle.on .one {
    -ms-transform: rotate(45deg) translate(12px, 13px);
    -webkit-transform: rotate(45deg) translate(0px, 3px);
    transform: rotate(45deg) transform-origin: 20% 40%;
}

#toggle.on .two {
 opacity: 0;
}
.menu-overlay #toggle .two {
    display: none;
}

#toggle.on .three {
    -ms-transform: rotate(-45deg) translate(7px, -10px);
    -webkit-transform: rotate(-45deg) translate(7px, -10px);
    transform: rotate(-45deg) translate(4px, -6px);
}
#toggle div {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
    height: 2px;
    margin: 7px auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
}
.menu-overlay #toggle {
    width: 30px;
    position: absolute;
    right: 20px;
    top:15px;
}
.header {
    position: fixed;
    width: 150px;
    z-index: 99999;
}
.right_equal_section .ms-tableCell {
    vertical-align: text-bottom;
    padding: 30px 30px 0 40px;
    text-align: left;
}
.left_equal_section .intro {
    position: absolute;
    top: 50%;
    transform: translate(-21%, -50%);
    left: 30%;
}
.menu-pane__inner{
    position: relative;z-index: 9999;
}
.home_front .first_left .intro{
    left: 50%;
}
.covid-main-page .ms-tableCell .intro {
    width: 100%;
    transform: inherit;
    top: 0;
    left: 0;
}
.covid-main-page .ms-tableCell .intro h2 {
    font-size: 40px;
    line-height: 46px;
}
.covid-main-page .ms-left {
    width: 100% !important;
    padding: 0 40px 0 0;
    background: #c5e3d7;
}
}




@media (max-width: 850px){

}

@media (max-width: 767px){
.home_front .hp-left h1 {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 50px;
}
.page_angles_left {
    right: 12px;
    bottom: 4px;
}
.page_angles_right {
    left: 12px;
    bottom: 4px;
}
.get-in-touch .ms-left {
    width: 100% !important;
    z-index: 999;
}
.get-in-touch .ms-left .intro {
    padding-left: 0;
}
.right_equal_section .angle-up img {
    width: 15px;
}
.right_equal_section .what_you_section {
    padding-right: 0;
}
.right_equal_section .what_you_bottom {
    padding-left: 15px;
    padding-top: 10px;
}
.right_equal_section .section_number {
    left: 38px;
    bottom: 25px;
}
.right_equal_section .angle-up {
    bottom: 80px;
}
.left_equal_section .angle-down img {
    width: 15px;
}
.left_equal_section .section_number {
    right: -77px;
    bottom: 75px;
}
#myContainer.covid-main-page .intro {
    padding-bottom: 70px;
    width: 100%;
    transform: inherit;
    top: 0;
    left: 0;
    padding-left: 28px !important;
    padding-right: 28px;
}

}


@media (max-width: 640px){
#myContainer {
    display: none;
}
#myContainer.covid-main-page{
    display: block !important;
}
.home_front{
    display: block !important;
}
.mobile_container{
    display: block;
}
.main_view {
    /*height: 100vh;*/
    position: absolute;
    transition: 2s;
    opacity: 0;
    width: 100%;
}
.block_second {
    opacity: 0;
}
.main_view .mobile_divid {
    /*height: 100vh;*/
    position: absolute;
    width: 100%;
    overflow:hidden;
}
.main_view .mobile_divid .top_part {
    text-align: center;
    position: absolute;
    width: 100%;
    left: -1000px;
    transition: 2s;
}
.height_30{
    height: 30px;
    display: block;
}
.multiple-items {
    overflow: hidden;
    height: 100vh;
}
/*.overflow-text{
    overflow-y: scroll;
}*/


.main_view .mobile_divid .bottom_part {
    background-size: cover;
    overflow: hidden;
    position: absolute;
    right: -1000px;
    transition: 2s;
    width: 100%;
}

.main_view .mobile_divid .top_50{
    top: 50%;
}

.main_view.block_active .mobile_divid .top_part {
    left: 0;
}
.main_view.block_active .mobile_divid .bottom_part {
    right: 0;
}
.block_second.slide_left .mobile_divid .bottom_part{
    left:0;
}
.block_second.slide_left {
    opacity: 1;
}

.block_second .bottom_part{
    left:-1000px;
}

.block_second .slimScrollDiv{
    right:-1000px;
    transition: 1.2s;
}
.block_second.slide_left .mobile_divid .slimScrollDiv{
    right:0;
}
.block_first .mobile_divid .top_part {
    left: 0;
    transition: 1.2s;
}


.multiple-items .slick-prev{
    left: 8px;
    z-index: 999;
    top: 47%;
    background-image: url(../images/angle-left.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}
.multiple-items .slick-arrow {
    width: 20px;
    height: 20px;
}
.multiple-items .slick-next {
    right: 8px;
    top: 47%;
    background-image: url(../images/angle-right.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}
.multiple-items .slick-arrow:before{
    display: none;
}
.multiple-items .slick-arrow.slick-disabled {
    opacity: 0;
}

.main_view .mobile_divid .top_part h2 {
    font-size: 26px;
    line-height: 33px;
    text-transform: uppercase;
}
.main_view .mobile_divid .top_part .top_heading {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    width: 100%;
    left: 0;
    padding: 0 32px;
}
.header .logo a {
    padding: 13px 0px 10px 25px;
}
.menu-overlay #toggle {
    right: 25px;
    top: 12px;
}
.page_counter {
    position: absolute;
    z-index: 99999;
    height: 25px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    right: 0;
    top: 46%;
}


.hide{
    display: none !important;
}
.mobile_container .page_counter .change_number .two {
    bottom: -30px;
}
.fixed.mobile_container .page_counter .change_number .two {
    bottom: -7px;
}

.fixed.mobile_container .page_counter .change_number .one {
    top: -20px;
}

.mobile_container .page_counter .change_number .one {
    top: 0;
}

.page_counter .section_number {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    text-align: center;
    overflow: hidden;
    width: 100%;
}
.page_counter .section_number li {
    position: relative;
    display: inline-block;
    height: 22px;
    color: #fff;
    font-size: 16px;
}
.page_counter .section_number .change_number span {
    width: 100%;
    display: block;
    position: absolute;
    transition: 0.5s;
}
.main_view .mobile_divid .top_part .top_text {
    padding: 0px 0px 20px 0px;
    text-align: left;
    margin-top: 20px;
    position: absolute;
    overflow-y: scroll;
    height: 235px;
    left: 50%;
    margin: 0;
    padding: 0 25px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.text-shadow {
    background-image: url(../images/shadow-p.png);
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    background-size: 100% 100%;
    opacity: 0.6;
    left: 0;
    bottom: 0;
    display: none;
}
.red .text-shadow{
    background-image: url(../images/shadow-r.png);
}
.yellow .text-shadow{
    background-image: url(../images/shadow-y.png);
}
.main_view .mobile_divid .bottom_part img {
    width: 100%;
    height: 100%;
    /*object-position: bottom;*/
}

html{
    height: auto !important;
    overflow: hidden !important;
}
html body{
  height: auto !important;
    overflow: hidden !important;   
}
.menu-overlay {
    z-index: 9999999;
}
.header {
    z-index: 99999999999;
}


.get_in_mobile{
    height: auto !important;
}
.get_in_mobile .main_view {
    height: auto !important;
    width: 100%;
    position: static;
    opacity: 1;
}
.get_in_mobile .mobile_divid {
    height: 100% !important;
    overflow: visible !important;
}

.get_in_mobile .mobile_divid .top_part {
    height: 100% !important;
    overflow: visible;
    position: static;
}
/*.get_in_mobile .mobile_divid .top_part .top_heading {
    position: static;
    transform: inherit;
    padding-top: 58px;
    padding-left: 0;
    padding-right: 0;
}*/
.main_view .mobile_divid .top_part .top_text a {
    border: 1px solid #333;
    color: #333;
    padding: 1px 7px;
    text-transform: capitalize;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.get_in_mobile .mobile_divid .top_part .top_heading {
    top: 0;
    transform: inherit;
    padding-top: 60px;
    padding-left: 25px;
    padding-right: 25px;
    height: 100%;
}
.get_in_mobile .mobile_divid .top_part form input {
    width: 100%;
    margin-bottom: 10px;
    border: none;
    height: 26px;
    background: transparent;
}
.get_in_mobile .mobile_divid .top_part form .form-group {
    margin: 15px 0 0;
}


.get_in_mobile .mobile_divid .top_part form .form-group input[type="submit"] {
    background: transparent;
    display: block;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    padding: 3px 12px;
    cursor: pointer;
    margin-top: 20px;
        width: auto;
}


.get_in_mobile .mobile_divid .top_part ul li {
    display: inline-block;
    margin-right: 15px;
}
.get_in_mobile .mobile_divid .top_part ul li a {
    color: #000;
    font-size: 20px;
}
.main_view .mobile_divid .top_part:before {
    content: "";
    /*height: 15px;*/
    width: 100%;
    background: #f089b4;
    position: absolute;
    bottom: 0;
    left: 0;
}
.pink .main_view .mobile_divid .top_part:before {
   background: #f089b4; 
}
.yellow .main_view .mobile_divid .top_part:before {
   background: #f59c4a; 
}
.red .main_view .mobile_divid .top_part:before {
   background: #ec3746; 
}
.sky-blue .main_view .mobile_divid .top_part:before {
   background: #c5e3d7; 
}




.block_second .mobile_divid .bottom_part {
    position: relative;
    transition: 1.2s;
    left: -1000px;
}
.block_second .mobile_divid .bottom_part {
    position: relative;
    transition: 1.2s;
    left: -1000px;
}
.block_first .mobile_divid .slimScrollDiv{
    right:0;
    position: relative;
    transition: 1.2s;
}


.block_first.slick-active .mobile_divid .top_part{
    right:0px;
}
.block_first .mobile_divid .how_it_mobile {
    padding-top: 50px;
}

.block_second.slick-active .mobile_divid .bottom_part{
    right:0;
}




.angle-right {
    position: absolute;
    right: 15px;
    top: 2px;
    z-index: 999;
    background-image: url(../images/angle-right-w.png);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
        width: 37px;
            height: 20px;

}

.angle-left {
    position: absolute;
    left: 15px;
    top: 2px;
    z-index: 999;
    background-image: url(../images/angle-left-w.png);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
    width: 37px;
    height: 20px;
}



.block_first.slide_right .mobile_divid .top_part{
    left: -1000px;
}

.block_first .mobile_divid .bottom_part{
    right:0;
}
.block_first.slide_right .mobile_divid .bottom_part{
    right:-1000px;
}



/*.overflow-text::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: transparent;
}

.overflow-text::-webkit-scrollbar
{
    width: 8px;
    background-color: transparent;
}

.overflow-text::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgba(66, 66, 66, 0.5);
}



.overflow-top {
    height: 36vh !important;
}

.overflow-top::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: transparent;
}

.overflow-top::-webkit-scrollbar
{
    width: 8px;
    background-color: transparent;
}

.overflow-top::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgba(66, 66, 66, 0.5);
}*/



.page_counter .section_number li span {
    /* position: absolute;
   transition: 0.5s;
    left: 0;
    top: 2px;*/
}

.page_counter .section_number li .two{
    bottom: -30px;
}

.page_counter.change_counter .section_number li .two{
    bottom: -6px;
}

.page_counter.change_counter .section_number li .one{
    top:-30px;
}

.page_counter .section_number li .one{
    top: 1px;
}
.home_front .first_left .intro h1 {
    font-size: 40px;
    line-height: 60px;
}
.home_front .first_right .intro h1 {
    font-size: 40px;
    line-height: 60px;
}
.home_front .first_left {
    height: 100vh !important;
}
.home_front .first_right{
    height: 100vh !important;
}
.left_equal_section .intro p {
    font-size: 16px;
}





.main_view.block_active {
    opacity: 1;
    z-index: 999;
}
.main_view.block_active .mobile_divid .remove_padding {
    padding: 0;
}
.main_view .mobile_divid img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;
    object-position: top;*/
}

.page_counter.white_arrow .section_number ul li {
    color: #fff;
}
.page_counter.white_arrow .angle-left {
    background-image: url(../images/angle-left-w.png);
}
.page_counter.white_arrow .angle-right {
    background-image: url(../images/angle-right-w.png);
}
.main_view .mobile_divid .top_part .top_heading p {
    font-style: italic;
}
.get_in_mobile .mobile_divid .top_part .top_heading p {
    text-align: left;
    font-style: normal;
}
.get_in_mobile .mobile_divid .top_part .top_heading ul {
    margin: 20px 0 10px;
    text-align: left;
}
.home_front .hp-left {
    width: 100%;
    transform: translate(-50%, -50%);
    height: auto;
}
.slimScrollDiv .top_heading.overflow-top {
    padding: 0 9px !important;
    margin-top: 20px;
}
.slimScrollDiv p {
    padding-bottom: 10px;
}
.add_padding {
    padding: 0px 25px 20px;
}
.angle_down_s img {
    width: 15px !important;
    height: auto !important;
    object-fit: contain !important;
}
.angle_down_s {
    position: absolute;
    z-index: 999999;
    /* transform: translate(-50%, 0%); */
    height: 17px;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    bottom: 48px;
    width: 100%;
    left: 0;
}
.pink .angle_down_s {
    bottom: 30px;
}

.slimScrollBar{
    display: none !important;
}

.website_by
{
    text-align: center;
    padding: 0;
}
 
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-5px);}
    60% {-webkit-transform: translateY(-2px);}
}
 
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-5px);}
    60% {-moz-transform: translateY(-2px);}
}
 
@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-5px);}
    60% {-o-transform: translateY(-2px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-5px);}
    60% {transform: translateY(-2px);}
}
.get_in_mobile .mobile_divid .top_part form {
    margin-bottom: 30px;
}
.get_in_mobile .mobile_divid .top_part .top_heading h2 {
    text-align: left;
}
.get_in_mobile .mobile_divid .top_part form .form-group textarea {
    width: 100%;
    margin-bottom: 0px;
    border: none;
    height: 40px;
    background: transparent;
}
.get_in_mobile .mobile_divid .top_part form .form-group textarea:focus{
    outline: none;
}
.angle_down_s.bottom_half {
    bottom: 19px;
}
html body {
    font-size: 18px;
}
.main_view .mobile_divid p {
    transition: auto !important;
}
.modal {
    z-index: 9999999 !important;
}
.get_in_mobile .website_by {
    text-align: left;
}
.get_in_mobile .website_by a{
    color: #000;
}
.ui-corner-all{
    display: none;
}

html {
    height: 100% !important;
}
body.sky-blue {
    height: 100% !important;
    overflow: visible !important;
}
.mobile_container {
    height: 100% !important;
}
.get_page{
	overflow: visible !important;
}
.chair_img img {
    width: 110px !important;
}
.chair_img {
    margin: 5px 0;
}
.preloader img {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
}
.get_in_mobile .mobile_divid .top_part .top_heading p a {
    color: #212529;
}
.get_in_mobile .mobile_divid .top_part ul li a .fa-facebook-f {
    font-size: 18px;
}
.home_content .intro {
    padding: 0 15px;
}
div.wpcf7 .ajax-loader{
    position: absolute;
}
.pum-overlay .popmake {
    width: 500px !important;
}
.popmake .popmake-content .popup-form h3 {
    margin-bottom: 15px;
    font-size: 20px;
}
#myContainer.covid-main-page .intro {
    padding-left: 0 !important;
    padding-right: 0;
    padding-top: 25px;
}
.covid-main-page .ms-section.ms-table {
    overflow-y: scroll;
    height: 100vh;
    display: inline-block;
}
.covid-main-page .ms-section.ms-table h2 {
    font-size: 26px;
    line-height: 33px;
}
.covid-main-page .ms-section.ms-table p {
    margin: 7px 0;
    font-size: 18px;
    line-height: 25px;
}
.covid-main-page .ms-section.ms-table h4 {
    margin-top: 30px;
    font-size: 21px;
    margin-bottom: 0;
}
.covid-main-page .ms-section.ms-table ul {
    padding-left: 21px;
}
.covid-main-page .intro li {
    font-size: 18px;
    line-height: 25px;
}
.covid-main-page .ms-left .website_by {
    left: 0;
}
}
@media (max-width: 575px){
 .pum-overlay .popmake {
    width: 300px !important;
    padding: 10px !important;
}
.popmake .popmake-content .popup-form h3 {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 25px;
}
.popmake .popmake-content .popup-form p {
    font-size: 16px;
}
}