body {
    display: flex;
    flex-direction: column;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #636363;
    font-weight: 400;
    line-height: 24px;
    min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 25px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
}


.w-10 {
    width: 10% !important;
}
.w-90 {
    width: 90% !impotant;
}

.size-2x { font-size:2em;}
.size-5x { font-size:5em;}

a:hover, a:active {
    text-decoration: none;
}

.w-15 { width:15%;}
.w-90 { width:90%;}
.mt-03{
    margin-top: .3rem !important;
}
iframe{
    border: 0;
}
/* ===================================
    Background color
====================================== */

.bg-black {background-color:#000;}

input, textarea, select{ border: 1px solid #d1d1d1; font-size: 14px;  padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none;border-radius:0;}
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none;}
input:focus, textarea:focus{ border-color: #585858; outline: none; }
input[type="button"]:focus{ outline: none; }
.form-control { border-radius:0;}

/* divider */
img {
    max-width: 100%;
    height: auto;
}

.form-control:focus, .btn:active, .btn:focus { box-shadow: 0 0 0 .2rem rgba(0,0,0, .1); border-color:#232323; }

section.page ul li, ul li { padding: 5px 0}
section.page table { border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); margin-top: 30px;}
section.page table td  { padding:10px 30px; border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
section.page p { margin-bottom: 1.5rem;}

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

.btn {display:inline-block; background-color: transparent; border:2px solid transparent; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Montserrat', sans-serif; font-weight: 600; transition-duration: 0.3s; transition-timing-function: ease-in-out}

.btn.btn-transparent-light-gray {background: #fff; border-color: #dbdbdb; color: #636363;}
.btn.btn-transparent-light-gray:hover, .btn.btn-transparent-light-gray:focus {background: #dbdbdb; border-color: #dbdbdb; color: #232323}
/* button transparent */




.site-main-menu ul.menu-v { list-style: none; padding-left:0px; }
.site-main-menu ul.menu-v li { background-color:#fff;  display: flex; flex-wrap: wrap;}
.site-main-menu>ul.menu-v>li:not(:last-child) { border-bottom: 1px solid #e7e7e7;}
.site-main-menu li a {padding:15px 0; margin-bottom:2px; font-size:1.3em;}
.site-main-menu li ul li a { padding: 15px 0 15px 80px;}
.site-main-menu li ul li ul a { padding: 15px 0 15px 120px;}
.site-main-menu  ul.menu-v li span.blog-menu-toggle { display: none;}
.site-main-menu  ul.menu-v li.collapsible > span.blog-menu-toggle { display: flex; justify-content:center; align-items: center; padding: 1rem 0rem; cursor: pointer; color:#636363;}
.site-main-menu .menu-v ul.menu-v { display: none; list-style: none; }
.site-main-menu .menu-link-color { color:#636363;}

.site-main-menu  ul.menu-v {
    transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-duration: .4s;
    -ms-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
}

.menu-v {
    width: 100%;
}
/* =====================================
              PROFILE
========================================= */

ul.auth { list-style: none;}
ul.auth li { display: inline-block;}

#profile .wa-field, #login .wa-field, #signup .wa-field, #forgotpassword .wa-field { clear: left; width: 100%; margin-top:20px;}
#profile .wa-name, #profile .wa-value, #login .wa-name, #login .wa-value, #signup .wa-name, #signup .wa-value, #forgotpassword .wa-name, #forgotpassword .wa-value { display: inline-table; font-weight: 500; margin-right: 0; margin-left: 0; box-sizing: border-box; }
#profile .wa-value p, #login .wa-value p, #signup .wa-value p, #forgotpassword .wa-value p { width: 100%;}
#profile .wa-name, #login .wa-name, #signup .wa-name, #forgotpassword .wa-name {  padding-right: 30px; max-width: 20%; min-width: 100px; }
#profile .wa-value, #login .wa-value, #signup .wa-value, #forgotpassword .wa-value { text-align: left; max-width: 80%; width: 80%; }
#signup .wa-name {  max-width: 30%; min-width: 200px; }
#signup .wa-value { max-width: 70%; width: 70%; }

.wa-auth-adapters ul { list-style: none; margin-left: 10px 0px;padding:0;}
.wa-auth-adapters li { margin-top:0.5em; display: inline-block;margin-right: 1rem;}
.wa-auth-adapters li img { margin-right:0.5em; }


.wa-signup-form a { text-decoration: underline;}

input[type=checkbox], input[type=radio] { width: auto;}

/* =====================================
              SIZES
========================================= */


/* XS */
.container { max-width: 560px;}

/* SM */
@media (min-width: 576px) {
    .container { max-width: 740px;}
    .size-2x-sm { font-size:2em;}
    .size-5x-sm { font-size:5em;}
}

/* MD */
@media (min-width: 768px) {
    .size-2x-md { font-size:2em;}
    .size-5x-md { font-size:5em;}
}

/* LG */
@media (min-width: 992px) {
    .size-2x-lg { font-size:2em;}
    .size-5x-lg { font-size:5em;}
}

/* XL */
@media (min-width: 1200px) {
    .size-2x-xl { font-size:2em;}
    .size-5x-xl { font-size:5em;}
    
    p { line-height: 1.7;}
}

@media (min-width: 768px) {
  .container {    max-width: 720px;  }
}

@media (min-width: 992px) {
  .container {    max-width: 960px;  }
}

@media (min-width: 1200px) {
  .container {    max-width: 1140px;  }
}



/* ==============================
             FONTS & COLORS 
================================= */

.font_family_google_fira, .font_family_google_fira * { font-family: 'Fira Sans', sans-serif; }
.font_family_trebuchet, .font_family_trebuchet * { font-family: "Trebuchet MS", sans-serif; }
.font_family_verdana, .font_family_verdana * { font-family: Verdana, sans-serif; }
.font_family_georgia, .font_family_georgia * { font-family: Georgia, Times, serif; }
.font_family_google_opensans, .font_family_google_opensans * { font-family: 'Open Sans', sans-serif; }
.font_family_google_ptsans, .font_family_google_ptsans * { font-family: 'PT Sans', sans-serif; }
.font_family_google_ptserif, .font_family_google_ptserif * { font-family: 'PT Serif', sans-serif; }
.font_family_google_roboto, .font_family_google_roboto * { font-family: 'Roboto', sans-serif; }
.font_family_google_lora, .font_family_google_lora * { font-family: 'Lora', sans-serif; }
.font_family_google_ubuntu, .font_family_google_ubuntu * { font-family: 'Ubuntu', sans-serif; }
.font_family_google_montserrat, .font_family_google_montserrat * { font-family: 'Montserrat', sans-serif; }

html, html body { font-size: 14px; }
html.font_size_12, html.font_size_12 body { font-size: 12px; }
html.font_size_13, html.font_size_13 body { font-size: 13px; }
html.font_size_14, html.font_size_14 body { font-size: 14px; }
html.font_size_15, html.font_size_15 body { font-size: 15px; }
html.font_size_16, html.font_size_16 body { font-size: 16px; }



.wa-error { box-shadow: 0px 0px 7px red;}
.wa-error-msg { color: red; }
.wa-captcha-input { max-width: 100px; border-color: #636363;}
.wa-captcha p, .wa-captcha-img , .wa-captcha-input { margin-bottom:0;}

.font-1 { font-family: 'Fira Sans';}
.font-2 { font-family: 'Ubuntu'; }

/*Kirill*/
.header-center-section{
    padding: 0rem .687rem;
}
.social-list{
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    display: none;
}
.socia-list__item{
    margin: 0rem .687rem;
    padding: 0;
}
.phone-list__item{
    padding: 0;
}
.social-list__link{
    font-size: 1.1rem;
    font-weight: 400;
}
.header-contact__separator{
    margin: 0rem .5625rem;
    height: 2.125rem;
    width: 1px;
    background-color: #fff;
}
.phone-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.phone-list__link{
    font-size: .9rem;
    font-weight: 400;
}
.header__user-autho{
    margin: 0rem .687rem;
    font-size: 1.2rem;
    cursor: pointer;
    color: #fff !important;
}
.nav-toggle{
    position: relative;
    display: flex;
    margin: 0rem .8rem;
    width: 1.2rem;
    height: 1.17rem;
    cursor: pointer;
}

.nav-toggle__hamburger{
    position: absolute;
    height: 3px;
    width: 100%;
}
.nav-toggle .nav-toggle__hamburger:nth-child(1){
    top: 0;
}
.nav-toggle .nav-toggle__hamburger:nth-child(2){
   align-self: center;
}
.nav-toggle .nav-toggle__hamburger:nth-child(3){
    bottom: 0;
}
.nav-close{
    display: flex;
    align-items: center;
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer;
}
.nav-close__line{
    position: absolute;
    width: 100%;
    height: 3px;
}
.nav-close .nav-close__line:nth-child(1){
    transform: rotate(45deg);
}
.nav-close .nav-close__line:nth-child(2){
    transform: rotate(-45deg);
}
.section-serch{
    height: 17vh;
}
/* end header */
.border-1px{
    border: 1px solid #f00;
}
/* start menu*/
.header-menu__address, p.header-menu__contact{
    font-size: 1.4rem;
    margin-bottom: 1.133rem;
    font-weight: 600;
}

.contact-menu{
    list-style: none;
    margin: 0;
    padding: 0;
    
}
.contact-menu-item{
    font-size: 1.267rem;
    margin: 0rem 0rem .133rem 0rem; 
    padding: 1rem 0;
    font-weight: 500;
}
.contact-menu-item:nth-child(1){
    padding-top: 0;
}
p.address{
    font-size: 1.267rem;
    font-weight: 500;
}

.height-menu{
    height: 83vh !important;
}
/* end menu */

/* start slider */
.swiper-container-horizontal > .swiper-scrollbar{
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    opacity: 1;
}
.swiper-scrollbar{
    border-radius: 0;
    background-color: rgba(255, 255, 255, .1);
}
.swiper-container{
    width: 100%;
    background-color: #000;
}
.swiper-slide{
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide-content{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    
}
/*end slider*/



/* start footer */
.footer-right-section__line{
    height: 2px;
    background-color: #ff214f;
}
/* end footer */

/* start error */
.error{
    margin: 0;  
    padding: 0;
}

.sidebar-search-form{
    width: 100%;
    margin-bottom:  3.125rem;
}
.error-mesage{
    margin-bottom: 2.875rem;
    color: #fff;
    font-weight: 600;
    line-height: 3.2rem;
    z-index: 1;
}
.code-error{
    margin: 0;
    margin-bottom: 1.875rem;
    color: #fff;
    line-height: 6rem;
    font-weight: 600;
    z-index: 1;
}
.name-error{
    letter-spacing: .225rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom:  3.125rem;
    z-index: 1;
}

.back{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width:  200px;
    height: 40px;
    text-transform: uppercase;
    font-size: 1.1rem;
    padding: 0rem .625rem;
    border-radius: 5px;
    z-index: 1;
}
.back:hover{
    transition: .5s
}
/* end error */

/* login */
.login, section{
    padding: 0;
}

.login, .signup, .forgotpassword, .profile{
    background-color: #000;
}
.login__h1{
    margin-bottom: 1rem;
}
.wa-login-form-wrapper .wa-error-msg, .wa-signup-form-wrapper .wa-error-msg{
    line-height: normal;
    margin: 0 !important;
}
.wa-value{
    height: 4.5rem;
}
#profile .wa-value{
    height: 0 !important;
}
.wa-signup-url a, .wa-login-url a{
    margin-left: 1rem;
    text-transform: uppercase;
    text-decoration: underline;
}
.wa-signup-url a{
    position: absolute;
}
.wa-error{
    margin-bottom: 1rem !important;
}
.wa-buttons-wrapper input[type="submit"], .wa-login-submit, .wa-forgotpassword-button input[type="submit"], 
#wa-my-info-edit, #profile .wa-value .btn{
    background-color: transparent;
    border-radius: 5px;
    transition: .5s;
}
.wa-buttons-wrapper input[type="submit"]:hover, .wa-login-submit:hover,
.wa-forgotpassword-button input[type="submit"]:hover, #wa-my-info-edit:hover, 
#profile .wa-value .btn:hover{
    transition: .5s;
}

#login .wa-value{
    display: flex;
    flex-direction: column;
}
#signup .wa-field{
    margin-top: 0;
}
.wa-field.wa-field-firstname, .wa-field.wa-field-lastname , .wa-field.wa-field-password, 
.wa-field.wa-field-password_confirm , .wa-field.wa-field-email{
    display: flex !important;
}
.wa-field .wa-name{
    margin-top: .6rem;
}
.wa-value input[type='text'], .wa-value input[type="password"]{
    margin-bottom: .4rem !important;
}

#forgotpassword .wa-value{
    display: flex;
    flex-direction: column;
    height: 10rem;
}
.wa-forgotpassword-form-wrapper .wa-field .wa-forgotpassword-button{
    order: 3;
    margin-top: auto;
}
.wa-error{
    box-shadow: none
}
.wa-forgotpassword-form-wrapper input.wa-error, .wa-forgotpassword-form-wrapper select.wa-error,
.wa-forgotpassword-form-wrapper textarea.wa-error, .wa-login-form-wrapper input.wa-error, 
.wa-login-form-wrapper select.wa-error, .wa-login-form-wrapper textarea.wa-error, .wa-signup-form-wrapper input.wa-error, 
.wa-signup-form-wrapper select.wa-error, .wa-signup-form-wrapper textarea.wa-error{
    border: none;
}
.wa-login-form-actions{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.wa-login-submit{
    margin-bottom: 0 !important;
    margin-top: 3rem !important;
}
.wa-login-form-wrapper .wa-login-form-actions{
    height: 10rem;
}
.wa-login-form-wrapper .wa-login-form-actions .wa-uncaught-errors{
    position: absolute;
    top: 0;
}
.wa-login-form-actions{
    margin-top: 0.5rem !important;
}
#profile .wa-value p{
    display: flex;
    flex-direction: column;
}
#profile .wa-value p span:nth-child(2){
    margin-top: 1.4rem;
}
#profile .wa-value p span:nth-child(1) input[type='password']{
    margin-bottom: 0 !important;
}
#profile .wa-value p span:nth-child(2)  input[type='password']{
    margin-bottom: 0 !important;
}
#profile .wa-field-password .wa-name{
    margin-top: 0 !important;
    margin-bottom: 1rem;
}
#wa-my-info-cancel{
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: .1rem;
    font-size: 1.1rem;
    margin-left: 1.5rem !important;
}
/* login */

/* auth_adapters */
.wa-auth-adapter-list{
    display: flex !important;
    flex-wrap: wrap;
}
.wa-auth-adapter-list__item{
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.wa-auth-adapter-list__link{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 1.1rem;
    border-radius: 100%;
    border: 2px solid #fff;
    text-decoration: none !important;
}
.wa-auth-adapter-list__link:hover{
    background-color: #fff;
    color: #ff214f !important;
}
/* auth_adapters */ 
/* feedback */
.contactme-close {
    position: absolute;
    top: 7px;
    right: 7px;
    margin: 0 !important; 
    color: #fff;
    font-size: 52px !important;
    font-weight: 100 !important;
}
.contactme-helper-panel{
    background-color: #000 !important;
}
.contactme-form{
    display: flex;
    flex-direction: column;
}
.contactme-form h5{
    color: #fff;
    font-size: 1.75rem !important;
    margin-bottom: 0 !important;
}
#contactme-btn-sbm1{
    background-color: transparent !important;
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .2rem;
    margin-bottom: 0 !important;
}
#contactme-btn-sbm1:hover{
    background-color: #fff !important;
    color: #000;
}
input.contactme-txt, textarea.contactme-txt, input.wa-captcha-input {
    color: #000 !important;
    width: 100% !important;
}
input.contactme-txt{
    height: 30px !important;
    padding: 0.15rem 0.3rem !important;
}
textarea#contactme-txt{
    padding: .15rem 0.3rem !important;
}
input[type="file"]{
    height: auto !important;
    padding: .2rem 0 .2rem .3rem !important;
    background-color:  #fff;
}
.contactme-bg{
    width: 100%;
    height: 100%;
    background-color: rgba(99, 99, 99, .5);
}
.required{
    position: relative;
}
.required::after{
    position: absolute;
    top: 0;
    right: -1rem;
}
#agreement-div::after{
    margin-top: 3px !important;
}
#agreement-div  #contactme-agreement{
    align-self: baseline;
    margin-top: 5px !important;
}
.contactme-helper-panel {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    background: #fcfcfc;
}
.contactme-panel-wrap{
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(99, 99, 99, .5);
}
#agreement-div{
    display: flex;
    align-items: center;
}
#contactme-agreement{
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 2;
}
#agreement-div label{
    order: 1;
    margin-right: 1rem;
}
.wa-captcha-refresh:hover{
    color: #ff214f !important;
}
.contactme-form{
    padding-bottom: 2.5rem;
    align-items: center;
    position: relative;
}
#contactme-result{
    position: absolute;
    bottom: -1.5rem;
}
.contactme-result.contactme-success{
    color: #fff;
    margin-top: 1rem;
}
/* feedback */
/*page start*/
.breadcrumb-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.breadcrumb-list__item{
    display: flex;
    align-items: center;
}
.breadcrumb-list__item i{
    font-size: .7rem;
    margin: 0rem 0.5rem;
}
.breadcrumb-list__item--last i{
    font-size: .7rem;
    margin-right: 0.5rem;
}
.sub-list{
    list-style: none;
    padding: 0;
}
/*page end*/
/*contactform*/
.contactme-helper-button, .feedback-button{
    cursor: pointer;
}
.contact-form__link{
    color: #ff214f !important;
}
.custom-control-label::before{
    box-shadow: none !important;
}
/*contactform*/
/* search-page */
/* search-page */
.body-fixed{
    position: fixed;
    width: 100%;   
}
.form-success__h5{
    font-size: 3.5rem !important;
}
.form-success__p{
    font-size: 1.8rem;
}
.form-success__error{
    font-size: 1.8rem;
}
.error-msg-textarea, .error-msg-email{
    display: none;
    margin-right: auto;
    color: #d02d14 !important;
}
#contactform-form .wa-field .wa-value {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}
/*contact page*/
.contact-page-form{
    border-radius: none !important;
}
.contact-page-form h3 {
    margin: 0;
}
.contact-page-form  .wa-field .wa-value{
    height: unset;
    margin: .7rem 0rem;
}
.contact-page-form .wa-field .wa-value .wa-error{
    margin: 0 !important;
}
.contactForm .wa-field:nth-child(2) .wa-value{
    position: relative;
}
.contactForm .wa-field:nth-child(2) .wa-value .wa-error-msg{
    position: absolute;
    bottom: -1.5rem;
}
.contactForm .wa-field:nth-child(3) .wa-value{
    position: relative;
}
.contactForm .wa-field:nth-child(3) .wa-value .wa-error-msg{
    position: absolute;
    bottom: -1.65rem;
}
.contactForm .wa-field:nth-child(5) .wa-value{
    position: relative;
}
.contactForm .wa-field:nth-child(5) .wa-value .wa-error-msg{
    position: absolute;
    bottom: -1.25rem;
}
.contact-page-form .wa-field .wa-value input[type='text'], .contact-page-form .wa-field .wa-value input[type='email'], .contact-page-form .wa-field .wa-value textarea{
    color: #000;
}
.contact-page-form .wa-field .wa-value .wa-captcha{
    height: unset;
}
.contactForm{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.contactform_color_btn{
    background-color: transparent;
}
.contact-page-form .wa-field .wa-value input[type="text"]{
    margin-bottom: 0 !important;
}
.custom-control-label a {
    outline: none;
}
a{outline: none;}
.wa-value input:focus{
    border: none;
    color: #000;
}
/*contact page*/
/*start media*/
@media (min-width: 320px){

    .contact-page-form{
        height: 100%;
    }
    .header{
        padding: 1.5rem 0rem 1rem;
        flex-grow: 1;
    }
    .phone-list{
        margin: 1.333rem 0rem;
    }
    .phone-list__item{
        margin: -.5rem .687rem;
    }
    .social-list{
        margin-bottom: .667rem;
    }
    .nav{
        position: fixed;
        top: 0;
        bottom: 0;
        right: -100vw;
        width: 100vw;
        height: 100%;
        background-color: #fff;
        z-index: 2000;
        transition: right 0.5s ease-out;
        overflow: auto;
    }
    .swiper-container{
        flex-grow: 1;
    }
    .swiper-slide{
        height: auto;
        max-width: 100vw;
    }
    .swiper-slide img{
        height: 100%;
        width: 100vw;
    }    
    .swiper-slide-greeting{
        width: 100vw;
        height: auto;
        padding: 0rem 1rem 1rem 1rem;
    }
    .swiper-slide-greeting__h4{
        font-size: 1.6rem;
        margin-bottom: .833rem;
    }
    .swiper-slide-greeting__h6 {
        font-size: 1.3rem;
    }
    .swiper-slide-greeting__text{
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }
    .swiper-slide-greeting__img img{
        max-width: 60%;
    }

  .swiper-slide-content__h3{
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 1.2rem;
        font-size: 1.5rem
    }
    .swiper-slide-content__text{
        position: absolute;
        margin: 0 0 .3rem 0;
        padding: 0;
        bottom: 0;
        font-size: .9rem;
    }
    .swiper-slide-last{
        font-size: 1.667rem;
        padding: 1.667rem 0rem;
    }
    .footer{
        flex-grow: 1;
        padding-bottom: 1.5rem;
    }
    .footer-right-section__feedback{
        margin-top: 1.333rem;
    }
    .footer-left-section__wa{
        margin-top: 1.333rem
    }
    .footer-right-section__email{
        margin: 1.333rem 0 0  1.571rem;
    }
    .footer-right-section__development{
        margin-top: 1.333rem;
    }
    .footer-left-section__copyright{
        margin-top: 1.333rem;
    }
    .error{
        flex-grow: 1;
        padding: 4rem 0rem;
    }
    .error-mesage{
        font-size: 3rem;
    }
    .code-error{
        font-size: 6.7rem;
    }
    .name-error{
        font-size: 1.2rem;
    }

    .profile, .login, .signup, .forgotpassword{
        min-height: 100%;
        padding: 3rem 0rem;   
    }
    .forgotpassword{
        padding: 3rem 0rem;
        min-height: 54.8vh;
        height: 100%;
    }
    .wa-field.wa-field-firstname, .wa-field.wa-field-lastname , .wa-field.wa-field-password, 
    .wa-field.wa-field-password_confirm , .wa-field.wa-field-email{
        flex-direction: column;
    }
    #login .wa-field:nth-child(2){
        flex-direction: column;
    } 
    #login .wa-field:nth-child(2) .wa-value:nth-child(2) {
        height: 7rem;
        position: relative;
    }
    .wa-login-form-wrapper .wa-error-msg{
        margin-bottom: 1.5rem;
    }
    .wa-login-forgotpassword-url{
        position: absolute;
        bottom: 0;
        margin-left: 0;
    }
    .wa-login-form-wrapper input[type="text"], .wa-login-form-wrapper input[type="email"],
    .wa-login-form-wrapper input[type="password"]{
        width: 100% !important;
        margin-right: 0 !important;
    }
    .wa-signup-form-wrapper input[type="text"], .wa-signup-form-wrapper input[type="email"],
    .wa-signup-form-wrapper input[type="password"]{
        width: 100% !important;
        margin-right: 0 !important;
    }
    input[type="text"], input[type="email"],#profile input[type="text"], #profile input[type="password"], 
    input[type="password"], .wa-forgotpassword-form-wrapper input[type="text"]{
        width: 100% !important;
        margin-right: 0 !important;
    }
    #profile .wa-field-password .wa-name{
        align-self: flex-start;
    }
    #profile .wa-value p span input[type="password"]{
        margin-top: 0.2rem;
    }
    .forgotpassword__h1, .signup__h1, .login__h1, .forgotpassword__h1{
        font-size: 2rem;
    }
    .input-group input[type="text"]{
        width: 75% !important;
    }
    .page-content{
        padding: 1rem 0rem;  
        flex-grow: 1;
    }
    .serch-page{
        padding: 2rem 0rem;
    }
    h1.page-header__h1{
        font-size: 1.75rem;
    }
    .wa-signup-url a, .wa-login-url a{
        font-size: .9rem;
        letter-spacing: 0;
    }
    .contactme-helper-panel{
        display: flex !important;
        align-self: stretch;
        justify-content: center;
        width: 100vw;
        overflow-y: scroll;
        padding: 0 !important;
    }
    #contactme-form{
        padding: 0 1.5rem;
        height: 100%;
    }
    .contactme-submit{
        margin-top: 1rem !important;
    }
    #contactme-btn-sbm1{
        margin-bottom: 2.5rem !important;
    }
    .contactme-warning{
        position: absolute;
        margin-top: -2rem;    
        text-align: center;
    }
    .contactme-form h5{
        margin-top: 2rem;
    }
}



@media (min-width: 576px){
    .header-right-section{
        padding-right: 0rem;
    }
    .social-list{
        margin-left: 0rem;
    }
    .swiper-slide-greeting{
        padding: 2rem 5rem;
    }
}
@media (min-width: 768px){
    .contact-page-form{
        height: 75vh;
    }
    .contactme-helper-panel {
       align-self: unset;
       width: unset;
       overflow-y: unset;
       border: 2px solid #fff !important;
    }
    #contactme-form{
        padding: 0rem;
        height: 100%;

    }
    .contactme-submit{
        margin-top: 0rem !important;
    }
    #contactme-btn-sbm1{
        margin-bottom: 0rem !important;
    }
    .contactme-warning{
        margin-top: 0rem;    
    }
    .contactme-form h5{
        margin-top: 0rem;
    }
    .contactme-form h5{
        margin-top: 0rem;
    }
    .header{
        flex-grow: unset;
        height: 15vh;
    }
    .social-list{
        margin-bottom: 0rem;
    }
    .site-main-menu li a {
        padding-left: 2rem;
    }  
    .section-serch{
        padding: 0rem  2rem;
    }
    .address, .header-menu__address, .header-menu__contact{
        margin-left: 2rem;
    }
    .contact-menu-item{
        padding-left: 2rem;
    }

    .swiper-container{
        flex-grow: unset;
        height: 70vh;
    }
    .swiper-slide{
        height: 30rem;
        width: auto;
    }
    .swiper-slide img{
        height: 30rem;
        width: auto;
    }
    .swiper-slide-greeting{
        width: 40rem;
        height: 30rem;
    }.swiper-slide-greeting__h4{
        font-size: 2.667rem;
        font-weight: 400;
    }
    .swiper-slide-greeting__h6{
        font-size: 1.667rem;
        font-weight: 300;
    }
    .swiper-slide-greeting__text{
        font-size: 1.2rem;
    }
    .swiper-slide-greeting__img img{
        display: block;
        height: auto;
        max-width: 100%;
    }
    .swiper-slide-greeting__img img{
        max-width: 40%;
    }
    .swiper-slide-last{
        width: 27rem;
    }
    .swiper-slide-last__show-more{
        margin-right: 2rem;
        width: 6rem;
        height: 6rem;
        font-size: 2.5rem;
    }
    .footer{
        flex-grow: unset;
        height: 15vh;
        padding: 0;
    }
    .footer-left-section{
        padding-left: 0.687rem;
    }
    .footer-left-section__wa{
        margin-bottom: 0;
    }
    .footer-right-section{
        padding-right: 0.687rem;
    }
    .footer-right-section__development{
        margin-bottom: 0;
        margin-top: 1.333rem;
    }
    .footer-left-section__copyright{
        margin-top: 0;
    }   
    .footer-right-section__email{
        margin: 0rem  1.571rem;
    }
    .footer-right-section__feedback{
        margin-top: 0rem;
    }
    .error{
        flex-grow: unset;
        height: 70vh;
    }
    .error-bg{
        padding: 3rem;
    }
    .error-bg form{
        z-index: 3;
    }
    .error-bg::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
    .error-bg::after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #fff;
    }
    .error-mesage{
        font-size: 4rem;
    }
    .code-error{
        font-size: 8.125rem;
    }
    .name-error{
        font-size: 1.5625rem;
    }
    .profile, .login, .signup, .forgotpassword{
        min-height: 70vh;
        height: 100%;
        padding: 4rem 2rem;
    }
    .wa-field.wa-field-firstname, .wa-field.wa-field-lastname , .wa-field.wa-field-password, 
    .wa-field.wa-field-password_confirm , .wa-field.wa-field-email{
        flex-direction: row;
    }
    .wa-login-form-wrapper input[type="text"], .wa-login-form-wrapper input[type="email"],
    .wa-login-form-wrapper input[type="password"], #profile input[type="text"], #profile input[type="password"] {
        width: 60% !important;
    }
    .wa-signup-form-wrapper input[type="text"], .wa-signup-form-wrapper input[type="email"],
    .wa-signup-form-wrapper input[type="password"]{
        width: 60% !important;
    }
    .wa-forgotpassword-form-wrapper input[type="text"]{
        width: 60% !important;
        margin-right: 0 !important;
    }
    .forgotpassword__h1, .signup__h1, .login__h1, .forgotpassword__h1{
        font-size: 2.5rem;
    }
    .wa-forgotpassword-form-fields{
        position: relative;
    }
    #forgotpassword .wa-name{
        position: absolute;
        left: 0;
    }
    .wa-forgotpassword-form-wrapper input[type="text"]{
        margin-left: 5rem;
    }
    .wa-forgotpassword-form-wrapper .wa-error-msg{
        margin-left: 5rem !important; 
    }
    .wa-forgotpassword-form-wrapper{
        position: relative;
    }
    .wa-forgotpassword-form-actions{
        position: absolute;
        bottom: 2rem;
        left: 21rem;
    }
    .wa-buttons-wrapper input[type="submit"], .wa-login-submit, .wa-forgotpassword-button input[type="submit"], 
    #wa-my-info-edit, #profile .wa-value .btn{
        font-size: 1.3rem;
        font-weight: 500 !important;
        letter-spacing: .15rem;
        width: 18rem;
    }
    #profile .wa-value p span:nth-child(1) input[type='password']{
        margin-left: 6rem;
    }
    #profile .wa-value p span:nth-child(2)  input[type='password']{
        margin-left: 3rem;
    }
    #profile .wa-field-password .wa-name{
        align-self: center;
    }
    #profile .wa-value p span input[type="password"]{
        margin-top: 0;
    }
    .wa-signup-url a, .wa-login-url a{
        font-size: 1.1rem;
        letter-spacing: .1rem;
    }
    .page-header{
        padding: 0;
        margin: 0;
        height: 20vh;
    }
    .page-content{
        flex-grow: unset;
        padding: 0;
        min-height: 50vh;
        height: 100%;
    }
    .serch-page{
        padding: 0;
        min-height: 70vh;
        height: 100%;
    }
    h1.page-header__h1{
        font-size: 2rem;
    }
    .contactme-helper-panel {
        padding: 1.75rem 3rem !important;
    }
    input.contactme-txt{
        margin: 7px 0px !important;
    }
    .footer {
        border-top: 2px solid #ff214f;
    }
}

@media (min-width: 375px) and (max-width:896px) {

    .contact-page-form{
        height: 100%;
    }
    .header{
        padding: 1.5rem 0rem 1rem;
        flex-grow: 1;
        height: unset;
    }
    .phone-list{
        margin: 1.333rem 0rem;
    }
    .phone-list__item{
        margin: -.5rem .687rem;
    }
    .social-list{
        margin-bottom: .667rem;
    }
    .nav{
        position: fixed;
        top: 0;
        bottom: 0;
        right: -100vw;
        width: 100vw;
        height: 100%;
        background-color: #fff;
        z-index: 2000;
        transition: right 0.5s ease-out;
        overflow: auto;
    }
    .swiper-container{
        flex-grow: 1;
        height: unset;
    }
    .swiper-slide{
        height: auto;
        max-width: 100vw;
    }
    .swiper-slide img{
        height: 100%;
        width: 100vw;
    }    
    .swiper-slide-greeting{
        width: 100vw;
        height: auto;
    }
    .swiper-slide-greeting__h4{
        font-size: 1.6rem;
        margin-bottom: .833rem;
    }
    .swiper-slide-greeting__h6 {
        font-size: 1.3rem;
    }
    .swiper-slide-greeting__text{
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

  .swiper-slide-content__h3{
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 1.2rem;
        font-size: 1.5rem
    }
    .swiper-slide-content__text{
        position: absolute;
        margin: 0 0 .3rem 0;
        padding: 0;
        bottom: 0;
        font-size: .9rem;
    }
    .swiper-slide-last{
        font-size: 1.667rem;
        padding: 1.667rem 0rem;
    }
    .footer{
        flex-grow: 1;
        padding-bottom: 1.5rem;
        height: unset;
    }
    .footer-right-section__feedback{
        margin-top: 1.333rem;
    }
    .footer-left-section__wa{
        margin-top: 1.333rem
    }
    .footer-right-section__email{
        margin: 1.333rem 0 0  1.571rem;
    }
    .footer-right-section__development{
        margin-top: 1.333rem;
    }
    .footer-left-section__copyright{
        margin-top: 1.333rem;
    }
    .error{
        flex-grow: 1;
        padding: 4rem 0rem;
    }
    .error-mesage{
        font-size: 3rem;
    }
    .code-error{
        font-size: 6.7rem;
    }
    .name-error{
        font-size: 1.2rem;
    }

    .profile, .login, .signup, .forgotpassword{
        min-height: 100%;
        padding: 3rem 0rem;   
    }
    .forgotpassword{
        padding: 3rem 0rem;
        min-height: 54.8vh;
        height: 100%;
    }
    .wa-field.wa-field-firstname, .wa-field.wa-field-lastname , .wa-field.wa-field-password, 
    .wa-field.wa-field-password_confirm , .wa-field.wa-field-email{
        flex-direction: column;
    }
    #login .wa-field:nth-child(2){
        flex-direction: column;
    } 
    #login .wa-field:nth-child(2) .wa-value:nth-child(2) {
        height: 7rem;
        position: relative;
    }
    .wa-login-form-wrapper .wa-error-msg{
        margin-bottom: 1.5rem;
    }
    .wa-login-forgotpassword-url{
        position: absolute;
        bottom: 0;
        margin-left: 0;
    }
    .wa-login-form-wrapper input[type="text"], .wa-login-form-wrapper input[type="email"],
    .wa-login-form-wrapper input[type="password"]{
        width: 100% !important;
        margin-right: 0 !important;
    }
    .wa-signup-form-wrapper input[type="text"], .wa-signup-form-wrapper input[type="email"],
    .wa-signup-form-wrapper input[type="password"]{
        width: 100% !important;
        margin-right: 0 !important;
    }
    input[type="text"], input[type="email"],#profile input[type="text"], #profile input[type="password"], 
    input[type="password"], .wa-forgotpassword-form-wrapper input[type="text"]{
        width: 100% !important;
        margin-right: 0 !important;
    }
    #profile .wa-field-password .wa-name{
        align-self: flex-start;
    }
    #profile .wa-value p span input[type="password"]{
        margin-top: 0.2rem;
    }
    .forgotpassword__h1, .signup__h1, .login__h1, .forgotpassword__h1{
        font-size: 2rem;
    }
    .input-group input[type="text"]{
        width: 75% !important;
    }
    .page-content{
        padding: 1rem 0rem;  
        flex-grow: 1;
    }
    .serch-page{
        padding: 2rem 0rem;
    }
    h1.page-header__h1{
        font-size: 1.75rem;
    }
    .wa-signup-url a, .wa-login-url a{
        font-size: .9rem;
        letter-spacing: 0;
    }
    .contactme-helper-panel{
        display: flex !important;
        align-self: stretch;
        justify-content: center;
        width: 100vw;
        overflow-y: scroll;
        padding: 0 !important;
    }
    #contactme-form{
        padding: 0 1.5rem;
        height: 100%;
    }
    .contactme-submit{
        margin-top: 1rem !important;
    }
    #contactme-btn-sbm1{
        margin-bottom: 2.5rem !important;
    }
    .contactme-warning{
        position: absolute;
        margin-top: -2rem;    
        text-align: center;
    }
    .contactme-form h5{
        margin-top: 2rem;
    }
}
@media (min-width: 896px) {
    .swiper-slide-greeting__img img{
        max-width: 30%;
    }
}
@media (min-width: 992px) {
    .swiper-slide-greeting__img img{
        max-width: 60%;
    }
    .footer {
        border-top: none;
    }
}
@media (min-width: 1200px) {
    .contact-page{
        height: 80vh;
    }
    .header{
        height: 10vh;
        padding: 0rem;
    }
    .header-right-section{
        padding-right: 0rem;
    }
    .social-list{
        margin-left: 0rem;
        margin-bottom: 0rem;
    }
    .phone-list{
        flex-direction: column !important;
        margin: 0rem;
    }
    .phone-list__item{
        margin: 0rem .687rem;
    }
    .nav{
        position: fixed;
        top: 0;
        bottom: 0;
        right: -50vw;
        width: 50vw;
        height: 100vh;
        background-color: #fff;
        z-index: 2000;
        transition: right 0.5s ease-out;
        overflow: auto;
    }

    .swiper-container{
        height: 80vh;
    }
    .swiper-slide-greeting__h4{
        font-size: 2.667rem;
        font-weight: 500;
    }
    .swiper-slide-greeting__h6{
        font-size: 1.667rem;
        font-weight: 300;
    }
    .swiper-slide-greeting__text{
        font-size: 1.2rem;
        font-weight: 100;
    }
    .swiper-slide-content__h3{
        align-self: center;
        bottom: auto;
        right: 0;
        width: 17rem;
        font-size: 3.2rem;
        text-align: left;
        opacity: 0;
        transition: .15s ease-in;
        z-index: 2020;
    }  
    .swiper-slide-content__link{
        display: block;
        width: 100%;
    }
    .swiper-slide-content__link::before{
        content: '';
        position: absolute;
        top: 1.75rem;
        left: -3rem;
        width: 2.5rem;
        height: 2px;
        background-color: #fff;
    }
    .swiper-slide-content__text{
        opacity: 0;
        font-size: 1.1rem;
        font-weight: 100;
        letter-spacing: .333rem;
        transition: all .15s ease-in;
    }
    .swiper-slide-content--monochrome img{
        filter: grayscale(100%); 
        transition: .3s ease-out;
    }
    .swiper-slide-content--hover{
        transition: all .2s ease-in;
        overflow: hidden;
    }
    .swiper-slide-content--hover:hover{
        overflow: visible;
    }
    .swiper-slide-content--monochrome:hover img{
        filter: grayscale(0); 
        transition: .3s ease-out;
    }
    .swiper-slide-content--hover:hover{
        transform: scale(1.2);
        transition: all .2s ease-in;
        z-index: 2020;
    }
    .swiper-slide-content--hover:hover > .swiper-slide-content__h3{
        opacity: 1;
        transform: translateX(70%);
        transition: .3s ease-in;
    }
    .swiper-slide-content--hover:hover .swiper-slide-content__text{
        opacity: 1;
        transition: all .15s ease-in;
        
    }
    .swiper-slide-content-color-1{
        position: relative;
    }
    .swiper-slide-content-color-1::before{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }
    .swiper-slide-content-color-1:hover::before{
        opacity: 0;
        transition: .3s ease-out;
    }
    .swiper-slide-content-color-2{
        position: relative;
    }
    .swiper-slide-content-color-2::before{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }
    .swiper-slide-content-color-2:hover::before{
        opacity: 0;
        transition: .3s ease-out;
    }
    .swiper-slide-content-color-3{
        position: relative;
    }
    .swiper-slide-content-color-3::before{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;   
        z-index: 2000;
    }
    .swiper-slide-content-color-3:hover::before{
        opacity: 0;
        transition: .3s ease-out;
    }
    .swiper-slide-content-color-4{
        position: relative;
    }
    .swiper-slide-content-color-4::before{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }
    .swiper-slide-content-color-4:hover::before{
        opacity: 0;
        transition: .3s ease-out;
    }
    .swiper-slide-content-color-5{
        position: relative;
    }
    .swiper-slide-content-color-5::before{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }
    .swiper-slide-content-color-5:hover::before{
        opacity: 0;
        transition: .3s ease-out;
    }
    .swiper-slide-content-color-6{
        position: relative;
    }
    .swiper-slide-content-color-6::before{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }
    .swiper-slide-content-color-6:hover::before{
        opacity: 0;
        transition: .3s ease-out;
    }
    .footer{
        height: 10vh;
    }  
    .footer-left-section__wa{
        margin-left: 1.571rem;
        margin-top: 0;
    }
    .footer-right-section__development{
        margin: 0rem 0rem;
    }
    .error{
        height: 80vh;
    }
    .profile, .login, .signup, .forgotpassword{
        min-height: 80vh;
        height: 100%;
    }
    .wa-login-form-wrapper input[type="text"], .wa-login-form-wrapper input[type="email"],
    .wa-login-form-wrapper input[type="password"]{
        width: 40% !important;
    }
    .wa-signup-form-wrapper input[type="text"], .wa-signup-form-wrapper input[type="email"],
    .wa-signup-form-wrapper input[type="password"], #profile input[type="text"], #profile input[type="password"] {
        width: 40% !important;
    }
    .wa-forgotpassword-form-wrapper input[type="text"]{
        width: 40% !important;
        margin-right: 0 !important;
    }
    .page-content{
        padding: 0;
        min-height: 60vh;
        height: 100%;
    }
    .serch-page{
        min-height: 80vh;
        height: 100%;
    }
}
@media (min-width: 375px){
    .contactme-helper-panel{
        align-items: center;
    }
}

@media (min-width: 1366px) {
    
    .header-right-section{
        padding-right: 3.0625rem;
    }
    .social-list{
        margin-left: 3.0625rem;
    }
    .footer-left-section__copyright{
        margin-left:   2.884rem;
    }
    .footer-right-section{
        margin-right: 3rem;
    }
    .error-bg{
        padding: 3rem 2rem;
    }

}
@media (min-width: 1400px){

    .page-header{
        padding: 0;
        margin: 0;
        height: 13vh;
    }
    .page-content{
        min-height: 67vh;
        height: 100%;
    }
    
}
@media (min-width: 1600px) {

    .error-bg{
        padding: 6rem 4rem;
    }
    .phone-list{
       flex-direction: row !important;
    }
    .contactme-helper-panel {
        width: 35vw;
        padding: 3rem 6rem !important;
    }
    input.contactme-txt, textarea.contactme-txt {
        margin: 15px 0px !important;
    }
    .contactme-form h5{
        margin-top: 25px;
        margin-bottom: 15px !important;
    }
}
/*end media*/
.color-red{
    color: #f00;
}