/* 
Theme Name: Tring Theme
Theme URI: https://www.tring.al/
Description: Tring TV WordPress Theme
*/


@font-face {
    font-family: 'glober_bold';
    src: url('../fonts/glober/GloberBold.woff2') format('woff2'),
         url('../fonts/glober/GloberBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'glober_black';
    src: url('../fonts/glober/GloberBlack.woff2') format('woff2'),
         url('../fonts/glober/GloberBlack.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'glober_book';
    src: url('../fonts/glober/GloberBook.woff2') format('woff2'),
         url('../fonts/glober/GloberBook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'glober_regular';
    src: url('../fonts/glober/GloberRegular.woff2') format('woff2'),
         url('../fonts/glober/GloberRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'glober_semibold';
    src: url('../fonts/glober/GloberSemiBold.woff2') format('woff2'),
         url('../fonts/glober/GloberSemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'glober_semibold_italic';
    src: url('../fonts/glober/GloberSemiBoldItalic.woff2') format('woff2'),
         url('../fonts/glober/GloberSemiBoldItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'glober_light';
    src: url('../fonts/glober/GloberLight.woff2') format('woff2'),
         url('../fonts/glober/GloberLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'glober_xbold';
    src: url('../fonts/glober/GloberxBold.woff2') format('woff2'),
         url('../fonts/glober/GloberxBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }

 /**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
 
 *,
 form {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
 }
 html, body {
   display: block;
   margin: 0;
   padding: 0;
   height: 100%;
   background-color: #fff;
   -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 article,
 aside,
 footer,
 header,
 nav,
 section {
   display: block;
 }
 h1, h2, h3, h4, h5 {
   margin: 0;
 }
 a {
   text-decoration: none;
   background-color: transparent;
     -webkit-text-decoration-skip: objects;
 }
 a:active,
 a:hover {
   outline-width: 0;
 }
 img {
   border-style: none;
 }
 button,
 input,
 optgroup,
 select,
 textarea {
   margin: 0;
 }
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em;
 }
 textarea {
   overflow: auto;
 }
 [type="checkbox"],
 [type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 [type="search"]::-webkit-search-cancel-button,
 [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 canvas {
   display: inline-block;
 }
 body {
   font-family: 'glober_regular', Arial, sans-serif;
 }
 .container {
   width: 1228px;
   margin: auto;
 }
 .c-flexy {
   display: flex;
 }
 .header .c-flexy {
   justify-content: center;
 }
 .hero-img {
   width: 100%;
   height: 623px;
   background-image: url(../img/business/hero.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
 }
 .hero-text {
   position: relative;
   top: -110px;
 }
 .hero-text h1 {
   font-family: 'glober_regular', Arial, sans-serif;
   font-size: 40px;
   line-height: 50px;
   font-weight: normal;
   color: #FFF;
   letter-spacing: 0.05em;
   text-transform:  uppercase;
   text-align: center;
 }
 .hero-text div.gradient-clr {
   width: 100%;
   border-radius: 10px;
   background: rgb(255,1,239);
   background: linear-gradient(90deg, rgba(255,1,239,1) 0%, rgba(41,5,190,1) 100%);
   padding: 25px 95px;
   -webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.35); 
 box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.35);
 }
 .abs-pos {
   position: absolute;
   top: -130px;
   left: 50%;
   margin-left: -614px;
 }
 .left-txt h2 {
   font-family: 'glober_bold', Arial, sans-serif;
   font-size: 35px;
   font-weight: normal;
   color: #FFF;
   letter-spacing: 0.065em;
   text-transform:  uppercase;
 }
 .txt-phone-wrap {
    background-repeat: no-repeat;
     background-position: left center;
     background-size: 40px;
     padding-left: 40px;
     text-align: right;
 }
 .txt-phone-wrap p {
    font-family: 'glober_regular', Arial, sans-serif;
   font-size: 15px;
   font-weight: normal;
   color: #FFF;
   letter-spacing: 0.05em;
   margin-bottom: 3px;
 }
 .txt-phone-wrap h3 {
    font-family: 'glober_semibold', Arial, sans-serif;
   font-size: 29px;
   font-weight: normal;
   color: #FFF;
   letter-spacing: 0.05em;
   line-height: 1em;
 }
 .right-txt .txt-phone-wrap {
   background-image: url(../img/business/phone-white.svg);
   margin-bottom: 10px;
 }
 .contact-btn {
   border: none;
   border-radius: 23px;
   border: 1px solid #fff;
   color: #fff;
   background-color: transparent;
   padding: 10px 18px;
   font-family: 'glober_semibold', Arial, sans-serif;
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: 0.03em;
   cursor: pointer;
   transition-timing-function: ease;
   transition-duration: 0.2s;
   transition-property: all;
 }
 .contact-btn span, .contact-btn img {
   vertical-align: middle;
   display: inline-block;
 }
 .contact-btn span {
   margin-top: 3px;
 }
 .contact-btn img {
   margin-left: 10px;
 }
 .right-txt .contact-btn:hover {
   background-color: #043271;
 }
 .inner-container h3 {
   font-family: 'glober_semibold', Arial, sans-serif;
   font-size: 29px;
   font-weight: normal;
   color: #000;
   letter-spacing: 0.05em;
   margin-bottom: 15px;
 }
 .check-list {
   list-style: none;
 }
 .check-list li {
     font-family: 'glober_semibold', Arial, sans-serif;
     font-size: 15px;
     color: #000;
     line-height: 1.2em;
     background-image: url(../img/business/check.svg);
     background-size: 15px 10px;
     background-position: left 2px;
     background-repeat: no-repeat;
     padding-left: 28px;
     margin-bottom: 10px;
 }
 .line-under .inner-container:after {
     content: "";
     display: block;
     width: 100%;
     height: 5px;
     background: linear-gradient(-45deg, #2905BE, #FF01EF, #2905BE, #FF01EF );
     background-size: 200% 200%;
     animation-name: gradient;
     animation-duration: 4s;
     animation-iteration-count: infinite;
     animation-timing-function: ease;
     position: absolute;
     bottom: -5px;
     left: 0;
 }
 @keyframes gradient {
     0% {
       background-position: 0% 50%;
     }
     50% {
       background-position: 100% 50%;
     }
     100% {
       background-position: 0% 50%;
     }
 }
 hr.gradient-clr {
   border: none;
   width: 500px;
   height: 2px;
   background: -webkit-linear-gradient(to right, #FF16FF 0%,  #0D3AFF 100%);
   background: -moz-linear-gradient(to right, #FF16FF 0%,  #0D3AFF 100%);
   background: linear-gradient(to right, #FF16FF 0%,  #0D3AFF 100%);
   margin: auto;
 }
 h2.gradient-clr {
   font-family: 'glober_regular';
   font-size: 35px;
   font-weight: normal;
   text-transform: uppercase;
   background: -webkit-linear-gradient(to right, #FF16FF 0%, #0D3AFF 60%);
   background: -moz-linear-gradient(to right, #FF16FF 0%, #0D3AFF 60%);
   background: linear-gradient(to right, #FF16FF 0%, #0D3AFF 60%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-bottom: 15px;
 }
 .txt-centering {
   text-align: center;
 }
 .txt-centering p {
   font-family: 'glober_regular', Arial, sans-serif;
   font-size: 15px;
   color: #000;
   line-height: 1.6em;
   letter-spacing: 0.01em;
 }
 .txt-centering b {
   font-family: 'glober_semibold', Arial, sans-serif;
 }
 .s-header h3 {
   font-family: 'glober_semibold';
   font-size: 35px;
   font-weight: normal;
   letter-spacing: 0.01em;
 }
 .gradient-clr .c-flexy {
   justify-content: space-between;
   align-items: center;
 }
 .right-txt {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
 }
 .header {
   padding: 15px 0;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
 }
 .line-under .inner-container {
    margin-top: 80px;
   -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); 
   box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
   padding: 30px;
   position: relative;
   padding-left: 20%;
 }
 .inner-row .txt-phone-wrap {
       background-image: url(../img/business/phone-black.svg);
         margin-right: 50px;
 }
 .inner-row .txt-phone-wrap p {
   color: #000;
 }
 .inner-row .contact-btn {
   background-color: #064497;
   align-self: center;
 
 
 }
 .inner-row .contact-btn:hover {
   background-color: #043271;
 }
 .inner-container .check-list {
   margin-bottom: 15px;
 }
 .s-header {
   margin-bottom: 70px;
 }
 .txt-container {
   max-width: 916px;
   margin: auto;
   margin-bottom: 120px;
 }
 .carousel-section .s-header {
   margin-bottom: 30px;
 }
 .slider-item {
   width: 430px;
   padding: 10px;
 }
 .slider-img {
   width: 410px;
   height: 410px;
   border-radius: 10px;
   -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); 
 box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
 overflow: hidden;
 }
 .slider-txt {
   position: absolute;
   bottom: 10px;
   border-radius: 10px;
   left: 10px;
   width: calc(100% - 20px);
   height: 50%;
   z-index: 2;
   background: transparent linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,0.9) 100%) 0% 0% no-repeat padding-box;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
   padding-bottom: 10px;
   color: #fff;
 }
 .theSlider {
   margin: 70px 0 90px;
 }
 .txt-slide-holder {
     text-align: center;
 }
 .txt-slide-holder div {
     height: 70px;
     display: flex;
     justify-content: center;
 }
 .txt-slide-holder div img {
     align-self: center;
 
 }
 .txt-slide-holder h3 {
    font-family: 'glober_semibold', Arial, sans-serif;
   font-size: 23px;
   color: #fff;
   letter-spacing: 0.05em;
   font-weight: normal;
 }
 .c-offers {
   width: 1048px;
   margin-bottom: 60px;
 }
 .addpadd40 {
   margin-left: -40px;
   margin-right: -40px;
 }
 .offers-section .s-header {
   margin-bottom: 90px;
 }
 .offers-section .s-header img {
   margin-bottom: 40px;
 }
 .c-offers .col-el {
    width: 100%;
    flex-shrink: 0;
 }
 .c-offers .col2.addpadd40  .col-el {
    width: 50%;
    flex-shrink: 0;
    padding-left: 40px;
    padding-right: 40px;
 }
 .inner-col {
     height: 100%;
     -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
     box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
     border-radius: 10px;
     padding: 40px 0 60px;
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 .col-title h2 {
   font-family: 'glober_regular';
     font-size: 29px;
     font-weight: normal;
     background: -webkit-linear-gradient(to right, #FF16FF 0%, #0D3AFF 80%);
     background: -moz-linear-gradient(to right, #FF16FF 0%, #0D3AFF 80%);
     background: linear-gradient(to right, #FF16FF 0%, #0D3AFF 80%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-bottom: 25px;
     text-align: center;
 }
 .txt-row {
   max-width: 70%;
   text-align: center;
 }
 .txt-row p {
   font-family: 'glober_regular', Arial, sans-serif;
     font-size: 15px;
     color: #000;
     line-height: 1.6em;
     letter-spacing: 0.01em;
 }
 .a-holder {
   width: 100%;
   border: 1px solid rgba(112,112,112,0.5);
   border-radius: 10px;
   margin-bottom: 10px;
 }
 button.accordion {
     color: #000;
     cursor: pointer;
     padding: 23px 28px;
     width: 100%;
     border: none;
     text-align: left;
     outline: none;
     font-size: 22px;
     transition: 0.4s;
     border-radius: 18px;
     background-color: transparent;
     font-family: "glober_semibold";
     letter-spacing: 0.01em;
 }
 
 .panel {
   padding: 0 80px 27px 28px;
   display: none;
   background-color: transparent;
 }
 .panel p {
   font-family: "glober_regular";
   font-size: 14px;
   letter-spacing: -0.02em;
   color: #000;
   line-height: 1.6em;
   margin: 0;
   opacity: 0;
   -webkit-transition: opacity 0.3s;
   -moz-transition: opacity 0.3s;
   -o-transition: opacity 0.3s;
   transition: opacity 0.3s;
   margin-top: -7px;
   margin-bottom: 10px;
 }
 .panel.showing p {
   opacity: 1;
 }
 .panel ul {
   font-family: "glober_regular";
   font-size: 14px;
   letter-spacing: -0.02em;
   color: #000;
   line-height: 1.6em;
   margin: 18px 0 25px;
   opacity: 0;
   -webkit-transition: opacity 0.3s;
   -moz-transition: opacity 0.3s;
   -o-transition: opacity 0.3s;
   transition: opacity 0.3s;
   list-style: none;
 }
 .panel.showing ul {
   opacity: 1;
 }
 .qna {
   padding: 150px 0;
 }
 .qna .s-header {
     margin-bottom: 20px;
 }
 .accordionWrapper {
   margin-top: 60px;
 }
 .modal-wrapper {
     position: fixed;
     z-index: 9000;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: rgba(0,0,0,0.8);
     display: flex;
     justify-content: center;
     align-items: center;
     display: none;
   }
   .mask {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: transparent;
     
   }
   .modal {
     width: 800px;
     position: relative;
     z-index: 9999;
     background: #fff;
     border-radius: 10px;
     padding: 40px 40px;
   }
   .group-form label {
     font-family: "glober_regular";
     font-size: 15px;
     color: #000;
     margin-bottom: 10px;
     display: block;
     width: 100%;
     letter-spacing: 0.01em;
   }
   .group-form {
     width: 50%;
     padding: 0 15px;
     margin-bottom: 10px;
   }
  
   .group-form input {
     width: 100%;
     border: none;
     height: 30px;
     margin-bottom: 5px;
     background-color: #FBF2FA;
       padding-left: 15px;
   }
 .submit-btn {
     width: 100%;
   margin-top: 20px;
   text-align: center;
 }
  
 .submit-btn button {
   font-family: "glober_bold";
     text-transform: uppercase;
     font-size: 15px;
     color: #fff;
     background: #064497;
     border: none;
     border-radius: 23px;
     padding: 10px 25px;
     cursor: pointer;
 }
 .modal h3 {
   font-family: "glober_regular";
     font-size: 30px;
     color: #000;
     letter-spacing: 0.01em;
     font-weight: normal;
     text-align: center;
     margin-bottom: 30px;
 }
 .the-form {
   display: flex;
   flex-wrap: wrap;
 }
 .video-container {
     width: 967px;
     margin: auto;
       margin-bottom: 100px
 }
 .video-container > div {
     width: 100%;
     height: 0;
     padding-bottom: 56.25%;
     position: relative;
 }
 .video-container video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 .inner-c {
     width: 670px;
     margin: auto;
 }
 .wide {
     width: 100%
 }
 .wrapper {
     padding-bottom: 100px;
 }
 .wrapper:before {
     content: "";
     display: block;
     width: 100%;
     height: 5px;
     background: linear-gradient(-45deg, #2905BE, #FF01EF, #2905BE, #FF01EF );
     background-size: 200% 200%;
     animation-name: gradient;
     animation-duration: 4s;
     animation-iteration-count: infinite;
     animation-timing-function: ease;
 }
 .wrapper h2 {
     margin-top: 60px;
     font-family: "glober_semibold";
     font-size: 20px;
     color: #707070;
     margin-bottom: 50px;
     display: block;
     width: 100%;
     text-transform: uppercase;
     text-align: center;
 }
 .the-form p {
     font-family: "glober_regular";
     font-size: 12px;
     color: #464646;
     margin-top: 30px;
     margin-bottom: 20px;
     display: block;
     width: 100%;
     text-align: center;
     padding: 0 10%;
 }
 @media(max-width: 1288px) {
   .container {
     width: 100%;
     padding-left: 30px;
     padding-right: 30px;
   }
   .addpadd40 {
     margin-left: -20px;
     margin-right: -20px;
 }
 .c-offers .col2.addpadd40 .col-el {
     padding-left: 20px;
     padding-right: 20px;
 }
 .abs-pos {
     position: absolute;
     top: -130px;
     left: 0;
     margin-left: 0;
 }
 }
 @media(max-width:1080px){
   .hero-text div.gradient-clr {
     padding: 25px 35px;
   }
   .txt-phone-wrap {
     flex-shrink: 0;
   }
 }
 @media(max-width:990px){
    .hero-text .gradient-clr {
     height: 157px;
    }
    .right-txt {
      display: none;
    }
    .gradient-clr .c-flexy {
     align-items: center;
     height: 100%;
     justify-content: center;
    }
    .line-under .inner-container {
     margin-top: 50px;
     padding-left: 40px;
 }
 .addpadd40 {
   flex-wrap: wrap;
     margin-left: 0px;
     margin-right: 0px;
 }
 .c-offers .col2.addpadd40 .col-el {
     width: 100%;
     margin-bottom: 40px;
     }
     .c-offers {
       margin-bottom: 0px;
     }
     .c-offers .col2.addpadd40 .col-el {
     padding-left: 0px;
     padding-right: 0px;
 }
     .video-container {
         width: 100%;
         margin-bottom: 50px
     }
   }
   @media(min-width:700px){
       
       .playpause {
           content: "";
           display: block;
           width: 200px;
           height: 200px;
           background-image: url("../img/business/play-icon.svg");
           background-repeat: no-repeat;
           background-position: center;
           background-size: cover;
           position: absolute;
           top:50%;
           left:50%;
           margin-top: -100px;
           margin-left: -100px;
       }
 }
   @media(max-width:699px){
     .hero-text h1 {
     font-size: 5vw;
     line-height: 1.2em;
   }
   .abs-pos {
     position: absolute;
     top: -15vw;
     left: 0;
     margin-left: 0;
 }
      .container {
     padding-left: 20px;
     padding-right: 20px;
 }
 .slider-item {
     width: 280px;
     padding: 10px;
 }
 .slider-img {
     width: 260px;
     height: 260px;
     }
     .left-txt h2 {
     font-family: 'glober_bold', Arial, sans-serif;
     font-size: 5vw;
   }
   .inner-container > h3 {
     font-family: 'glober_semibold', Arial, sans-serif;
     font-size: 3.8vw;
   }
   .inner-row.c-flexy {
     flex-wrap: wrap;
     justify-content: center;
   }
   hr.gradient-clr {
     border: none;
     width: 70%;
   }
   h2.gradient-clr {
     font-family: 'glober_regular';
     font-size: 5.5vw;
     padding: 0 2vw;
   }
   .s-header {
     margin-bottom: 30px;
 }
 .hero-text {
     margin-bottom: -10px;
 }
 .s-header h3 {
     font-family: 'glober_semibold';
     font-size: 4.5vw;
     }
     .offers-section .s-header {
     margin-bottom: 40px;
 }
 .c-offers .col2.addpadd40 .col-el {
     width: 100%;
     margin-bottom: 30px;
 }
 .qna {
   padding: 50px 0;
   }
 .accordionWrapper {
     margin-top: 30px;
 }
 .qna .s-header {
     margin-bottom: 10px;
 }
 button.accordion {
     padding: 23px 28px;
     font-size: 3.5vw;
   }
 
 .hero-text {
     position: relative;
     top: -15vw;
 }
 .line-under .inner-container {
     margin-top: 30px;
     padding-left: 25px;
 }
 .logo img {
   width: 130px;
 }
 .check-list li {
     font-size: 3vw;
     color: #000;
     line-height: 1.2em;
     background-image: url(../img/business/check.svg);
     background-size: 12px;
     background-position: left 0px;
     background-repeat: no-repeat;
     padding-left: 20px;
     margin-bottom: 10px;
 }
 .txt-phone-wrap p {
     font-family: 'glober_regular', Arial, sans-serif;
     font-size: 3.5vw;
     }
     .txt-phone-wrap h3 {
     font-family: 'glober_semibold', Arial, sans-serif;
     font-size: 6vw;
     line-height: 1em;
   }
   .txt-phone-wrap {
     background-position: left 1vw;
   }
   .offers-section .s-header img {
     max-width: 170px;
   }
   .theSlider {
     margin: 30px 0 50px;
 }
 .modal {
     width: 90%;
     }
     .group-form {
     width: 100%;
 }
 .hero-text div.gradient-clr {
     padding: 25px 0;
 }
 .hero-img {
     width: 100%;
     height: 400px;
     }
       .txt-container {
     margin-bottom: 40px;
 }
       .c-offers .c-flexy {
           display: block;}
       .inner-col {
     height: auto;
           padding: 20px 0 30px;
 }
       .inner-c {
           width: 100%;
           padding: 0 20px;
       }
       .wrapper h2 {
     margin-top: 30px;
     margin-bottom: 20px;
       }
       .the-form p {
     margin-top: 0;
     margin-bottom: 10px;
     padding: 0;
 }
 
 }
   @media(max-width:420px){
       .hero-text .gradient-clr {
     height: 20vw;
 }
 .carousel-section .s-header {
     margin-bottom: 20px;
 }
 .txt-centering p {
     font-family: 'glober_regular', Arial, sans-serif;
     font-size: 2.8vw;
   }
   .c-offers .col2.addpadd40 .col-el {
     width: 100%;
     margin-bottom: 20px;
 }
       .col-title h2 {
     font-size: 6vw;
     padding: 0 20px;
       }
       .txt-slide-holder h3 {
     font-family: 'glober_semibold', Arial, sans-serif;
     font-size: 4vw;
       }
 
       .txt-row p {
     font-family: 'glober_regular', Arial, sans-serif;
     font-size: 3.3vw;
       }
       .modal {
     padding: 30px 20px;
 }
       .modal h3 {
     font-family: "glober_regular";
     font-size: 5.5vw;
           margin-bottom: 20px;
 }
       .group-form label {
     font-family: "glober_regular";
     font-size: 3.7vw;
       }
       .submit-btn {
     margin-top: 10px;
     text-align: center;
 }
       .group-form {
     padding: 0px;
       }
       .submit-btn button {
     font-family: "glober_bold";
     text-transform: uppercase;
     font-size: 3.7vw;
       }
       .txt-slide-holder div {height: 55px}
       .txt-slide-holder div img {
     max-width: 70%;
           max-height: 45px;
 }
 }

.burger-menu {
    align-items: center;
    cursor: pointer;
    padding: 10px 0;
    position: absolute;
    left: 0;
}
.burger-menu > span {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    color: #444;
    text-transform: uppercase;
}
.burger-menu .burger-icon {
    width: 19px;
    height: 12px;
    position: relative;
    transition: transform 0.25s ease-in-out;
    margin-left: 18px;
    margin-right: 18px;
}
.burger-menu .burger-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #707070;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transition: 0.25s ease-in-out;
    transform: rotate(0deg);
}
.burger-menu .burger-icon span:nth-child(2) {
    top: 5px;
}
.burger-menu .burger-icon span:nth-child(3) {
    top: 10px;
}
.burger-menu * {
    pointer-events: none;
}
.burger-menu.active .burger-icon span:nth-child(1) {
    top: 6px;
    transform: rotate(45deg);
}
.burger-menu.active .burger-icon span:nth-child(2) {
    opacity: 0;
}
.burger-menu.active .burger-icon span:nth-child(3) {
    transform: rotate(-45deg);
    top: 6px;
}
@media (max-width: 1023px) {
    .burger-menu > span {
        display: none;
    }
}
@media (max-width: 501px) {
    .header .burger-menu .burger-icon {
        margin-left: 5px;
        margin-right: 15px;
    }
}

.navigation-menu {
    width: 100%;
    height: 0;
    min-height: 0;
    display: block;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    z-index: 40;
    position: absolute;
    transition: min-height 0.25s ease-in-out 0s, background-color 0.25s ease-in-out 0s, top 0.5s ease-in-out 0s;
    background: #fff;
    top: 108px;
}
.navigation-menu.open {
    min-height: 440px;
    max-height: 100vh;
}
.navigation-menu .go-back {
    transition: transform 0.5s ease-in-out, opacity 0.1s ease 0.5s, visibility 0.1s ease 0.5s;
    flex-grow: 4;
    display: none;
    cursor: pointer;
    visibility: hidden;
}
.navigation-menu .go-back span {
    position: relative;
    margin: 1.062rem 1.5rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
}
.navigation-menu .go-back * {
    pointer-events: none;
}
.navigation-menu .all-menu {
    display: flex;
    overflow: hidden;
    align-items: stretch;
    justify-content: center;
    background: #fff;
    height: 100%;
    width: 100%;
}
.navigation-menu .all-menu .menu-sections {
    width: 30%;
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 450px;
}
.navigation-menu .all-menu .menu-sections:after {
    content: "";
    height: calc(100% - 50px);
    width: 1px;
    border-left: 1px solid #e5e5e5;
    right: 0;
    top: 20px;
    position: absolute;
}
.navigation-menu .all-menu .menu-sections ul {
    list-style-type: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    width: 60%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 20px 31px 0 auto;
}
.navigation-menu .all-menu .menu-sections ul li {
    min-height: 46px;
    position: relative;
}
.navigation-menu .all-menu .menu-sections ul li .navigation-menu-item {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    color: #8e8e8e;
    font-size: 18px;
    letter-spacing: 0.82px;
    line-height: 46px;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
}
.navigation-menu .all-menu .menu-sections ul li .navigation-menu-item:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 24px;
    margin: auto 0;
    left: -16px;
    top: 21%;
}
.navigation-menu .all-menu .menu-sections ul li.active .navigation-menu-item:before {
    background: #a2006a;
}
.navigation-menu .all-menu .category-sections {
    width: 65%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.navigation-menu .all-menu .category-sections .category_nav {
    width: 100%;
    min-height: 300px;
    display: none;
    padding: 0 31px;
}
.navigation-menu .all-menu .category-sections .category_nav .section-title {
    font-size: 20px;
    color: #000;
    letter-spacing: 0.7px;
    line-height: 36px;
    margin: 25px 0 31px;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.6s ease, -webkit-transform 0.6s ease;
}
.navigation-menu .all-menu .category-sections .category_nav.active {
    display: block;
}
.navigation-menu .all-menu .category-sections .category_nav.active .section-title {
    opacity: 1;
    position: relative;
}
.navigation-menu .all-menu .category-sections .category_nav .category_nav_menu > ul {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
}
.navigation-menu .all-menu .category-sections .category_nav .category_nav_menu > ul > li {
    max-width: 24%;
    display: flex;
    flex-flow: column;
    flex: 0 1 24%;
    padding: 0 0.5%;
}
.navigation-menu .all-menu .category-sections .category_nav .category_nav_menu > ul > li > a {
    color: #a2006a;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.67px;
    line-height: 18px;
    margin: 5px 0 16px;
    text-transform: uppercase;
}
.navigation-menu .all-menu .category-sections .category_nav .category_nav_menu > ul > li > a[href="#hide"] {
    display: none;
}
.navigation-menu .all-menu .category-sections .category_nav .category_nav_menu > ul > li .sub-menu {
    list-style-type: none;
    padding-inline-start: 0;
    margin: 0;
}
.navigation-menu .all-menu .category-sections .category_nav .category_nav_menu > ul > li .sub-menu a {
    color: #444;
}
.navigation-menu .all-menu .category-sections .category_nav .category_nav_menu > ul > li .sub-menu li {
    display: list-item;
    min-height: 38px;
    line-height: 21px;
    font-size: 16px;
}
.navigation-menu .all-menu .category-sections .category_nav .category_nav_menu > ul > li > a[href="#hide"] {
    display: none;
}
@media (max-width: 1023px) {
    .navigation-menu.open {
        top: 108px;
        overflow-x: hidden;
        height: calc(100vh - 78px);
    }
    .navigation-menu.open .go-back {
        position: fixed;
        width: 100%;
        z-index: 100;
        display: flex;
        height: 54px;
        background-color: #f8f8f8;
        align-items: center;
        font-weight: 600;
        opacity: 0;
        overflow: hidden;
        padding-left: 25px;
        transform: translate(100%);
    }
    .navigation-menu.open.selected .go-back {
        opacity: 1;
        transform: translate(0px);
        visibility: visible;
        transition: transform 0.5s ease-in-out;
    }
    .navigation-menu.open.selected .all-menu {
        transform: translate(-50%, 0px);
    }
    .navigation-menu .all-menu {
        width: 200%;
        transform: translate(0px, 0px);
        transition: transform 0.5s ease-in-out;
    }
    .navigation-menu .all-menu .menu-sections {
        display: inline-block;
        width: 100%;
        max-width: unset;
        left: 0;
    }
    .navigation-menu .all-menu .menu-sections ul {
        width: 100%;
    }
    .navigation-menu .all-menu .menu-sections ul li .navigation-menu-item {
        display: inline-flex;
        min-height: 64px;
        color: #000;
        font-size: 24px;
        letter-spacing: 0.6px;
        line-height: 27px;
        position: relative;
        width: 100%;
        align-items: center;
        padding-left: 30px;
        padding-right: 15px;
    }
    .navigation-menu .all-menu .menu-sections ul li .navigation-menu-item:before {
        top: 50%;
        margin-top: -12px;
        left: 0;
    }
    .navigation-menu .all-menu .category-sections {
        position: relative;
        display: inline-block;
        width: 100%;
        left: 0;
        padding-top: 50px;
        overflow: auto;
    }
    .navigation-menu .all-menu .category-sections .category_nav .category_nav_menu > ul > li {
        margin-bottom: 10px;
        flex: 0 1 100%;
        max-width: 49%;
    }
    .navigation-menu .all-menu .category-sections .category_nav .category_nav_menu > ul > li > a {
        font-size: 13px;
        margin: 5px 0 6px;
    }
}
.icon.arrow-back, .icon.arrow-forward {
    background-image: url('../img/icons/menu_arrow_grey.svg');
    min-height: 13px;
    min-width: 7px;
    background-size: contain;
    background-repeat: no-repeat;
}
.icon.arrow-back {
    transform: rotate(180deg);
    position: relative;
    display: inline-block;
    margin-left: 5px;
}