@charset "UTF-8";*{ margin: 0; padding: 0; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none}body{ color: var(--voxire-body-color); background: black; font-weight: 400; line-height: 32px; font-size: 16px; font-family: var(--voxire-primary-font); --voxire-primary-font: Inter; --voxire-secondary-font: Inter; --voxire-primary-color: #6FCEEB; --voxire-secondary-color: #ffffff; --voxire-tertiary-color: #16161c; --voxire-body-color: rgba(255,255,255,0.75); --voxire-headline-color: #ffffff; --voxire-border-color: rgba(255,255,255,0.1); --voxire-dark-color: #02050A; --voxire-primary-rgb: 111,206,235; --voxire-secondary-rgb: 255,255,255; --voxire-tertiary-rgb: 22,22,28}a{ color: var(--voxire-body-color); cursor: pointer; outline: none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; text-decoration: none} a:hover,a:focus,a:visited{ text-decoration: none; outline: none} a:hover{ color: var(--voxire-secondary-color)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ color: var(--voxire-secondary-color)}.text-white h1,.text-white h1 a,.text-white h2,.text-white h2 a,.text-white h3,.text-white h3 a,.text-white h4,.text-white h4 a,.text-white h5,.text-white h5 a,.text-white h6,.text-white h6 a,.text-white .h1,.text-white .h1 a,.text-white .h2,.text-white .h2 a,.text-white .h3,.text-white .h3 a,.text-white .h4,.text-white .h4 a,.text-white .h5,.text-white .h5 a,.text-white .h6,.text-white .h6 a{ color: white}ul,li{ list-style: none; padding: 0; margin: 0}img{ max-width: 100%; display: inline-block}mark{ color: var(--voxire-primary-color); background: transparent; text-decoration: underline}header:after,section:after,footer:after{ display: block; clear: both; content: ""}input,select,textarea,.nice-select,.form-control{ width: 100%; height: auto; border-radius: 5px; padding: 15px 30px; background-color: #fff; border: 1px solid var(--voxire-border-color)}.nice-select{ font-size: 18px; line-height: 1.3} .nice-select:after{ height: 8px; width: 8px; right: 25px; border-color: var(--voxire-secondary-color)} .nice-select .current{ font-weight: 500; color: var(--voxire-secondary-color)} .nice-select .list{ width: 100%; border-radius: 0}textarea{ display: inherit; padding-top: 20px}label{ cursor: pointer; font-weight: 500; margin-bottom: 5px; color: var(--voxire-body-color)}.form-group{ position: relative; margin-bottom: 20px}input:focus,button:focus,.form-control:focus{ outline: none; -webkit-box-shadow: none; box-shadow: none; border-color: #cfdbf1}input[type=search]::-ms-clear{ display: none; width: 0; height: 0}input[type=search]::-ms-reveal{ display: none; width: 0; height: 0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{ display: none}input[type=checkbox],input[type=radio]{ height: auto; width: auto}.page-wrapper{ position: relative; z-index: 9; width: 100%; margin: 0 auto;  overflow-x: clip; min-width: 300px}@media only screen and (min-width: 1200px){ .container{ max-width: 1355px; padding-left: 15px; padding-right: 15px} .container.container-1620{ max-width: 1650px} .container.container-1590{ max-width: 1620px} .container.container-1290{ max-width: 1320px} .container.container-1260{ max-width: 1290px} .container.container-1210{ max-width: 1240px}}@media only screen and (min-width: 576px){ .container-fluid{ padding-left: 25px; padding-right: 25px}}@media only screen and (min-width: 1400px){ .container-fluid{ padding-left: 70px; padding-right: 70px}}@media only screen and (max-width: 375px){ .col-small{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}}.row{ --bs-gutter-x: 30px}.no-gap{ --bs-gutter-x: 0}@media only screen and (min-width: 1400px){ .gap-10{ --bs-gutter-x: 10px}}@media only screen and (min-width: 1400px){ .gap-20{ --bs-gutter-x: 20px}}@media only screen and (min-width: 1400px){ .gap-30{ --bs-gutter-x: 30px}}@media only screen and (min-width: 1400px){ .gap-40{ --bs-gutter-x: 40px}}@media only screen and (min-width: 1400px){ .gap-50{ --bs-gutter-x: 50px}}@media only screen and (min-width: 1400px){ .gap-60{ --bs-gutter-x: 60px}}@media only screen and (min-width: 1400px){ .gap-70{ --bs-gutter-x: 70px}}@media only screen and (min-width: 1400px){ .gap-80{ --bs-gutter-x: 80px}}@media only screen and (min-width: 1400px){ .gap-90{ --bs-gutter-x: 90px}}@media only screen and (min-width: 1400px){ .gap-100{ --bs-gutter-x: 100px}}@media only screen and (min-width: 1400px){ .gap-110{ --bs-gutter-x: 110px}}@media only screen and (min-width: 1400px){ .gap-120{ --bs-gutter-x: 120px}}@media only screen and (min-width: 1400px){ .gap-130{ --bs-gutter-x: 130px}}@media only screen and (min-width: 1400px){ .gap-140{ --bs-gutter-x: 140px}}@media only screen and (min-width: 1400px){ .gap-150{ --bs-gutter-x: 150px}}@media only screen and (min-width: 1200px){ .row-cols-xl-7 > *{ width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto}}.section-title{ margin-top: -7px; position: relative} .section-title .sub-title{ font-size: 18px; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: var(--voxire-primary-color); text-transform: capitalize} .section-title .sub-title:before{ content: ''; width: 36px; height: 10px; margin-right: 10px; background: url(../images/icons/sub-title.svg) no-repeat 100% 100%} .section-title h2{ text-transform: capitalize} @media only screen and (max-width: 767px){ .section-title h2{ font-size: 40px}} @media only screen and (max-width: 575px){ .section-title h2{ font-size: 35px}} @media only screen and (max-width: 375px){ .section-title h2{ font-size: 33px}} .section-title h2 i{ color: var(--voxire-primary-color)} .section-title.style-two h2{ background: -webkit-radial-gradient(16.45% 50%,87.11% 3413.79%,#FFFFFF 0%,rgba(255,255,255,0) 100%); background: -o-radial-gradient(16.45% 50%,87.11% 3413.79%,#FFFFFF 0%,rgba(255,255,255,0) 100%); background: radial-gradient(87.11% 3413.79% at 16.45% 50%,#FFFFFF 0%,rgba(255,255,255,0) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent} .section-title.style-two h2 i{ font-weight: 400; -webkit-text-fill-color: var(--voxire-primary-color)}.big-text{ color: white; display: block; font-size: 10vw; font-weight: 500; text-align: center} .big-text.light-opacity{ z-index: -1; opacity: 0.03; position: relative; margin-top: -100px}.theme-btn,a.theme-btn{ cursor: pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 600; text-align: center; padding: 13px 35px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: transparent; color: var(--voxire-secondary-color); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: capitalize; border: 1px solid var(--voxire-border-color)} .theme-btn i, a.theme-btn i{ -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; margin-left: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)} .theme-btn:hover, a.theme-btn:hover{ color: var(--voxire-dark-color); background: var(--voxire-primary-color); border-color: var(--voxire-primary-color)} .theme-btn:hover i, a.theme-btn:hover i{ margin-left: 13px; margin-right: -3px} @media only screen and (max-width: 575px){ .theme-btn, a.theme-btn{ padding: 10px 25px}} .theme-btn.style-two, a.theme-btn.style-two{ color: var(--voxire-dark-color); background: var(--voxire-primary-color); border-color: var(--voxire-primary-color)} .theme-btn.style-two:hover, a.theme-btn.style-two:hover{ color: var(--voxire-primary-color); background: transparent} .theme-btn.style-three, a.theme-btn.style-three{ font-size: 24px; font-weight: 400; border-radius: 30px; text-transform: lowercase} @media only screen and (min-width: 992px){ .theme-btn.style-three, a.theme-btn.style-three{ padding: 18px 50px}}.details-btn{ width: 100px; height: 100px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-size: 24px; text-align: center; line-height: 100px; border-radius: 50%; display: inline-block; color: var(--voxire-secondary-color); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid var(--voxire-border-color)} .details-btn:hover{ color: white; background: var(--voxire-primary-color); border-color: var(--voxire-primary-color)} @media only screen and (max-width: 479px){ .details-btn{ width: 65px; height: 65px; font-size: 16px; line-height: 65px}}.explore-more{ width: 165px; height: 165px; font-size: 18px; text-align: left; color: var(--voxire-dark-color); border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 35px 44px 25px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--voxire-primary-color)} .explore-more i{ text-align: center; -webkit-transform: rotate(-45deg) translate(-10px,-20px); -ms-transform: rotate(-45deg) translate(-10px,-20px); transform: rotate(-45deg) translate(-10px,-20px)} .explore-more span{ font-weight: 600; line-height: 1.5} @media only screen and (max-width: 479px){ .explore-more{ width: 100px; height: 100px; font-size: 14px; padding: 15px 20px} .explore-more i{ -webkit-transform: rotate(-45deg) translate(-10px,-15px); -ms-transform: rotate(-45deg) translate(-10px,-15px); transform: rotate(-45deg) translate(-10px,-15px)} .explore-more span{ line-height: 1.2}}.read-more{ font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: underline; text-transform: capitalize; text-underline-position: under} .read-more i{ float: right; font-weight: 400; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin-left: 8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)} .read-more:hover{ color: var(--voxire-primary-color); text-decoration: underline} .read-more:hover i{ margin-left: 13px} .read-more.style-two{ position: relative; padding-right: 28px} .read-more.style-two span{ opacity: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform: translate(20px); -ms-transform: translate(20px); transform: translate(20px)} .read-more.style-two i{ left: 0; margin-left: 0; font-size: 22px; position: absolute} .read-more.style-two:hover span{ opacity: 1; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0)} .read-more.style-two:hover i{ font-size: 16px; margin-left: 13px; left: calc(100% - 28px)} .read-more.color-primary{ color: var(--voxire-primary-color)}.bg-lines span{ top: 0; z-index: -1; width: 1px; height: 100%; position: absolute; background: var(--voxire-border-color); -webkit-animation: leftRightOne 18s infinite; animation: leftRightOne 18s infinite} .bg-lines span:nth-child(1){ left: 20%} .bg-lines span:nth-child(2){ left: 40%} .bg-lines span:nth-child(3){ left: 60%} .bg-lines span:nth-child(4){ left: 80%} .bg-lines span:nth-child(5){ left: 100%} .bg-lines span:nth-child(6){ left: 120%} .bg-lines span:nth-child(7){ left: 140%} .bg-lines span:nth-child(8){ left: 160%} .bg-lines span:nth-child(9){ left: 180%}.bg-lines.for-black-bg span{ background: rgba(255,255,255,0.1)}.list-style-one li{ display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; color: var(--voxire-secondary-color)} .list-style-one li:not(:last-child){ margin-bottom: 8px} .list-style-one li:before{ -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20px; height: 20px; font-size: 11px; margin-top: 6px; content: "\f00c"; font-weight: 600; line-height: 16px; border: 2px solid; text-align: center; margin-right: 12px; border-radius: 50%; color: var(--voxire-primary-color); font-family: 'Font Awesome 5 Pro'}.list-style-two li{ font-size: 18px} .list-style-two li:not(:last-child){ margin-bottom: 8px} .list-style-two li a:hover{ color: var(--voxire-primary-color); text-decoration: underline; text-underline-position: under}.list-style-three{ color: white} .list-style-three li:not(:last-child){ margin-bottom: 8px} .list-style-three li:before{ content: "\f560"; font-size: 1.2em; margin-right: 15px; color: var(--voxire-primary-color); font-family: 'Font Awesome 5 Pro'}.social-style-one{ -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: -10px; margin-right: -10px} .social-style-one a{ margin-left: 10px; margin-right: 10px}.social-style-two{ -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: -5px; margin-right: -5px} .social-style-two a{ margin-left: 5px; margin-right: 5px; width: 35px; height: 35px; background: transparent; line-height: 35px; border-radius: 50%; text-align: center; border: 1px solid rgba(255,255,255,0.1)} .social-style-two a:hover{ color: var(--voxire-dark-color); background: var(--voxire-primary-color)}.social-style-three{ -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: -7.5px; margin-right: -7.5px} .social-style-three a{ margin-left: 7.5px; margin-right: 7.5px} .social-style-three a:hover{ color: var(--voxire-primary-color)}.social-style-four{ -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: -35px; margin-right: -35px} .social-style-four a{ margin-left: 35px; margin-right: 35px} .social-style-four a i{ margin-right: 10px}.tab-style-one{ border-bottom: 1px solid var(--voxire-border-color)} .tab-style-one .nav-link{ font-size: 18px; border-radius: 0; padding-left: 0; padding-right: 0; margin-bottom: -1px; background: transparent; border-bottom: 2px solid transparent} @media only screen and (min-width: 1200px){ .tab-style-one .nav-link{ padding-bottom: 25px}} @media only screen and (max-width: 575px){ .tab-style-one .nav-link{ font-size: 16px}} .tab-style-one .nav-link.active{ color: var(--voxire-primary-color); border-bottom-color: var(--voxire-primary-color)} .tab-style-one .nav-item:not(:last-child){ margin-right: 40px} @media only screen and (max-width: 767px){ .tab-style-one .nav-item:not(:last-child){ margin-right: 20px}}.preloader{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--voxire-dark-color); background-repeat: no-repeat; background-position: center center} .preloader .custom-loader{ width: 75px; height: 75px; border-radius: 50%; background-color: transparent; border: 2px solid white; border-top: 2px solid var(--voxire-primary-color); border-bottom: 2px solid var(--voxire-primary-color); -webkit-animation: 1s preloader linear infinite; animation: 1s preloader linear infinite}.pagination{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -5px; margin-right: -5px} .pagination li{ margin: 10px 5px 0} .pagination li a, .pagination li .page-link{ padding: 0; color: white; border: none; -webkit-box-shadow: none; box-shadow: none; font-weight: 600; width: 60px; height: 60px; background: #0A1019; line-height: 60px; border-radius: 50%; text-align: center} .pagination li.disabled .page-link,.pagination li:last-child .page-link{ background: #0A1019; border-radius: 50%} .pagination li.active .page-link,.pagination li:hover:not(.disabled) .page-link{ color: var(--voxire-dark-color); background: var(--voxire-primary-color); border-color: var(--voxire-primary-color)} .pagination li:first-child .page-link,.pagination li:last-child .page-link{ color: var(--voxire-primary-color)} .pagination li.dot{ width: 7px; height: 7px; background: white; border-radius: 50%}.ratting{ line-height: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex} .ratting i{ margin: 3px; color: #f1b000; font-size: 14px} .ratting.style-two i{ margin: 6px; font-size: 18px; color: var(--voxire-primary-color)}.slider-arrow .slick-arrow{ border: 1px solid var(--voxire-border-color)} .slider-arrow .slick-arrow:not(:last-child){ margin-right: 5px} .slider-arrow .slick-arrow:focus,.slider-arrow .slick-arrow:hover{ color: white; background: var(--voxire-primary-color); border-color: var(--voxire-primary-color)}.slick-dots{ -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center} .slick-dots li{ position: relative; cursor: pointer; width: 7px; height: 7px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin: 0 10px; border-radius: 50%; background: rgba(255,255,255,0.65)} .slick-dots li button{ opacity: 0} .slick-dots li.slick-active{ background: white}.scroll-top{ position: fixed; bottom: 25px; right: 0; width: 40px; height: 40px; z-index: 99; display: none; font-size: 14px; cursor: pointer; line-height: 40px; border-radius: 5px; background: var(--voxire-primary-color); -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite}.text-white *,.text-white a,.text-white .sub-title,.text-white .read-more,.text-white .list-style-one li,.text-white .list-style-one li:before,.text-white .counter-text-wrap .count-text,.text-white .hotline .content a:not(:hover){ color: white}.text-white .service-two-item .icon i{ color: var(--voxire-primary-color)}.text-white .service-two-item .content p{ opacity: 0.6}.text-white .hotline > i{ background: white}.text-white .hotline > i{ border-color: white}.wave-shapes{ position: absolute; z-index: -1; top: 0; left: -100px; width: calc(100% + 100px); height: 100%} .wave-shapes .shape{ position: absolute; bottom: 0; left: 0; width: 100%; -webkit-animation: leftRightOne 6s infinite; animation: leftRightOne 6s infinite} .wave-shapes .shape.two{ -webkit-animation-delay: 3s; animation-delay: 3s}.filter-btns-one{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; margin-right: -5px} .filter-btns-one li{ cursor: pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 500; padding: 4px 20px; border-radius: 5px; margin: 0 5px 10px; color: var(--voxire-secondary-color)} @media only screen and (max-width: 375px){ .filter-btns-one li{ padding-left: 15px; padding-right: 15px}} .filter-btns-one li.current{ background: white; color: var(--voxire-primary-color); text-decoration: underline; -webkit-box-shadow: 10px 0 60px rgba(195,195,195,0.5); box-shadow: 10px 0 60px rgba(195,195,195,0.5)}.filter-btns-two{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 500; margin-left: -18px; margin-right: -18px} @media only screen and (min-width: 768px){ .filter-btns-two{ font-size: 18px}} @media only screen and (max-width: 575px){ .filter-btns-two{ margin-left: -8px; margin-right: -8px}} .filter-btns-two li{ cursor: pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin: 0 18px 10px; border-bottom: 3px solid transparent} @media only screen and (max-width: 575px){ .filter-btns-two li{ margin-left: 8px; margin-right: 8px}} .filter-btns-two li.current{ color: var(--voxire-primary-color); border-color: var(--voxire-primary-color)}.rel{ position: relative}.z-0{ z-index: 0}.z-1{ z-index: 1}.z-2{ z-index: 2}.z-3{ z-index: 3}.z-4{ z-index: 4}.z-5{ z-index: 5}.overlay{ z-index: 1; position: relative} .overlay::before{ position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0.75; background-color: var(--voxire-secondary-color)}.bgs-cover{ background-size: cover; background-position: center}.bgc-black{ background-color: #0f1425}.bgc-gray{ background-color: var(--voxire-secondary-color)}.bgc-primary{ background-color: var(--voxire-primary-color)}.bgc-secondary{ background-color: var(--voxire-primary-color)}.bgc-lighter{ background-color: var(--voxire-tertiary-color)}.color-secondary{ color: var(--voxire-primary-color)}.bgc-black-with-lighting{ background: #1e1e22} .bgc-black-with-lighting:after,.bgc-black-with-lighting:before{ position: absolute; width: 450px; height: 450px; z-index: -1; content: ''; border-radius: 50%; background: var(--voxire-primary-color); -webkit-animation: zoomInOut 5s infinite; animation: zoomInOut 5s infinite} .bgc-black-with-lighting:after{ right: -8%; top: -15%; -webkit-filter: blur(110px); filter: blur(110px)} .bgc-black-with-lighting:before{ left: -10%; top: 20%; -webkit-filter: blur(350px); filter: blur(350px); -webkit-animation-delay: 2.5s; animation-delay: 2.5s}.br-5{ border-radius: 5px}.br-10{ border-radius: 10px}.br-15{ border-radius: 15px}.br-20{ border-radius: 20px}.br-25{ border-radius: 25px}.br-30{ border-radius: 30px}.heading,.tab-style-one .nav-link,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ font-weight: 600; color: var(--voxire-secondary-color); font-family: var(--voxire-secondary-font)}h1,.h1{ font-size: 80px}h2,.h2{ font-size: 48px}h3,.h3{ font-size: 30px}h4,.h4{ line-height: 1.4; font-size: 24px}h5,.h5{ line-height: 1.45; font-size: 20px}h6,.h6{ font-size: 16px}.p-5{ padding: 5px !important}.p-10{ padding: 10px}.p-15{ padding: 15px}.p-20{ padding: 20px}.p-25{ padding: 25px}.p-30{ padding: 30px}.p-35{ padding: 35px}.p-40{ padding: 40px}.p-45{ padding: 45px}.p-50{ padding: 50px}.p-55{ padding: 55px}.p-60{ padding: 60px}.p-65{ padding: 65px}.p-70{ padding: 70px}.p-75{ padding: 75px}.p-80{ padding: 80px}.p-85{ padding: 85px}.p-90{ padding: 90px}.p-95{ padding: 95px}.p-100{ padding: 100px}.p-105{ padding: 105px}.p-110{ padding: 110px}.p-115{ padding: 115px}.p-120{ padding: 120px}.p-125{ padding: 125px}.p-130{ padding: 130px}.p-135{ padding: 135px}.p-140{ padding: 140px}.p-145{ padding: 145px}.p-150{ padding: 150px}.p-155{ padding: 155px}.p-160{ padding: 160px}.p-165{ padding: 165px}.p-170{ padding: 170px}.p-175{ padding: 175px}.p-180{ padding: 180px}.p-185{ padding: 185px}.p-190{ padding: 190px}.p-195{ padding: 195px}.p-200{ padding: 200px}.p-205{ padding: 205px}.p-210{ padding: 210px}.p-215{ padding: 215px}.p-220{ padding: 220px}.p-225{ padding: 225px}.p-230{ padding: 230px}.p-235{ padding: 235px}.p-240{ padding: 240px}.p-245{ padding: 245px}.p-250{ padding: 250px}.pt-5,.py-5{ padding-top: 5px !important}.pt-10,.py-10{ padding-top: 10px}.pt-15,.py-15{ padding-top: 15px}.pt-20,.py-20{ padding-top: 20px}.pt-25,.py-25{ padding-top: 25px}.pt-30,.py-30{ padding-top: 30px}.pt-35,.py-35{ padding-top: 35px}.pt-40,.py-40{ padding-top: 40px}.pt-45,.py-45{ padding-top: 45px}.pt-50,.py-50{ padding-top: 50px}.pt-55,.py-55{ padding-top: 55px}.pt-60,.py-60{ padding-top: 60px}.pt-65,.py-65{ padding-top: 65px}.pt-70,.py-70{ padding-top: 70px}.pt-75,.py-75{ padding-top: 75px}.pt-80,.py-80{ padding-top: 80px}.pt-85,.py-85{ padding-top: 85px}.pt-90,.py-90{ padding-top: 90px}.pt-95,.py-95{ padding-top: 95px}.pt-100,.py-100{ padding-top: 100px}.pt-105,.py-105{ padding-top: 105px}.pt-110,.py-110{ padding-top: 110px}.pt-115,.py-115{ padding-top: 115px}.pt-120,.py-120{ padding-top: 120px}.pt-125,.py-125{ padding-top: 125px}.pt-130,.py-130{ padding-top: 130px}.pt-135,.py-135{ padding-top: 135px}.pt-140,.py-140{ padding-top: 140px}.pt-145,.py-145{ padding-top: 145px}.pt-150,.py-150{ padding-top: 150px}.pt-155,.py-155{ padding-top: 155px}.pt-160,.py-160{ padding-top: 160px}.pt-165,.py-165{ padding-top: 165px}.pt-170,.py-170{ padding-top: 170px}.pt-175,.py-175{ padding-top: 175px}.pt-180,.py-180{ padding-top: 180px}.pt-185,.py-185{ padding-top: 185px}.pt-190,.py-190{ padding-top: 190px}.pt-195,.py-195{ padding-top: 195px}.pt-200,.py-200{ padding-top: 200px}.pt-205,.py-205{ padding-top: 205px}.pt-210,.py-210{ padding-top: 210px}.pt-215,.py-215{ padding-top: 215px}.pt-220,.py-220{ padding-top: 220px}.pt-225,.py-225{ padding-top: 225px}.pt-230,.py-230{ padding-top: 230px}.pt-235,.py-235{ padding-top: 235px}.pt-240,.py-240{ padding-top: 240px}.pt-245,.py-245{ padding-top: 245px}.pt-250,.py-250{ padding-top: 250px}.pb-5,.py-5{ padding-bottom: 5px !important}.pb-10,.py-10{ padding-bottom: 10px}.pb-15,.py-15{ padding-bottom: 15px}.pb-20,.py-20{ padding-bottom: 20px}.pb-25,.py-25{ padding-bottom: 25px}.pb-30,.py-30{ padding-bottom: 30px}.pb-35,.py-35{ padding-bottom: 35px}.pb-40,.py-40{ padding-bottom: 40px}.pb-45,.py-45{ padding-bottom: 45px}.pb-50,.py-50{ padding-bottom: 50px}.pb-55,.py-55{ padding-bottom: 55px}.pb-60,.py-60{ padding-bottom: 60px}.pb-65,.py-65{ padding-bottom: 65px}.pb-70,.py-70{ padding-bottom: 70px}.pb-75,.py-75{ padding-bottom: 75px}.pb-80,.py-80{ padding-bottom: 80px}.pb-85,.py-85{ padding-bottom: 85px}.pb-90,.py-90{ padding-bottom: 90px}.pb-95,.py-95{ padding-bottom: 95px}.pb-100,.py-100{ padding-bottom: 100px}.pb-105,.py-105{ padding-bottom: 105px}.pb-110,.py-110{ padding-bottom: 110px}.pb-115,.py-115{ padding-bottom: 115px}.pb-120,.py-120{ padding-bottom: 120px}.pb-125,.py-125{ padding-bottom: 125px}.pb-130,.py-130{ padding-bottom: 130px}.pb-135,.py-135{ padding-bottom: 135px}.pb-140,.py-140{ padding-bottom: 140px}.pb-145,.py-145{ padding-bottom: 145px}.pb-150,.py-150{ padding-bottom: 150px}.pb-155,.py-155{ padding-bottom: 155px}.pb-160,.py-160{ padding-bottom: 160px}.pb-165,.py-165{ padding-bottom: 165px}.pb-170,.py-170{ padding-bottom: 170px}.pb-175,.py-175{ padding-bottom: 175px}.pb-180,.py-180{ padding-bottom: 180px}.pb-185,.py-185{ padding-bottom: 185px}.pb-190,.py-190{ padding-bottom: 190px}.pb-195,.py-195{ padding-bottom: 195px}.pb-200,.py-200{ padding-bottom: 200px}.pb-205,.py-205{ padding-bottom: 205px}.pb-210,.py-210{ padding-bottom: 210px}.pb-215,.py-215{ padding-bottom: 215px}.pb-220,.py-220{ padding-bottom: 220px}.pb-225,.py-225{ padding-bottom: 225px}.pb-230,.py-230{ padding-bottom: 230px}.pb-235,.py-235{ padding-bottom: 235px}.pb-240,.py-240{ padding-bottom: 240px}.pb-245,.py-245{ padding-bottom: 245px}.pb-250,.py-250{ padding-bottom: 250px}.m-5{ margin: 5px !important}.m-10{ margin: 10px}.m-15{ margin: 15px}.m-20{ margin: 20px}.m-25{ margin: 25px}.m-30{ margin: 30px}.m-35{ margin: 35px}.m-40{ margin: 40px}.m-45{ margin: 45px}.m-50{ margin: 50px}.m-55{ margin: 55px}.m-60{ margin: 60px}.m-65{ margin: 65px}.m-70{ margin: 70px}.m-75{ margin: 75px}.m-80{ margin: 80px}.m-85{ margin: 85px}.m-90{ margin: 90px}.m-95{ margin: 95px}.m-100{ margin: 100px}.m-105{ margin: 105px}.m-110{ margin: 110px}.m-115{ margin: 115px}.m-120{ margin: 120px}.m-125{ margin: 125px}.m-130{ margin: 130px}.m-135{ margin: 135px}.m-140{ margin: 140px}.m-145{ margin: 145px}.m-150{ margin: 150px}.m-155{ margin: 155px}.m-160{ margin: 160px}.m-165{ margin: 165px}.m-170{ margin: 170px}.m-175{ margin: 175px}.m-180{ margin: 180px}.m-185{ margin: 185px}.m-190{ margin: 190px}.m-195{ margin: 195px}.m-200{ margin: 200px}.m-205{ margin: 205px}.m-210{ margin: 210px}.m-215{ margin: 215px}.m-220{ margin: 220px}.m-225{ margin: 225px}.m-230{ margin: 230px}.m-235{ margin: 235px}.m-240{ margin: 240px}.m-245{ margin: 245px}.m-250{ margin: 250px}.mt-5,.my-5{ margin-top: 5px !important}.mt-10,.my-10{ margin-top: 10px}.mt-15,.my-15{ margin-top: 15px}.mt-20,.my-20{ margin-top: 20px}.mt-25,.my-25{ margin-top: 25px}.mt-30,.my-30{ margin-top: 30px}.mt-35,.my-35{ margin-top: 35px}.mt-40,.my-40{ margin-top: 40px}.mt-45,.my-45{ margin-top: 45px}.mt-50,.my-50{ margin-top: 50px}.mt-55,.my-55{ margin-top: 55px}.mt-60,.my-60{ margin-top: 60px}.mt-65,.my-65{ margin-top: 65px}.mt-70,.my-70{ margin-top: 70px}.mt-75,.my-75{ margin-top: 75px}.mt-80,.my-80{ margin-top: 80px}.mt-85,.my-85{ margin-top: 85px}.mt-90,.my-90{ margin-top: 90px}.mt-95,.my-95{ margin-top: 95px}.mt-100,.my-100{ margin-top: 100px}.mt-105,.my-105{ margin-top: 105px}.mt-110,.my-110{ margin-top: 110px}.mt-115,.my-115{ margin-top: 115px}.mt-120,.my-120{ margin-top: 120px}.mt-125,.my-125{ margin-top: 125px}.mt-130,.my-130{ margin-top: 130px}.mt-135,.my-135{ margin-top: 135px}.mt-140,.my-140{ margin-top: 140px}.mt-145,.my-145{ margin-top: 145px}.mt-150,.my-150{ margin-top: 150px}.mt-155,.my-155{ margin-top: 155px}.mt-160,.my-160{ margin-top: 160px}.mt-165,.my-165{ margin-top: 165px}.mt-170,.my-170{ margin-top: 170px}.mt-175,.my-175{ margin-top: 175px}.mt-180,.my-180{ margin-top: 180px}.mt-185,.my-185{ margin-top: 185px}.mt-190,.my-190{ margin-top: 190px}.mt-195,.my-195{ margin-top: 195px}.mt-200,.my-200{ margin-top: 200px}.mt-205,.my-205{ margin-top: 205px}.mt-210,.my-210{ margin-top: 210px}.mt-215,.my-215{ margin-top: 215px}.mt-220,.my-220{ margin-top: 220px}.mt-225,.my-225{ margin-top: 225px}.mt-230,.my-230{ margin-top: 230px}.mt-235,.my-235{ margin-top: 235px}.mt-240,.my-240{ margin-top: 240px}.mt-245,.my-245{ margin-top: 245px}.mt-250,.my-250{ margin-top: 250px}.mb-5,.my-5{ margin-bottom: 5px !important}.mb-10,.my-10{ margin-bottom: 10px}.mb-15,.my-15{ margin-bottom: 15px}.mb-20,.my-20{ margin-bottom: 20px}.mb-25,.my-25{ margin-bottom: 25px}.mb-30,.my-30{ margin-bottom: 30px}.mb-35,.my-35{ margin-bottom: 35px}.mb-40,.my-40{ margin-bottom: 40px}.mb-45,.my-45{ margin-bottom: 45px}.mb-50,.my-50{ margin-bottom: 50px}.mb-55,.my-55{ margin-bottom: 55px}.mb-60,.my-60{ margin-bottom: 60px}.mb-65,.my-65{ margin-bottom: 65px}.mb-70,.my-70{ margin-bottom: 70px}.mb-75,.my-75{ margin-bottom: 75px}.mb-80,.my-80{ margin-bottom: 80px}.mb-85,.my-85{ margin-bottom: 85px}.mb-90,.my-90{ margin-bottom: 90px}.mb-95,.my-95{ margin-bottom: 95px}.mb-100,.my-100{ margin-bottom: 100px}.mb-105,.my-105{ margin-bottom: 105px}.mb-110,.my-110{ margin-bottom: 110px}.mb-115,.my-115{ margin-bottom: 115px}.mb-120,.my-120{ margin-bottom: 120px}.mb-125,.my-125{ margin-bottom: 125px}.mb-130,.my-130{ margin-bottom: 130px}.mb-135,.my-135{ margin-bottom: 135px}.mb-140,.my-140{ margin-bottom: 140px}.mb-145,.my-145{ margin-bottom: 145px}.mb-150,.my-150{ margin-bottom: 150px}.mb-155,.my-155{ margin-bottom: 155px}.mb-160,.my-160{ margin-bottom: 160px}.mb-165,.my-165{ margin-bottom: 165px}.mb-170,.my-170{ margin-bottom: 170px}.mb-175,.my-175{ margin-bottom: 175px}.mb-180,.my-180{ margin-bottom: 180px}.mb-185,.my-185{ margin-bottom: 185px}.mb-190,.my-190{ margin-bottom: 190px}.mb-195,.my-195{ margin-bottom: 195px}.mb-200,.my-200{ margin-bottom: 200px}.mb-205,.my-205{ margin-bottom: 205px}.mb-210,.my-210{ margin-bottom: 210px}.mb-215,.my-215{ margin-bottom: 215px}.mb-220,.my-220{ margin-bottom: 220px}.mb-225,.my-225{ margin-bottom: 225px}.mb-230,.my-230{ margin-bottom: 230px}.mb-235,.my-235{ margin-bottom: 235px}.mb-240,.my-240{ margin-bottom: 240px}.mb-245,.my-245{ margin-bottom: 245px}.mb-250,.my-250{ margin-bottom: 250px}@media only screen and (max-width: 991px){  .rp-0{ padding: 0px !important} .rp-5{ padding: 5px !important} .rp-10{ padding: 10px} .rp-15{ padding: 15px} .rp-20{ padding: 20px} .rp-25{ padding: 25px} .rp-30{ padding: 30px} .rp-35{ padding: 35px} .rp-40{ padding: 40px} .rp-45{ padding: 45px} .rp-50{ padding: 50px} .rp-55{ padding: 55px} .rp-60{ padding: 60px} .rp-65{ padding: 65px} .rp-70{ padding: 70px} .rp-75{ padding: 75px} .rp-80{ padding: 80px} .rp-85{ padding: 85px} .rp-90{ padding: 90px} .rp-95{ padding: 95px} .rp-100{ padding: 100px} .rp-105{ padding: 105px} .rp-110{ padding: 110px} .rp-115{ padding: 115px} .rp-120{ padding: 120px} .rp-125{ padding: 125px} .rp-130{ padding: 130px} .rp-135{ padding: 135px} .rp-140{ padding: 140px} .rp-145{ padding: 145px} .rp-150{ padding: 150px}  .rpt-0, .rpy-0{ padding-top: 0px !important} .rpt-5, .rpy-5{ padding-top: 5px !important} .rpt-10, .rpy-10{ padding-top: 10px} .rpt-15, .rpy-15{ padding-top: 15px} .rpt-20, .rpy-20{ padding-top: 20px} .rpt-25, .rpy-25{ padding-top: 25px} .rpt-30, .rpy-30{ padding-top: 30px} .rpt-35, .rpy-35{ padding-top: 35px} .rpt-40, .rpy-40{ padding-top: 40px} .rpt-45, .rpy-45{ padding-top: 45px} .rpt-50, .rpy-50{ padding-top: 50px} .rpt-55, .rpy-55{ padding-top: 55px} .rpt-60, .rpy-60{ padding-top: 60px} .rpt-65, .rpy-65{ padding-top: 65px} .rpt-70, .rpy-70{ padding-top: 70px} .rpt-75, .rpy-75{ padding-top: 75px} .rpt-80, .rpy-80{ padding-top: 80px} .rpt-85, .rpy-85{ padding-top: 85px} .rpt-90, .rpy-90{ padding-top: 90px} .rpt-95, .rpy-95{ padding-top: 95px} .rpt-100, .rpy-100{ padding-top: 100px} .rpt-105, .rpy-105{ padding-top: 105px} .rpt-110, .rpy-110{ padding-top: 110px} .rpt-115, .rpy-115{ padding-top: 115px} .rpt-120, .rpy-120{ padding-top: 120px} .rpt-125, .rpy-125{ padding-top: 125px} .rpt-130, .rpy-130{ padding-top: 130px} .rpt-135, .rpy-135{ padding-top: 135px} .rpt-140, .rpy-140{ padding-top: 140px} .rpt-145, .rpy-145{ padding-top: 145px} .rpt-150, .rpy-150{ padding-top: 150px}  .rpb-0, .rpy-0{ padding-bottom: 0px !important} .rpb-5, .rpy-5{ padding-bottom: 5px !important} .rpb-10, .rpy-10{ padding-bottom: 10px} .rpb-15, .rpy-15{ padding-bottom: 15px} .rpb-20, .rpy-20{ padding-bottom: 20px} .rpb-25, .rpy-25{ padding-bottom: 25px} .rpb-30, .rpy-30{ padding-bottom: 30px} .rpb-35, .rpy-35{ padding-bottom: 35px} .rpb-40, .rpy-40{ padding-bottom: 40px} .rpb-45, .rpy-45{ padding-bottom: 45px} .rpb-50, .rpy-50{ padding-bottom: 50px} .rpb-55, .rpy-55{ padding-bottom: 55px} .rpb-60, .rpy-60{ padding-bottom: 60px} .rpb-65, .rpy-65{ padding-bottom: 65px} .rpb-70, .rpy-70{ padding-bottom: 70px} .rpb-75, .rpy-75{ padding-bottom: 75px} .rpb-80, .rpy-80{ padding-bottom: 80px} .rpb-85, .rpy-85{ padding-bottom: 85px} .rpb-90, .rpy-90{ padding-bottom: 90px} .rpb-95, .rpy-95{ padding-bottom: 95px} .rpb-100, .rpy-100{ padding-bottom: 100px} .rpb-105, .rpy-105{ padding-bottom: 105px} .rpb-110, .rpy-110{ padding-bottom: 110px} .rpb-115, .rpy-115{ padding-bottom: 115px} .rpb-120, .rpy-120{ padding-bottom: 120px} .rpb-125, .rpy-125{ padding-bottom: 125px} .rpb-130, .rpy-130{ padding-bottom: 130px} .rpb-135, .rpy-135{ padding-bottom: 135px} .rpb-140, .rpy-140{ padding-bottom: 140px} .rpb-145, .rpy-145{ padding-bottom: 145px} .rpb-150, .rpy-150{ padding-bottom: 150px}  .rm-0{ margin: 0px !important} .rm-5{ margin: 5px !important} .rm-10{ margin: 10px} .rm-15{ margin: 15px} .rm-20{ margin: 20px} .rm-25{ margin: 25px} .rm-30{ margin: 30px} .rm-35{ margin: 35px} .rm-40{ margin: 40px} .rm-45{ margin: 45px} .rm-50{ margin: 50px} .rm-55{ margin: 55px} .rm-60{ margin: 60px} .rm-65{ margin: 65px} .rm-70{ margin: 70px} .rm-75{ margin: 75px} .rm-80{ margin: 80px} .rm-85{ margin: 85px} .rm-90{ margin: 90px} .rm-95{ margin: 95px} .rm-100{ margin: 100px} .rm-105{ margin: 105px} .rm-110{ margin: 110px} .rm-115{ margin: 115px} .rm-120{ margin: 120px} .rm-125{ margin: 125px} .rm-130{ margin: 130px} .rm-135{ margin: 135px} .rm-140{ margin: 140px} .rm-145{ margin: 145px} .rm-150{ margin: 150px}  .rmt-0, .rmy-0{ margin-top: 0px !important} .rmt-5, .rmy-5{ margin-top: 5px !important} .rmt-10, .rmy-10{ margin-top: 10px} .rmt-15, .rmy-15{ margin-top: 15px} .rmt-20, .rmy-20{ margin-top: 20px} .rmt-25, .rmy-25{ margin-top: 25px} .rmt-30, .rmy-30{ margin-top: 30px} .rmt-35, .rmy-35{ margin-top: 35px} .rmt-40, .rmy-40{ margin-top: 40px} .rmt-45, .rmy-45{ margin-top: 45px} .rmt-50, .rmy-50{ margin-top: 50px} .rmt-55, .rmy-55{ margin-top: 55px} .rmt-60, .rmy-60{ margin-top: 60px} .rmt-65, .rmy-65{ margin-top: 65px} .rmt-70, .rmy-70{ margin-top: 70px} .rmt-75, .rmy-75{ margin-top: 75px} .rmt-80, .rmy-80{ margin-top: 80px} .rmt-85, .rmy-85{ margin-top: 85px} .rmt-90, .rmy-90{ margin-top: 90px} .rmt-95, .rmy-95{ margin-top: 95px} .rmt-100, .rmy-100{ margin-top: 100px} .rmt-105, .rmy-105{ margin-top: 105px} .rmt-110, .rmy-110{ margin-top: 110px} .rmt-115, .rmy-115{ margin-top: 115px} .rmt-120, .rmy-120{ margin-top: 120px} .rmt-125, .rmy-125{ margin-top: 125px} .rmt-130, .rmy-130{ margin-top: 130px} .rmt-135, .rmy-135{ margin-top: 135px} .rmt-140, .rmy-140{ margin-top: 140px} .rmt-145, .rmy-145{ margin-top: 145px} .rmt-150, .rmy-150{ margin-top: 150px}  .rmb-0, .rmy-0{ margin-bottom: 0px !important} .rmb-5, .rmy-5{ margin-bottom: 5px !important} .rmb-10, .rmy-10{ margin-bottom: 10px} .rmb-15, .rmy-15{ margin-bottom: 15px} .rmb-20, .rmy-20{ margin-bottom: 20px} .rmb-25, .rmy-25{ margin-bottom: 25px} .rmb-30, .rmy-30{ margin-bottom: 30px} .rmb-35, .rmy-35{ margin-bottom: 35px} .rmb-40, .rmy-40{ margin-bottom: 40px} .rmb-45, .rmy-45{ margin-bottom: 45px} .rmb-50, .rmy-50{ margin-bottom: 50px} .rmb-55, .rmy-55{ margin-bottom: 55px} .rmb-60, .rmy-60{ margin-bottom: 60px} .rmb-65, .rmy-65{ margin-bottom: 65px} .rmb-70, .rmy-70{ margin-bottom: 70px} .rmb-75, .rmy-75{ margin-bottom: 75px} .rmb-80, .rmy-80{ margin-bottom: 80px} .rmb-85, .rmy-85{ margin-bottom: 85px} .rmb-90, .rmy-90{ margin-bottom: 90px} .rmb-95, .rmy-95{ margin-bottom: 95px} .rmb-100, .rmy-100{ margin-bottom: 100px} .rmb-105, .rmy-105{ margin-bottom: 105px} .rmb-110, .rmy-110{ margin-bottom: 110px} .rmb-115, .rmy-115{ margin-bottom: 115px} .rmb-120, .rmy-120{ margin-bottom: 120px} .rmb-125, .rmy-125{ margin-bottom: 125px} .rmb-130, .rmy-130{ margin-bottom: 130px} .rmb-135, .rmy-135{ margin-bottom: 135px} .rmb-140, .rmy-140{ margin-bottom: 140px} .rmb-145, .rmy-145{ margin-bottom: 145px} .rmb-150, .rmy-150{ margin-bottom: 150px}}.delay-1-0s{ -webkit-animation-delay: 1s; animation-delay: 1s}.delay-2-0s{ -webkit-animation-delay: 2s; animation-delay: 2s}.delay-0-1s{ -webkit-animation-delay: 0.1s; animation-delay: 0.1s}.delay-0-2s{ -webkit-animation-delay: 0.2s; animation-delay: 0.2s}.delay-0-3s{ -webkit-animation-delay: 0.3s; animation-delay: 0.3s}.delay-0-4s{ -webkit-animation-delay: 0.4s; animation-delay: 0.4s}.delay-0-5s{ -webkit-animation-delay: 0.5s; animation-delay: 0.5s}.delay-0-6s{ -webkit-animation-delay: 0.6s; animation-delay: 0.6s}.delay-0-7s{ -webkit-animation-delay: 0.7s; animation-delay: 0.7s}.delay-0-8s{ -webkit-animation-delay: 0.8s; animation-delay: 0.8s}.delay-0-9s{ -webkit-animation-delay: 0.9s; animation-delay: 0.9s}.delay-1-1s{ -webkit-animation-delay: 1.1s; animation-delay: 1.1s}.delay-1-2s{ -webkit-animation-delay: 1.2s; animation-delay: 1.2s}.delay-1-3s{ -webkit-animation-delay: 1.3s; animation-delay: 1.3s}.delay-1-4s{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s}.delay-1-5s{ -webkit-animation-delay: 1.5s; animation-delay: 1.5s}.delay-1-6s{ -webkit-animation-delay: 1.6s; animation-delay: 1.6s}.delay-1-7s{ -webkit-animation-delay: 1.7s; animation-delay: 1.7s}.delay-1-8s{ -webkit-animation-delay: 1.8s; animation-delay: 1.8s}.delay-1-9s{ -webkit-animation-delay: 1.9s; animation-delay: 1.9s}@-webkit-keyframes sticky{ 0%{ top: -100px} 100%{ top: 0}}@keyframes sticky{ 0%{ top: -100px} 100%{ top: 0}}@-webkit-keyframes rotated_circle{ 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg)} 100%{ -webkit-transform: rotate(-360deg); transform: rotate(-360deg)}}@keyframes rotated_circle{ 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg)} 100%{ -webkit-transform: rotate(-360deg); transform: rotate(-360deg)}}@-webkit-keyframes semi_rotated{ 0%, 100%{ -webkit-transform: rotate(8deg); transform: rotate(8deg)} 50%{ -webkit-transform: rotate(-8deg); transform: rotate(-8deg)}}@keyframes semi_rotated{ 0%, 100%{ -webkit-transform: rotate(8deg); transform: rotate(8deg)} 50%{ -webkit-transform: rotate(-8deg); transform: rotate(-8deg)}}@-webkit-keyframes semi_rotated_two{ 0%, 100%{ -webkit-transform: rotate(-30deg); transform: rotate(-30deg)} 50%{ -webkit-transform: rotate(30deg); transform: rotate(30deg)}}@keyframes semi_rotated_two{ 0%, 100%{ -webkit-transform: rotate(-30deg); transform: rotate(-30deg)} 50%{ -webkit-transform: rotate(30deg); transform: rotate(30deg)}}@-webkit-keyframes move_arround{ 0%{ top: 20px; left: 20px} 25%{ top: 20px; left: -20px} 50%{ top: -20px; left: -20px} 75%{ top: -20px; left: 20px} 100%{ top: 20px; left: 20px}}@keyframes move_arround{ 0%{ top: 20px; left: 20px} 25%{ top: 20px; left: -20px} 50%{ top: -20px; left: -20px} 75%{ top: -20px; left: 20px} 100%{ top: 20px; left: 20px}}@-webkit-keyframes upDownLeft{ 0%, 100%{ -webkit-transform: translate(0px,0px); transform: translate(0px,0px)} 25%, 75%{ -webkit-transform: translate(0px,50px); transform: translate(0px,50px)} 50%{ -webkit-transform: translate(-50px,50px); transform: translate(-50px,50px)}}@keyframes upDownLeft{ 0%, 100%{ -webkit-transform: translate(0px,0px); transform: translate(0px,0px)} 25%, 75%{ -webkit-transform: translate(0px,50px); transform: translate(0px,50px)} 50%{ -webkit-transform: translate(-50px,50px); transform: translate(-50px,50px)}}@-webkit-keyframes shapeAnimationOne{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(0px,150px) rotate(90deg); transform: translate(0px,150px) rotate(90deg)} 50%{ -webkit-transform: translate(150px,150px) rotate(180deg); transform: translate(150px,150px) rotate(180deg)} 75%{ -webkit-transform: translate(150px,0px) rotate(270deg); transform: translate(150px,0px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@keyframes shapeAnimationOne{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(0px,150px) rotate(90deg); transform: translate(0px,150px) rotate(90deg)} 50%{ -webkit-transform: translate(150px,150px) rotate(180deg); transform: translate(150px,150px) rotate(180deg)} 75%{ -webkit-transform: translate(150px,0px) rotate(270deg); transform: translate(150px,0px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@-webkit-keyframes shapeAnimationTwo{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(-150px,0px) rotate(270deg); transform: translate(-150px,0px) rotate(270deg)} 50%{ -webkit-transform: translate(-150px,150px) rotate(180deg); transform: translate(-150px,150px) rotate(180deg)} 75%{ -webkit-transform: translate(0px,150px) rotate(90deg); transform: translate(0px,150px) rotate(90deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@keyframes shapeAnimationTwo{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(-150px,0px) rotate(270deg); transform: translate(-150px,0px) rotate(270deg)} 50%{ -webkit-transform: translate(-150px,150px) rotate(180deg); transform: translate(-150px,150px) rotate(180deg)} 75%{ -webkit-transform: translate(0px,150px) rotate(90deg); transform: translate(0px,150px) rotate(90deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@-webkit-keyframes shapeAnimationThree{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(50px,150px) rotate(90deg); transform: translate(50px,150px) rotate(90deg)} 50%{ -webkit-transform: translate(150px,150px) rotate(180deg); transform: translate(150px,150px) rotate(180deg)} 75%{ -webkit-transform: translate(150px,50px) rotate(270deg); transform: translate(150px,50px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@keyframes shapeAnimationThree{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(50px,150px) rotate(90deg); transform: translate(50px,150px) rotate(90deg)} 50%{ -webkit-transform: translate(150px,150px) rotate(180deg); transform: translate(150px,150px) rotate(180deg)} 75%{ -webkit-transform: translate(150px,50px) rotate(270deg); transform: translate(150px,50px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@-webkit-keyframes shapeAnimationFour{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(-150px -50px) rotate(90deg); transform: translate(-150px -50px) rotate(90deg)} 50%{ -webkit-transform: translate(-150px,-150px) rotate(180deg); transform: translate(-150px,-150px) rotate(180deg)} 75%{ -webkit-transform: translate(-50px,-150px) rotate(270deg); transform: translate(-50px,-150px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@keyframes shapeAnimationFour{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(-150px -50px) rotate(90deg); transform: translate(-150px -50px) rotate(90deg)} 50%{ -webkit-transform: translate(-150px,-150px) rotate(180deg); transform: translate(-150px,-150px) rotate(180deg)} 75%{ -webkit-transform: translate(-50px,-150px) rotate(270deg); transform: translate(-50px,-150px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@-webkit-keyframes shapeAnimationFive{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(-100px -100px) rotate(90deg); transform: translate(-100px -100px) rotate(90deg)} 50%{ -webkit-transform: translate(100px,50px) rotate(180deg); transform: translate(100px,50px) rotate(180deg)} 75%{ -webkit-transform: translate(-100px,150px) rotate(270deg); transform: translate(-100px,150px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@keyframes shapeAnimationFive{ 0%{ -webkit-transform: translate(0px,0px) rotate(0deg); transform: translate(0px,0px) rotate(0deg)} 25%{ -webkit-transform: translate(-100px -100px) rotate(90deg); transform: translate(-100px -100px) rotate(90deg)} 50%{ -webkit-transform: translate(100px,50px) rotate(180deg); transform: translate(100px,50px) rotate(180deg)} 75%{ -webkit-transform: translate(-100px,150px) rotate(270deg); transform: translate(-100px,150px) rotate(270deg)} 100%{ -webkit-transform: translate(0px,0px) rotate(360deg); transform: translate(0px,0px) rotate(360deg)}}@-webkit-keyframes down-up-one{ 0%{ -webkit-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px)} 50%{ -webkit-transform: rotateX(0deg) translateY(25px); transform: rotateX(0deg) translateY(25px)} 100%{ -webkit-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px)}}@keyframes down-up-one{ 0%{ -webkit-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px)} 50%{ -webkit-transform: rotateX(0deg) translateY(25px); transform: rotateX(0deg) translateY(25px)} 100%{ -webkit-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px)}}@-webkit-keyframes down-up-two{ 0%{ -webkit-transform: rotateX(0deg) translate(0px); transform: rotateX(0deg) translate(0px)} 50%{ -webkit-transform: rotateX(0deg) translate(0,-25px); transform: rotateX(0deg) translate(0,-25px)} 100%{ -webkit-transform: rotateX(0deg) translate(0px); transform: rotateX(0deg) translate(0px)}}@keyframes down-up-two{ 0%{ -webkit-transform: rotateX(0deg) translate(0px); transform: rotateX(0deg) translate(0px)} 50%{ -webkit-transform: rotateX(0deg) translate(0,-25px); transform: rotateX(0deg) translate(0,-25px)} 100%{ -webkit-transform: rotateX(0deg) translate(0px); transform: rotateX(0deg) translate(0px)}}@-webkit-keyframes leftRightOne{ 0%, 100%{ -webkit-transform: translateX(0); transform: translateX(0)} 50%{ -webkit-transform: translateX(50px); transform: translateX(50px)}}@keyframes leftRightOne{ 0%, 100%{ -webkit-transform: translateX(0); transform: translateX(0)} 50%{ -webkit-transform: translateX(50px); transform: translateX(50px)}}@-webkit-keyframes zoomInOut{ 0%, 100%{ -webkit-transform: scale(1); transform: scale(1)} 50%{ -webkit-transform: scale(0.5); transform: scale(0.5)}}@keyframes zoomInOut{ 0%, 100%{ -webkit-transform: scale(1); transform: scale(1)} 50%{ -webkit-transform: scale(0.5); transform: scale(0.5)}}@-webkit-keyframes preloader{ from{ -webkit-transform: rotate(0deg); transform: rotate(0deg)} to{ -webkit-transform: rotate(360deg); transform: rotate(360deg)}}@keyframes preloader{ from{ -webkit-transform: rotate(0deg); transform: rotate(0deg)} to{ -webkit-transform: rotate(360deg); transform: rotate(360deg)}}@-webkit-keyframes marquee{ 100%{ -webkit-transform: translate(-100%,0); transform: translate(-100%,0)}}@keyframes marquee{ 100%{ -webkit-transform: translate(-100%,0); transform: translate(-100%,0)}}@-webkit-keyframes marquee_right{ from{ -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0)} to{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}}@keyframes marquee_right{ from{ -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0)} to{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}}@-webkit-keyframes marquee_left{ from{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)} to{ -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0)}}@keyframes marquee_left{ from{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)} to{ -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0)}}.main-header{ position: relative; left: 0px; top: 0px; z-index: 999; width: 100%; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease} .main-header .header-upper{ z-index: 5; width: 100%; position: relative; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease} .main-header .logo-outer{ -webkit-box-flex: 0; -ms-flex: none; flex: none} @media only screen and (max-width: 991px){ .main-header .logo-outer{ display: none}} .main-header .logo{ z-index: 9; padding: 2px 0; position: relative} .main-header.menu-absolute .header-upper{ position: absolute} .main-header.fixed-header .header-upper{ top: 0; left: 0; position: fixed; background: #222222; -webkit-animation: sticky 1s; animation: sticky 1s; -webkit-box-shadow: 0px 0px 30px 0px rgba(87,95,245,0.1); box-shadow: 0px 0px 30px 0px rgba(87,95,245,0.1)} @media only screen and (min-width: 992px){ .main-header.fixed-header .main-menu .navbar-collapse > ul > li{ padding-top: 25px; padding-bottom: 25px}}@media only screen and (max-width: 991px){ .nav-outer{ width: 100%}}@media only screen and (max-width: 991px){ .main-menu{ width: 100%}}.main-menu .mobile-logo{ margin-right: auto} @media only screen and (max-width: 575px){ .main-menu .mobile-logo{ max-width: 150px}}@media only screen and (max-width: 991px){ .main-menu .collapse{ overflow: auto}}.main-menu .navbar-collapse{ padding: 0px} .main-menu .navbar-collapse > ul{ display: -webkit-box; display: -ms-flexbox; display: flex} @media only screen and (max-width: 991px){ .main-menu .navbar-collapse > ul{ display: block; padding: 25px 0; background: #222222} .main-menu .navbar-collapse > ul > li:last-child{ border-bottom: 1px solid var(--voxire-border-color)}} @media only screen and (min-width: 992px){ .main-menu .navbar-collapse > ul > li > a:before{ opacity: 0; content: "\f061"; position: absolute; left: 50%; top: 85%; font-weight: 300; font-size: 0.8em; -webkit-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; font-family: 'Font Awesome 5 Pro'; color: var(--voxire-primary-color); -webkit-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg)} .main-menu .navbar-collapse > ul > li > a:hover:before{ opacity: 1}} @media only screen and (max-width: 991px){ .main-menu .navbar-collapse{ left: 0; width: 100%; position: absolute; max-height: calc(100vh - 80px)}} .main-menu .navbar-collapse li{ padding: 35px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} @media only screen and (max-width: 1399px){ .main-menu .navbar-collapse li{ padding-left: 15px; padding-right: 15px}} @media only screen and (max-width: 991px){ .main-menu .navbar-collapse li{ display: block; padding: 0 15px; border-top: 1px solid var(--voxire-border-color)}} .main-menu .navbar-collapse li.dropdown .dropdown-btn{ cursor: pointer; font-size: 12px; margin-left: 5px; color: var(--voxire-secondary-color)} @media only screen and (max-width: 991px){ .main-menu .navbar-collapse li.dropdown .dropdown-btn{ position: absolute; right: 10px; top: 0; width: 50px; height: 43px; border-left: 1px solid var(--voxire-border-color); text-align: center; line-height: 43px}} .main-menu .navbar-collapse li a{ display: block; opacity: 1; font-weight: 600; position: relative; color: var(--voxire-secondary-color); font-family: var(--voxire-secondary-font); text-transform: capitalize; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease} @media only screen and (min-width: 376px){ .main-menu .navbar-collapse li a{ font-size: 18px}} @media only screen and (max-width: 991px){ .main-menu .navbar-collapse li a{ padding: 10px 10px; line-height: 22px}} .main-menu .navbar-collapse li a:hover{ color: var(--voxire-primary-color); text-decoration: underline} .main-menu .navbar-collapse li.current > a,.main-menu .navbar-collapse li.current-menu-item > a{ font-weight: 500} .main-menu .navbar-collapse li li{ border-top: 1px solid var(--voxire-border-color)} .main-menu .navbar-collapse li li a{ text-transform: capitalize} .main-menu .navbar-collapse li li a:before{ display: none} .main-menu .navbar-collapse li .megamenu{ position: absolute; left: 0px; top: 100%; width: 100%; z-index: 100; display: none; padding: 20px 0; background: #ffffff; -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05)} .main-menu .navbar-collapse li .megamenu:after{ display: block; clear: both; content: ""} @media only screen and (max-width: 991px){ .main-menu .navbar-collapse li .megamenu{ position: relative; -webkit-box-shadow: none; box-shadow: none; width: 100%} .main-menu .navbar-collapse li .megamenu .container{ max-width: 100%} .main-menu .navbar-collapse li .megamenu .row{ margin: 0px}} .main-menu .navbar-collapse li .megamenu ul{ display: block; position: relative; top: 0; width: 100%; -webkit-box-shadow: none; box-shadow: none} .main-menu .navbar-collapse li ul{ position: absolute; left: inherit; top: 100%; min-width: 250px; z-index: 100; display: none; background: #333333; -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05)} @media only screen and (max-width: 991px){ .main-menu .navbar-collapse li ul{ position: relative; display: none; width: 100%; -webkit-box-shadow: none; box-shadow: none; background: transparent} .main-menu .navbar-collapse li ul:after{ display: block; clear: both; content: ""}} @media only screen and (max-width: 991px) and (max-width: 375px){ .main-menu .navbar-collapse li ul{ min-width: auto}} .main-menu .navbar-collapse li ul li{ width: 100%; padding: 7px 20px} @media only screen and (max-width: 991px){ .main-menu .navbar-collapse li ul li{ padding: 0 15px}} .main-menu .navbar-collapse li ul li ul{ left: 100%; top: 0%} @media only screen and (max-width: 991px){ .main-menu .navbar-collapse li ul li ul{ left: auto}}.main-menu .navbar-header{ display: none} @media only screen and (max-width: 991px){ .main-menu .navbar-header{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start}} .main-menu .navbar-header .navbar-toggle{ float: right; padding: 4px 0; cursor: pointer; background: transparent} .main-menu .navbar-header .navbar-toggle .icon-bar{ background: var(--voxire-body-color); height: 2px; width: 30px; display: block; margin: 7px 0}.menu-btns{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .menu-btns .theme-btn{ padding-top: 9px; padding-bottom: 9px} @media only screen and (max-width: 1199px){ .menu-btns .theme-btn{ display: none}}.nav-search{ position: relative; margin-right: 50px; margin-left: 25px} @media only screen and (max-width: 1199px){ .nav-search{ margin-right: 25px}} @media only screen and (max-width: 479px){ .nav-search{ display: none}} .nav-search > button{ color: white; background: transparent} .nav-search form{ position: absolute; width: 320px; top: 100%; right: 0; z-index: 777; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.05); box-shadow: 0 0 5px 5px rgba(0,0,0,0.05)} @media only screen and (max-width: 375px){ .nav-search form{ width: 275px}} .nav-search form.hide{ display: none} .nav-search form input{ border: none; padding: 15px 5px 15px 25px} .nav-search form button{ background: transparent; padding: 15px 20px 15px 0}.menu-sidebar{ display: -webkit-box; display: -ms-flexbox; display: flex} @media only screen and (max-width: 479px){ .menu-sidebar{ margin-left: 25px}} .menu-sidebar button{ cursor: pointer; width: 50px; height: 50px; background: var(--voxire-primary-color); line-height: 50px; border-radius: 50%; text-align: center} .menu-sidebar button img{ margin-top: -4px}.hidden-bar{ position: fixed; right: -350px; top: 0px; opacity: 0; width: 350px; height: 100%; z-index: 99999; overflow-y: auto; visibility: hidden; background-color: #222222; border-left: 1px solid #231b26; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease} @media only screen and (max-width: 375px){ .hidden-bar{ width: 300px}} .hidden-bar .social-style-one a{ width: 40px; height: 40px; line-height: 40px}.side-content-visible .hidden-bar{ right: 0px; opacity: 1; visibility: visible}.hidden-bar .inner-box{ position: relative; padding: 100px 40px 50px} @media only screen and (max-width: 375px){ .hidden-bar .inner-box{ padding-left: 25px; padding-right: 25px}} .hidden-bar .inner-box .cross-icon{ position: absolute; right: 30px; top: 30px; cursor: pointer; color: #ffffff; font-size: 20px; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease} .hidden-bar .inner-box h4{ position: relative; color: #ffffff; margin-bottom: 35px}.hidden-bar .appointment-form{ position: relative} .hidden-bar .appointment-form .form-group{ position: relative; margin-bottom: 20px} .hidden-bar .appointment-form input[type="text"],.hidden-bar .appointment-form input[type="email"]{ position: relative; display: block; width: 100%; line-height: 23px; padding: 10px 25px; color: #ffffff; font-size: 16px; background: none; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; border: 1px solid rgba(255,255,255,0.1)} .hidden-bar .appointment-form textarea{ position: relative; display: block; width: 100%; line-height: 23px; padding: 10px 25px; color: #ffffff; font-size: 16px; border: 1px solid rgba(255,255,255,0.1); background: none; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; resize: none} .hidden-bar .appointment-form input::-webkit-input-placeholder{ font-size: 14px; color: #bdbdbd} .hidden-bar .appointment-form input:-ms-input-placeholder{ font-size: 14px; color: #bdbdbd} .hidden-bar .appointment-form input::-ms-input-placeholder{ font-size: 14px; color: #bdbdbd} .hidden-bar .appointment-form input::placeholder{ font-size: 14px; color: #bdbdbd} .hidden-bar .appointment-form textarea::-webkit-input-placeholder{ font-size: 14px; color: #bdbdbd} .hidden-bar .appointment-form textarea:-ms-input-placeholder{ font-size: 14px; color: #bdbdbd} .hidden-bar .appointment-form textarea::-ms-input-placeholder{ font-size: 14px; color: #bdbdbd} .hidden-bar .appointment-form textarea::placeholder{ font-size: 14px; color: #bdbdbd} .hidden-bar .appointment-form .form-group button{ width: 100%; font-size: 16px; padding: 10px 15px; margin-bottom: 20px; border-color: white}.form-back-drop{ position: fixed; left: 100%; top: 0px; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,0.7); visibility: hidden; z-index: 9990; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease}.side-content-visible .form-back-drop{ opacity: 1; left: 0; visibility: visible}.header-top{ padding-top: 9px; padding-bottom: 9px; color: var(--voxire-tertiary-color)} @media only screen and (max-width: 767px){ .header-top{ padding-top: 5px; padding-bottom: 5px}} .header-top .top-left{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -25px; margin-right: -25px} @media only screen and (max-width: 991px){ .header-top .top-left{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}} @media only screen and (max-width: 767px){ .header-top .top-left{ display: none}} .header-top .top-left li{ display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 25px; margin-right: 25px} .header-top .top-left li i{ margin-right: 10px} .header-top .top-right{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center} @media only screen and (min-width: 992px){ .header-top .top-right{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end}} .header-top .top-right .lang-select{ margin-right: 20px; margin-left: -10px} .header-top .top-right .nice-select{ border: none; line-height: 1; font-size: 16px; color: var(--voxire-tertiary-color); background: transparent; padding: 10px 40px 10px 10px} .header-top .top-right .nice-select .current{ color: var(--voxire-tertiary-color)} .header-top .top-right .nice-select:after{ border-color: var(--voxire-tertiary-color)} .header-top .top-right .social-style-two a{ width: 30px; height: 30px; border: none; font-size: 12px; line-height: 30px; margin-left: 3px; margin-right: 3px; background: rgba(2,5,10,0.15)} .header-top .top-right .social-style-two a:hover{ color: white; background: var(--voxire-tertiary-color)}.call-anytime{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .call-anytime .icon{ font-size: 35px; margin-right: 20px; color: var(--voxire-primary-color)} .call-anytime .content{ line-height: 1.75} .call-anytime .content span{ display: block; font-size: 14px} .call-anytime .content a{ color: white; font-weight: 600}@media only screen and (min-width: 1200px){ .main-header.header-two .nav-search{ margin-right: 30px}}.main-header.header-two .call-anytime{ margin-right: 30px} @media only screen and (max-width: 1199px){ .main-header.header-two .call-anytime{ display: none}}.main-header.header-two .menu-btns > button{ color: white; font-size: 22px; margin-right: 30px; background: transparent} @media only screen and (max-width: 1399px){ .main-header.header-two .menu-btns > button{ display: none}}.main-header.header-two .menu-sidebar > button{ border-radius: 0; background: #0A1019}.hero-area:after{ z-index: -1; width: 900px; height: 900px; opacity: 0.2; border-radius: 50%; -webkit-filter: blur(200px); filter: blur(200px); position: absolute; right: -250px; top: -130px; background: var(--voxire-primary-color); -webkit-animation: zoomInOut 5s infinite; animation: zoomInOut 5s infinite}.hero-bg{ z-index: -1; position: absolute; left: 0; top: 12%; opacity: 0.1; max-width: 100%}.hero-content h1{ line-height: 1; font-size: 180px; font-weight: 700; position: relative; margin-bottom: -85px; text-transform: uppercase} @media only screen and (max-width: 1399px){ .hero-content h1{ font-size: 150px}} @media only screen and (max-width: 991px){ .hero-content h1{ font-size: 115px}} @media only screen and (max-width: 767px){ .hero-content h1{ font-size: 85px; margin-bottom: -30px}} @media only screen and (max-width: 479px){ .hero-content h1{ font-size: 70px}} @media only screen and (max-width: 375px){ .hero-content h1{ font-size: 50px; max-width: 250px}} .hero-content h1 span{ color: transparent; -webkit-text-stroke: 1px; -webkit-text-stroke-color: white}@media only screen and (max-width: 991px){ .hero-right-image{ z-index: -1; position: absolute; right: 3%; top: 5%; max-width: 30%}}.hero-bottom-image{ display: -webkit-box; display: -ms-flexbox; display: flex} .hero-bottom-image img{ max-width: calc(100% - 70px)} @media only screen and (max-width: 575px){ .hero-bottom-image img{ max-width: calc(100% - 50px)}}.hero-social{ margin-left: 40px; padding-top: 40px; padding-bottom: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around} @media only screen and (max-width: 1199px){ .hero-social{ padding-top: 0; padding-bottom: 0}} @media only screen and (max-width: 575px){ .hero-social{ margin-left: 20px}} .hero-social a{ color: var(--voxire-secondary-color); text-transform: capitalize; -webkit-writing-mode: vertical-lr} .hero-social a:hover{ color: var(--voxire-primary-color); text-decoration: underline} .hero-social a i{ margin-bottom: 5px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)} @media only screen and (max-width: 991px){ .hero-social a span{ display: none}}.hero-title{ line-height: 1; font-weight: 700; font-size: 150px; font-family: var(--voxire-primary-font)} @media only screen and (max-width: 1399px){ .hero-title{ font-size: 140px}} @media only screen and (max-width: 1199px){ .hero-title{ font-size: 110px}} @media only screen and (max-width: 991px){ .hero-title{ font-size: 85px; line-height: 1.2}} @media only screen and (max-width: 767px){ .hero-title{ font-size: 60px}} @media only screen and (max-width: 575px){ .hero-title{ font-size: 52px; line-height: 1.3}} @media only screen and (max-width: 479px){ .hero-title{ font-size: 42px; line-height: 1.5}} @media only screen and (max-width: 375px){ .hero-title{ font-size: 33px}} .hero-title .arrow{ max-width: 40%; position: relative; display: inline-block} .hero-title .arrow:before{ content: ''; left: 28%; width: 130px; height: 130px; position: absolute; border-radius: 50%; border: 33px solid; top: calc(50% - 50px); -webkit-animation: rotated_circle linear 10s infinite; animation: rotated_circle linear 10s infinite; border-color: var(--voxire-primary-color) var(--voxire-primary-color) transparent transparent} @media only screen and (max-width: 991px){ .hero-title .arrow:before{ width: 100px; height: 100px; border-width: 22px}} @media only screen and (max-width: 991px){ .hero-title .arrow:before{ width: 70px; height: 70px; border-width: 15px; top: calc(50% - 33px)}} .hero-title img{ border-radius: 50px} .hero-title img.mxw-10{ max-width: 10%} .hero-title img.mxw-20{ max-width: 20%} .hero-title img.mxw-40{ max-width: 40%} .hero-title img.leaf{ border-radius: 0; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%)} .hero-title.style-two{ display: inline-block} @media only screen and (min-width: 992px){ .hero-title.style-two{ font-size: 85px} .hero-title.style-two .leaf{ -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%)}}.authors-text{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .authors-text img{ -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50px; height: 50px; border-radius: 50%; margin-right: -20px} @media only screen and (max-width: 375px){ .authors-text img{ margin-right: -30px}} .authors-text i{ -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 20px; color: var(--voxire-dark-color); width: 50px; height: 50px; background: var(--voxire-primary-color); line-height: 50px; border-radius: 50%; text-align: center} .authors-text .text{ font-weight: 600; line-height: 1.6}.hero-three-content{ max-width: 730px} .hero-three-content h1{ margin-bottom: 28px} @media only screen and (max-width: 1199px){ .hero-three-content h1{ font-size: 66px}} @media only screen and (max-width: 767px){ .hero-three-content h1{ font-size: 50px}} @media only screen and (max-width: 575px){ .hero-three-content h1{ font-size: 45px}} @media only screen and (max-width: 479px){ .hero-three-content h1{ font-size: 40px}} @media only screen and (max-width: 375px){ .hero-three-content h1{ font-size: 35px}} .hero-three-content h1 i{ font-weight: 400; color: var(--voxire-primary-color)} .hero-three-content p{ color: white; font-size: 20px} @media only screen and (max-width: 767px){ .hero-three-content p{ font-size: 18px}} @media only screen and (max-width: 479px){ .hero-three-content p{ font-size: 16px}} .hero-three-content .read-more{ margin-top: 15px; color: var(--voxire-primary-color)}.hero-three-shape{ z-index: -1; max-width: 20%; position: absolute; right: -8%; bottom: 75%; -webkit-animation: 10s zoomInOut infinite; animation: 10s zoomInOut infinite} .hero-three-shape img{ border-radius: 50%}.hero-four-content h1{ font-weight: 700} @media only screen and (min-width: 1400px){ .hero-four-content h1{ font-size: 120px}} @media only screen and (max-width: 767px){ .hero-four-content h1{ font-size: 60px}} @media only screen and (max-width: 575px){ .hero-four-content h1{ font-size: 40px}} @media only screen and (max-width: 375px){ .hero-four-content h1{ font-size: 35px}} .hero-four-content h1 .marquee-inner span{ color: transparent; -webkit-text-stroke: 1px; -webkit-text-stroke-color: white}.hero-four-content .rotated-man-wrap{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 35%}.hero-shapes .shape{ z-index: -1; max-width: 5%; position: absolute} .hero-shapes .shape.one{ top: 15%; left: 25%; -webkit-animation: upDownLeft 30s infinite; animation: upDownLeft 30s infinite} .hero-shapes .shape.two{ top: 15%; left: 65%; -webkit-animation: down-up-two 10s infinite; animation: down-up-two 10s infinite}.rotated-man{ z-index: 1; padding-left: 20px; padding-right: 20px; position: relative; -webkit-animation: semi_rotated 10s infinite; animation: semi_rotated 10s infinite} @media only screen and (max-width: 767px){ .rotated-man{ padding-left: 10px; padding-right: 10px}} @media only screen and (max-width: 479px){ .rotated-man{ padding-left: 5px; padding-right: 5px}} .rotated-man:before{ content: ''; position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 94%; background: var(--voxire-primary-color); border-radius: 250px 250px 0 0}.hero-area-six{ z-index: 1; position: relative} .hero-area-six:after,.hero-area-six:before{ content: ''; z-index: -1; width: 900px; height: 900px; opacity: 0.2; border-radius: 50%; -webkit-filter: blur(200px); filter: blur(200px); position: absolute; right: -250px; top: -130px; background: var(--voxire-primary-color); -webkit-animation: zoomInOut 5s infinite; animation: zoomInOut 5s infinite} .hero-area-six:before{ left: -250px}.hero-six-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; position: relative} .hero-six-wrapper .hero-social{ margin-left: 0; margin-right: 5%; padding-top: 0; padding-bottom: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end} @media only screen and (max-width: 991px){ .hero-six-wrapper .hero-social{ margin-top: 10px}} @media only screen and (max-width: 375px){ .hero-six-wrapper .hero-social{ display: none}} .hero-six-wrapper .hero-social a:not(:last-child){ margin-bottom: 90px} @media only screen and (max-width: 1599px){ .hero-six-wrapper .hero-social a:not(:last-child){ margin-bottom: 35px}} @media only screen and (max-width: 1199px){ .hero-six-wrapper .hero-social a:not(:last-child){ margin-bottom: 25px}} @media only screen and (min-width: 1200px){ .hero-six-wrapper .left-image{ margin-bottom: 22%}} @media only screen and (max-width: 1199px){ .hero-six-wrapper .left-image{ position: absolute; left: 8%; top: 0; max-width: 35%; max-height: 100%}} @media only screen and (max-width: 991px){ .hero-six-wrapper .left-image{ display: none}} .hero-six-wrapper .hero-six-content{ padding: 10%} @media only screen and (max-width: 1199px){ .hero-six-wrapper .hero-six-content{ z-index: 5; padding: 50px; position: relative}} @media only screen and (max-width: 1199px) and (max-width: 991px){ .hero-six-wrapper .hero-six-content{ padding: 0}} .hero-six-wrapper .hero-six-content h1{ line-height: 1; font-weight: 700; font-size: 150px; position: relative; letter-spacing: -6px; margin-bottom: 15%} @media only screen and (min-width: 1200px){ .hero-six-wrapper .hero-six-content h1{ margin-left: -50%; margin-right: -140%}} @media only screen and (max-width: 1599px){ .hero-six-wrapper .hero-six-content h1{ font-size: 120px}} @media only screen and (max-width: 1299px){ .hero-six-wrapper .hero-six-content h1{ font-size: 100px}} @media only screen and (max-width: 1199px){ .hero-six-wrapper .hero-six-content h1{ font-size: 80px; margin-bottom: 25px}} @media only screen and (max-width: 991px){ .hero-six-wrapper .hero-six-content h1{ font-size: 66px; letter-spacing: -2px}} @media only screen and (max-width: 767px){ .hero-six-wrapper .hero-six-content h1{ font-size: 50px; line-height: 1.2}} @media only screen and (max-width: 479px){ .hero-six-wrapper .hero-six-content h1{ font-size: 45px}} @media only screen and (max-width: 375px){ .hero-six-wrapper .hero-six-content h1{ font-size: 40px}} .hero-six-wrapper .hero-six-content p{ margin-bottom: 10%} @media only screen and (min-width: 768px){ .hero-six-wrapper .hero-six-content p{ font-size: 18px}} @media only screen and (max-width: 1199px){ .hero-six-wrapper .hero-six-content p{ margin-bottom: 25px}} @media only screen and (min-width: 1200px){ .hero-six-wrapper .right-image{ margin-top: 50%}} @media only screen and (max-width: 1199px){ .hero-six-wrapper .right-image{ position: absolute; right: 8%; bottom: 0; max-width: 30%}} @media only screen and (max-width: 991px){ .hero-six-wrapper .right-image{ display: none}} .hero-six-wrapper .down-arrow{ margin-left: 3%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center} @media only screen and (max-width: 479px){ .hero-six-wrapper .down-arrow{ display: none}} .hero-six-wrapper .down-arrow a{ color: white; font-weight: 600; padding: 30px 5px; border-radius: 50px; display: inline-block; background: var(--voxire-tertiary-color); -webkit-writing-mode: vertical-lr} .hero-six-wrapper .down-arrow a i{ font-size: 12px; margin-top: 5px}.slider-item{ padding-top: 215px; padding-bottom: 185px; z-index: 1; position: relative; background-size: cover; background-position: center} .slider-item::before{ position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0.8; background-color: #0A1019} @media only screen and (max-width: 1399px){ .slider-item{ padding-top: 170px}} @media only screen and (max-width: 991px){ .slider-item{ padding-top: 160px}} .slider-item:before{ mix-blend-mode: multiply}.slide-content{ max-width: 740px} .slide-content .sub-title{ font-size: 18px; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: var(--voxire-primary-color); text-transform: capitalize} .slide-content .sub-title:before{ content: ''; width: 36px; height: 10px; margin-right: 10px; background: url(../images/icons/sub-title.svg) no-repeat 100% 100%} .slide-content h2{ font-size: 65px; line-height: 1.1; margin-bottom: 35px} @media only screen and (max-width: 991px){ .slide-content h2{ font-size: 55px}} @media only screen and (max-width: 767px){ .slide-content h2{ font-size: 45px}} @media only screen and (max-width: 575px){ .slide-content h2{ font-size: 40px}} @media only screen and (max-width: 479px){ .slide-content h2{ font-size: 38px}} @media only screen and (max-width: 375px){ .slide-content h2{ font-size: 33px}} .slide-content h2 span{ font-weight: 300} .slide-content .ratting-btns{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: -50px} .slide-content .ratting-btns .quyality-ratting{ margin-top: 20px; margin-right: 50px} .slide-content .ratting-btns .quyality-ratting span{ display: block; font-size: 14px; line-height: 1.5} .slide-content .ratting-btns .quyality-ratting .ratting i{ font-size: 16px; color: var(--voxire-primary-color)} .slide-content .ratting-btns .theme-btn{ margin-top: 20px; margin-right: 50px} .slide-content .ratting-btns .read-more{ margin-top: 20px} .slide-content > *{ -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both}.slick-active .slide-content > *{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp}.slick-active .slide-content .sub-title{ -webkit-animation-delay: 0.2s; animation-delay: 0.2s}.slick-active .slide-content h2{ -webkit-animation-delay: 0.4s; animation-delay: 0.4s}.slick-active .slide-content hr{ -webkit-animation-delay: 0.6s; animation-delay: 0.6s}.slick-active .slide-content .ratting-btns{ -webkit-animation-delay: 0.8s; animation-delay: 0.8s}.main-slider-controls{ position: absolute; left: 0; bottom: 0; width: 100%}.main-slider-arrows{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end} .main-slider-arrows button{ display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; font-weight: 500; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 22px; padding-bottom: 22px; color: var(--voxire-tertiary-color); text-transform: uppercase; background: var(--voxire-primary-color)} @media only screen and (max-width: 575px){ .main-slider-arrows button{ font-size: 16px; padding-top: 12px; padding-bottom: 12px}} .main-slider-arrows button:focus,.main-slider-arrows button:hover{ color: rgba(2,5,10,0.3)} .main-slider-arrows button.main-slider-prev{ padding-left: 50px; padding-right: 25px} @media only screen and (max-width: 575px){ .main-slider-arrows button.main-slider-prev{ padding-left: 30px; padding-right: 15px}} .main-slider-arrows button.main-slider-prev i{ font-size: 22px; margin-right: 10px} .main-slider-arrows button.main-slider-next{ padding-left: 25px; padding-right: 50px} @media only screen and (max-width: 575px){ .main-slider-arrows button.main-slider-next{ padding-left: 15px; padding-right: 30px}} .main-slider-arrows button.main-slider-next i{ font-size: 22px; margin-left: 10px}.headline-text{ line-height: 1; font-size: 250px; font-weight: 700; color: var(--voxire-headline-color); text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; white-space: nowrap} @media only screen and (max-width: 1399px){ .headline-text{ font-size: 200px}} @media only screen and (max-width: 1199px){ .headline-text{ font-size: 150px}} @media only screen and (max-width: 991px){ .headline-text{ font-size: 100px}} @media only screen and (max-width: 767px){ .headline-text{ font-size: 80px}} @media only screen and (max-width: 575px){ .headline-text{ font-size: 60px}} @media only screen and (max-width: 479px){ .headline-text{ font-size: 50px}} @media only screen and (max-width: 375px){ .headline-text{ font-size: 40px}} .headline-text > span{ padding-left: 100%; -webkit-animation: marquee 15s linear infinite; animation: marquee 15s linear infinite} .headline-text > span span{ opacity: 0.2; color: transparent; -webkit-text-stroke: 1px; -webkit-text-stroke-color: white} @media only screen and (min-width: 1400px){ .headline-text.style-two{ font-size: 220px}} .headline-text.style-two > span span{ opacity: 1; text-transform: capitalize; background: -webkit-radial-gradient(50.02% 64.91%,42.25% 8948.61%,#FFFFFF 0%,rgba(255,255,255,0) 100%); background: -o-radial-gradient(50.02% 64.91%,42.25% 8948.61%,#FFFFFF 0%,rgba(255,255,255,0) 100%); background: radial-gradient(42.25% 8948.61% at 50.02% 64.91%,#FFFFFF 0%,rgba(255,255,255,0) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: transparent} @media only screen and (min-width: 992px){ .headline-text.style-three{ font-size: 120px}}.headline-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; white-space: nowrap} .headline-wrap > span{ -webkit-animation: marquee 15s linear infinite; animation: marquee 15s linear infinite} .headline-wrap > span .marquee-item{ margin-right: 50px; line-height: 1.2; font-size: 65px; font-weight: 300; color: var(--voxire-dark-color)} @media only screen and (max-width: 1399px){ .headline-wrap > span .marquee-item{ font-size: 55px}} @media only screen and (max-width: 1199px){ .headline-wrap > span .marquee-item{ font-size: 48px}} @media only screen and (max-width: 991px){ .headline-wrap > span .marquee-item{ font-size: 40px}} @media only screen and (max-width: 575px){ .headline-wrap > span .marquee-item{ font-size: 35px}} @media only screen and (max-width: 375px){ .headline-wrap > span .marquee-item{ font-size: 30px}} .headline-wrap > span .marquee-item i{ margin-right: 40px}.headline-wrap-two .marquee-wrap{ margin-top: 0}.headline-wrap-two .marquee-item{ margin-right: 60px; line-height: 1.2; font-size: 30px; font-weight: 300; color: var(--voxire-dark-color); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .headline-wrap-two .marquee-item i{ font-size: 0.8em; margin-right: 30px} .headline-wrap-two .marquee-item b{ font-weight: 400} @media only screen and (max-width: 1199px){ .headline-wrap-two .marquee-item{ font-size: 25px; margin-right: 35px} .headline-wrap-two .marquee-item i{ margin-right: 15px}} @media only screen and (max-width: 575px){ .headline-wrap-two .marquee-item{ font-size: 20px; margin-right: 25px} .headline-wrap-two .marquee-item i{ margin-right: 10px}}.headline-wrap-two.style-two .marquee-inner{ padding-right: 0}.headline-wrap-two.style-two .marquee-item{ font-size: 24px} @media only screen and (max-width: 991px){ .headline-wrap-two.style-two .marquee-item{ font-size: 20px}} @media only screen and (max-width: 575px){ .headline-wrap-two.style-two .marquee-item{ font-size: 18px}} .headline-wrap-two.style-two .marquee-item i{ margin-top: 6px; font-size: 1.1em; margin-right: 10px} .headline-wrap-two.style-two .marquee-item b{ font-weight: 600}.marquee-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; white-space: nowrap} @media only screen and (min-width: 1400px){ .marquee-wrap{ margin-top: -20px}}.marquee-inner{ padding-right: 50px} @media only screen and (max-width: 767px){ .marquee-inner{ padding-right: 15px}} .marquee-inner.one{ -webkit-animation: marquee_left 32s linear infinite; animation: marquee_left 32s linear infinite} .marquee-inner.two{ -webkit-animation: marquee_right 24s linear infinite; animation: marquee_right 24s linear infinite} .marquee-inner.three{ -webkit-animation: marquee_left 48s linear infinite; animation: marquee_left 48s linear infinite} .marquee-inner.left{ -webkit-animation: marquee_left 20s linear infinite; animation: marquee_left 20s linear infinite} .marquee-inner.right{ -webkit-animation: marquee_right 20s linear infinite; animation: marquee_right 20s linear infinite}.headline-area-six{ width: 110%; margin-left: -5%; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg)}.headline-area.move-top{ margin-top: -135px; z-index: -1} @media only screen and (max-width: 991px){ .headline-area.move-top{ margin-top: -90px}} @media only screen and (max-width: 767px){ .headline-area.move-top{ margin-top: -50px}}.headline-area.move-top-two{ margin-top: -30px; z-index: -1}.page-banner-area{ z-index: 1; position: relative} .page-banner-area::before{ position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0.9; background-color: #111111} .page-banner-area:before{ mix-blend-mode: multiply}.banner-inner h2{ margin-bottom: 20px} @media only screen and (min-width: 992px){ .banner-inner h2{ font-size: 55px}} @media only screen and (max-width: 767px){ .banner-inner h2{ font-size: 40px; margin-bottom: 10px}} @media only screen and (max-width: 575px){ .banner-inner h2{ font-size: 36px}}@media only screen and (min-width: 576px){ .banner-text{ font-size: 18px}}.breadcrumb{ padding: 0; margin: 0; font-size: 20px; background: transparent; text-transform: capitalize} @media only screen and (max-width: 575px){ .breadcrumb{ font-size: 18px}} @media only screen and (max-width: 375px){ .breadcrumb{ font-size: 16px}} .breadcrumb .breadcrumb-item{ padding: 0; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center} .breadcrumb .breadcrumb-item.active{ color: var(--voxire-primary-color); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px} .breadcrumb .breadcrumb-item + .breadcrumb-item::before{ margin-left: 15px; margin-right: 15px; -webkit-box-flex: 0; -ms-flex: none; flex: none; color: white; content: "\f105"; font-family: "Font Awesome 5 Pro"}.advertise-banner{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; height: calc(100% - 30px); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .advertise-banner.style-one{ color: var(--voxire-dark-color); background-size: cover; padding: 25px 50px 0 40px; background-position: center} @media only screen and (max-width: 575px){ .advertise-banner.style-one{ -ms-flex-wrap: wrap; flex-wrap: wrap}} .advertise-banner.style-one .image{ -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end} .advertise-banner.style-one .content{ max-width: 215px} @media only screen and (max-width: 575px){ .advertise-banner.style-one .content{ max-width: none; margin-bottom: 20px}} .advertise-banner.style-one .content .number{ line-height: 1; display: block; font-size: 85px; font-weight: 700; margin-bottom: 8px} @media only screen and (max-width: 375px){ .advertise-banner.style-one .content .number{ font-size: 60px}} .advertise-banner.style-one .content h6{ font-size: 20px; font-weight: 600; color: var(--voxire-dark-color)} .advertise-banner.style-one .content hr{ height: 2px; background-color: var(--voxire-dark-color); opacity: 1; margin-top: 35px} .advertise-banner.style-one .content p{ font-weight: 500} .advertise-banner.style-two{ color: var(--voxire-dark-color); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-repeat: no-repeat; padding: 50px 60px 35px 60px; background-position: top right} @media only screen and (max-width: 479px){ .advertise-banner.style-two{ padding-left: 35px; padding-right: 35px}} .advertise-banner.style-two h3{ font-size: 27px; color: var(--voxire-dark-color); margin-bottom: 20px} @media only screen and (max-width: 375px){ .advertise-banner.style-two h3{ font-size: 25px}} .advertise-banner.style-two hr{ height: 2px; background-color: var(--voxire-dark-color); opacity: 1} .advertise-banner.style-two .authors-text{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: auto} .advertise-banner.style-two .authors-text .text{ font-weight: 400; max-width: 202px; margin-top: 15px; margin-bottom: 15px}@media only screen and (min-width: 576px){ .about-content .content{ margin-left: 60px}}.about-image img{ display: inline-block; -webkit-animation: rotated_circle 30s infinite; animation: rotated_circle 30s infinite}.text-left-border{ padding-left: 40px; max-width: 615px; color: white; border-left: 4px solid var(--voxire-primary-color)} @media only screen and (min-width: 376px){ .text-left-border{ font-size: 18px}} @media only screen and (max-width: 375px){ .text-left-border{ padding-left: 30px}}.about-counter{ padding-left: 40px} @media only screen and (max-width: 375px){ .about-counter{ padding-left: 30px}}@media only screen and (max-width: 479px){ .about-area-three .section-title h2{ font-size: 33px}}@media only screen and (max-width: 375px){ .about-area-three .section-title h2{ font-size: 28px}}.about-three-content h4{ margin-top: 55px; margin-bottom: 20px} @media only screen and (min-width: 376px){ .about-three-content h4{ font-size: 27px}} .about-three-content h4 i{ font-weight: 400; color: var(--voxire-primary-color)}.about-three-shapes .year{ line-height: 1; font-weight: 700; font-size: 180px; background: -webkit-radial-gradient(4.84% 56.94%,83.27% 520.46%,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.01) 100%); background: -o-radial-gradient(4.84% 56.94%,83.27% 520.46%,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.01) 100%); background: radial-gradient(83.27% 520.46% at 4.84% 56.94%,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.01) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; left: 5%; bottom: 5%; z-index: -1}.about-three-shapes .leaf{ z-index: -1; position: absolute; right: 5%; top: 25%; max-width: 25%}.about-four-wrap{ background: #0A1019}.about-four-content .list-style-three{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .about-four-content .list-style-three li{ width: 48%; font-weight: 600; margin-bottom: 18px} @media only screen and (min-width: 1200px){ .about-four-content .list-style-three li{ font-size: 20px}} @media only screen and (max-width: 479px){ .about-four-content .list-style-three li{ width: 100%}} .about-four-content .list-style-three li:before{ content: '\f00c'}.award-image{ z-index: 1; position: relative; display: inline-block; -webkit-animation: semi_rotated 10s infinite; animation: semi_rotated 10s infinite} .award-image img{ border-radius: 250px 250px 0 0} .award-image:before{ content: ''; z-index: -1; width: 135%; opacity: 0.1; position: absolute; left: 50%; bottom: -8%; background: white; padding-bottom: 135%; border-radius: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%)}.awards-tabs .nav-link{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; text-align: left; border-radius: 0; padding: 0 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: transparent; border-bottom: 1px solid rgba(255,255,255,0.1)} .awards-tabs .nav-link .left .h3{ display: block} @media only screen and (max-width: 1199px){ .awards-tabs .nav-link .left .h3{ font-size: 25px}} @media only screen and (max-width: 375px){ .awards-tabs .nav-link .left .h3{ font-size: 20px}} .awards-tabs .nav-link .left .award-type{ color: var(--voxire-body-color)} .awards-tabs .nav-link .details-btn{ width: 65px; height: 65px; border: none; line-height: 65px; background: #0A1019} .awards-tabs .nav-link .details-btn:hover{ color: var(--voxire-dark-color); background: var(--voxire-primary-color)} .awards-tabs .nav-link:not(:last-child){ margin-bottom: 45px} .awards-tabs .nav-link.active{ border-color: white; background-color: transparent}.about-area-five{ position: relative; z-index: 1} .about-area-five:before{ content: ''; z-index: -1; position: absolute; left: 70px; top: 0; background: #0A1019; width: calc(100% - 140px); height: 100%} @media only screen and (max-width: 1599px){ .about-area-five:before{ left: 0; width: 100%}}.about-content-five{ max-width: 560px} .about-content-five .authors-text{ border-top: 1px solid var(--voxire-border-color)} @media only screen and (max-width: 479px){ .about-content-five .authors-text{ -ms-flex-wrap: wrap; flex-wrap: wrap}} .about-content-five .authors-text img{ width: 60px; height: 60px; margin-right: -10px} @media only screen and (max-width: 575px){ .about-content-five .authors-text img{ margin-right: -30px}} .about-content-five .authors-text .text{ color: white} @media only screen and (min-width: 480px){ .about-content-five .authors-text .text{ margin-left: 60px}} @media only screen and (max-width: 479px){ .about-content-five .authors-text .text{ margin-top: 20px}} .about-content-five .authors-text .text span{ color: var(--voxire-primary-color)}.about-five-images{ position: relative} .about-five-images .image-one, .about-five-images .image-two{ max-width: 56.2%} .about-five-images .image-one img, .about-five-images .image-two img{ width: 100%} .about-five-images .image-two{ margin-left: auto} .about-five-images .about-five-shape{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: -1; width: 65.5%} .about-five-images .about-five-shape img{ width: 100%}.work-with-us-area{ position: relative; z-index: 1} .work-with-us-area:before{ position: absolute; left: 0; bottom: 0; content: ''; z-index: -1; width: 100%; height: 140px; background: #0A1019}.work-with-content{ height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 50px 120px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column} @media only screen and (max-width: 1199px){ .work-with-content{ padding: 100px}} @media only screen and (max-width: 991px){ .work-with-content{ padding: 50px}} @media only screen and (max-width: 479px){ .work-with-content{ padding-left: 25px; padding-right: 25px}} .work-with-content .sub-title:before{ background-image: url(../images/icons/sub-title-black.svg)} .work-with-content p, .work-with-content h2, .work-with-content .theme-btn, .work-with-content .sub-title{ color: var(--voxire-dark-color)} .work-with-content .theme-btn{ border-color: var(--voxire-dark-color)} .work-with-content .theme-btn:hover{ border-color: var(--voxire-dark-color)}.service-item{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin-bottom: 30px; padding: 50px 50px 30px; background-color: #0A1019} @media only screen and (max-width: 767px){ .service-item{ margin-top: 0}} @media only screen and (max-width: 375px){ .service-item{ padding-left: 25px; padding-right: 25px}} .service-item .icon{ line-height: 1; font-size: 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin-bottom: 30px; color: var(--voxire-primary-color)} .service-item h5{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin-bottom: 20px} .service-item p{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s} .service-item:hover{ background-color: var(--voxire-primary-color)} .service-item:hover p,.service-item:hover h5,.service-item:hover h5 a,.service-item:hover .icon{ color: var(--voxire-dark-color)} .service-item.style-two{ padding-top: 40px; text-align: center; padding-bottom: 35px} @media only screen and (min-width: 376px){ .service-item.style-two{ padding-left: 40px; padding-right: 40px}} .service-item.style-two .icon{ font-size: 35px; margin-bottom: 25px} @media only screen and (min-width: 376px){ .service-item.style-two h5{ font-size: 22px}} .service-item.style-two .read-more{ padding-right: 0} .service-item.style-two .read-more i{ left: 50%; -webkit-transform: rotate(-45deg) translate(-50%); -ms-transform: rotate(-45deg) translate(-50%); transform: rotate(-45deg) translate(-50%)} .service-item.style-two .read-more:hover i{ left: calc(100% - 20px); -webkit-transform: rotate(-45deg) translate(0); -ms-transform: rotate(-45deg) translate(0); transform: rotate(-45deg) translate(0)} .service-item.style-two .read-more:hover span{ -webkit-transform: translate(-20px); -ms-transform: translate(-20px); transform: translate(-20px)} .service-item.style-two:hover{ background-image: url(../images/services/service-bg.png)} .service-item.style-two:hover .read-more{ color: var(--voxire-dark-color)} .service-item.style-three{ border: 2px solid #0A1019} @media only screen and (min-width: 376px){ .service-item.style-three{ padding-left: 40px; padding-right: 40px}} .service-item.style-three .icon{ font-size: 60px} .service-item.style-three .number{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin-top: -10px; margin-bottom: 20px; color: rgba(255,255,255,0.3)} .service-item.style-three h4{ margin-bottom: 18px} @media only screen and (max-width: 479px){ .service-item.style-three h4{ font-size: 20px}} .service-item.style-three h4 a:hover{ text-decoration: underline} .service-item.style-three:hover{ background: #0A1019; border-color: var(--voxire-primary-color)} .service-item.style-three:hover .icon{ color: var(--voxire-primary-color)} .service-item.style-three:hover .number{ color: white} .service-item.style-three:hover p{ color: var(--voxire-body-color)}.service-three-item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin-bottom: 30px; background: #0A1019; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 35px 35px 30px; height: calc(100% - 30px); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} @media only screen and (max-width: 375px){ .service-three-item{ padding-left: 25px; padding-right: 25px}} .service-three-item .title-icon{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .service-three-item .title-icon h5{ max-width: 60%} .service-three-item:hover{ -webkit-box-shadow: 0px 4px 60px rgba(111,206,235,0.2); box-shadow: 0px 4px 60px rgba(111,206,235,0.2)}.service-three-area:after{ z-index: -1; width: 900px; height: 900px; opacity: 0.2; border-radius: 50%; -webkit-filter: blur(200px); filter: blur(200px); position: absolute; left: -300px; bottom: -400px; background: var(--voxire-primary-color); -webkit-animation: zoomInOut 5s infinite; animation: zoomInOut 5s infinite}.service-four-item{ z-index: 1; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: relative; background: #0A1019; margin-bottom: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: calc(100% - 30px); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .service-four-item .content{ height: 100%; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .service-four-item .content h5{ margin-bottom: 0; margin-top: 18px} .service-four-item .icon-btn{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .service-four-item .icon-btn > i{ line-height: 1; font-size: 60px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: var(--voxire-primary-color)} .service-four-item .icon-btn .more-btn{ width: 50px; height: 50px; line-height: 50px; text-align: center; background: black; color: var(--voxire-primary-color); -webkit-transform: translate(30px,-30px); -ms-transform: translate(30px,-30px); transform: translate(30px,-30px)} .service-four-item .icon-btn .more-btn > i{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)} .service-four-item .image img{ width: 100%} .service-four-item:after,.service-four-item:before{ content: ''; z-index: -1; width: 110px; height: 110px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: absolute; right: 30px; top: 35px; border-radius: 50%} .service-four-item:before{ background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.07)),to(rgba(255,255,255,0))); background: -webkit-linear-gradient(top,rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top,rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(180deg,rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%)} .service-four-item:after{ opacity: 0; background: -webkit-gradient(linear,left top,left bottom,from(rgba(9,9,9,0.2)),to(rgba(255,255,255,0))); background: -webkit-linear-gradient(top,rgba(9,9,9,0.2) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top,rgba(9,9,9,0.2) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(180deg,rgba(9,9,9,0.2) 0%,rgba(255,255,255,0) 100%)} .service-four-item:hover{ background: var(--voxire-primary-color)} .service-four-item:hover .content h5 a, .service-four-item:hover .content .icon-btn > i{ color: var(--voxire-dark-color)} .service-four-item:hover:before{ opacity: 0} .service-four-item:hover:after{ opacity: 1}.services-five-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -70px} @media only screen and (max-width: 1199px){ .services-five-wrapper{ margin-right: -25px}} .services-five-wrapper .service-five-item{ margin-right: 70px} @media only screen and (max-width: 1199px){ .services-five-wrapper .service-five-item{ margin-right: 25px}}.service-five-item{ opacity: 0.2; color: black; font-size: 48px; font-weight: 600; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; letter-spacing: -0.96px} @media only screen and (max-width: 1399px){ .service-five-item{ font-size: 40px}} @media only screen and (max-width: 991px){ .service-five-item{ font-size: 30px; margin-bottom: 30px}} @media only screen and (max-width: 575px){ .service-five-item{ font-size: 25px}} .service-five-item span{ z-index: 1; position: relative} .service-five-item i{ float: right; font-size: 0.8em; margin-left: 50px} @media only screen and (max-width: 1199px){ .service-five-item i{ margin-left: 15px}} .service-five-item .image{ z-index: -1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; max-width: 300px; position: absolute; right: -222px; top: -75%; -webkit-transform: scale(0) rotate(-30deg); -ms-transform: scale(0) rotate(-30deg); transform: scale(0) rotate(-30deg)} @media only screen and (max-width: 991px){ .service-five-item .image{ right: -50px; max-width: 200px}} .service-five-item:hover{ opacity: 1; color: black; text-decoration: underline} .service-five-item:hover .image{ z-index: 2; -webkit-transform: scale(1) rotate(6.2deg); -ms-transform: scale(1) rotate(6.2deg); transform: scale(1) rotate(6.2deg)}.services-area-six:after,.services-area-six:before{ content: ''; z-index: -1; width: 850px; height: 850px; opacity: 0.2; border-radius: 50%; -webkit-filter: blur(300px); filter: blur(300px); position: absolute; right: -250px; top: -130px; background: var(--voxire-primary-color); -webkit-animation: zoomInOut 5s infinite; animation: zoomInOut 5s infinite}.services-area-six:before{ left: -250px}.service-six-item{ margin-bottom: 30px; background: #0A1019; padding: 30px 30px 30px 40px; border: 1px solid var(--voxire-border-color); -webkit-box-shadow: 0px 4px 60px 30px rgba(0,0,0,0.05); box-shadow: 0px 4px 60px 30px rgba(0,0,0,0.05)} @media only screen and (min-width: 480px){ .service-six-item{ display: -webkit-box; display: -ms-flexbox; display: flex}} .service-six-item .icon{ z-index: 1; width: 50px; height: 50px; font-size: 40px; margin-right: 38px; position: relative; color: var(--voxire-primary-color)} .service-six-item .icon:after{ content: ''; width: 100%; height: 100%; z-index: -1; opacity: 0.07; border-radius: 50%; background: white; position: absolute; right: -8px; bottom: -12px} .service-six-item .content{ margin-right: 10px} @media only screen and (max-width: 479px){ .service-six-item .content{ margin: 30px 0 20px}} .service-six-item .content h5{ margin-bottom: 8px} .service-six-item .content p{ opacity: 0.75; margin-bottom: 0; line-height: 1.5} .service-six-item .details-btn{ -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50px; height: 50px; font-size: 16px; margin-left: auto; line-height: 50px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center} .service-six-item:hover .content h5 a{ text-decoration: underline} .service-six-item:hover .details-btn{ color: #0A1019; background: var(--voxire-primary-color); border-color: var(--voxire-primary-color)}.why-choose-right{ position: relative; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content} @media only screen and (min-width: 1200px){ .why-choose-right{ margin-left: auto}} .why-choose-right .why-choose-border-shape{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 100px solid var(--voxire-primary-color); border-radius: 50%; z-index: -1} @media only screen and (max-width: 479px){ .why-choose-right .why-choose-border-shape{ border-width: 60px}} .why-choose-right .text-shape{ position: absolute; right: 2.5%; top: 8.5%; width: 44%} @media only screen and (max-width: 1599px){ .why-choose-right.style-two{ margin-left: 0}} .why-choose-right.style-two .why-choose-border-shape{ padding-bottom: 66%; height: auto; width: 110%; right: -34%; top: 50%; left: auto; z-index: 1; -webkit-transform: translateY(-50%) rotate(46deg); -ms-transform: translateY(-50%) rotate(46deg); transform: translateY(-50%) rotate(46deg); border-color: var(--voxire-primary-color) var(--voxire-primary-color) transparent transparent} @media only screen and (max-width: 767px){ .why-choose-right.style-two .why-choose-border-shape{ right: -5%}} @media only screen and (max-width: 479px){ .why-choose-right.style-two .why-choose-border-shape{ right: 0; padding-bottom: 82%}} @media only screen and (max-width: 375px){ .why-choose-right.style-two .why-choose-border-shape{ padding-bottom: 72%}} .why-choose-right.style-two .text-shape{ top: 50%; width: 48%; right: -30%; z-index: 2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)} @media only screen and (max-width: 767px){ .why-choose-right.style-two .text-shape{ right: 0}} .why-choose-right.style-three{ max-width: 540px; padding-right: 15%} .why-choose-right.style-three .image-one{ margin-right: 22%} .why-choose-right.style-three .image-two{ margin-left: 22%} .why-choose-right.style-three .why-choose-border-shape{ top: 55%; width: 100%} @media only screen and (min-width: 576px){ .why-choose-right.style-three .why-choose-border-shape{ right: -3%}} @media only screen and (max-width: 479px){ .why-choose-right.style-three .why-choose-border-shape{ padding-bottom: 75%}} @media only screen and (max-width: 375px){ .why-choose-right.style-three .why-choose-border-shape{ padding-bottom: 64%}} .why-choose-right.style-three .text-shape{ top: 55%} @media only screen and (min-width: 576px){ .why-choose-right.style-three .text-shape{ right: -6%}}@media only screen and (min-width: 376px){ .why-choose-left-content h5{ font-size: 22px}}.service-about-image{ padding-bottom: 15%; padding-right: 15%}.service-about-box{ max-width: 70%; padding: 50px 60px; position: absolute; right: 0; bottom: 0} @media only screen and (max-width: 1199px){ .service-about-box{ padding-left: 50px; padding-right: 50px}} @media only screen and (max-width: 479px){ .service-about-box{ padding: 30px 25px}} @media only screen and (max-width: 375px){ .service-about-box{ max-width: 85%}} .service-about-box .read-more{ font-size: 55px; margin-left: -10px; color: var(--voxire-dark-color); margin-bottom: 30px} @media only screen and (max-width: 479px){ .service-about-box .read-more{ font-size: 35px}} .service-about-box .read-more i{ font-weight: 300} .service-about-box h3{ margin-bottom: 0} @media only screen and (min-width: 1200px){ .service-about-box h3{ font-size: 35px}} @media only screen and (max-width: 479px){ .service-about-box h3{ font-size: 25px}} .service-about-box h3 a{ color: var(--voxire-dark-color)}.blog-meta{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .blog-meta li{ display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.5; margin-bottom: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase} @media only screen and (max-width: 991px){ .blog-meta li{ font-size: 15px}} .blog-meta li i{ color: white; margin: -3px 10px 0 0} @media only screen and (max-width: 375px){ .blog-meta li i{ display: none}} .blog-meta li:not(:last-child):after{ content: ''; width: 5px; height: 5px; border-radius: 50%; margin-left: 30px; margin-right: 30px; background: white} @media only screen and (max-width: 991px){ .blog-meta li:not(:last-child):after{ margin-left: 14px; margin-right: 14px}}.blog-meta-two{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: var(--voxire-secondary-font)} .blog-meta-two .tag{ font-weight: 600; padding: 1px 15px; border-radius: 5px; text-transform: uppercase; border: 1px solid var(--voxire-border-color)} .blog-meta-two .tag:hover{ color: var(--voxire-secondary-color); background: var(--voxire-primary-color); border-color: var(--voxire-primary-color)} .blog-meta-two .author{ font-weight: 600; color: var(--voxire-primary-color); text-transform: uppercase} .blog-meta-two a{ margin-bottom: 10px} .blog-meta-two a i{ margin-right: 5px} .blog-meta-two a:not(:last-child){ margin-right: 40px} @media only screen and (max-width: 767px){ .blog-meta-two a:not(:last-child){ margin-right: 15px}}.blog-item{ margin-bottom: 50px} .blog-item .image{ margin-bottom: 38px} .blog-item .image img{ width: 100%} .blog-item hr{ margin-top: 20px; margin-bottom: 25px} @media only screen and (max-width: 375px){ .blog-item h4{ font-size: 20px}} .blog-item h4 a:hover{ text-decoration: underline} .blog-item .read-more{ color: var(--voxire-primary-color); margin-top: 15px; text-decoration: none} .blog-item.style-two{ margin-bottom: 45px} .blog-item.style-two .tags{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-bottom: 20px} .blog-item.style-two .tags a{ opacity: 0.5; border: 1px solid; padding: 2px 20px; border-radius: 14px; margin: 0 12px 12px 0} .blog-item.style-two .tags a:hover{ opacity: 1} .blog-item.style-two .tags a.more i{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)} .blog-item.style-two .tags a.more:hover{ color: var(--voxire-dark-color); background: var(--voxire-primary-color); border-color: var(--voxire-primary-color)} .blog-item.style-two .image{ margin-bottom: 33px} .blog-item.style-two hr{ margin-top: 30px; margin-bottom: 28px} .blog-item.style-two h4 a:hover{ color: var(--voxire-primary-color)} .blog-item.style-three{ background: #0A1019; margin-bottom: 30px} .blog-item.style-three .image{ margin-bottom: 0; position: relative} .blog-item.style-three .image .category{ position: absolute; right: 30px; bottom: 0; font-size: 14px; font-weight: 500; padding: 2px 20px; color: var(--voxire-dark-color); text-transform: uppercase; background: var(--voxire-primary-color); -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%)} .blog-item.style-three .content{ padding: 35px 40px} @media only screen and (max-width: 375px){ .blog-item.style-three .content{ padding-left: 25px; padding-right: 25px}} .blog-item.style-three .content h5{ margin-top: 5px; margin-bottom: 15px} @media only screen and (min-width: 480px){ .blog-item.style-three .content h5{ font-size: 23px}} .blog-item.style-three .content .author{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .blog-item.style-three .content .author img{ width: 35px; border-radius: 50%; margin-right: 15px} .blog-item.style-four{ padding: 20px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; background: #0A1019; border: 4px solid #0A1019; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} @media only screen and (min-width: 576px){ .blog-item.style-four{ display: -webkit-box; display: -ms-flexbox; display: flex}} .blog-item.style-four .content{ max-width: 300px; padding-left: 30px} @media only screen and (min-width: 576px){ .blog-item.style-four .content{ width: 56%}} @media only screen and (max-width: 1199px){ .blog-item.style-four .content{ padding-left: 15px}} @media only screen and (max-width: 575px){ .blog-item.style-four .content{ padding: 15px 15px 35px}} @media only screen and (max-width: 375px){ .blog-item.style-four .content{ padding-left: 0; padding-right: 0}} .blog-item.style-four .content h5{ margin-bottom: 15px} @media only screen and (min-width: 376px){ .blog-item.style-four .content h5{ font-size: 22px}} .blog-item.style-four .content h5 a:hover{ text-decoration: underline} .blog-item.style-four .content .author{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .blog-item.style-four .content .author img{ width: 35px; height: 35px; margin-right: 15px; border-radius: 50%} .blog-item.style-four .content .author .name{ color: rgba(255,255,255,0.65)} .blog-item.style-four .image{ margin-bottom: 0} @media only screen and (min-width: 576px){ .blog-item.style-four .image{ width: 41%}} .blog-item.style-four:hover{ border-color: var(--voxire-primary-color)} .blog-item.style-five .image{ margin-bottom: 0} .blog-item.style-five .content{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: relative; background: #0A1019; padding: 25px 40px 15px; margin: -60px 20px 0 0; border: 1px solid var(--voxire-border-color)} @media only screen and (max-width: 375px){ .blog-item.style-five .content{ padding-left: 25px; padding-right: 25px}} .blog-item.style-five .content .blog-meta li i{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: var(--voxire-body-color)} .blog-item.style-five .content hr{ margin-top: 5px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s} .blog-item.style-five .content h5{ letter-spacing: -0.4px} @media only screen and (max-width: 375px){ .blog-item.style-five .content h5{ font-size: 18px}} .blog-item.style-five:hover .content{ background: var(--voxire-primary-color)} .blog-item.style-five:hover .content .blog-meta li i,.blog-item.style-five:hover .content .blog-meta li a{ color: var(--voxire-dark-color)} .blog-item.style-five:hover .content h5 a{ color: var(--voxire-dark-color)} .blog-item.style-five:hover .content h5 a:hover{ text-decoration: underline} .blog-item.style-five:hover .content hr{ opacity: 1; background: rgba(10,16,25,0.1)}.blog-item.blog-standard h3{ margin-top: 10px; margin-bottom: 20px} @media only screen and (max-width: 767px){ .blog-item.blog-standard h3{ font-size: 25px; line-height: 1.3}} @media only screen and (max-width: 479px){ .blog-item.blog-standard h3{ font-size: 22px}}.blog-item.blog-standard .read-more{ text-decoration: underline; margin-top: 5px}.blog-item.blog-standard.blog-blockquote{ background: #16161C; padding: 50px 70px; border-left: 3px solid var(--voxire-primary-color)} @media only screen and (max-width: 767px){ .blog-item.blog-standard.blog-blockquote{ padding-left: 40px; padding-right: 40px}} @media only screen and (max-width: 479px){ .blog-item.blog-standard.blog-blockquote{ padding: 30px 15px}}.blog-item.blog-standard.blog-video .image{ z-index: 1; position: relative} .blog-item.blog-standard.blog-video .image::before{ position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0.4; background-color: #000000} .blog-item.blog-standard.blog-video .image:before{ z-index: 1} .blog-item.blog-standard.blog-video .image .video-play{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 3; color: var(--voxire-dark-color); background: var(--voxire-primary-color)} @media only screen and (min-width: 768px){ .blog-item.blog-standard.blog-video .image .video-play{ width: 100px; height: 100px; line-height: 100px}}.blog-single-content h1,.blog-single-content h2,.blog-single-content h3,.blog-single-content h4,.blog-single-content h5,.blog-single-content h6,.blog-single-content p{ margin-bottom: 22px}.blog-single-content .big-first-letter:first-letter{ float: left; color: white; line-height: 0.8; font-size: 250px; font-weight: 500; margin-right: 50px} @media only screen and (max-width: 767px){ .blog-single-content .big-first-letter:first-letter{ font-size: 150px}} @media only screen and (max-width: 479px){ .blog-single-content .big-first-letter:first-letter{ font-size: 100px; margin-right: 25px}}blockquote{ color: white; font-size: 27px; line-height: 1.5; font-weight: 500; position: relative; padding-left: 150px; border-left: 5px solid var(--voxire-primary-color)} blockquote:before{ content: ""; color: white; line-height: 1; position: absolute; left: 50px; top: 3px; font-size: 60px; font-family: "flaticon_voxire"} @media only screen and (max-width: 767px){ blockquote{ font-size: 22px; padding-left: 100px} blockquote:before{ left: 30px; font-size: 40px}} @media only screen and (max-width: 479px){ blockquote{ font-size: 18px; padding-left: 50px} blockquote:before{ left: 10px; font-size: 25px}} blockquote .blockquote-footer{ color: white; display: block; font-size: 0.6em; margin-bottom: 0; margin-top: 15px} blockquote .blockquote-footer:before{ content: '———'; margin-right: 20px; color: var(--voxire-primary-color)}.tag-share{ -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .tag-share .item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px} .tag-share .social-style-two a{ width: 50px; height: 50px; line-height: 50px}.next-prev-blog{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .next-prev-blog .item{ display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 310px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px} .next-prev-blog .item .image{ -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: 100px; margin-right: 30px} @media only screen and (max-width: 375px){ .next-prev-blog .item .image{ max-width: 90px}} .next-prev-blog .item h6{ line-height: 1.65; margin-bottom: 5px} @media only screen and (min-width: 376px){ .next-prev-blog .item h6{ font-size: 18px}}@media only screen and (min-width: 376px){ .comment-title{ font-size: 35px}}.comment-body{ margin-bottom: 55px} @media only screen and (min-width: 480px){ .comment-body{ display: -webkit-box; display: -ms-flexbox; display: flex}} .comment-body .author-thumb{ -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: 100px; margin-right: 40px; margin-bottom: 20px} @media only screen and (max-width: 575px){ .comment-body .author-thumb{ margin-right: 25px}} .comment-body .author-thumb img{ border-radius: 50%} .comment-body .content .blog-meta{ margin-bottom: 5px} .comment-body .content .blog-meta li{ text-transform: capitalize} .comment-body .content h6{ margin-bottom: 0} @media only screen and (min-width: 376px){ .comment-body .content h6{ font-size: 18px}} @media only screen and (min-width: 376px){ .comment-body .content p{ font-size: 18px}} .comment-body .content .read-more{ color: var(--voxire-primary-color)} .comment-body.comment-child{ margin-left: 50px} @media only screen and (max-width: 575px){ .comment-body.comment-child{ margin-left: 30px}}.admin-comment .comment-body{ border: none; padding: 40px 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center} @media only screen and (max-width: 767px){ .admin-comment .comment-body{ padding-left: 25px; padding-right: 25px}} .admin-comment .comment-body .author-thumb{ max-width: 160px} @media only screen and (min-width: 576px){ .admin-comment .comment-body .author-thumb{ margin-bottom: 0; margin-right: 50px}} @media only screen and (min-width: 376px){ .admin-comment .comment-body .content h5{ font-size: 22px}} .admin-comment .comment-body .content p{ font-size: 16px} .admin-comment .comment-body .content .social-style-one a{ margin-right: 25px} .admin-comment .comment-body .content .social-style-one a:hover{ color: var(--voxire-primary-color)}.comment-form{ padding: 40px 60px 50px} @media only screen and (max-width: 479px){ .comment-form{ padding-left: 25px; padding-right: 25px}} .comment-form h4{ margin-bottom: 5px} .comment-form .form-group{ margin-bottom: 30px} .comment-form .form-control{ color: white; border: none; border-radius: 0; padding: 18px 30px; background: rgba(255,255,255,0.05)} .comment-form .form-control::-webkit-input-placeholder{ color: var(--voxire-body-color)} .comment-form .form-control:-ms-input-placeholder{ color: var(--voxire-body-color)} .comment-form .form-control::-ms-input-placeholder{ color: var(--voxire-body-color)} .comment-form .form-control::placeholder{ color: var(--voxire-body-color)} .comment-form .form-control:focus{ background: black}.form-style-one .form-group{ margin-bottom: 50px} .form-style-one .form-group label{ position: absolute; left: 0; top: 0; color: white; font-size: 18px}.form-style-one .nice-select,.form-style-one .form-control{ color: white; font-size: 18px; font-weight: 500; border-radius: 0; border-style: solid; border-width: 0 0 1px; padding: 1px 0 20px 33px; background: transparent; border-color: rgba(255,255,255,0.1)} .form-style-one .nice-select::-webkit-input-placeholder, .form-style-one .form-control::-webkit-input-placeholder{ color: white} .form-style-one .nice-select:-ms-input-placeholder, .form-style-one .form-control:-ms-input-placeholder{ color: white} .form-style-one .nice-select::-ms-input-placeholder, .form-style-one .form-control::-ms-input-placeholder{ color: white} .form-style-one .nice-select::placeholder, .form-style-one .form-control::placeholder{ color: white} .form-style-one .nice-select:focus, .form-style-one .form-control:focus{ border-color: var(--voxire-secondary-color)}.form-style-one .nice-select{ line-height: 1.5} .form-style-one .nice-select:after{ left: 0; top: 12px; width: 10px; height: 10px} .form-style-one .nice-select .list{ background: #222222} .form-style-one .nice-select .list .selected, .form-style-one .nice-select .list .option:hover{ background: #333333}.form-style-two{ background: #0A1019; padding: 40px 50px} @media only screen and (max-width: 375px){ .form-style-two{ padding-left: 25px; padding-right: 25px}} .form-style-two .form-group{ margin-bottom: 35px} .form-style-two .nice-select, .form-style-two .form-control{ color: white; font-weight: 500; border-radius: 0; border-style: solid; border-width: 0 0 1px; padding: 1px 0 15px; background: transparent; border-color: rgba(255,255,255,0.1)} .form-style-two .nice-select:focus, .form-style-two .form-control:focus{ border-color: var(--voxire-secondary-color)} .form-style-two .nice-select{ font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--voxire-body-color)} .form-style-two .nice-select:after{ right: 0; top: 12px} .form-style-two .nice-select .current{ font-weight: 400; color: var(--voxire-body-color)} .form-style-two .nice-select .list{ background: #222222} .form-style-two .nice-select .list .selected, .form-style-two .nice-select .list .option:hover{ background: #333333}.drop-me-image-part:after{ content: ''; z-index: -1; width: 115%; position: absolute; left: 50%; bottom: -8%; background: #0A1019; padding-bottom: 115%; border-radius: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%)}.contact-form{ -webkit-box-shadow: 10px 0 60px rgba(102,83,232,0.1); box-shadow: 10px 0 60px rgba(102,83,232,0.1)} @media only screen and (max-width: 479px){ .contact-form{ padding-left: 25px; padding-right: 25px}}.contact-info-part{ max-width: 415px; padding: 40px 60px} @media only screen and (max-width: 479px){ .contact-info-part{ padding-left: 25px; padding-right: 25px}}.contact-info-item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .contact-info-item .icon{ -webkit-box-flex: 0; -ms-flex: none; flex: none; font-size: 20px; color: var(--voxire-dark-color); margin-right: 25px; width: 60px; height: 60px; background: var(--voxire-primary-color); line-height: 60px; border-radius: 50%; text-align: center} .contact-info-item .content .title{ color: white; display: block} .contact-info-item:not(:last-child){ margin-bottom: 35px}.contact-info-box{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background: white; margin-bottom: 30px; padding: 50px 40px 45px; border: 1px solid var(--voxire-border-color)} @media only screen and (min-width: 376px){ .contact-info-box{ font-size: 18px}} .contact-info-box .icon{ font-size: 55px; margin-bottom: 30px; color: var(--voxire-primary-color)} @media only screen and (max-width: 375px){ .contact-info-box .icon{ font-size: 40px}} .contact-info-box h4{ margin-bottom: 15px} @media only screen and (min-width: 376px){ .contact-info-box h4{ font-size: 24px}} .contact-info-box > a, .contact-info-box > span{ display: inline-block} .contact-info-box > b{ font-weight: 500; color: var(--voxire-primary-color)} .contact-info-box:hover{ border-color: white; -webkit-box-shadow: 3px 0 60px rgba(111,206,235,0.2); box-shadow: 3px 0 60px rgba(111,206,235,0.2)}.our-location iframe{ height: 720px} @media only screen and (max-width: 1399px){ .our-location iframe{ height: 600px}} @media only screen and (max-width: 991px){ .our-location iframe{ height: 500px}} @media only screen and (max-width: 575px){ .our-location iframe{ height: 400px}}.our-location-address .social-style-two a{ width: 40px; height: 40px; border: none; line-height: 40px; background: rgba(255,255,255,0.1)} .our-location-address .social-style-two a:hover{ background: var(--voxire-primary-color)}.our-location-address{ color: white} .our-location-address h5{ margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid white} @media only screen and (min-width: 376px){ .our-location-address h5{ font-size: 22px}} .our-location-address .mailto{ color: var(--voxire-primary-color)} .our-location-address .callto{ color: white; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex} .our-location-address .callto i{ font-size: 12px; color: var(--voxire-dark-color); margin-right: 10px; width: 30px; height: 30px; background: var(--voxire-primary-color); line-height: 30px; border-radius: 50%; text-align: center}.contact-page-form{ padding: 60px; background: #0A1019} @media only screen and (max-width: 479px){ .contact-page-form{ padding-left: 35px; padding-right: 35px}} @media only screen and (max-width: 375px){ .contact-page-form{ padding-left: 25px; padding-right: 25px}} .contact-page-form .form-group{ margin-bottom: 30px} .contact-page-form .form-group label, .contact-page-form .form-group .form-control{ font-size: 16px}.has-error .with-errors{ color: red; margin-top: 5px; margin-bottom: -15px}#msgSubmit{ margin-bottom: 0; margin-top: 10px}.counter-item{ margin-bottom: 50px} .counter-item > i{ line-height: 1; font-size: 22px; margin-bottom: 15px; display: inline-block; color: var(--voxire-primary-color)} .counter-item .count-text{ display: block; line-height: 1; font-size: 120px; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; font-weight: 700; color: transparent; margin-bottom: 15px; -webkit-text-stroke: 1px; -webkit-text-stroke-color: rgba(255,255,255,0.2)} @media only screen and (max-width: 375px){ .counter-item .count-text{ font-size: 85px}} .counter-item .counter-title{ font-size: 18px; font-weight: 500} .counter-item:hover .count-text{ color: var(--voxire-primary-color); -webkit-text-stroke-color: var(--voxire-primary-color)} .counter-item.style-two{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; padding: 60px 70px; height: calc(100% - 50px); border-left: 1px solid rgba(255,255,255,0.1)} @media only screen and (max-width: 767px){ .counter-item.style-two{ padding: 30px}} .counter-item.style-two.bordered-top{ border-top: 1px solid rgba(255,255,255,0.1)} .counter-item.style-two.bordered-bottom{ border-bottom: 1px solid rgba(255,255,255,0.1)} .counter-item.style-two.bordered-right{ border-right: 1px solid rgba(255,255,255,0.1)} .counter-item.style-two:hover{ border-color: var(--voxire-primary-color)}.count-text.k:after{ content: 'k'}.count-text.plus:after{ content: '+'}.count-text.percent:after{ content: '%'}.counter-item-two{ margin-bottom: 30px; color: var(--voxire-secondary-color)} .counter-item-two .count-text{ display: block; line-height: 1; font-size: 48px; font-weight: 600; margin-bottom: 5px}.circle-progress-item{ text-align: center; margin-bottom: 40px} .circle-progress-item h5{ margin-top: 15px; margin-bottom: 8px}@media only screen and (min-width: 576px){ .skill-content p{ font-size: 18px}}.counter-section-three{ background: #0A1019}.counter-item-three{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center} @media only screen and (max-width: 479px){ .counter-item-three{ -ms-flex-wrap: wrap; flex-wrap: wrap}} .counter-item-three > i{ line-height: 1; font-size: 45px; margin-right: 25px; color: var(--voxire-primary-color)} .counter-item-three .count-text{ font-size: 80px; font-weight: 600; margin-right: 25px; line-height: 1; color: white} @media only screen and (max-width: 375px){ .counter-item-three .count-text{ font-size: 60px}} @media only screen and (min-width: 480px){ .counter-item-three .counter-title{ max-width: 130px}} @media only screen and (min-width: 376px){ .counter-item-three.style-two{ -ms-flex-wrap: inherit; flex-wrap: inherit}} .counter-item-three.style-two > i{ -webkit-box-flex: 0; -ms-flex: none; flex: none; color: var(--voxire-dark-color); width: 115px; height: 110px; line-height: 115px; padding-left: 25px; margin-right: 20px; background: var(--voxire-primary-color); -webkit-clip-path: polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%); clip-path: polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%)} @media only screen and (max-width: 991px){ .counter-item-three.style-two > i{ font-size: 35px; width: 80px; height: 75px; line-height: 80px; padding-left: 15px}} .counter-item-three.style-two .count-text{ margin-right: 30px} @media only screen and (max-width: 991px){ .counter-item-three.style-two .count-text{ font-size: 60px}} .counter-item-three.style-two .count-text:after{ font-size: 30px} @media only screen and (min-width: 376px){ .counter-item-three.style-two .counter-title{ max-width: 130px}} @media only screen and (max-width: 375px){ .counter-item-three.style-two .counter-title{ margin-top: 20px}}.video-play{ color: orange; font-size: 18px; display: inline-block; width: 120px; height: 120px; background: white; line-height: 120px; border-radius: 50%; text-align: center} .video-play:hover{ color: var(--voxire-primary-color)} @media only screen and (max-width: 767px){ .video-play{ width: 80px; height: 80px; font-size: 16px; line-height: 80px}}.video-play-text{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex} .video-play-text i{ color: white; font-size: 14px; margin-right: 15px; width: 55px; height: 55px; background: var(--voxire-primary-color); line-height: 55px; border-radius: 50%; text-align: center} .video-play-text span{ font-weight: 500; color: var(--voxire-secondary-color); text-decoration: underline}.video-part{ z-index: 1; position: relative} .video-part::before{ position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0.3; background-color: #02050A} .video-part:before{ z-index: 1} .video-part .video-play{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 3} .video-part .bg-text{ line-height: 1; font-size: 180px; font-weight: 800; background: -webkit-radial-gradient(11.78% 57.78%,46.77% 292.3%,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.02) 100%); background: -o-radial-gradient(11.78% 57.78%,46.77% 292.3%,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.02) 100%); background: radial-gradient(46.77% 292.3% at 11.78% 57.78%,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.02) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; left: 5%; bottom: -18%; z-index: -1} @media only screen and (max-width: 767px){ .video-part .bg-text{ font-size: 120px}} @media only screen and (max-width: 575px){ .video-part .bg-text{ font-size: 80px}} @media only screen and (max-width: 375px){ .video-part .bg-text{ font-size: 50px}} .video-part.style-two:before{ opacity: 0.1} .video-part.style-two .video-play{ color: var(--voxire-primary-color)} @media only screen and (min-width: 1200px){ .video-part.style-two .video-play{ width: 150px; height: 150px; font-size: 25px; line-height: 150px}} .video-part.style-three:before{ opacity: 0.5} .video-part.style-three .video-play{ color: var(--voxire-primary-color)}@media only screen and (min-width: 1200px){ .video-content-part{ max-width: 300px}}@media only screen and (min-width: 1200px){ .video-content-part .section-title{ margin-left: -200px}}@media only screen and (min-width: 1200px) and (max-width: 1399px){ .video-content-part .section-title h2{ font-size: 44px}}.video-content-part .read-more{ color: var(--voxire-primary-color)}.video-year{ line-height: 1; font-size: 230px; font-weight: 600; color: transparent; -webkit-text-stroke: 1px; -webkit-text-stroke-color: rgba(255,255,255,0.2)} @media only screen and (max-width: 1199px){ .video-year{ font-size: 150px}} @media only screen and (max-width: 575px){ .video-year{ font-size: 100px}} @media only screen and (max-width: 479px){ .video-year{ font-size: 80px}} .video-year .leaf-shape{ max-width: 25%; position: absolute; right: -30px; bottom: 25%}.video-area-six{ z-index: 1; position: relative} .video-area-six::before{ position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0.65; background-color: var(--voxire-dark-color)} .video-area-six:before{ mix-blend-mode: multiply}.video-six-content .video-title{ color: white; display: block; line-height: 1; font-size: 180px; font-weight: 700; text-align: center; letter-spacing: -5.4px; text-decoration: underline; text-underline-offset: 15px; text-decoration-thickness: 10px} @media only screen and (max-width: 1199px){ .video-six-content .video-title{ font-size: 150px}} @media only screen and (max-width: 991px){ .video-six-content .video-title{ font-size: 120px}} @media only screen and (max-width: 767px){ .video-six-content .video-title{ font-size: 80px; letter-spacing: -3px; text-decoration-thickness: 5px}} @media only screen and (max-width: 575px){ .video-six-content .video-title{ font-size: 60px; letter-spacing: -3px; text-underline-offset: 8px; text-decoration-thickness: 3px}} @media only screen and (max-width: 375px){ .video-six-content .video-title{ font-size: 50px}}.video-six-content .text{ max-width: 260px; margin-left: auto} @media only screen and (max-width: 991px){ .video-six-content .text{ margin-right: auto; text-align: center}}@media only screen and (min-width: 768px){ .video-six-content .video-play{ width: 140px; height: 140px}}.video-six-content .video-text{ line-height: 1; display: block; font-size: 150px; font-weight: 700; font-style: italic; letter-spacing: -4.5px; color: var(--voxire-primary-color)} @media only screen and (max-width: 1199px){ .video-six-content .video-text{ font-size: 120px}} @media only screen and (max-width: 767px){ .video-six-content .video-text{ font-size: 80px; letter-spacing: -3px}}.team-member{ position: relative; margin-bottom: 30px} .team-member .image{ margin-bottom: 30px} .team-member .image img{ width: 100%} .team-member .btn-social{ z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0; bottom: -5px; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; background: black} .team-member .btn-social .read-more{ color: var(--voxire-primary-color)} .team-member .btn-social .read-more i{ margin-left: 10px} .team-member .btn-social .social-style-two{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px} .team-member .content{ -webkit-transition: 1s; -o-transition: 1s; transition: 1s; position: relative; padding-right: 30px} .team-member .content h4{ font-size: 22px} .team-member .content .read-more{ position: absolute; right: 0; top: 15px; font-size: 30px} .team-member .content .read-more i{ font-weight: 300} .team-member:hover .btn-social{ opacity: 1} .team-member:hover .content{ opacity: 0} .team-member.style-two{ margin-bottom: 60px} @media only screen and (min-width: 1200px){ .team-member.style-two .content{ padding-left: 30px; padding-right: 60px} .team-member.style-two .content .read-more{ right: 30px}} @media only screen and (min-width: 1200px){ .team-member.style-two .btn-social{ padding-left: 30px; padding-right: 30px}} .team-member.style-three .image{ z-index: 1; position: relative} .team-member.style-three .image::before{ position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0; background-color: #02050A} .team-member.style-three .image .social-style-two{ opacity: 0; z-index: 2; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: absolute; left: 25px; bottom: 40px; padding: 10px 15px; background: var(--voxire-primary-color)} .team-member.style-three .image .social-style-two a{ width: 30px; height: 30px; margin: 0 4px; font-size: 14px; line-height: 30px; background: rgba(2,5,10,0.15)} .team-member.style-three .image .social-style-two a:hover{ color: white; background: var(--voxire-dark-color)} .team-member.style-three .image:before{ z-index: 1; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s} .team-member.style-three .content{ opacity: 1} .team-member.style-three .content h4{ margin-bottom: 0} .team-member.style-three .content > span{ opacity: 0.5} .team-member.style-three:hover .image .social-style-two{ bottom: 20px; opacity: 1} .team-member.style-three:hover .image:before{ opacity: 0.3} .team-member.style-four .image{ margin-bottom: 0} .team-member.style-four .content{ z-index: 1; position: relative; padding: 20px 25px; margin: -30px 15px 0} .team-member.style-four .content > h5{ font-size: 18px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin-bottom: 0} .team-member.style-four .content > span{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s} .team-member.style-four .content .team-social{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; right: 20px; bottom: calc(100% - 15px)} .team-member.style-four .content .team-social .social-style-two{ opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column} .team-member.style-four .content .team-social .social-style-two a{ width: 30px; height: 30px; border: none; display: none; color: #696969; font-size: 13px; line-height: 30px; background: white; margin: 0 0 7px} .team-member.style-four .content .team-social .social-style-two a:hover{ color: var(--voxire-dark-color); background: var(--voxire-primary-color)} .team-member.style-four .content .team-social button{ font-size: 13px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; width: 30px; height: 30px; background: var(--voxire-primary-color); line-height: 30px; border-radius: 50%; text-align: center} .team-member.style-four .content:before{ position: absolute; left: 0; bottom: 0; z-index: -1; content: ''; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background: #0A1019; width: 100%; height: calc(100% + 22px); -webkit-clip-path: polygon(0 0,100% 22px,100% 100%,0% 100%); clip-path: polygon(0 0,100% 22px,100% 100%,0% 100%)} .team-member.style-four:hover .content{ opacity: 1} .team-member.style-four:hover .content > h5,.team-member.style-four:hover .content > span{ color: var(--voxire-dark-color)} .team-member.style-four:hover .content .team-social button{ color: white; background: var(--voxire-dark-color)} .team-member.style-four:hover .content .team-social:hover .social-style-two{ opacity: 1} .team-member.style-four:hover .content .team-social:hover .social-style-two a{ display: block} .team-member.style-four:hover .content:before{ background: var(--voxire-primary-color)}.team-page-area{ background-repeat: repeat-x}.team-profile-content h2{ margin-bottom: 20px} @media only screen and (min-width: 1200px){ .team-profile-content h2{ font-size: 65px}} @media only screen and (max-width: 767px){ .team-profile-content h2{ font-size: 40px}} @media only screen and (max-width: 575px){ .team-profile-content h2{ font-size: 35px}} @media only screen and (max-width: 375px){ .team-profile-content h2{ font-size: 30px}}.team-profile-content .designation{ display: block; font-size: 24px; margin-bottom: 50px} @media only screen and (max-width: 575px){ .team-profile-content .designation{ font-size: 20px; margin-bottom: 35px}}@media only screen and (min-width: 376px){ .team-profile-content p{ font-size: 18px}}.pricing-plan-item{ z-index: 2; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: relative; padding: 40px 50px; margin-bottom: 40px; background: #0A1019} @media only screen and (max-width: 375px){ .pricing-plan-item{ padding-left: 25px; padding-right: 25px}} .pricing-plan-item .badge{ width: 100%; opacity: 0; padding: 8px; font-size: 14px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; border-radius: 0; font-weight: 700; text-align: center; color: var(--voxire-dark-color); text-transform: uppercase; position: absolute; left: 0; bottom: calc(100% - 30px); background: var(--voxire-primary-color)} .pricing-plan-item .badge i{ margin-left: 5px; margin-right: 5px} .pricing-plan-item .icon{ line-height: 1; font-size: 60px; margin-bottom: 28px; color: var(--voxire-primary-color)} .pricing-plan-item .price-text{ color: white; display: block; margin-top: 40px; margin-bottom: 40px} .pricing-plan-item .price-text .before{ font-weight: 600} .pricing-plan-item .price-text .price{ font-size: 48px; font-weight: 600} @media only screen and (max-width: 375px){ .pricing-plan-item .price-text .price{ font-size: 35px}} .pricing-plan-item .list-style-one{ padding-bottom: 30px} .pricing-plan-item .list-style-one li{ margin-bottom: 15px} .pricing-plan-item .list-style-one li:before{ font-size: 8px} .pricing-plan-item .list-style-one.two-column{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .pricing-plan-item .list-style-one.two-column li{ width: 100%; opacity: 0.75} @media only screen and (min-width: 1200px){ .pricing-plan-item .list-style-one.two-column li{ width: 48%}} .pricing-plan-item .icon-title-price{ margin-bottom: 65px; padding-bottom: 25px; border-bottom: 1px solid var(--voxire-border-color)} @media only screen and (min-width: 480px){ .pricing-plan-item .icon-title-price{ display: -webkit-box; display: -ms-flexbox; display: flex}} .pricing-plan-item .icon-title-price .icon{ margin-right: 60px} @media only screen and (min-width: 376px){ .pricing-plan-item .icon-title-price .icon{ font-size: 80px; margin-top: 10px}} @media only screen and (max-width: 1199px){ .pricing-plan-item .icon-title-price .icon{ margin-right: 28px}} .pricing-plan-item .icon-title{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 22px; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .pricing-plan-item .icon-title .icon{ margin-bottom: 0; margin-right: 20px; width: 60px; height: 60px; background: var(--voxire-primary-color); line-height: 60px; border-radius: 50%; text-align: center; line-height: 50px} .pricing-plan-item .icon-title h5{ margin-bottom: 0} .pricing-plan-item .price-offer{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .pricing-plan-item .price-offer .price-text{ line-height: 1; margin-top: 30px; margin-bottom: 30px} .pricing-plan-item .price-offer .offer-text{ color: white; max-width: 45px; font-size: 18px; line-height: 1.4; font-weight: 500} .pricing-plan-item:hover{ z-index: 1; -webkit-box-shadow: 0px 4px 60px 30px rgba(111,206,235,0.15); box-shadow: 0px 4px 60px 30px rgba(111,206,235,0.15)} .pricing-plan-item:hover .badge{ opacity: 1; bottom: 100%} .pricing-plan-item.style-two{ -webkit-box-shadow: none; box-shadow: none} @media only screen and (min-width: 576px){ .pricing-plan-item.style-two{ padding: 50px 70px}} .pricing-plan-item.style-three{ -webkit-box-shadow: none; box-shadow: none} .pricing-plan-item.style-three .list-style-one{ padding-top: 15px; padding-bottom: 0; margin-bottom: -15px}.pricing-banner{ height: calc(100% - 40px); min-height: 500px; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 40px; position: relative; z-index: 1; margin-bottom: 40px} @media only screen and (max-width: 375px){ .pricing-banner{ padding-left: 25px; padding-right: 25px}} .pricing-banner .join-us{ font-size: 14px; font-weight: 600; color: white} .pricing-banner h4{ font-size: 27px; margin-bottom: 20px} .pricing-banner .details-btn{ width: 50px; height: 50px; line-height: 50px; font-size: 18px} .pricing-banner .details-btn:not(:hover){ border-color: white} .pricing-banner .hand-shape{ position: absolute; right: 42px; top: 120px; z-index: -1}.project-item{ margin-bottom: 120px} @media only screen and (max-width: 991px){ .project-item{ margin-bottom: 70px}} .project-item .image{ z-index: 1; position: relative} .project-item .image::before{ position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0; background-color: var(--voxire-primary-color)} .project-item .image:before{ z-index: 1; -webkit-transition: 0.35s linear; -o-transition: 0.35s linear; transition: 0.35s linear; mix-blend-mode: multiply; -webkit-transform: scale3d(0.5,1,0.5); transform: scale3d(0.5,1,0.5)} .project-item .image img{ width: 100%} .project-item .image .project-btn{ z-index: 2; opacity: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 30px; color: var(--voxire-dark-color); width: 90px; height: 90px; background: white; line-height: 90px; border-radius: 50%; text-align: center; -webkit-transition: 0.35s linear; -o-transition: 0.35s linear; transition: 0.35s linear} @media only screen and (max-width: 479px){ .project-item .image .project-btn{ width: 60px; height: 60px; font-size: 20px; line-height: 60px}} .project-item .image .project-btn i{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)} .project-item .content{ padding: 30px 50px 0} @media only screen and (max-width: 1199px){ .project-item .content{ padding-left: 30px; padding-right: 30px}} @media only screen and (max-width: 375px){ .project-item .content{ padding-left: 0; padding-right: 0}} .project-item .content .category{ font-size: 20px; margin-bottom: 14px; display: inline-block; text-decoration: underline} @media only screen and (max-width: 1199px){ .project-item .content h2{ font-size: 40px}} @media only screen and (max-width: 479px){ .project-item .content h2{ font-size: 35px}} @media only screen and (max-width: 375px){ .project-item .content h2{ font-size: 30px}} .project-item .content h2 a i{ color: var(--voxire-primary-color); font-weight: 400} .project-item .content h2 a:hover{ text-decoration: underline; text-underline-offset: 11px; text-decoration-thickness: 3px} @media only screen and (max-width: 479px){ .project-item .content h2 a:hover{ text-underline-offset: 8px; text-decoration-thickness: 2px}} .project-item .content h2 a:hover i{ text-decoration: underline; text-decoration-thickness: 3px; -webkit-text-decoration-color: var(--voxire-primary-color); text-decoration-color: var(--voxire-primary-color)} @media only screen and (max-width: 479px){ .project-item .content h2 a:hover i{ text-underline-offset: 8px; text-decoration-thickness: 2px}} .project-item .content h4 a i{ color: var(--voxire-primary-color); font-weight: 400} .project-item .content h4 a:hover{ text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px} .project-item .content h4 a:hover i{ text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-color: var(--voxire-primary-color); text-decoration-color: var(--voxire-primary-color)} .project-item:hover .image:before{ opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1)} .project-item:hover .image .project-btn{ opacity: 1; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s} .project-item.style-two{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} @media only screen and (max-width: 991px){ .project-item.style-two{ -ms-flex-wrap: wrap; flex-wrap: wrap}} .project-item.style-two .content{ padding: 0; max-width: 440px} .project-item.style-two .content:first-child{ margin-left: auto; margin-right: 80px} @media only screen and (max-width: 991px){ .project-item.style-two .content:first-child{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 35px 50px 0}} @media only screen and (max-width: 575px){ .project-item.style-two .content:first-child{ margin-left: 0; margin-right: 0}} .project-item.style-two .content:last-child{ margin-left: 80px} @media only screen and (max-width: 991px){ .project-item.style-two .content:last-child{ margin: 35px 50px 0}} @media only screen and (max-width: 575px){ .project-item.style-two .content:last-child{ margin-left: 0; margin-right: 0}} .project-item.style-two .content hr{ margin-top: 65px; margin-bottom: 55px} @media only screen and (max-width: 991px){ .project-item.style-two .content hr{ margin-top: 35px; margin-bottom: 25px}} .project-item.style-two .content .read-more{ margin-top: 10px} .project-item.style-three{ margin-bottom: 55px} @media only screen and (min-width: 768px){ .project-item.style-three{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center}} .project-item.style-three .image{ overflow: hidden; border-radius: 50%} .project-item.style-three .image:before{ border-radius: 50%} @media only screen and (min-width: 768px){ .project-item.style-three .content{ padding-top: 0}} .project-item.style-three .content h4{ margin-top: 10px; margin-bottom: 20px} .project-item.style-four{ margin-bottom: 60px} .project-item.style-four .image{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; overflow: hidden; padding-bottom: 92%} .project-item.style-four .image img{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%)} .project-item.style-four .image .project-btn{ background: var(--voxire-primary-color)} .project-item.style-four .image:before{ background: var(--voxire-dark-color)} .project-item.style-four .content{ padding-left: 0; padding-right: 0} .project-item.style-four .content .category{ font-size: 18px} .project-item.style-four .content h4 a:hover{ color: var(--voxire-primary-color)} .project-item.style-four:hover .image{ padding-bottom: 80%} .project-item.style-four:hover .image:before{ opacity: 0.85} .project-item.style-five{ margin-bottom: 80px} .project-item.style-five .image img{ width: 100%} .project-item.style-five .image .project-btn{ left: auto; top: 30px; right: 30px; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0)} @media only screen and (min-width: 480px){ .project-item.style-five .image .project-btn{ width: 80px; height: 80px; line-height: 80px}} .project-item.style-five .content{ padding: 0; z-index: 2; position: absolute; left: 35px; bottom: 35px} @media only screen and (max-width: 375px){ .project-item.style-five .content{ left: 15px; bottom: 15px}} .project-item.style-five .content .category{ opacity: 0; font-size: 18px; margin-bottom: 0; background: white; padding: 5px 22px; color: var(--voxire-dark-color); text-decoration: none} .project-item.style-five .content h4{ margin-bottom: 0} @media only screen and (max-width: 1599px){ .project-item.style-five .content h4{ font-size: 22px}} @media only screen and (max-width: 375px){ .project-item.style-five .content h4{ font-size: 20px}} .project-item.style-five .content h4 a{ opacity: 0; color: white; padding: 11px 22px; display: inline-block; text-decoration: none; background: var(--voxire-dark-color)} .project-item.style-five:hover .content .category{ opacity: 1; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s} .project-item.style-five:hover .content h4 a{ opacity: 1; -webkit-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s}.gallery-five-active{ margin-left: -15px; margin-right: -15px} .gallery-five-active .project-item{ margin-left: 15px; margin-right: 15px}.project-area-six .project-item{ margin-bottom: 30px} .project-area-six .project-item .image:before{ background-color: #0A1019} .project-area-six .project-item .content h4 a{ color: var(--voxire-dark-color); background: var(--voxire-primary-color)} .project-area-six .project-item:hover .image:before{ opacity: 0.65}@media only screen and (min-width: 1600px){ .project-area-six .row-cols-xl-4 > *{ width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto}}.work-gallery-active{ margin-left: -40px; margin-right: -40px} @media only screen and (max-width: 1399px){ .work-gallery-active{ margin-left: -15px; margin-right: -15px}} .work-gallery-active .slick-track{ display: -webkit-box; display: -ms-flexbox; display: flex} .work-gallery-active .project-item{ height: auto; margin-left: 40px; margin-right: 40px} @media only screen and (max-width: 1399px){ .work-gallery-active .project-item{ margin-left: 15px; margin-right: 15px}}.work-gallery-controls{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center} .work-gallery-controls .slick-arrow{ color: rgba(255,255,255,0.65); font-size: 30px; background: transparent} .work-gallery-controls .slick-arrow:focus,.work-gallery-controls .slick-arrow:hover{ color: var(--voxire-primary-color)} .work-gallery-controls .work-gallery-dots{ margin-left: 30px; margin-right: 30px}.slider-arrow-btns .slick-arrow{ width: 60px; height: 60px; font-size: 22px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; border-radius: 50%; color: var(--voxire-secondary-color); -webkit-box-shadow: 3px 0 60px rgba(111,206,235,0.2); box-shadow: 3px 0 60px rgba(111,206,235,0.2); background: var(--voxire-tertiary-color)} .slider-arrow-btns .slick-arrow:focus,.slider-arrow-btns .slick-arrow:hover{ color: var(--voxire-dark-color); background: var(--voxire-primary-color)} .slider-arrow-btns .slick-arrow:first-child{ margin-right: 10px}.project-timeline{ border-bottom: 1px solid var(--voxire-border-color); padding-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 60px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s} @media only screen and (max-width: 767px){ .project-timeline{ -ms-flex-wrap: wrap; flex-wrap: wrap}} .project-timeline .content{ max-width: 350px; margin-right: 20px} .project-timeline .content .serial-number{ color: white; font-weight: 300; font-size: 50px; margin-bottom: 45px; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s} .project-timeline .content h4{ line-height: 1.4} .project-timeline .image{ margin-left: auto; margin-right: auto} @media only screen and (max-width: 991px){ .project-timeline .image{ margin-right: 0}} @media only screen and (max-width: 767px){ .project-timeline .image{ margin-left: 0; margin-top: 30px}} @media only screen and (max-width: 991px){ .project-timeline .right-btn{ display: none}} .project-timeline:hover{ border-color: var(--voxire-primary-color)} .project-timeline:hover .content .serial-number, .project-timeline:hover .content h4 a{ color: var(--voxire-primary-color)} .project-timeline:hover .content h4 a{ text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px} .project-timeline:hover .right-btn .details-btn{ background: var(--voxire-primary-color); color: var(--voxire-dark-color)}.project-timeline-two{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 35px; border-bottom: 1px solid #222222; margin-bottom: 55px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s} @media only screen and (max-width: 479px){ .project-timeline-two{ -ms-flex-wrap: wrap; flex-wrap: wrap}} .project-timeline-two .serial-number{ font-size: 22px; font-weight: 300; color: rgba(255,255,255,0.2); -webkit-transition: .3s; -o-transition: .3s; transition: .3s} .project-timeline-two h4{ font-size: 22px; font-weight: 500; line-height: 1.43; max-width: 300px; margin-left: 100px; margin-right: auto} @media only screen and (max-width: 1199px){ .project-timeline-two h4{ margin-left: 50px}} @media only screen and (max-width: 479px){ .project-timeline-two h4{ margin-left: 0; max-width: 100%; margin-top: 10px; margin-bottom: 0}} .project-timeline-two .image{ position: absolute; right: -50px; top: -40%; max-width: 50%; -webkit-transform: scale(0) rotate(-30deg); -ms-transform: scale(0) rotate(-30deg); transform: scale(0) rotate(-30deg); z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s} @media only screen and (max-width: 1399px){ .project-timeline-two .image{ right: 0}} @media only screen and (max-width: 575px){ .project-timeline-two .image{ top: 0}} .project-timeline-two .right-btn{ margin-left: 20px} @media only screen and (max-width: 479px){ .project-timeline-two .right-btn{ position: absolute; right: 0; top: 0}} .project-timeline-two .right-btn a{ font-size: 30px; display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); color: rgba(255,255,255,0.2)} .project-timeline-two:hover{ border-color: white; z-index: 9} .project-timeline-two:hover .serial-number, .project-timeline-two:hover .right-btn a{ color: white} .project-timeline-two:hover h4 a{ color: var(--voxire-primary-color); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px} .project-timeline-two:hover .image{ visibility: visible; opacity: 1; -webkit-transform: scale(1) rotate(13.43deg); -ms-transform: scale(1) rotate(13.43deg); transform: scale(1) rotate(13.43deg)}.project-details-area .text{ color: rgba(255,255,255,0.65)} @media only screen and (min-width: 576px){ .project-details-area .text{ font-size: 18px}}.big-letter:first-letter{ float: left; font-size: 24px; margin-top: 8px; font-weight: 700; padding: 6px 11px; margin-right: 30px; color: var(--voxire-dark-color); text-transform: uppercase; background: var(--voxire-primary-color)}.next-prev-post{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} @media only screen and (max-width: 1199px){ .next-prev-post{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column}} .next-prev-post .prev-post, .next-prev-post .next-post{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -25px; margin-right: -25px} @media only screen and (max-width: 479px){ .next-prev-post .prev-post, .next-prev-post .next-post{ margin-left: -10px; margin-right: -10px}} .next-prev-post .prev-post .image, .next-prev-post .prev-post .content, .next-prev-post .next-post .image, .next-prev-post .next-post .content{ padding-left: 25px; padding-right: 25px} @media only screen and (max-width: 479px){ .next-prev-post .prev-post .image, .next-prev-post .prev-post .content, .next-prev-post .next-post .image, .next-prev-post .next-post .content{ padding-left: 10px; padding-right: 10px}} .next-prev-post .prev-post h4, .next-prev-post .next-post h4{ margin-bottom: 15px} @media only screen and (max-width: 575px){ .next-prev-post .prev-post h4, .next-prev-post .next-post h4{ font-size: 20px; margin-bottom: 10px}} @media only screen and (max-width: 375px){ .next-prev-post .prev-post h4, .next-prev-post .next-post h4{ font-size: 18px}} .next-prev-post .prev-post h4 a:hover, .next-prev-post .next-post h4 a:hover{ text-decoration: underline} @media only screen and (max-width: 575px){ .next-prev-post .prev-post .image, .next-prev-post .next-post .image{ max-width: 30%}} .next-prev-post .next-post{ text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end}.accordion-item{ background: transparent} .accordion-item:not(:last-child){ margin-bottom: 15px} .accordion-item .accordion-header{ padding-bottom: 18px; margin-bottom: 22px; border-bottom: 1px solid var(--voxire-border-color)} .accordion-item .accordion-button{ background: transparent; font-size: 20px; padding: 0; color: white} @media only screen and (max-width: 375px){ .accordion-item .accordion-button{ font-size: 18px}} .accordion-item .accordion-button:focus{ -webkit-box-shadow: none; box-shadow: none} .accordion-item .accordion-button:after{ color: var(--voxire-primary-color); font-size: 18px; background: none; content: "\f061"; font-family: "Font Awesome 5 Pro"} .accordion-item .accordion-button:not(.collapsed):after{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)} .accordion-item .accordion-body{ padding: 0} .accordion-item .accordion-body p{ margin-bottom: 10px; font-size: 18px; color: rgba(255,255,255,0.65)}.faq-shapes .shape{ z-index: -1; max-width: 10%; position: absolute; -webkit-animation: rotated_circle 10s linear infinite; animation: rotated_circle 10s linear infinite} .faq-shapes .shape.left{ left: 5%; top: 25%} .faq-shapes .shape.right{ right: 5%; bottom: 35%}.faq-four-iamge{ z-index: 1; position: relative; display: inline-block; -webkit-animation: semi_rotated 10s infinite; animation: semi_rotated 10s infinite} .faq-four-iamge img{ border-radius: 250px 250px 0 0} .faq-four-iamge:before{ content: ''; z-index: -1; width: 135%; opacity: 0.1; position: absolute; left: 50%; bottom: -8%; background: white; padding-bottom: 135%; border-radius: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%)}.what-we-do-item{ padding-bottom: 35px; border-bottom: 1px solid rgba(255,255,255,0.1)} @media only screen and (min-width: 376px){ .what-we-do-item{ display: -webkit-box; display: -ms-flexbox; display: flex}} .what-we-do-item:not(:last-child){ margin-bottom: 45px} .what-we-do-item .number{ -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 135px; margin-bottom: 20px} @media only screen and (max-width: 479px){ .what-we-do-item .number{ width: 75px}} .what-we-do-item .number span{ width: 45px; height: 45px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 600; line-height: 45px; text-align: center; border-radius: 50%; display: inline-block; border: 1px solid rgba(255,255,255,0.1)} .what-we-do-item .content p{ opacity: 0.75} .what-we-do-item:hover{ border-bottom-color: var(--voxire-primary-color)} .what-we-do-item:hover .number span{ color: black; background: var(--voxire-primary-color); border-color: var(--voxire-primary-color)}.what-we-do-area:after{ z-index: -1; width: 900px; height: 900px; opacity: 0.3; border-radius: 50%; -webkit-filter: blur(200px); filter: blur(200px); position: absolute; right: -300px; top: -130px; background: var(--voxire-primary-color); -webkit-animation: zoomInOut 5s infinite; animation: zoomInOut 5s infinite}.what-we-do-area:before{ z-index: -1; content: ''; width: 555px; height: 555px; opacity: 0.3; position: absolute; right: -100px; bottom: 20%; -webkit-animation: zoomInOut 5s 2s infinite; animation: zoomInOut 5s 2s infinite; background: url(../images/shapes/circle-lines.png) no-repeat 100% 100%} @media only screen and (max-width: 575px){ .what-we-do-area:before{ width: 300px; height: 300px}}.why-choose-item{ margin-bottom: 50px} .why-choose-item .why-choose-header{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 2px solid var(--voxire-border-color); -webkit-transition: .3s; -o-transition: .3s; transition: .3s} .why-choose-item .why-choose-header i{ font-size: 22px; margin-right: 15px; color: var(--voxire-primary-color)} .why-choose-item .why-choose-header h5{ margin-bottom: 0} .why-choose-item:hover .why-choose-header{ border-color: white} .why-choose-item.style-two .why-choose-header i{ font-size: 80px; margin-right: 20px} @media only screen and (max-width: 375px){ .why-choose-item.style-two .why-choose-header i{ font-size: 60px}} @media only screen and (min-width: 376px){ .why-choose-item.style-two .why-choose-header h5{ font-size: 22px}} .why-choose-item.style-two p{ color: rgba(255,255,255,0.65)} @media only screen and (min-width: 376px){ .why-choose-item.style-two p{ font-size: 18px}} .why-choose-item.style-three{ padding: 20px 30px; margin-bottom: 30px; background: #0A1019; border: 1px solid var(--voxire-border-color)} .why-choose-item.style-three .why-choose-header{ margin-bottom: 15px; padding-bottom: 20px; border-color: var(--voxire-border-color)} .why-choose-item.style-three p{ margin-bottom: 0}.why-choose-two-wrap{ max-width: 480px}.why-choose-item-two{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px} .why-choose-item-two .icon{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px} .why-choose-item-two .icon i{ width: 35px; height: 35px; background: var(--voxire-primary-color); line-height: 35px; border-radius: 50%; text-align: center; margin-bottom: 20px} .why-choose-item-two .icon .icon-bottom-shape{ height: 80px; width: 2px; background: -webkit-gradient(linear,left top,left bottom,from(#6FCEEB),to(rgba(255,255,255,0))); background: -webkit-linear-gradient(top,#6FCEEB 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top,#6FCEEB 0%,rgba(255,255,255,0) 100%); background: linear-gradient(180deg,#6FCEEB 0%,rgba(255,255,255,0) 100%)} .why-choose-item-two .content h4{ font-size: 22px; margin-bottom: 13px}.feature-item-three{ padding-bottom: 35px; border-bottom: 2px solid var(--voxire-border-color); margin-bottom: 80px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s} .feature-item-three .top-part{ margin-bottom: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .feature-item-three .top-part .serial-number{ color: rgba(255,255,255,0.1); font-size: 55px; font-weight: 300; -webkit-transition: .3s; -o-transition: .3s; transition: .3s} .feature-item-three .top-part .details-btn{ width: 85px; height: 85px; background: #0B111A; color: var(--voxire-primary-color); border: none; line-height: 85px} .feature-item-three .content h4{ margin-bottom: 20px} .feature-item-three:hover{ border-color: var(--voxire-primary-color)} .feature-item-three:hover .top-part .serial-number{ color: white} .feature-item-three:hover .top-part .details-btn{ background: var(--voxire-primary-color); color: var(--voxire-dark-color)} .feature-item-three:hover .content h4 a{ text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px}@media only screen and (min-width: 1200px){ .about-image-six{ margin-left: auto; margin-right: -30px; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content}}.about-features{ max-width: 325px} @media only screen and (min-width: 1200px){ .about-features{ margin-left: auto}}.feature-six-item .icon{ font-size: 22px; color: var(--voxire-dark-color); margin-bottom: 25px; width: 50px; height: 50px; background: var(--voxire-primary-color); line-height: 50px; border-radius: 50%; text-align: center}.feature-six-item h5{ margin-bottom: 15px}.feature-six-item:not(:last-child){ margin-bottom: 45px}.we-provide-item{ padding: 50px; margin-bottom: 30px; background: #0A101A} @media only screen and (max-width: 991px){ .we-provide-item{ padding-left: 40px; padding-right: 40px}} @media only screen and (max-width: 375px){ .we-provide-item{ padding-left: 25px; padding-right: 25px}} .we-provide-item .serial-number{ font-size: 20px; border: 2px solid var(--voxire-primary-color); border-radius: 15px; padding: 1px 18px; color: white; margin-bottom: 30px; display: inline-block; margin-bottom: 32px} .we-provide-item h3{ line-height: 1.4; margin-bottom: 25px} @media only screen and (max-width: 375px){ .we-provide-item h3{ font-size: 25px}} .we-provide-item h3 span{ font-style: italic; font-weight: 300; color: var(--voxire-primary-color)} .we-provide-item .tags{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 5px; margin-left: -5px; margin-right: -5px} .we-provide-item .tags a{ -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 1px 10px; text-align: center; margin: 10px 5px 0; border-radius: 14px; border: 2px solid rgba(255,255,255,0.1)}.product-item{ background: #0A1019; margin-bottom: 30px} .product-item .image img{ width: 100%} .product-item .content{ padding: 28px 40px 40px 50px} @media only screen and (max-width: 375px){ .product-item .content{ padding-left: 25px; padding-right: 25px}} .product-item .content h5{ font-size: 22px; line-height: 1.58} .product-item .content .ratting-price .ratting i{ color: #FF7425} .product-item .content .ratting-price .ratting .price{ font-size: 22px; font-weight: 600; color: var(--voxire-primary-color); margin-left: 10px} .product-item .content .theme-btn{ margin-top: 34px; padding-top: 9px; padding-bottom: 9px}.shop-shorter{ -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .shop-shorter .sort-text{ margin-right: 25px} @media only screen and (min-width: 376px){ .shop-shorter .sort-text{ font-size: 18px}} .shop-shorter .products-dropdown .nice-select{ border: none; font-size: 16px; border-radius: 0; min-width: 300px; padding: 0 0 20px; background: transparent; border-bottom: 2px solid white} @media only screen and (max-width: 375px){ .shop-shorter .products-dropdown .nice-select{ min-width: 250px}} .shop-shorter .products-dropdown .nice-select:after{ right: 0; top: 11px} .shop-shorter .products-dropdown .nice-select .list{ background: #222222} .shop-shorter .products-dropdown .nice-select .list .selected, .shop-shorter .products-dropdown .nice-select .list .option:hover{ background-color: #111111}.preview-images{ margin-bottom: 30px} .preview-images img{ width: 100%}.thumb-images{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .thumb-images .thumb-item{ width: calc(33.3333% - 20px)} .thumb-images .thumb-item img{ width: 100%}.product-details-content .section-title h2{ margin-bottom: 15px}.product-details-content .ratting-price{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .product-details-content .ratting-price .price{ font-size: 24px; font-weight: 500; color: var(--voxire-primary-color); margin-left: 10px} .product-details-content .ratting-price .price:before{ content: '$'}.product-details-content .category-tags li:not(:last-child){ margin-bottom: 8px}.product-details-content .category-tags li b{ color: white; font-size: 18px; font-weight: 600; margin-right: 20px; margin-bottom: 10px} @media only screen and (min-width: 576px){ .product-details-content .category-tags li b{ min-width: 100px; display: inline-block}}.product-details-content .category-tags li a{ color: white; padding: 2px 25px; margin-bottom: 10px; display: inline-block; border: 1px solid var(--voxire-border-color)} @media only screen and (max-width: 375px){ .product-details-content .category-tags li a{ padding-left: 20px; padding-right: 20px}} .product-details-content .category-tags li a:not(:last-child){ margin-right: 10px} .product-details-content .category-tags li a:hover{ color: var(--voxire-dark-color); background: var(--voxire-primary-color)}.product-details-content .add-to-cart{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .product-details-content .add-to-cart input{ width: 90px; color: white; font-size: 20px; border-radius: 0; padding: 8px 20px; margin: 10px 10px 0 0; background: transparent; border: 2px solid var(--voxire-border-color)} .product-details-content .add-to-cart .theme-btn{ padding-top: 9px; padding-bottom: 9px; margin: 10px 10px 0 0} .product-details-content .add-to-cart .wishlist{ margin-top: 10px; padding: 8px 20px; border-radius: 5px; background: transparent; border: 1px solid var(--voxire-border-color)}.product-information-tab li:not(:last-child){ margin-right: 30px} @media only screen and (max-width: 575px){ .product-information-tab li:not(:last-child){ margin-right: 15px}}.product-information-tab li a{ font-weight: 700; background: white; color: var(--voxire-dark-color); padding: 11px 40px; margin-bottom: 15px; display: inline-block} @media only screen and (max-width: 479px){ .product-information-tab li a{ padding: 8px 25px}} .product-information-tab li a i{ margin-left: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)} .product-information-tab li a.active{ background: var(--voxire-primary-color)}.review-form .ratting b{ font-size: 20px; font-weight: 400; margin-right: 20px}.review-form .form-group{ margin-bottom: 30px} .review-form .form-group .nice-select, .review-form .form-group .form-control{ line-height: 1.4; background: red; border-color: red} @media only screen and (min-width: 480px){ .review-form .form-group .nice-select, .review-form .form-group .form-control{ font-size: 20px}} .review-form .form-group .nice-select::-webkit-input-placeholder, .review-form .form-group .form-control::-webkit-input-placeholder{ color: red} .review-form .form-group .nice-select:-ms-input-placeholder, .review-form .form-group .form-control:-ms-input-placeholder{ color: red} .review-form .form-group .nice-select::-ms-input-placeholder, .review-form .form-group .form-control::-ms-input-placeholder{ color: red} .review-form .form-group .nice-select::placeholder, .review-form .form-group .form-control::placeholder{ color: red} .review-form .form-group .nice-select:focus, .review-form .form-group .form-control:focus{ background: transparent; border-color: red} .review-form .form-group .nice-select .current, .review-form .form-group .form-control .current{ font-weight: 400}@media only screen and (min-width: 768px){ .review-form .theme-btn{ padding: 14px 55px}}.work-step-item{ padding: 32px 32px 16px; background: #0A1019; text-align: center; margin-bottom: 30px; position: relative; z-index: 1} .work-step-item:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url("../images/shapes/work-step-bg.png"); background-color: var(--voxire-primary-color); visibility: hidden; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; z-index: -1} .work-step-item:after{ content: "\f105"; font-family: "Font Awesome 5 Pro"; color: rgba(255,255,255,0.3); position: absolute; left: calc(100% + 42px); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .3s; -o-transition: .3s; transition: .3s} @media only screen and (max-width: 1399px){ .work-step-item:after{ left: calc(100% + 12px)}} @media only screen and (max-width: 1199px){ .work-step-item:after{ content: none}} .work-step-item.arrow-none:after{ content: none} .work-step-item.bg-shape-none:before{ background-image: none} .work-step-item .step-number{ font-size: 18px; font-weight: 500; color: var(--voxire-primary-color); display: inline-block; margin-bottom: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s} .work-step-item .title{ font-size: 22px; margin-bottom: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s} .work-step-item .content{ line-height: 30px; padding-top: 20px; border-top: 1px solid var(--voxire-border-color); -webkit-transition: .3s; -o-transition: .3s; transition: .3s} .work-step-item:hover:before{ visibility: visible; opacity: 1} .work-step-item:hover:after{ color: white} .work-step-item:hover .step-number, .work-step-item:hover .title, .work-step-item:hover .content{ color: var(--voxire-dark-color)} .work-step-item:hover .content{ border-color: var(--voxire-dark-color)}.bg-line-shape{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: -1; width: 100%; top: 44%} @media only screen and (min-width: 1600px){ .bg-line-shape{ width: 118%}} @media only screen and (max-width: 1199px){ .bg-line-shape{ display: none}}.work-step-item.style-two{ width: 270px; height: 270px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 50%} @media only screen and (max-width: 767px){ .work-step-item.style-two{ margin-top: 0}} .work-step-item.style-two:before{ border-radius: 50%} .work-step-item.style-two:after{ content: ''; width: 100%; height: 100%; left: 0; top: 0; z-index: -2; border-radius: 50%; border: 2px solid rgba(255,255,255,0.2); -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); visibility: hidden; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s} .work-step-item.style-two:hover:after{ visibility: visible; opacity: 1; left: 10px; top: 10px}.work-step-item.style-three{ width: 270px; height: 270px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 50%; border: 1px solid var(--voxire-border-color); background: transparent} .work-step-item.style-three:before{ content: none} .work-step-item.style-three .step-number{ color: var(--voxire-primary-color)} .work-step-item.style-three .title{ color: white} .work-step-item.style-three .content{ color: var(--voxire-body-color); border-color: var(--voxire-border-color)} .work-step-item.style-three .image{ position: absolute; right: 30%; bottom: 30%; -webkit-transform: scale(0) rotate(15deg); -ms-transform: scale(0) rotate(15deg); transform: scale(0) rotate(15deg); visibility: hidden; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s} .work-step-item.style-three .image img{ border-radius: 12px} .work-step-item.style-three:hover{ z-index: 3} .work-step-item.style-three:hover .image{ visibility: visible; opacity: 1; right: -27px; bottom: -29%; -webkit-transform: scale(1) rotate(-15deg); -ms-transform: scale(1) rotate(-15deg); transform: scale(1) rotate(-15deg)} @media only screen and (max-width: 375px){ .work-step-item.style-three:hover .image{ right: 0}}.work-process-three-area .work-step-item:after{ left: calc(100% + 32px)} @media only screen and (max-width: 1399px){ .work-process-three-area .work-step-item:after{ content: none}}.work-process-five-area{ position: relative; z-index: 1} .work-process-five-area:before{ content: ''; z-index: -1; position: absolute; left: 70px; top: 0; background: #0A1019; width: calc(100% - 140px); height: 100%} @media only screen and (max-width: 1599px){ .work-process-five-area:before{ left: 0; width: 100%}}.work-process-five{ margin-bottom: 30px} .work-process-five .icon-title{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 28px} .work-process-five .icon-title i{ font-size: 65px; margin-right: 25px; color: var(--voxire-primary-color)} .work-process-five .read-more{ margin-top: 10px; text-decoration: none} .work-process-five .read-more:not(:hover){ color: white}.skills-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap}.skill-item{ padding: 17px 40px; border-radius: 40px; background: white; margin-bottom: 35px; margin-left: 15px; margin-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; -webkit-box-shadow: 0 5px 0 0 var(--voxire-primary-color); box-shadow: 0 5px 0 0 var(--voxire-primary-color)} @media only screen and (max-width: 767px){ .skill-item{ padding: 8px 15px; margin-left: 5px; margin-right: 5px; margin-bottom: 20px}} @media only screen and (max-width: 767px){ .skill-item img{ max-width: 20px}} .skill-item .text{ color: #181818; font-size: 20px; font-weight: 600; margin-left: 15px} @media only screen and (max-width: 767px){ .skill-item .text{ font-size: 15px; margin-left: 8px}}.my-skill-images{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 40px 40px 20px; background: var(--voxire-primary-color)} @media only screen and (max-width: 575px){ .my-skill-images{ padding-left: 15px; padding-right: 15px; padding-bottom: 30px}} .my-skill-images .skill-item{ -webkit-box-shadow: none; box-shadow: none; border-radius: 0; margin: 0 10px 20px; border: 2px solid var(--voxire-dark-color)} @media only screen and (min-width: 768px){ .my-skill-images .skill-item{ padding: 15px 28px}} @media only screen and (max-width: 575px){ .my-skill-images .skill-item{ margin: 0 5px 10px}} @media only screen and (max-width: 375px){ .my-skill-images .skill-item{ padding: 5px 10px}}.cta-wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -15px; margin-right: -15px} .cta-wrap > *{ margin: 0 15px 15px} .cta-wrap h4{ text-align: center; color: var(--voxire-dark-color)} @media only screen and (min-width: 576px){ .cta-wrap h4{ font-size: 27px}} .cta-wrap .theme-btn{ color: var(--voxire-dark-color); padding-top: 4px; padding-bottom: 4px; border: 2px solid var(--voxire-dark-color)} .cta-wrap .theme-btn:hover{ border: 2px solid var(--voxire-dark-color)}.cta-shapes .shape{ z-index: -1; max-width: 5%; position: absolute} .cta-shapes .shape.one{ left: 5%; bottom: 20px} .cta-shapes .shape.two{ left: 15%; top: 25px} .cta-shapes .shape.three{ left: 25%; top: 30px} .cta-shapes .shape.four{ right: 15%; bottom: 20px} .cta-shapes .shape.five{ right: 25%; top: 30px} .cta-shapes .shape.six{ right: 5%; top: 30px}.author-speech{ color: white; font-size: 27px; font-weight: 500; line-height: 1.67} @media only screen and (max-width: 767px){ .author-speech{ font-size: 20px}} .author-speech .quote{ font-size: 65px; font-weight: 300; line-height: 0; vertical-align: -4px; display: inline-block; margin-right: 5px} @media only screen and (max-width: 767px){ .author-speech .quote{ font-size: 50px}} .author-speech .quote.right-quote{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); vertical-align: -20px; margin-right: 0; margin-left: 5px}.testimonial-footer{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; max-width: 575px}.testimonial-author{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap} .testimonial-author .author-image{ margin-right: 25px} .testimonial-author .author-image img{ width: 65px; height: 65px; border-radius: 50%} @media only screen and (max-width: 375px){ .testimonial-author .author-info{ width: 100%; margin-top: 10px}} .testimonial-author .author-info h4{ font-size: 22px; margin-bottom: 2px} .testimonial-author .author-info .designation{ color: white}.testimonial-controls{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .testimonial-controls .slick-arrow{ color: rgba(255,255,255,0.65); font-size: 30px; background: transparent} .testimonial-controls .slick-arrow:focus,.testimonial-controls .slick-arrow:hover{ color: var(--voxire-primary-color)} .testimonial-controls .testimonial-dots{ margin-left: 30px; margin-right: 30px}.testimonials-active .slick-list{ padding-top: 15px}.testimonial-item.style-two .author-speech{ font-weight: 400; text-align: center; padding-bottom: 15px} @media only screen and (min-width: 992px){ .testimonial-item.style-two .author-speech{ font-size: 32px}}.testimonial-item.style-two hr{ background: -webkit-radial-gradient(50.43% 100.01%,49.57% 329259.92%,#6FCEEB 20%,rgba(111,206,235,0) 100%); background: -o-radial-gradient(50.43% 100.01%,49.57% 329259.92%,#6FCEEB 20%,rgba(111,206,235,0) 100%); background: radial-gradient(49.57% 329259.92% at 50.43% 100.01%,#6FCEEB 20%,rgba(111,206,235,0) 100%); height: 2px}.testimonial-item.style-two .testimonial-footer{ margin-left: auto; margin-right: auto; margin-top: 40px}.testimonial-item.style-two .testimonial-author .author-info .designation{ color: rgba(255,255,255,0.65)}.testimonials-two-active{ padding-left: 220px; padding-right: 220px} @media only screen and (max-width: 1199px){ .testimonials-two-active{ padding-left: 120px; padding-right: 120px}} @media only screen and (max-width: 991px){ .testimonials-two-active{ padding-left: 60px; padding-right: 60px}} @media only screen and (max-width: 767px){ .testimonials-two-active{ padding-left: 30px; padding-right: 30px}} @media only screen and (max-width: 479px){ .testimonials-two-active{ padding-left: 0; padding-right: 0}} .testimonials-two-active .slick-list{ padding-top: 10px} .testimonials-two-active .slick-arrow{ top: 12%; color: white; opacity: 0.2; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 120px; position: absolute; background: transparent; z-index: 9} @media only screen and (max-width: 1199px){ .testimonials-two-active .slick-arrow{ top: 20%}} @media only screen and (max-width: 991px){ .testimonials-two-active .slick-arrow{ font-size: 80px}} @media only screen and (max-width: 767px){ .testimonials-two-active .slick-arrow{ top: 15%; font-size: 50px}} @media only screen and (max-width: 479px){ .testimonials-two-active .slick-arrow{ top: 20%}} .testimonials-two-active .slick-arrow.prev-arrow{ left: -50px} @media only screen and (max-width: 1599px){ .testimonials-two-active .slick-arrow.prev-arrow{ left: 0}} .testimonials-two-active .slick-arrow.next-arrow{ right: -50px} @media only screen and (max-width: 1599px){ .testimonials-two-active .slick-arrow.next-arrow{ right: 0}} .testimonials-two-active .slick-arrow:hover,.testimonials-two-active .slick-arrow:focus{ opacity: 1}.testimonial-two-dots .slick-dots li.slick-active,.testimonial-three-dots .slick-dots li.slick-active{ background: var(--voxire-primary-color)}.testimonial-item.style-three .ratting{ margin-left: -5px; margin-bottom: 20px}@media only screen and (min-width: 992px){ .testimonial-item.style-three .author-speech{ font-size: 30px; line-height: 1.5}}.testimonial-item.style-three .middle-quote{ border-bottom: 1px solid var(--voxire-border-color); position: relative; margin-top: 70px; margin-bottom: 70px} .testimonial-item.style-three .middle-quote .icon{ width: 65px; height: 65px; background: black; line-height: 65px; border-radius: 50%; text-align: center; font-size: 30px; color: var(--voxire-primary-color); line-height: 70px; border: 1px solid var(--voxire-border-color); position: absolute; left: 40px; top: -32px} @media only screen and (max-width: 375px){ .testimonial-item.style-three .middle-quote .icon{ left: 20px}}.testimonial-item.style-three .testimonial-author{ margin-left: 40px} @media only screen and (max-width: 375px){ .testimonial-item.style-three .testimonial-author{ margin-left: 20px}} .testimonial-item.style-three .testimonial-author .author-info .designation{ color: var(--voxire-body-color)}.testimonial-controls.style-three .slick-arrow:focus,.testimonial-controls.style-three .slick-arrow:hover{ color: white}.testimonial-three-dots{ margin-left: 35px; margin-right: 35px} .testimonial-three-dots .slick-dots li{ margin-left: 7px; margin-right: 7px}.testimonial-three-prev i,.testimonial-three-next i{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)}.testimonials-three-image{ position: relative; z-index: 1} .testimonials-three-image img{ width: 100%} .testimonials-three-image:after{ content: ''; z-index: -1; position: absolute; right: -50px; top: -50px; width: 65%; height: 85%; background: url(../images/testimonials/testi-three-bg-shape.png) no-repeat center/cover}.image-border-shape{ position: relative; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content} .image-border-shape .bottom-border{ position: absolute; right: -15px; bottom: 50px; z-index: -1; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg)} @media only screen and (max-width: 479px){ .image-border-shape .bottom-border{ right: 0}}.bottom-border{ width: 330px; height: 330px; border: 60px solid; border-radius: 50%; border-color: var(--voxire-primary-color) var(--voxire-primary-color) var(--voxire-primary-color) transparent} @media only screen and (max-width: 479px){ .bottom-border{ width: 250px; height: 250px; border-width: 40px}}.testimonial-section-five{ background: #0A1019}.testimonial-five-image{ height: 100%; min-height: 500px; background-size: cover}@media only screen and (max-width: 575px){ .testimonial-five-right{ padding-left: 35px; padding-right: 35px}}@media only screen and (max-width: 375px){ .testimonial-five-right{ padding-left: 25px; padding-right: 25px}}.testimonial-five-right .author-speech{ font-weight: 400} @media only screen and (min-width: 992px){ .testimonial-five-right .author-speech{ font-size: 30px}}.testimonial-five-right hr{ opacity: 1; height: 2px; border: none; margin-top: 40px; background: -webkit-gradient(linear,left top,right top,color-stop(0.86%,#6FCEEB),to(rgba(111,206,235,0))); background: -webkit-linear-gradient(left,#6FCEEB 0.86%,rgba(111,206,235,0) 100%); background: -o-linear-gradient(left,#6FCEEB 0.86%,rgba(111,206,235,0) 100%); background: linear-gradient(90deg,#6FCEEB 0.86%,rgba(111,206,235,0) 100%)}.testimonial-five-right .testimonial-footer{ margin-top: 40px}.client-logo-wrap{ margin-left: -30px; margin-right: -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} @media only screen and (max-width: 1199px){ .client-logo-wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}} .client-logo-wrap .client-logo-item{ max-width: 40%; margin: 0 30px 30px; -webkit-filter: grayscale(1) opacity(0.2); filter: grayscale(1) opacity(0.2)} .client-logo-wrap .client-logo-item:hover{ -webkit-filter: grayscale(0) opacity(1); filter: grayscale(0) opacity(1)}@media only screen and (min-width: 480px){ .client-text{ font-size: 18px}}.client-logo-wrap-two{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px} .client-logo-wrap-two .client-logo-item{ padding: 30px; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #0A1019; margin-left: 15px; margin-right: 15px; width: calc(20% - 30px); border: 1px solid var(--voxire-border-color)} @media only screen and (max-width: 1199px){ .client-logo-wrap-two .client-logo-item{ width: calc(25% - 30px)}} @media only screen and (max-width: 991px){ .client-logo-wrap-two .client-logo-item{ width: calc(33.333% - 30px)}} @media only screen and (max-width: 575px){ .client-logo-wrap-two .client-logo-item{ width: calc(50% - 30px)}} .client-logo-wrap-two .client-logo-item img{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1)} .client-logo-wrap-two .client-logo-item:hover{ background: var(--voxire-primary-color)} .client-logo-wrap-two .client-logo-item:hover img{ -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0)}.widget:not(:last-child){ margin-bottom: 50px}.widget-title{ color: var(--voxire-primary-color); margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,0.15)}.widget-search .widget-title{ margin-bottom: 0; border-bottom: none}.widget-search form{ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid white} .widget-search form input{ padding: 0; color: white; border: none; font-size: 22px; background: transparent} .widget-search form input::-webkit-input-placeholder{ color: white} .widget-search form input:-ms-input-placeholder{ color: white} .widget-search form input::-ms-input-placeholder{ color: white} .widget-search form input::placeholder{ color: white} .widget-search form button{ -webkit-box-flex: 0; -ms-flex: none; flex: none; color: white; font-size: 20px; background: transparent}.widget-author{ text-align: center} .widget-author img{ border-radius: 50%; margin-bottom: 33px} .widget-author h5{ margin-bottom: 15px} @media only screen and (min-width: 376px){ .widget-author h5{ font-size: 22px}} .widget-author p{ max-width: 315px; margin-left: auto; margin-right: auto; margin-bottom: 25px} .widget-author .social-style-one a{ font-size: 20px; margin-left: 15px; margin-right: 15px} .widget-author .social-style-one a:hover{ color: var(--voxire-primary-color)}.widget-category ul li{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .widget-category ul li:not(:last-child){ margin-bottom: 15px} .widget-category ul li span{ margin-left: 6px; -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px)}.widget-recent-news ul li{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .widget-recent-news ul li:not(:last-child){ margin-bottom: 30px} .widget-recent-news ul li .image{ -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: 100px; margin-right: 35px} @media only screen and (max-width: 375px){ .widget-recent-news ul li .image{ max-width: 70px; margin-right: 15px}} .widget-recent-news ul li h5{ margin-bottom: 0; line-height: 1.65; font-size: 18px} @media only screen and (min-width: 992px) and (max-width: 1199px){ .widget-recent-news ul li h5{ font-size: 16px}} @media only screen and (max-width: 375px){ .widget-recent-news ul li h5{ font-size: 15px; line-height: 1.3}} .widget-recent-news ul li .date{ font-size: 14px; text-transform: uppercase} .widget-recent-news ul li .date i{ margin-right: 7px}.tag-coulds{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px -7.5px 0} .tag-coulds a{ font-size: 16px; font-weight: 500; padding: 7px 22px; margin: 15px 7.5px 0; background: transparent; border: 1px solid var(--voxire-border-color)} .tag-coulds a:hover{ background: #16161C; border-color: #16161C}.gallery{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px -10px 0} .gallery a{ margin: 20px 10px 0; z-index: 1; position: relative; max-width: calc(33.333% - 20px)} .gallery a::before{ position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0; background-color: #000000} .gallery a:before{ z-index: 1; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s} .gallery a i{ z-index: 2; position: absolute; left: 50%; top: 50%; opacity: 0; font-size: 20px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform: translate(-50%,-50%) rotate(-45deg); -ms-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg)} .gallery a:hover:before{ opacity: 0.75} .gallery a:hover i{ opacity: 1}.error-header.fixed-header .header-inner{ padding-top: 10px; padding-bottom: 10px}.error-section{ min-height: 100vh}.error-content h1{ margin-bottom: 20px} @media only screen and (min-width: 1200px){ .error-content h1{ font-size: 100px}} @media only screen and (max-width: 767px){ .error-content h1{ font-size: 60px}} @media only screen and (max-width: 375px){ .error-content h1{ font-size: 50px}}@media only screen and (min-width: 1400px){ .error-image{ margin-right: -150px}}.main-footer{ background-color: #0A1019; background-size: cover; background-position: center center; background-repeat: no-repeat}.footer-top{ border-bottom: 1px solid var(--voxire-border-color)}.lets-work img{ float: left; width: 80px; height: 80px; border-radius: 50%; margin-right: 20px} @media only screen and (max-width: 575px){ .lets-work img{ width: 50px; height: 50px}}.lets-work span{ color: white; font-size: 85px; font-weight: 600; line-height: 1.1} @media only screen and (max-width: 1199px){ .lets-work span{ font-size: 65px}} @media only screen and (max-width: 575px){ .lets-work span{ font-size: 50px}} @media only screen and (max-width: 375px){ .lets-work span{ font-size: 40px}}.footer-contact-info .theme-btn.style-three{ margin-top: 15px} @media only screen and (max-width: 375px){ .footer-contact-info .theme-btn.style-three{ font-size: 20px}} .footer-contact-info .theme-btn.style-three:not(:last-child){ margin-right: 30px}.footer-contact-info .phone-number{ color: var(--voxire-dark-color); background: var(--voxire-primary-color); border-color: var(--voxire-primary-color)} .footer-contact-info .phone-number:hover{ color: var(--voxire-secondary-color); background: transparent; border-color: var(--voxire-border-color)}@media only screen and (min-width: 1400px){ .footer-right-content{ border-left: 1px solid var(--voxire-border-color); padding-left: 60px; padding-top: 75px; padding-bottom: 75px}}@media only screen and (max-width: 1399px){ .footer-right-content{ padding-top: 75px}}.footer-right-content .widget_nav_menu{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}.footer-title{ margin-bottom: 28px}.footer-bottom-menu ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: -30px} .footer-bottom-menu ul li{ margin: 0 30px 5px 0} .footer-bottom-menu ul li a{ color: white}.copyright-text{ border-top: 1px solid var(--voxire-border-color); border-left: 1px solid var(--voxire-border-color)} @media only screen and (max-width: 1399px){ .copyright-text{ border: none}} .copyright-text p{ margin-bottom: 5px} .copyright-text a{ color: var(--voxire-primary-color)}.footer-widget{ margin-bottom: 50px}@media only screen and (min-width: 376px){ .footer-two .footer-title{ font-size: 22px}}.footer-two p a{ color: var(--voxire-primary-color)}.footer-two .widget_nav_menu{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .footer-two .widget_nav_menu .list-style-two li{ font-size: 16px} .footer-two .widget_nav_menu .list-style-two li:not(:last-child){ margin-bottom: 5px}.footer-left-title{ font-size: 65px; font-weight: 500; color: white; line-height: 1.1} @media only screen and (max-width: 1199px){ .footer-left-title{ font-size: 55px}} @media only screen and (max-width: 575px){ .footer-left-title{ font-size: 45px}} @media only screen and (max-width: 575px){ .footer-left-title{ font-size: 40px}} @media only screen and (max-width: 375px){ .footer-left-title{ font-size: 35px}}.footer-text{ max-width: 250px} .footer-text a{ margin-bottom: 8px; display: inline-block; text-decoration: underline} .footer-text a:hover{ color: var(--voxire-primary-color); text-decoration: none}.footer-newsletter{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.65)} .footer-newsletter input{ padding: 0; border: none; background: transparent; color: rgba(255,255,255,0.65)} .footer-newsletter input::-webkit-input-placeholder{ color: rgba(255,255,255,0.65)} .footer-newsletter input:-ms-input-placeholder{ color: rgba(255,255,255,0.65)} .footer-newsletter input::-ms-input-placeholder{ color: rgba(255,255,255,0.65)} .footer-newsletter input::placeholder{ color: rgba(255,255,255,0.65)} .footer-newsletter button{ background: transparent; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); color: rgba(255,255,255,0.65)}.newsletter-widget .policy{ display: -webkit-box; display: -ms-flexbox; display: flex} .newsletter-widget .policy input{ margin-top: 3px; margin-right: 15px} .newsletter-widget .policy label{ margin-bottom: 0} .newsletter-widget .policy label a{ text-decoration: underline}.footer-three .copyright-area a{ color: var(--voxire-primary-color)}.footer-top-two .footer-logo{ max-width: 160px}.footer-top-two .social-style-four a:hover{ color: var(--voxire-primary-color); text-decoration: underline}.footer-four .social-style-four{ margin-left: -15px; margin-right: -15px} .footer-four .social-style-four a{ margin-left: 15px; margin-right: 15px} .footer-four .social-style-four a:hover{ color: var(--voxire-primary-color)}.footer-four .list-style-two li{ font-size: 16px} .footer-four .list-style-two li:not(:last-child){ margin-bottom: 10px}.footer-four .footer-logo{ max-width: 160px}.footer-four .copyright-area{ border-top: 1px solid rgba(255,255,255,0.1)} .footer-four .copyright-area a{ color: var(--voxire-primary-color)}.footer-five .footer-bottom-menu ul li a:hover,.footer-five .footer-copyright-text a{ color: var(--voxire-primary-color)}.footer-five .copyright-area{ border-top: 1px solid rgba(255,255,255,0.1)}.footer-five .footer-info .list-style-two li{ display: -webkit-box; display: -ms-flexbox; display: flex} .footer-five .footer-info .list-style-two li:not(:last-child){ margin-bottom: 15px} .footer-five .footer-info .list-style-two li i{ margin-top: 7px; margin-right: 13px; color: var(--voxire-primary-color)} .footer-five .footer-info .list-style-two li a:hover{ font-size: 24px}.footer-six{ color: #64748B} .footer-six a{ color: #64748B} .footer-six .footer-logo img{ max-width: 160px} .footer-six .footer-newsletter{ border: none; background: white; padding: 5px 5px 5px 20px} .footer-six .footer-newsletter input{ color: #64748B} .footer-six .footer-newsletter input::-webkit-input-placeholder{ color: #64748B} .footer-six .footer-newsletter input:-ms-input-placeholder{ color: #64748B} .footer-six .footer-newsletter input::-ms-input-placeholder{ color: #64748B} .footer-six .footer-newsletter input::placeholder{ color: #64748B} .footer-six .footer-newsletter button{ -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 45px; height: 45px; color: black; font-size: 20px; line-height: 45px; text-align: center; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background: var(--voxire-primary-color)} .footer-six .footer-newsletter button i{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)} .footer-six .list-style-two li{ display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px} .footer-six .list-style-two li i{ -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20px; font-size: 20px; margin-top: 10px; margin-right: 12px; color: var(--voxire-primary-color)} .footer-six .widget_nav_menu .list-style-two li{ -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: relative} .footer-six .widget_nav_menu .list-style-two li a:before{ left: 0; top: 2px; opacity: 0; color: white; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; content: "\f105"; position: absolute; font-family: "Font Awesome 5 Pro"} .footer-six .widget_nav_menu .list-style-two li a:hover{ color: white; padding-left: 18px} .footer-six .widget_nav_menu .list-style-two li a:hover:before{ opacity: 1} .footer-six .footer-info .list-style-two li:not(:last-child){ margin-bottom: 15px} .footer-six .copyright-area{ border-top: 1px solid var(--voxire-border-color)} .footer-six .copyright-area .footer-copyright-text a{ color: var(--voxire-primary-color)} .footer-six .copyright-area .scroll-top{ border-radius: 50%; position: absolute; left: calc(50% - 20px); top: -20px} @media only screen and (min-width: 768px){ .footer-six .copyright-area .scroll-top{ top: -30px; width: 60px; height: 60px; font-size: 20px; line-height: 60px; left: calc(50% - 30px)}}.vx-nav-cta{ position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 10px 28px; margin-left: 20px; font-family: 'Manrope',system-ui,sans-serif; font-size: 15px; font-weight: 600; letter-spacing: -0.01em; color: #F0F0F6; background: transparent; border: 2px solid transparent; border-radius: 100px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background 0.3s ease,color 0.3s ease,border-color 0.3s ease; background-image: linear-gradient(#111118,#111118),linear-gradient(135deg,#63C6BD 0%,#519AD1 50%,#5A4398 100%); background-origin: border-box; background-clip: padding-box,border-box;}.vx-nav-cta:hover,.vx-nav-cta:focus-visible{ background-image: linear-gradient(135deg,#63C6BD 0%,#519AD1 50%,#5A4398 100%); background-clip: border-box; color: #fff; border-color: transparent;}[data-theme="light"] .vx-nav-cta{ background-image: linear-gradient(#fff,#fff),linear-gradient(135deg,#63C6BD 0%,#519AD1 50%,#5A4398 100%); background-origin: border-box; background-clip: padding-box,border-box; color: #1A1A26;}[data-theme="light"] .vx-nav-cta:hover,[data-theme="light"] .vx-nav-cta:focus-visible{ background-image: linear-gradient(135deg,#63C6BD 0%,#519AD1 50%,#5A4398 100%); background-clip: border-box; color: #fff;}.fixed-header .vx-nav-cta{ background-image: linear-gradient(#222222,#222222),linear-gradient(135deg,#63C6BD 0%,#519AD1 50%,#5A4398 100%);}[data-theme="light"] .fixed-header .vx-nav-cta{ background-image: linear-gradient(#fff,#fff),linear-gradient(135deg,#63C6BD 0%,#519AD1 50%,#5A4398 100%);}input,select,textarea,input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],input[type="search"]{ font-size: 16px;}